@import"../font/font.css";:root{--colorPrimaryL: rgb(17, 88, 229);--colorPrimary: #1E4F92;--colorPrimaryD: #002670;--colorSecondL: #fc1732;--colorSecond: #CE0019;--colorSecondD: #82000f;--colorSecondL2: #5ef4ff;--colorSecond2: #4FC0C9;--colorSecondD2: #2b787d;--colorGray25: #FFFFFF;--colorGray50: #FCFCFD;--colorGray100: #F9FAFB;--colorGray200: #F3F4F6;--colorGray300: #E5E7EB;--colorGray400: #D2D6DB;--colorGray500: #9DA4AE;--colorGray600: #6C737F;--colorGray700: #4D5761;--colorGray800: #384250;--colorGray900: #1F2A37;--colorGray950: #0D121C;--colorGrayMain: #333333;--colorBlack: #0D121C;--colorWhite: #FCFCFD;--colorBlueL: #84C2FF;--colorGrey: #E2E2E4;--colorGreen: #C9E8E2;--gradient-primaryL: linear-gradient(135deg, #55c9b0 5.86%, #08e9b8 74.89%);--gradient-primary: linear-gradient(135deg, #2d6a5d 5.86%, #00ac87 74.89%);--gradient-secoundL: linear-gradient(0deg, #FFC692 -73.08%, #FFEFB6 46.23%, #FFEC8B 103.68%);--gradient-secound: linear-gradient(0deg, #D09131 0%, #F8D76D 40.97%, #FFF 79.41%, #F8D76D 105.43%, #FFF 140%);--gradient-secoundD: linear-gradient(0deg, #F8D76D 1.23%, #D09131 73.15%, #F8D76D 87.53%, #FFF 109.45%, #FFF 111.64%);--gradient-black: linear-gradient(122deg, #181010 25%, #51515d 100%);--gradient-grey: linear-gradient(40deg, #adabab 25%, #777 100%);--gradient-silver: radial-gradient(91.77% 115.83% at 22.77% 18.75%,#fff 0%,#d9d9d9 100%);--gradient-blue: linear-gradient(100deg, #0062D4 -18.48%, #42D2FF 142.79%);--gradient-blue2: linear-gradient(143deg, #0258AA 16.76%, #209DEB 85.96%);--baseFontsize: 16px}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:initial}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{line-height:initial;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0);text-decoration:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}ul,ol{padding-inline-start:1.5em}ul li::marker{font-size:1em}ol,ul,li{margin:0}hr{display:block;width:100%;height:1px;margin:0;border:none;background-color:#000}section{position:relative}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select:focus,textarea{font-size:16px}.btn{font-size:16px;line-height:normal;font-weight:bold;cursor:pointer;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;height:50px;line-height:50px;width:100%;padding:0 24px;color:#fff;background-color:var(--colorPrimary);border:2px solid var(--colorPrimary);cursor:pointer;display:inline-flex;justify-content:center;flex-wrap:nowrap;align-items:center;gap:8px}@media(min-width: 768px){.btn{font-size:22px}}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.btn{font-size:16px}}@media(min-width: 1024px){.btn{height:50px;line-height:50px;min-width:180px}}@media(min-width: 768px){.btn:hover{background-color:var(--colorPrimaryD);border-color:var(--colorPrimaryD)}}.btn.red{background:radial-gradient(11.94% 8.98% at 15.43% 20%, #fff 0%, rgba(255, 255, 255, 0) 50.77%),linear-gradient(180deg, #d00616 2.5%, #f53d4a 20.31%, #fd4d4d 55.31%, #fd4d4d 90.62%, #f10000 100%);border:none;box-shadow:none;color:#fff}.btn.outline{background:#fcfcfd;color:var(--colorPrimary)}@media(min-width: 768px){.btn.outline:hover{background-color:#fff}}.btn.outline.red{border-color:#f81e2f;color:#f81e2f}.btn.small{font-size:14px;line-height:normal;font-weight:500;min-width:150px;height:36px;line-height:36px}@media(min-width: 768px){.btn.small{font-size:18px}}.btn.disabled,.btn:disabled{background:var(--colorGray200);color:var(--colorGray400);border-color:rgba(0,0,0,0);box-shadow:none;cursor:unset;pointer-events:none}.btn.facebook{background:#2081e2;border-color:#2081e2;color:#fff;font-weight:bold}.btn.facebook i{display:block;width:24px;height:24px;background:url(../img/ui/button/ico-fb.svg) center center no-repeat;background-size:auto 100%;margin-right:10px}.btn.facebook:hover{background-color:#2e89ff;border-color:#2e89ff}.btn.download i{display:block;width:24px;height:24px;background:url(../img/ui/button/ico-download.svg) center center no-repeat;background-size:auto 100%;margin-right:10px}.btnTop{cursor:pointer;color:var(--colorGray950);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;overflow:hidden;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;width:40px;border:1px solid #d2d6db;background:rgba(249,250,251,.5);box-shadow:0px 1px 3px 0px rgba(16,24,40,.1);backdrop-filter:blur(6px);font-size:14px}.btnTop:before{content:"";display:block;width:20px;height:20px;background:url(../img/ui/button/ico-top.svg) center center no-repeat;background-size:100% auto;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}@media(min-width: 768px){.btnTop{zoom:1.4}}.link{font-size:1.25rem;display:flex;align-items:center;column-gap:12px}.link:after{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;position:relative;content:"";display:block;right:0;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;position:relative;content:"";display:block;width:12px;height:12px;border-top:2px solid;border-left:2px solid;border-color:var(--colorPrimary);transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.link:hover:after{right:-10px}.link.white{color:#fff}.link.gray{color:#929292}.link.gray:after{background-image:url(../img/ci/ico-arrow-r-gray.svg)}.link.down{font-size:1rem}@media(min-width: 1024px){.link.down{font-size:1.25rem}}.link.down:after{right:inherit;background-image:url(../img/ci/ico-arrow-d.svg)}.link.down:hover{color:var(--colorPrimary)}a.btnBack{color:#1c1b1b;cursor:pointer;display:flex;align-items:center}a.btnBack:before{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;position:relative;content:"";display:block;width:10px;height:10px;border-top:2px solid;border-left:2px solid;border-color:#1c1b1b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);margin-right:10px;left:0px}a.btnBack:hover{color:var(--colorPrimary)}a.btnBack:hover:before{left:-10px}#btnLoadmore:after{right:inherit;top:-2px;transform:rotate(225deg);-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg)}#btnLoadmore:hover{background-color:var(--colorPrimaryD);border-color:var(--colorPrimaryD)}#btnFilter{cursor:pointer;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;background-color:#fff;width:52px;height:52px;border:1px solid #d6d6d6;box-shadow:0px 1px 3px 0px rgba(16,24,40,.1),0px 1px 2px 0px rgba(16,24,40,.06);display:flex;align-items:center;justify-content:center}#btnFilter span{display:flex;flex-direction:column;row-gap:6px}#btnFilter i{display:block;width:16px;height:2px;background-color:#424242;position:relative}#btnFilter i:before{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);content:"";display:block;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;width:7px;height:7px;border:2px solid #424242;background:#fff;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}#btnFilter i:first-child:before{left:-1px}#btnFilter i:last-child:before{left:11px}#btnFilter:hover{background-color:#ffd6d6}#btnFilter:hover i{background-color:var(--colorPrimary)}#btnFilter:hover i:before{border-color:var(--colorPrimary);background-color:#ffd6d6}#btnFilter:hover i:first-child:before{left:11px}#btnFilter:hover i:last-child:before{left:-1px}#btnFilter.active{background-color:var(--colorPrimary)}#btnFilter.active i{background-color:#fff}#btnFilter.active i:before{border-color:#fff;background-color:var(--colorPrimary)}#btnFilter.active i:first-child:before{left:11px}#btnFilter.active i:last-child:before{left:-1px}#btnCamera{width:36px;height:36px;overflow:hidden;border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px;-ms-border-radius:36px;-o-border-radius:36px;border:1px solid #e5e5e5;background:url(../img/ui/icon/camera.svg) center center no-repeat #fff}body{position:relative}body.openedMenu{overflow:hidden}body.openedMenu .wrapContent{overflow:hidden}.bHideArea{display:none;position:fixed;z-index:94036;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.5)}div[id^=pageIndex] #btnMenu,div[id^=pageIndex] #btnCloseMenu{cursor:pointer;width:22px;height:22px;display:block;background:center center no-repeat;background-size:100%}@media(min-width: 768px){div[id^=pageIndex] #btnMenu,div[id^=pageIndex] #btnCloseMenu{zoom:1.3}}div[id^=pageIndex] #btnMenu{background-image:url(../img/ci/index/ico-menu.svg)}div[id^=pageIndex] #btnCloseMenu{background-image:url(../img/ci/index/ico-close.svg)}div[id^=pageIndex] header{width:100%;padding:12px 16px;position:fixed;top:0;z-index:94034;background-color:rgba(239,239,239,.4);backdrop-filter:blur(2px)}div[id^=pageIndex] header .bHeader{display:flex;justify-content:space-between;align-items:center;width:100%}@media(min-width: 1280px){div[id^=pageIndex] header .bHeader{margin-inline:auto;width:calc(100% - 32px)}}@media(min-width: 1280px)and (min-width: 768px){div[id^=pageIndex] header .bHeader{width:calc(100% - 32px)}}@media(min-width: 1280px)and (min-width: 1024px){div[id^=pageIndex] header .bHeader{width:calc(100% - 150px)}}@media(min-width: 1280px)and (min-width: 767px)and (max-width: 1023px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){div[id^=pageIndex] header .bHeader{width:calc(100% - 100px)}}div[id^=pageIndex] header .bLogo{display:flex;align-items:center}div[id^=pageIndex] header .bLogo img{display:block;width:auto;height:36px}@media(min-width: 768px)and (min-width: 768px){div[id^=pageIndex] header .bLogo{zoom:1.3}}div[id^=pageIndex] header .bLeft{display:flex;gap:16px;align-items:center}div[id^=pageIndex] header .bLeft nav.bMenuPC{display:flex;justify-content:center;position:relative;gap:20px;display:none}@media(min-width: 1440px){div[id^=pageIndex] header .bLeft nav.bMenuPC{display:flex}}div[id^=pageIndex] header .bLeft nav.bMenuPC>a{font-size:16px;color:var(--colorPrimary);font-weight:500}div[id^=pageIndex] header .bLeft nav.bMenuPC>a:last-child{margin-bottom:0}div[id^=pageIndex] header .bLeft nav.bMenuPC>a.active{color:var(--colorSecond)}div[id^=pageIndex] header .bLeft nav.bMenuPC>a:hover{color:var(--colorSecond)}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu{cursor:pointer;font-size:16px;position:relative;font-weight:500}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu>a{position:relative;display:flex;justify-content:space-between;align-items:flex-start;color:var(--colorPrimary);gap:8px}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu>a i.btnSubmenu{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;display:block;width:20px;height:20px;-webkit-mask:url("../img/ui/button/ico-top.svg") center center no-repeat;mask:url("../img/ui/button/ico-top.svg") center center no-repeat;background-color:var(--colorPrimary);transform:rotate(180deg);position:relative;top:4px}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu>a:hover{color:var(--colorSecond)}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu>a:hover i.btnSubmenu{background-color:var(--colorSecond)}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu div.innerSub{display:none;position:absolute;top:100%;right:-20px;padding:12px}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu div.innerSub .bWrap{background-color:var(--colorWhite);box-shadow:0px 1px 12px 0px rgba(0,0,0,.12);overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;padding:12px 24px;min-width:335px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;align-items:flex-start}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu div.innerSub a{display:table;color:#384250}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu div.innerSub a:hover{color:var(--colorPrimary)}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu:hover div{display:block}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu.active .btnSubmenu{color:var(--colorPrimary)}div[id^=pageIndex] header .bLeft nav.bMenuPC .bSubmenu.active .btnSubmenu:after{border-color:var(--colorPrimary)}@media(min-width: 1440px){div[id^=pageIndex] header .bLeft #btnMenu{display:none}}div[id^=pageIndex] #menuDrawer{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;overflow:scroll;position:fixed;top:0;right:-100%;z-index:94037;margin-inline:auto;width:calc(100% - 32px);width:100%;max-width:415px !important;height:100dvh;display:flex;flex-direction:column;background:url(../img/ci/index/bg-paper.jpg) repeat}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer{width:calc(100% - 32px)}}@media(min-width: 1024px){div[id^=pageIndex] #menuDrawer{width:calc(100% - 150px)}}@media(min-width: 767px)and (max-width: 1023px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){div[id^=pageIndex] #menuDrawer{width:calc(100% - 100px)}}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer{position:fixed}}div[id^=pageIndex] #menuDrawer .bHeadDrawer{width:100%;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}div[id^=pageIndex] #menuDrawer .bHeadDrawer .bLogo{display:flex;align-items:center}div[id^=pageIndex] #menuDrawer .bHeadDrawer .bLogo img{display:block;width:auto;height:32px}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer .bHeadDrawer .bLogo{zoom:1.3}}div[id^=pageIndex] #menuDrawer nav{display:flex;justify-content:center;flex-direction:column;position:relative;gap:16px;padding:32px 24px 40px}div[id^=pageIndex] #menuDrawer nav>a{font-size:20px;line-height:normal;color:var(--colorBlack);font-weight:500}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer nav>a{font-size:26px}}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer nav>a{font-size:16px;line-height:normal}}@media(min-width: 768px)and (min-width: 768px){div[id^=pageIndex] #menuDrawer nav>a{font-size:22px}}div[id^=pageIndex] #menuDrawer nav>a:last-child{margin-bottom:0}div[id^=pageIndex] #menuDrawer nav>a.active{color:var(--colorPrimary)}div[id^=pageIndex] #menuDrawer nav .bSubmenu>a{position:relative;display:flex;justify-content:space-between;align-items:flex-start;font-size:20px;line-height:normal;color:var(--colorBlack);font-weight:500;gap:8px}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer nav .bSubmenu>a{font-size:26px}}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer nav .bSubmenu>a{font-size:16px;line-height:normal}}@media(min-width: 768px)and (min-width: 768px){div[id^=pageIndex] #menuDrawer nav .bSubmenu>a{font-size:22px}}div[id^=pageIndex] #menuDrawer nav .bSubmenu>a i.btnSubmenu{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;display:block;width:20px;height:20px;background:url(../img/ui/button/ico-top.svg) center center no-repeat;transform:rotate(0deg);border-color:var(--colorGray800);margin-top:8px}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer nav .bSubmenu>a i.btnSubmenu{width:24px;height:24px;margin-top:6px;background-size:120%}}div[id^=pageIndex] #menuDrawer nav .bSubmenu>a.opened:after{transform:rotate(0deg)}div[id^=pageIndex] #menuDrawer nav .bSubmenu div{padding:16px 12px 0}div[id^=pageIndex] #menuDrawer nav .bSubmenu div>a{display:table;margin-bottom:16px;font-size:20px;line-height:normal;color:var(--colorGray800)}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer nav .bSubmenu div>a{font-size:26px}}@media(min-width: 768px){div[id^=pageIndex] #menuDrawer nav .bSubmenu div>a{font-size:16px;line-height:normal}}@media(min-width: 768px)and (min-width: 768px){div[id^=pageIndex] #menuDrawer nav .bSubmenu div>a{font-size:22px}}div[id^=pageIndex] #menuDrawer nav .bSubmenu.active .btnSubmenu{color:var(--colorPrimary)}div[id^=pageIndex] #menuDrawer nav .bSubmenu.active .btnSubmenu:after{border-color:var(--colorPrimary)}div[id^=pageIndex] #menuDrawer .bContact{border-top:1px solid #d2d6db;padding:40px 0;width:calc(100% - 32px)}div[id^=pageIndex] #menuDrawer.opened{right:0}footer{background-color:var(--colorWhite);padding:60px 0 40px}footer .bFooter{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}footer p{margin-inline:auto;width:calc(100% - 32px);text-align:center;color:var(--colorGray600);font-size:10px;line-height:normal;padding:12px}@media(min-width: 768px){footer p{width:calc(100% - 32px)}}@media(min-width: 1024px){footer p{width:calc(100% - 150px)}}@media(min-width: 767px)and (max-width: 1023px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){footer p{width:calc(100% - 100px)}}@media(min-width: 768px){footer p{font-size:12px}}section#pPdpa{z-index:94035;box-shadow:0px -10px 10px rgba(0,0,0,.1);position:fixed;bottom:0;left:0;width:100%;background-color:#fff;padding:20px 0;overflow:hidden;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}section#pPdpa .bPdpa{margin-inline:auto;width:calc(100% - 48px)}@media(min-width: 768px){section#pPdpa .bPdpa{width:90%}}@media(min-width: 1024px){section#pPdpa .bPdpa{max-width:1420px}}section#pPdpa .bPdpa .bGroup{display:grid;grid-template-columns:100%;grid-column-gap:30px;justify-items:center}@media(min-width: 768px){section#pPdpa .bPdpa .bGroup{grid-column-gap:10%;justify-items:start;grid-template-columns:auto auto}}section#pPdpa .bPdpa .bGroup .bText{display:flex;align-items:center;margin-bottom:16px}@media(min-width: 768px){section#pPdpa .bPdpa .bGroup .bText{margin-bottom:0}}section#pPdpa .bPdpa .bGroup .bText span{font-size:12px;line-height:normal;font-weight:500;color:#1c1b1b;text-transform:uppercase}@media(min-width: 768px){section#pPdpa .bPdpa .bGroup .bText span{font-size:14px}}section#pPdpa .bPdpa .bGroup .bText p{color:#1c1b1b;font-size:12px;line-height:normal}@media(min-width: 768px){section#pPdpa .bPdpa .bGroup .bText p{font-size:14px}}section#pPdpa .bPdpa .bGroup .bText p>b{display:block}section#pPdpa .bPdpa .bGroup .bText p a{text-decoration:underline}section#pPdpa .bPdpa .bBtn{display:flex;align-items:center;width:100%;justify-content:center}@media(min-width: 768px){section#pPdpa .bPdpa .bBtn{justify-content:flex-end}}.inputStyle,.select>select,input[list],input[type=text],input[type=password],input[type=textarea],textarea,input[type=date],input[type=month],input[type=year],input[type=email]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:"sukhumvit",sans-serif;font-weight:normal;line-height:normal;position:relative;width:100%;outline:0;border:0;background-color:#fbfcfc;color:var(--colorPrimary);height:52px;line-height:52px;padding:0 12px;overflow:hidden;border:1px solid var(--colorGray400);overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;font-size:16px;line-height:normal;font-weight:400}@media(min-width: 768px){.inputStyle,.select>select,input[list],input[type=text],input[type=password],input[type=textarea],textarea,input[type=date],input[type=month],input[type=year],input[type=email]{font-size:22px}}@media(min-width: 1024px){.inputStyle,.select>select,input[list],input[type=text],input[type=password],input[type=textarea],textarea,input[type=date],input[type=month],input[type=year],input[type=email]{height:58px;line-height:58px}}.inputStyle::placeholder,.select>select::placeholder,input[list]::placeholder,input[type=text]::placeholder,input[type=password]::placeholder,input[type=textarea]::placeholder,textarea::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,input[type=year]::placeholder,input[type=email]::placeholder{color:var(--colorGray500);opacity:1}.inputStyle::-ms-input-placeholder,.select>select::-ms-input-placeholder,input[list]::-ms-input-placeholder,input[type=text]::-ms-input-placeholder,input[type=password]::-ms-input-placeholder,input[type=textarea]::-ms-input-placeholder,textarea::-ms-input-placeholder,input[type=date]::-ms-input-placeholder,input[type=month]::-ms-input-placeholder,input[type=year]::-ms-input-placeholder,input[type=email]::-ms-input-placeholder{color:var(--colorGray500)}input[list],input[type=text],input[type=password],input[type=textarea],textarea,input[type=date],input[type=month],input[type=year],input[type=email]{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;resize:none}input[list]:disabled,input[type=text]:disabled,input[type=password]:disabled,input[type=textarea]:disabled,textarea:disabled,input[type=date]:disabled,input[type=month]:disabled,input[type=year]:disabled,input[type=email]:disabled{color:var(--colorPrimary);background-color:var(--colorGray200);border:1px solid var(--colorGray400)}input[list]:focus,input[type=text]:focus,input[type=password]:focus,input[type=textarea]:focus,textarea:focus,input[type=date]:focus,input[type=month]:focus,input[type=year]:focus,input[type=email]:focus{border-color:var(--colorPrimaryL)}.control{display:block;position:relative;padding:0px 14px;cursor:pointer;padding-left:30px;font-size:16px;line-height:normal}@media(min-width: 768px){.control{font-size:22px}}@media(min-width: 1024px){.control{padding-left:30px}}.control input{position:absolute;z-index:-1;opacity:0;left:0;top:0;width:100%;height:100%;margin:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.control--checkbox input{position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.control--checkbox .control__indicator{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;height:16px;width:16px;background:url(../img/ui/form/ico-check.svg) center center no-repeat no-repeat;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:0px}.control--checkbox input:checked~.control__indicator{background-image:url(../img/ui/form/ico-checked.svg)}.control--checkbox input:disabled~.control__indicator{opacity:.6}.control--checkbox input:disabled~.control__indicator:after{opacity:.6}.control--radio{padding-left:30px;color:var(--colorGray950)}.control--radio .control__indicator{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;border-radius:50%;height:16px;width:16px;background-color:#fbfcfc;border:1px solid #d2d6db;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:0}.control--radio input:checked~.control__indicator{border:1px solid var(--colorSecond);background-color:var(--colorSecond)}.control--radio input:checked~.control__indicator:after{display:block}.control--radio .control__indicator:after{content:"";position:absolute;display:none;height:6px;width:6px;border-radius:50%;background:#fbfcfc;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%)}.control--radio input:disabled~.control__indicator{opacity:.6}.control--radio input:disabled~.control__indicator:after{opacity:.6}.select{position:relative;display:inline-block;width:100%;overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;background-color:#fbfcfc}.select>select{display:inline-block;cursor:pointer;border:1px solid var(--colorGray400);background-color:rgba(0,0,0,0);padding-right:40px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}@media(min-width: 768px){.select>select{line-height:normal}}.select>select::-ms-expand{display:none}.select>select:disabled{color:var(--colorPrimary);background-color:var(--colorGray200);border:1px solid var(--colorGray400);pointer-events:none}.select:before{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:0;content:"";width:52px;height:100%;background:url(../img/ui/form/ico-arrow-select.svg) center center no-repeat !important;z-index:0}@media(min-width: 1024px){.select:before{width:52px}}.datalist{line-height:33px}datalist{display:none}input::-webkit-calendar-picker-indicator{display:none;opacity:0}textarea{height:120px;padding:8px 12px;border-bottom:1px solid var(--colorGray400);overflow:hidden;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;overflow:scroll}@media(min-width: 768px){textarea{padding:8px 16px}}input[type=date],input[type=month],input[type=year]{text-align:left;padding:8px 36px 9px 12px}input[type=date]:after,input[type=month]:after,input[type=year]:after{content:"";display:block;z-index:0;right:16px;width:32px;height:100%;background:url(../img/ui/form/ico-calendar.svg) center center no-repeat !important;background-size:50%;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:4px}input[type=date]::-webkit-calendar-picker-indicator,input[type=month]::-webkit-calendar-picker-indicator,input[type=year]::-webkit-calendar-picker-indicator{display:block;opacity:1;width:32px;height:100%;background:rgba(0,0,0,0);position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:1;right:4px}input[type=date]::-webkit-date-and-time-value,input[type=month]::-webkit-date-and-time-value,input[type=year]::-webkit-date-and-time-value{text-align:left}input[type=password]{padding-right:36px}.controlPass{position:relative}.controlPass .btnshowPass{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:7px;color:var(--colorGray300);width:32px;height:100%;overflow:hidden;text-indent:-999px;background:url(../img/ui/form/ico-invisible.svg) center center no-repeat !important}.controlPass .btnshowPass:hover{color:var(--colorPrimary)}.controlPass .btnshowPass.show{background-image:url(../img/ui/form/ico-visibility.svg) !important}.checkboxPDPA{display:flex;align-items:flex-start;flex-direction:column}.checkboxPDPA .control{line-height:28px}.checkboxPDPA .control input{top:50%}.checkboxPDPA .bText span{color:#ff2b1e;font-size:.8em}.checkboxPDPA .bText a:hover{color:var(--colorSecond)}.bCaptcha{margin-bottom:25px}.bCaptcha>img{width:100%;max-width:300px;height:auto}@media(min-width: 1024px){.bCaptcha>img{width:360px}}.control-group [data-content]:after{content:attr(data-content);display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:20px;color:var(--colorSecond)}.control-group [data-content] input{padding-right:20%}.control-group .floating-label{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;display:block;position:absolute;opacity:0;top:-10px;left:0px;font-size:12px;line-height:normal;color:var(--colorGray500);white-space:nowrap}@media(min-width: 768px){.control-group .floating-label{font-size:14px}}.control-group .form-control:placeholder-shown+.floating-label{visibility:hidden;z-index:-1;transition:.2s ease-in-out;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-ms-transition:.2s ease-in-out;-o-transition:.2s ease-in-out}.control-group .form-control:not(:placeholder-shown)+.floating-label,.control-group .form-control:focus:not(:placeholder-shown)+.floating-label{visibility:visible;z-index:1;opacity:1;transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out}.bForm{width:100%;display:grid;grid-template-columns:100%;grid-row-gap:8px}.bForm>*:last-child{margin-bottom:0}.bForm .bRow{display:flex;gap:24px;flex-direction:column}@media(min-width: 768px){.bForm .bRow{flex-direction:row}}.bForm .control-group{width:100%;position:relative;display:flex;flex-direction:column;row-gap:4px}.bForm .control-group [class*=tTitle]{font-size:14px;line-height:normal;color:var(--colorGray600)}@media(min-width: 768px){.bForm .control-group [class*=tTitle]{font-size:18px}}.bForm .control-group [class*=tTitle] span{display:inline}.bForm .control-group>p{margin-bottom:4px}.bForm .control-group.validate [class*=tTitle]:after{content:"*";color:#ff2b1e;font-size:14px;line-height:normal;margin-left:2px;position:relative}@media(min-width: 768px){.bForm .control-group.validate [class*=tTitle]:after{font-size:18px}}.bForm .control-group.error input,.bForm .control-group.error select,.bForm .control-group.error textarea{border-color:#ff2b1e !important;color:#ff2b1e !important}.bForm .control-group.error label.tError{display:flex}.bForm .control-group.error label.tError:before{display:none}.bForm .control-group.success input,.bForm .control-group.success select,.bForm .control-group.success textarea{border-color:#0bc753 !important;color:#0bc753 !important}.bForm .control-group.pdpa p{font-size:16px;line-height:normal;color:var(--colorGray950)}@media(min-width: 768px){.bForm .control-group.pdpa p{font-size:22px}}.bForm .control-group.pdpa p span{color:#ff2b1e}.bForm .control-group.pdpa p a{text-decoration:underline;font-weight:bold}.bForm .control-group.date .gDate{display:grid;grid-template-columns:auto 1fr auto;column-gap:8px}.bForm .control-group.date .gDate .day select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.bForm .control-group.date .gDate .month select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.bForm .control-group.date .gDate .year select{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.bForm .control-group.sex .gSex{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:8px;flex-shrink:1}.bForm .control-group.sex .gSex [data-icon]{padding-left:16px}.bForm .control-group.sex .gSex [data-icon]:before{content:"";width:20px;height:20px;background:center center no-repeat;background-size:cover;position:relative;display:block;margin-right:4px}.bForm .control-group.sex .gSex [data-icon][data-icon*=male]:before{background-image:url(../img/ui/icon/male.svg)}.bForm .control-group.sex .gSex [data-icon][data-icon*=female]:before{background-image:url(../img/ui/icon/female.svg)}.bForm .control-group.sex .gSex [data-icon][data-icon*=none]:before{background-image:url(../img/ui/icon/nosex.svg)}.bForm .control-group.sex .gSex input:checked~[data-icon*=male]:before{background-image:url(../img/ui/icon/male-active.svg)}.bForm .control-group.sex .gSex input:checked~[data-icon*=female]:before{background-image:url(../img/ui/icon/female-active.svg)}.bForm .control-group.sex .gSex input:checked~[data-icon*=none]:before{background-image:url(../img/ui/icon/nosex-active.svg)}.bForm .control-group .gCamera{display:grid;grid-template-columns:1fr auto;column-gap:8px}.bForm .control-group>p{font-size:16px;line-height:normal;color:var(--colorGray700)}@media(min-width: 768px){.bForm .control-group>p{font-size:22px}}.bForm .tError{display:none;font-size:14px;line-height:normal;color:#ff2b1e;font-weight:300;display:none;align-items:center;column-gap:8px}@media(min-width: 768px){.bForm .tError{font-size:18px}}.bForm .tError:before{content:"";display:block;vertical-align:middle;width:16px;height:16px;background:url(../img/ui/form/ico-error.svg) center center no-repeat !important;background-size:contain}.bForm.error>.tError{display:flex}.bForm .bPhone{display:grid;grid-template-columns:35% auto;gap:8px}@media(min-width: 768px){.bForm .bPhone{grid-template-columns:35% auto}}.btnClear{cursor:pointer;width:44px;height:44px;background:url(../img/ui/form/ico-clear.svg) center center no-repeat;background-size:12px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);right:0}.btnAdd{cursor:pointer;width:40px;height:40px;background:url(../img/ui/form/ico-add.svg) center center no-repeat}.jBox-wrapper{z-index:99999 !important}.jBox-overlay{z-index:99998 !important;background-color:rgba(0,0,0,.7)}.jBox-Modal .jBox-container{overflow:hidden;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;background-color:rgba(0,0,0,0)}.jBox-Modal .jBox-container,.jBox-Modal.jBox-closeButton-box:before{box-shadow:none}.jBox-Modal .jBox-content{padding:0 !important;margin:0 auto !important}.jBox-closeButton-box .jBox-closeButton{width:30px;height:30px;background:url(../img/ui/ico-close.svg) center center no-repeat;background-size:70% auto;background-color:rgba(0,0,0,.25);position:absolute;right:0px;top:0px;overflow:hidden;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}.jBox-closeButton-box .jBox-closeButton:hover{background-color:var(--colorSecond)}.jBox-closeButton-box .jBox-closeButton svg{display:none}.bModal{display:none;overflow:hidden;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;padding:0px;background-color:rgba(0,0,0,0);margin:0px;-webkit-box-shadow:0px 0px 10px rgba(16,50,90,.2);-moz-box-shadow:0px 0px 10px rgba(16,50,90,.2);box-shadow:0px 0px 10px rgba(16,50,90,.2)}.bModal.bCard{padding:0;display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#f9f9ee;padding:24px 16px;overflow:hidden;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}@media(min-width: 768px){.bModal.bCard{padding:32px}}.bModal.bCard img{display:block;width:100%;height:auto}.bModal.bCard .bDetails{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px}.bModal.bCard .bDetails .icoAlert{display:block;width:24px;height:24px;background:url(../img/ui/modal/ico-alert.svg) center center no-repeat;background-size:auto}.bModal.bCard .bDetails .tTitle{font-size:20px;line-height:normal;color:#f81e2f;font-weight:bold}@media(min-width: 768px){.bModal.bCard .bDetails .tTitle{font-size:26px}}.bModal.bCard .bDetails .tDetails{margin-bottom:24px;text-align:center}.bModal.bCard .bDetails .tDetails p{font-size:20px;line-height:normal}@media(min-width: 768px){.bModal.bCard .bDetails .tDetails p{font-size:26px}}@media(min-width: 768px){.bModal.bCard .bDetails .tDetails p{font-size:24px;line-height:normal}}@media(min-width: 768px)and (min-width: 768px){.bModal.bCard .bDetails .tDetails p{font-size:30px}}.bModal.bCard .bBtn{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:12px}.bModal.VDO .bYoutube{width:70vw;padding-top:56.25%}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.bModal.VDO .bYoutube{width:80vw}}@media(max-width: 767px){.bModal.VDO .bYoutube{width:90vw;padding:0 20px;padding-top:56.25%}}.bModal.VDO iframe{position:absolute;left:0;top:0;width:100%;height:100%;display:block}.jBox-container{box-shadow:none !important}.bModal.Image .bPic{display:flex;justify-content:center;width:90vw}@media(min-width: 768px){.bModal.Image .bPic{width:80vw}}.bModal.Image a{color:#fff;margin-top:16px}.bModal.Image img{height:auto;width:100%;margin:0 auto}@media(min-width: 768px){.bModal.Image img{width:auto;max-height:80vh}}.bModal.Image img.iconClose{position:absolute;width:32px;height:auto;margin:0}a.btnCloseModal{width:48px;height:48px;background:url(../img/ui/ico-close.svg) center center no-repeat;background-size:24px;position:absolute;top:0px;right:0px}a.btnCloseModal2{width:48px;height:48px;background:url(../img/ui/ico-close-2.svg) center center no-repeat;background-size:32px;position:absolute;top:0px;right:0px}a.btnCloseTips{width:44px;height:44px;background:url(../img/ui/ico-close.svg) center center no-repeat;background-size:20px;position:absolute;top:0px;right:0px}.bModal#ModalQR{padding:40px 0}.bModal#ModalQR .bQR{display:flex;align-items:center;flex-direction:column;gap:12px}.bModal#ModalQR .bQR .bPic{position:relative;background-color:var(--colorPrimary);overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;overflow:inherit;border:1px solid var(--colorPrimary);padding:10px}.bModal#ModalQR .bQR .bPic img,.bModal#ModalQR .bQR .bPic svg,.bModal#ModalQR .bQR .bPic canvas{display:block;width:160px;height:auto}.bModal#ModalQR .bQR .bPic:before{content:"";display:block;width:54px;height:54px;background:url(../img/ci/icon/ico-clip-yellow.svg) center center no-repeat;background-size:100%;position:absolute;left:-16px;top:-16px}.bModal#ModalQR .bQR>div{font-size:12px;line-height:normal;display:flex;align-items:center;gap:4px}@media(min-width: 768px){.bModal#ModalQR .bQR>div{font-size:14px}}.bModal#ModalQR .bMemberDetails{width:100%;display:flex;justify-content:center;align-items:center;gap:20px;margin:40px 0}.bModal#ModalQR .bMemberDetails .bDisplay .bPic{width:91px;height:75px}.bModal#ModalQR .bMemberDetails .bDetails{gap:8px;align-items:flex-start}.bModal#ModalQR .bMemberDetails .bDetails h2{font-size:20px;line-height:normal;font-weight:bold;margin-bottom:4px}@media(min-width: 768px){.bModal#ModalQR .bMemberDetails .bDetails h2{font-size:26px}}.bModal#ModalQR .bMemberDetails .bDetails p[data-icon*=birthday]{display:flex;align-items:center;gap:4px;margin-bottom:12px}.bModal#ModalQR .bMemberDetails .bDetails p[data-icon*=birthday]:before{content:"";width:16px;height:16px;background:center center no-repeat;background-size:cover;position:relative;display:block;background-image:url(../img/ui/icon/birthday.svg);top:-2px}.bModal#ModalQR .bMemberDetails .bDetails p.bMemberID{display:flex;align-items:center;gap:8px}.bModal#ModalQR .bBtn{display:flex;justify-content:center}.bModal#ModalQR .bBtn p{font-size:12px;line-height:normal;color:var(--colorGray800);text-align:center;line-height:150%}@media(min-width: 768px){.bModal#ModalQR .bBtn p{font-size:14px}}.bModal#ModalQR .bBtn a[data-icon*=download]{display:flex;align-items:center;gap:8px;width:fit-content}.bModal#ModalQR .bBtn a[data-icon*=download]:before{content:"";width:16px;height:16px;background:center center no-repeat;background-size:cover;position:relative;display:block;background-image:url(../img/ui/icon/download.svg)}.bModal#ModalQR i.btnTips{display:block;width:16px;height:16px;background:center center;background-image:url(../img/ui/icon/tips.svg);position:relative;font-style:normal}.bModal#ModalQR .bTips{display:none;position:absolute;bottom:28px;right:-16px;z-index:999999;overflow:hidden;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;overflow:inherit;background-color:#fff;padding:20px 12px 12px;width:270px;box-shadow:0px 4px 6px -2px rgba(16,24,40,.03),0px 12px 16px -4px rgba(16,24,40,.08)}.bModal#ModalQR .bTips:after{content:"";display:block;width:0px;height:0px;border-style:solid;border-width:8px 8px 0 8px;border-color:#fff rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);transform:rotate(0deg);position:absolute;bottom:-6px;right:16px}.bModal#ModalQR .bTips span{font-weight:bold;margin-bottom:4px}.bModal#ModalQR .bTips p{color:var(--colorGray700);margin-bottom:4px}.bModal#ModalQR .bTips p:last-child{margin-bottom:0}.bModal#ModalQR.tips:before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:998}.bModal#ModalReceipt{padding:0}.bModal#ModalConfirmExchange .tTitle,.bModal#ModalConfirmLuckydraw .tTitle{color:var(--colorPrimary);text-align:center}[data-animate],[data-animate-scene],[data-animate-delay],[data-animate-delay1],[data-animate-delay2],[data-animate-delay3]{transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in}[data-animate-delay1]{transition-delay:.3s}[data-animate-delay2]{transition-delay:.6s}[data-animate-delay3]{transition-delay:.9s}[data-animate1],[data-animate2],[data-animate3]{transition:all .5s ease-in;-webkit-transition:all .5s ease-in;-moz-transition:all .5s ease-in;-o-transition:all .5s ease-in;-ms-transition:all .5s ease-in;position:relative !important;opacity:0;transform:translate(0, 0)}[data-animate1][data-animate1=top],[data-animate1][data-animate2=top],[data-animate1][data-animate3=top],[data-animate2][data-animate1=top],[data-animate2][data-animate2=top],[data-animate2][data-animate3=top],[data-animate3][data-animate1=top],[data-animate3][data-animate2=top],[data-animate3][data-animate3=top]{transform:translate(0, -30px)}[data-animate1][data-animate1=bottom],[data-animate1][data-animate2=bottom],[data-animate1][data-animate3=bottom],[data-animate2][data-animate1=bottom],[data-animate2][data-animate2=bottom],[data-animate2][data-animate3=bottom],[data-animate3][data-animate1=bottom],[data-animate3][data-animate2=bottom],[data-animate3][data-animate3=bottom]{transform:translate(0, 30px)}[data-animate1][data-animate1=left],[data-animate1][data-animate2=left],[data-animate1][data-animate3=left],[data-animate2][data-animate1=left],[data-animate2][data-animate2=left],[data-animate2][data-animate3=left],[data-animate3][data-animate1=left],[data-animate3][data-animate2=left],[data-animate3][data-animate3=left]{transform:translate(-30px, 0)}[data-animate1][data-animate1=right],[data-animate1][data-animate2=right],[data-animate1][data-animate3=right],[data-animate2][data-animate1=right],[data-animate2][data-animate2=right],[data-animate2][data-animate3=right],[data-animate3][data-animate1=right],[data-animate3][data-animate2=right],[data-animate3][data-animate3=right]{transform:translate(30px, 0)}[data-animate1][data-animate1=center],[data-animate1][data-animate2=center],[data-animate1][data-animate3=center],[data-animate2][data-animate1=center],[data-animate2][data-animate2=center],[data-animate2][data-animate3=center],[data-animate3][data-animate1=center],[data-animate3][data-animate2=center],[data-animate3][data-animate3=center]{transform:translate(0, 0)}.transit{opacity:1 !important;transform:translate(0, 0) !important}html{font-size:var(--baseFontsize);scroll-behavior:smooth;scroll-padding-top:56px;padding-top:0}@media(min-width: 1024px){html{scroll-padding-top:70px;padding-top:0}}body{font-family:"sukhumvit",sans-serif;font-weight:normal;line-height:normal;font-size:16px;line-height:normal;color:var(--colorGray950);min-height:-webkit-fill-available;background-color:#f0eeed;overflow-x:hidden}@media(min-width: 768px){body{font-size:22px}}.container{margin-inline:auto;width:calc(100% - 32px)}@media(min-width: 768px){.container{width:calc(100% - 32px)}}@media(min-width: 1024px){.container{width:calc(100% - 150px)}}@media(min-width: 767px)and (max-width: 1023px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){.container{width:calc(100% - 100px)}}a{transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;color:var(--colorPrimary)}.bPreload{display:block;width:100%;height:100%;padding:0;position:fixed;top:0;left:0;background-color:#fff;background-size:100px auto;z-index:94036}.bPreload img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);display:block;width:auto;height:50px}div[id^=page]{position:relative;min-height:calc(100dvh - 0px)}div[id^=page] .wrapContent{position:relative}.hide{display:none !important}.pc{display:none !important}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.pc{display:none !important}}@media(min-width: 1280px){.pc{display:block !important}}.pc-tablet{display:none !important}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.pc-tablet{display:block !important}}@media(min-width: 1280px){.pc-tablet{display:block !important}}.mobile-tablet{display:block !important}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.mobile-tablet{display:block !important}}@media(min-width: 1280px){.mobile-tablet{display:none !important}}.mobile{display:block !important}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){.mobile{display:none !important}}@media(min-width: 1280px){.mobile{display:none !important}}#pLoadmore .bLoadmore{border-top:1px solid var(--colorGray300);text-align:center;padding-top:32px}@media(min-width: 768px){#pLoadmore .bLoadmore{padding-top:48px}}#pLoadmore .bLoadmore p{color:var(--colorPrimary);font-weight:bold;font-size:20px;line-height:normal}@media(min-width: 768px){#pLoadmore .bLoadmore p{font-size:26px}}@media(min-width: 768px){#pLoadmore .bLoadmore p{font-size:24px;line-height:normal}}@media(min-width: 768px)and (min-width: 768px){#pLoadmore .bLoadmore p{font-size:30px}}.btnCopy{cursor:pointer;width:20px;height:20px;background:center center no-repeat;background-size:cover;position:relative;display:block;background-image:url(../img/ui/icon/copy.svg)}body.copy div[id^=page]:after{content:"คัดลอกเรียบร้อยแล้ว";font-size:14px;line-height:normal;display:block;position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);position:fixed;z-index:99999;top:0;width:100%;background-color:var(--colorGray50);padding:4px 0;text-align:center;box-shadow:0px 4px 6px -2px rgba(16,24,40,.03),0px 12px 16px -4px rgba(16,24,40,.08)}@media(min-width: 768px){body.copy div[id^=page]:after{font-size:18px}}.ico-star{width:20px;height:20px;background:url(../img/ci/icon/ico-star.svg) center center no-repeat}.ico-download{width:20px;height:20px;background:url(../img/ci/campaign/result/ico-download.svg) center center no-repeat}.bContact{margin-inline:auto;width:calc(100% - 32px);display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}@media(min-width: 768px){.bContact{width:calc(100% - 32px)}}@media(min-width: 1024px){.bContact{width:calc(100% - 150px)}}@media(min-width: 767px)and (max-width: 1023px)and (orientation: portrait)and (-webkit-min-device-pixel-ratio: 2){.bContact{width:calc(100% - 100px)}}@media(min-width: 768px){.bContact{gap:32px}}.bContact .bSocial{display:flex;justify-content:center;gap:24px}@media(min-width: 768px){.bContact .bSocial{gap:32px}}.bContact .bSocial>a{width:48px;height:48px;overflow:hidden;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;-ms-border-radius:100px;-o-border-radius:100px;background:linear-gradient(180deg, #f9fafb 0%, #edf0f3 100%);box-shadow:0px 1px 2px 0px rgba(16,24,40,.05);position:relative}.bContact .bSocial>a:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:center center no-repeat}.bContact .bSocial>a[data-social=facebook]:after{background-image:url(../img/ci/index/social/ico-facebook.svg)}.bContact .bSocial>a[data-social=line]:after{background-image:url(../img/ci/index/social/ico-line.svg)}.bContact .bSocial>a[data-social=youtube]:after{background-image:url(../img/ci/index/social/ico-youtube.svg)}.bContact .bSocial>a[data-social=home]:after{background-image:url(../img/ci/index/social/ico-home.svg)}@media(min-width: 768px){.bContact .bSocial>a{zoom:1.3}}.bContact .bCall{display:flex;justify-content:center}.bContact .bCall a[href*=tel]{font-size:14px;line-height:normal;text-align:center;display:flex;align-items:center;gap:8px}@media(min-width: 768px){.bContact .bCall a[href*=tel]{font-size:18px}}.bContact .bCall a[href*=tel]:before{content:"";display:block;width:16px;height:16px;background:url(../img/ci/index/ico-phone.svg) center center no-repeat}