﻿.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:"db_heavent",sans-serif;font-weight:normal;line-height:normal;position:relative;width:100%;outline:0;border:0;box-shadow:0px 1px 2px 0px rgba(16,24,40,.05);background-color:#fff;color:var(--colorTypoBasetext);height:44px;line-height:44px;padding:8px 16px;overflow:hidden;border:1px solid var(--colorGray300);overflow:hidden;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;font-size:20px;line-height:1em;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:20px}}.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,.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,.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(--colorTypoPlaceholder);opacity:1}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{opacity:.6}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(--colorPrimaryLight)}.control{display:block;position:relative;padding:4px 14px;cursor:pointer;padding-left:30px}@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%)}@media(min-width: 1024px){.control input{top:70%}}.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;background-size:100% 100%;position:absolute;top:0;left:0}.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(--colorTypoBasetext)}.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:20px;width:20px;background-color:#fff;border:1px solid var(--colorGray400);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(--colorPrimary)}.control--radio input:checked~.control__indicator:after{display:block}.control--radio .control__indicator:after{content:"";position:absolute;display:none;height:10px;width:10px;border-radius:50%;background:var(--colorPrimary);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%}.select>select{display:inline-block;cursor:pointer;border:1px solid var(--colorGray300);background-color:#fff;padding-right:48px;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;line-height:normal;background-image:url(../img/ui/form/ico-arrow-select.svg);background-repeat:no-repeat;background-position:right 16px center}.select>select::-ms-expand{display:none}.select>select:disabled{opacity:.5;pointer-events:none}.select input.datalist{background-image:url(../img/ui/form/ico-arrow-select.svg);background-repeat:no-repeat;background-position:right 16px center}.datalist{line-height:33px}datalist{display:none}input::-webkit-calendar-picker-indicator{display:none;opacity:0}textarea{height:120px;padding:8px 16px;border-bottom:1px solid var(--colorGray300);line-height:normal;overflow:scroll}input[type=date],input[type=month],input[type=year]{text-align:left;padding:8px 36px 9px 16px}input[type=date]:before,input[type=month]:before,input[type=year]:before{content:"";display:block;z-index:0;right:16px;width:32px;height:100%;background:url(../img/ui/form/ico-calendar.svg) center center 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%);right:0}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:0}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(--colorGray700);width:44px;height:100%;overflow:hidden;text-indent:-999px;background:url(../img/ui/form/ico-invisible.svg) center center no-repeat}@media(min-width: 1024px){.controlPass .btnshowPass{width:44px}}.controlPass .btnshowPass:hover{color:var(--colorPrimary)}.controlPass .btnshowPass.show{background-image:url(../img/ui/form/ico-visibility.svg)}.checkboxPDPA{display:flex;align-items:flex-start;flex-direction:column}.checkboxPDPA .control{line-height:28px}.checkboxPDPA .control input{top:50%}.checkboxPDPA .bText a:hover{color:var(--colorSecondary)}.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(--colorSecondary)}.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:14px;line-height:1em;color:var(--colorGray50);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:24px}.bForm>*:last-child{margin-bottom:0}.bForm>.bGroup{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px}.bForm>.bGroup>*{width:100%}.bForm .bRow{display:flex;column-gap:16px;flex-direction:column}@media(min-width: 1024px){.bForm .bRow{flex-direction:row}}.bForm .bPdpa{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:8px}.bForm .bPdpa>*{width:100%}.bForm .bPdpa>h3{font-size:16px;line-height:1em;font-weight:normal;color:var(--colorTypoPlaceholder);margin-bottom:4px}@media(min-width: 768px){.bForm .bPdpa>h3{font-size:16px}}.bForm .control-group{width:100%;position:relative;display:flex;flex-direction:column;row-gap:4px}.bForm .control-group [class*=tTitle]{font-size:16px;line-height:1em;font-weight:500;color:#7a7a7b}@media(min-width: 768px){.bForm .control-group [class*=tTitle]{font-size:16px}}.bForm .control-group [class*=tTitle] span{display:inline}.bForm .control-group.validate [class*=tTitle]:after{content:"*";color:#a2191f}.bForm .control-group.error label.tError{display:flex}.bForm .control-group.error label.tError:before{display:none}.bForm .control-group.pdpa .control{padding:0px 0px 0px 24px}.bForm .control-group.pdpa p{color:var(--colorTypoPlaceholder)}.bForm .control-group.pdpa p a{text-decoration:underline;color:var(--colorTypoBasetext);font-weight:500}.bForm .control-group>p{font-size:14px;line-height:1em;color:var(--colorGray300)}@media(min-width: 768px){.bForm .control-group>p{font-size:14px}}.bForm .tError{display:none;font-size:14px;line-height:1em;color:#f85b56;display:none;align-items:center;column-gap:8px}@media(min-width: 768px){.bForm .tError{font-size:14px}}.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;background-size:contain}.bForm.error>.tError{display:flex}.jBox-wrapper{z-index:99999 !important;width:100%;max-width:500px;padding:32px 12px}.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;margin:0 auto;width:100% !important}.jBox-closeButton-box .jBox-closeButton{width:30px;height:30px;background:url(../img/ui/form/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(--colorSecondary)}.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)}.bCard{padding:0;display:flex;align-items:center;flex-direction:column;justify-content:center;background-color:#fff;padding:24px 16px;overflow:hidden;border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.bCard img{display:block;width:100%;height:auto}.bCard .bTitle h3{font-size:72px;line-height:1em;color:var(--colorPrimary);font-weight:bold;text-align:center}@media(min-width: 768px){.bCard .bTitle h3{font-size:40px;line-height:1em}}.bCard .bText{margin-bottom:24px;text-align:center}.bCard .bText p{font-size:18px;line-height:1em}@media(min-width: 768px){.bCard .bText p{font-size:18px}}@media(min-width: 768px){.bCard .bText p{font-size:20px;line-height:1em}}@media(min-width: 768px)and (min-width: 768px){.bCard .bText p{font-size:20px}}.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}.bModal.Image .bPic{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}}a.btnCloseModal{overflow:hidden;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;width:28px;height:28px;background:url(../img/ui/ico-close.svg) center center no-repeat #fff;background-size:70% auto;position:absolute;top:8px;right:8px}#ModalAlert .bTitle,#ModalPolicy .bTitle,#ModalTerms .bTitle{padding:16px 0}#ModalAlert .bTitle h3,#ModalPolicy .bTitle h3,#ModalTerms .bTitle h3{font-size:24px;line-height:1em;text-align:center;font-weight:bold;color:var(--colorBlack)}@media(min-width: 768px){#ModalAlert .bTitle h3,#ModalPolicy .bTitle h3,#ModalTerms .bTitle h3{font-size:24px}}#ModalAlert .bTitle p,#ModalPolicy .bTitle p,#ModalTerms .bTitle p{color:var(--colorTypoSubtext1);text-align:center}#ModalAlert .bContent *,#ModalPolicy .bContent *,#ModalTerms .bContent *{line-height:120%;margin-bottom:18px;color:var(--colorTypoSubtext1)}#ModalAlert .bContent *:last-child,#ModalAlert .bContent * *>*,#ModalPolicy .bContent *:last-child,#ModalPolicy .bContent * *>*,#ModalTerms .bContent *:last-child,#ModalTerms .bContent * *>*{margin-bottom:0}#ModalAlert .bContent h1,#ModalAlert .bContent h2,#ModalAlert .bContent h3,#ModalAlert .bContent h4,#ModalAlert .bContent h5,#ModalAlert .bContent h6,#ModalPolicy .bContent h1,#ModalPolicy .bContent h2,#ModalPolicy .bContent h3,#ModalPolicy .bContent h4,#ModalPolicy .bContent h5,#ModalPolicy .bContent h6,#ModalTerms .bContent h1,#ModalTerms .bContent h2,#ModalTerms .bContent h3,#ModalTerms .bContent h4,#ModalTerms .bContent h5,#ModalTerms .bContent h6{margin-bottom:16px;color:var(--colorBlack)}#ModalAlert .bContent img,#ModalPolicy .bContent img,#ModalTerms .bContent img{max-width:100%;height:auto;display:block;margin:0 auto}#ModalAlert .bContent span,#ModalPolicy .bContent span,#ModalTerms .bContent span{color:var(--colorPrimary)}#ModalAlert .bContent a,#ModalPolicy .bContent a,#ModalTerms .bContent a{word-break:break-all;color:var(--colorTypoBasetext);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}#ModalAlert .bContent a:hover,#ModalPolicy .bContent a:hover,#ModalTerms .bContent a:hover{text-decoration:underline;color:var(--colorSecondary)}#ModalAlert .bContent blockquote,#ModalPolicy .bContent blockquote,#ModalTerms .bContent blockquote{color:var(--colorTypoBasetext);background:#f9f9f9;border-left:10px solid var(--colorSecondary);margin:1.5em 10px;padding:.5em 10px;quotes:"“" "”" "‘" "’"}#ModalAlert .bContent blockquote:before,#ModalPolicy .bContent blockquote:before,#ModalTerms .bContent blockquote:before{color:var(--colorPrimary);content:open-quote;font-size:4em;line-height:.1em;margin-right:.25em;vertical-align:-0.4em}#ModalAlert .bContent blockquote p,#ModalPolicy .bContent blockquote p,#ModalTerms .bContent blockquote p{display:inline}#ModalAlert .bContent hr,#ModalPolicy .bContent hr,#ModalTerms .bContent hr{width:100%;height:1px;background-color:var(--colorGray700)}#ModalAlert .bContent table,#ModalPolicy .bContent table,#ModalTerms .bContent table{width:100%}#ModalAlert .bContent table td,#ModalPolicy .bContent table td,#ModalTerms .bContent table td{padding:6px 6px}#ModalAlert .bContent dl,#ModalPolicy .bContent dl,#ModalTerms .bContent dl{display:block;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0}#ModalAlert .bContent dl dt,#ModalAlert .bContent dl dd,#ModalAlert .bContent dl dt>*,#ModalAlert .bContent dl dd>*,#ModalPolicy .bContent dl dt,#ModalPolicy .bContent dl dd,#ModalPolicy .bContent dl dt>*,#ModalPolicy .bContent dl dd>*,#ModalTerms .bContent dl dt,#ModalTerms .bContent dl dd,#ModalTerms .bContent dl dt>*,#ModalTerms .bContent dl dd>*{margin-bottom:18px}#ModalAlert .bContent dl dt:last-child,#ModalAlert .bContent dl dd:last-child,#ModalAlert .bContent dl dt>*:last-child,#ModalAlert .bContent dl dd>*:last-child,#ModalPolicy .bContent dl dt:last-child,#ModalPolicy .bContent dl dd:last-child,#ModalPolicy .bContent dl dt>*:last-child,#ModalPolicy .bContent dl dd>*:last-child,#ModalTerms .bContent dl dt:last-child,#ModalTerms .bContent dl dd:last-child,#ModalTerms .bContent dl dt>*:last-child,#ModalTerms .bContent dl dd>*:last-child{margin-bottom:0}#ModalAlert .bContent ul li,#ModalPolicy .bContent ul li,#ModalTerms .bContent ul li{list-style:disc;margin-bottom:0}#ModalAlert .bContent b,#ModalPolicy .bContent b,#ModalTerms .bContent b{font-weight:500}#ModalAlert .bContent strong,#ModalPolicy .bContent strong,#ModalTerms .bContent strong{font-weight:bold}#ModalAlert .bTitle h3{font-size:28px;line-height:1em}@media(min-width: 768px){#ModalAlert .bTitle h3{font-size:28px}}#ModalPolicy .bTitle h3,#ModalTerms .bTitle h3{font-size:24px;line-height:1em}@media(min-width: 768px){#ModalPolicy .bTitle h3,#ModalTerms .bTitle h3{font-size:24px}}.btn.logo:hover i.logoAni::before,.btn.logo:hover i.logoAni::after{background-color:var(--colorBlack)}.btn.logo i.logoAni{display:flex}.btn.logo i.logoAni::before,.btn.logo i.logoAni::after{content:"";display:block;width:12px;height:13px;background-color:var(--colorWhite);-webkit-mask:url("../img/ci/ico-xforce-half.svg") center center no-repeat;mask:url("../img/ci/ico-xforce-half.svg") center center no-repeat;mask-size:contain;display:block;mask-size:100%}.btn.logo i.logoAni::after{animation:switchLogo 1.3s ease-out infinite;-webkit-animation:switchLogo 1.5s ease-out infinite;translate:-2px 0;rotate:0deg}@keyframes switchLogo{0%{translate:-2px 0;rotate:0deg}14%{translate:0px 0;rotate:0deg}28%{translate:0px 0;rotate:-180deg}42%{translate:0px 0;rotate:-180deg}57%{translate:0px 0;rotate:-180deg}71%{translate:0px 0;rotate:0deg}85%{translate:0px 0;rotate:0deg}100%{translate:-2px 0;rotate:0deg}}#pageIndex section#pCampaign{overflow:hidden;background:url("../img/ci/bg-campaign.jpg") no-repeat;background-position:top 70% left 59%;background-size:336%;position:relative}@media(min-width: 768px){#pageIndex section#pCampaign{background-position:top center;background-size:cover}}@media(min-width: 1024px){#pageIndex section#pCampaign{zoom:.8}}@media(min-width: 1920px){#pageIndex section#pCampaign{zoom:1}}#pageIndex section#pCampaign .mockPic{visibility:hidden;aspect-ratio:375/812}@media(min-width: 768px){#pageIndex section#pCampaign .mockPic{aspect-ratio:1920/1295}}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){#pageIndex section#pCampaign .mockPic{aspect-ratio:1/1.1}}#pageIndex section#pCampaign .bCampaign{height:100%;display:flex;flex-direction:column;justify-content:space-between}#pageIndex section#pCampaign .bCampaign>div{position:absolute}#pageIndex section#pCampaign .bCampaign>div.bCountMain{margin-inline:auto;width:calc(100% - 32px);position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);top:26px}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign>div.bCountMain{width:90%}}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign>div.bCountMain{max-width:1280px}}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign>div.bCountMain{top:36px}}#pageIndex section#pCampaign .bCampaign>div.bGroupBubble{aspect-ratio:1/.8;width:100%;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%)}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign>div.bGroupBubble{max-width:890px;aspect-ratio:1/.6}}@media(min-width: 1023px)and (max-width: 1365px)and (orientation: landscape)and (-webkit-min-device-pixel-ratio: 2){#pageIndex section#pCampaign .bCampaign>div.bGroupBubble{max-width:1150px;aspect-ratio:1/.7;zoom:1.1}}#pageIndex section#pCampaign .bCampaign>div.bStory{margin-inline:auto;width:calc(100% - 32px);position:absolute;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:52px}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign>div.bStory{width:90%}}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign>div.bStory{max-width:1280px}}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign>div.bStory{bottom:68px}}#pageIndex section#pCampaign .bCampaign .bCountMain{margin-inline:auto;width:calc(100% - 32px)}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bCountMain{width:90%}}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign .bCountMain{max-width:1280px}}#pageIndex section#pCampaign .bCampaign .bCountMain h1{color:var(--colorPrimary);font-family:"db_heavent_cond",sans-serif;font-weight:bold;line-height:normal;font-weight:bold;text-align:center;text-shadow:0px 1px 8px rgba(10,13,18,.25);font-size:48px;line-height:.9em;margin-bottom:16px}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign .bCountMain h1{font-size:80px;line-height:normal}#pageIndex section#pCampaign .bCampaign .bCountMain h1 br{display:none}}#pageIndex section#pCampaign .bCampaign .bCountMain .bCount .counter{display:flex;gap:8px}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign .bCountMain .bCount .counter{gap:16px}}#pageIndex section#pCampaign .bCampaign .bCountMain .bCount .counter span.digit{width:66px;overflow:hidden;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;background:linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.4) 100%);box-shadow:0px 2px 8px 0px rgba(0,0,0,.15);backdrop-filter:blur(8px);border:1px solid var(--colorWhite);text-align:center;font-family:"db_heavent_cond",sans-serif;font-weight:bold;line-height:normal;font-weight:500;font-size:90px;height:72px;line-height:72px !important}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bCountMain .bCount .counter span.digit{font-size:100px;height:96px;line-height:96px !important}}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign .bCountMain .bCount .counter span.digit{width:87px;height:150px;font-size:160px;height:150px;line-height:150px !important}}#pageIndex section#pCampaign .bCampaign .bCountMain .bCount .counter span.comma{background:none;width:auto;height:auto;border:none;box-shadow:none}#pageIndex section#pCampaign .bCampaign .bCountMain p{text-align:center;font-size:24px;line-height:120%;color:var(--colorWhite);text-shadow:0px 1px 8px rgba(10,13,18,.25);font-family:"db_heavent_cond",sans-serif;font-weight:bold;line-height:normal;font-weight:500;margin-top:16px}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bCountMain p{font-size:40px;margin-top:24px}}#pageIndex section#pCampaign .bCampaign .bGroupBubble{position:relative}@media(min-width: 390px){#pageIndex section#pCampaign .bCampaign .bGroupBubble{zoom:1.2}}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bGroupBubble{zoom:1}}@media(min-width: 1920px){#pageIndex section#pCampaign .bCampaign .bGroupBubble{zoom:1.4}}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){#pageIndex section#pCampaign .bCampaign .bGroupBubble{zoom:.8}}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble{position:absolute}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble>div{aspect-ratio:1/1;font-family:"db_heavent_cond",sans-serif;font-weight:bold;line-height:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border-radius:1000px;-webkit-border-radius:1000px;-moz-border-radius:1000px;-ms-border-radius:1000px;-o-border-radius:1000px;overflow:inherit;background:radial-gradient(101.46% 101.46% at 87.33% 14.99%, #FFF 0%, rgba(233, 234, 235, 0.8) 100%)}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble>div .counter{color:var(--colorPrimary);font-size:40px;line-height:.8em}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble>div p{color:var(--colorSecondary);text-align:center;font-size:20px;line-height:1em}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble>div p small{display:block}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble>div p{font-size:18px}}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble>div:before{content:"";display:block;width:40px;height:40px;background:no-repeat center center;background-size:80% auto}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble{zoom:1.7}}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b1{width:150px;left:5%;top:-17%}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b1{left:12%;top:10%}}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b1{left:17%;top:19%}}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b1>div:before{background-image:url(../img/ci/ico-carbon.svg)}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b2{width:120px;right:6%;top:33%}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b2{right:20%;top:38%}}@media(min-width: 1024px){#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b2{right:22%;top:42%}}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b2>div:before{background-image:url(../img/ci/ico-tree.svg)}#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b3{width:100px;right:4%;top:25%}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bGroupBubble .bBubble.b3{right:4%;top:11%}}@media(min-width: 767px)and (max-width: 1366px)and (-webkit-min-device-pixel-ratio: 2){#pageIndex section#pCampaign .bCampaign .bStory{zoom:.8}}#pageIndex section#pCampaign .bCampaign .bStory h2{text-align:center;font-family:"db_heavent_cond",sans-serif;font-weight:bold;line-height:normal;font-weight:bold;font-size:32px;margin-bottom:8px}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bStory h2{font-size:48px}}#pageIndex section#pCampaign .bCampaign .bStory p{text-align:center;font-size:16px;line-height:120%;max-width:840px}@media(min-width: 768px){#pageIndex section#pCampaign .bCampaign .bStory p{font-size:24px;width:95%;margin:0 auto}}#pageIndex section#pCampaign .bCampaign .bStory p span{color:var(--colorPrimary)}#pageIndex section#pVdo .bVdo{position:relative;padding-top:56.25%}#pageIndex section#pVdo .bVdo iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}#pageIndex section#pVdoFBVideo{display:flex;align-items:center;justify-content:center}#pageIndex section#pVdoFBVideo .bVdoFBVideo{width:100%;display:grid;grid-template-columns:repeat(1, 1fr);grid-column-gap:0;grid-row-gap:0;justify-items:center}@media(min-width: 768px){#pageIndex section#pVdoFBVideo .bVdoFBVideo{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:0;grid-row-gap:0}}#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO{display:flex;align-items:center;justify-content:center;aspect-ratio:267/476;object-fit:contain;max-height:800px;position:relative;height:82.4dvh}@media(min-width: 768px){#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO{height:50dvh}}@media(min-width: 1024px){#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO{height:100dvh}}#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO iframe{position:relative;width:100%;height:100%;aspect-ratio:267/476;overflow:hidden;box-shadow:0 0 24px 0 rgba(0,0,0,.5)}#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO::before{content:"";display:block;width:100vw;height:100%;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%);z-index:0;background:no-repeat center center;background-size:cover;filter:blur(16px)}@media(min-width: 768px){#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO::before{width:50vw}}#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO:nth-child(1)::before{background-image:url(../img/ci/bg-vdo-1.jpg)}#pageIndex section#pVdoFBVideo .bVdoFBVideo .bWrapVDO:nth-child(2)::before{background-image:url(../img/ci/bg-vdo-2.jpg)}#pageIndex section#pSlide .bSlide .bannerContent{display:flex;align-items:center;justify-content:center;background-color:#000}#pageIndex section#pSlide .bSlide .bannerContent img{display:block;width:100%;height:auto}@media(min-width: 1280px){#pageIndex section#pSlide .bSlide #slideHeroBanner .bannerContent img{width:auto;max-height:800px}}#pageIndex section#pEnd{height:100dvh;max-height:800px}#pageIndex section#pEnd .bEnd{width:100%;height:100%}#pageIndex section#pEnd .bEnd img{width:100%;height:100%;display:block;height:100%;object-fit:cover}.counter{display:flex;justify-content:center}.counter .digit-box{position:relative;width:40px;height:60px;overflow:hidden;margin:0 2px;background:#ecf0f1;border-radius:6px}.counter .digit-box .digit-scroll{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0;right:0;will-change:transform}.counter .digit-box .digit-scroll span{display:block}