.b-txt{color:#000!important}span.error{font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;font-size:1.3rem;pointer-events:none;transition:all .3s ease;text-transform:uppercase;color:#ea5236}#brand-campaign-concept h1,#brand-campaign-concept h1 span,#brand-campaign-concept .h2,#brand-campaign-concept p{color:#fff}#brand-campaign-concept .h2{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:2.5rem;line-height:1.5;text-transform:uppercase}#brand-campaign-concept .h2 span{font-size:2rem}#brand-campaign-concept p,#brand-campaign-concept a{font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;color:#fff;font-size:1.5rem;line-height:1.5}.section-brandpage-intro{position:relative;padding-bottom:30px}.section-brandpage-intro .intro-text{max-width:860px;margin:0 auto;text-align:center}.section-brandpage-intro .intro-text h1,.section-brandpage-intro .intro-text h1 p,.section-brandpage-intro .intro-text h2,.section-brandpage-intro .intro-text h2 p{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;line-height:1.5;font-size:2.5rem;color:#000;margin:0}.section-brandpage-intro .intro-text p{font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;font-size:1.5rem;line-height:1.5;margin-top:30px;color:#000}.section-brandpage-intro .intro-text .img-logo{width:260px;text-align:center;margin:auto}#narasiri-herobanner .banner-hero{top:0;padding-top:60px}@media (max-width:900px){#narasiri-herobanner .banner-hero{padding-top:0}}#narasiri-concept #brand-campaign-concept{position:relative;background-color:#025D63;padding:30px 0}#narasiri-concept #brand-campaign-concept:before{content:"";position:absolute;top:0;left:0;right:0;height:60%;background:url('../../../../img/brand/narasiri/sansiri-narasiri-branding-background.webp') center center #025D63 no-repeat}#narasiri-concept .brand-concept-text{z-index:1;position:relative;text-align:center}#narasiri-concept .project-line{position:relative}#narasiri-concept .project-line:before{content:"";width:1px;height:122px;background:white;position:absolute;top:50%;transform:translateY(-50%);left:0}#narasiri-concept .project-line:first-child:before{display:none}#narasiri-concept .project-line .project-link{display:flex;height:100%;flex-direction:column;justify-content:space-between}@media (max-width:480px){#narasiri-concept .project-line:before{width:100px;height:1px;position:relative;display:block;margin:50px auto;top:0;transform:translateY(0)}#narasiri-concept .project-line .project-link{display:block}}#narasiri-concept .narasiri-project-logo{width:185px;margin:0 auto 24px}#narasiri-concept .narasiri-content .h2{font-size:2rem!important;text-transform:uppercase}#narasiri-concept .narasiri-content p{font-size:1.5rem!important;font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif!important;color:#000000;line-height:1.65}@media (max-width:1024px){#narasiri-concept #brand-campaign-concept .narasiri-project-logo{width:150px}}@media (max-width:578px){#narasiri-concept #brand-campaign-concept .narasiri-content h2{font-size:2.25rem!important}#narasiri-concept #brand-campaign-concept .narasiri-content p{font-size:1.75rem!important}}.link-text-out{font-size:1.5rem;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;color:white!important;line-height:1.65;text-decoration:underline}.icon-link-out{width:10px;height:10px;background:url('../../../../img/brand/narasiri/icon-link.svg');display:inline-block}#award-section .link-img{display:flex}#award-section .link-img img{flex:1;min-height:0;object-fit:cover}#award-section .h2{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:2.5rem;line-height:1.6;color:#000}#award-section img{width:100%;display:block}#award-section .icon-arrow-down{width:18px;height:10px;background:url('../../../../img/brand/narasiri/icon-arrow-down.svg') no-repeat;display:block;transition:all 0.3s ease}#award-section .award-view-more{height:40px;width:120px;display:flex;align-items:center;border:1px solid black;border-radius:50px;justify-content:center;gap:8px;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:1.5rem;color:#000;transition:all 0.3s ease;text-decoration:none}#award-section .award-view-more:hover{background:#000;color:white}#award-section .award-view-more:hover .icon-arrow-down{filter:invert(1)}#award-section .award-content{margin-left:15%}@media (max-width:992px){#award-section .award-content{margin:auto;padding:40px 30px}}@media (max-width:767px){#award-section .award-content{text-align:center;padding:60px 20px}#award-section .award-view-more{margin:auto}}.link-img{max-width:100%;overflow:hidden;position:relative;display:block}.link-img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity 0.6s ease;pointer-events:none}.link-img .link-img-content{position:absolute;inset:0;z-index:1}.link-img .text-content{color:white;text-align:center;opacity:0;transition:opacity 0.6s ease}.link-img .text-content .h2{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:2rem;line-height:1.6}.link-img .text-content p{font-size:1.5rem;font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;line-height:1.5}.link-img img{transform:scale(1);transition:all 0.6s ease}.link-img:hover .text-content{opacity:1}.link-img:hover::after{opacity:0.6}.link-img:hover img{filter:blur(2px);transform:scale(1.05)}.section-register{padding-bottom:0;background-color:#ced7dd;background-repeat:repeat-x!important;background-position:bottom!important;background-size:auto 130px!important}@media (max-width:1280px){.section-register{padding:70px}}@media (max-width:1199px){.section-register{padding:70px 20px}}@media (max-width:480px){.section-register{padding:50px 15px}}.section-register .santh-heading{margin-bottom:25px}.section-register .santh-heading h2{position:relative;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:3.6rem}@media (max-width:480px){.section-register .santh-heading h2{font-size:2.5rem}}.section-register .santh-heading h3{margin-top:20px}.section-register .box-inner{position:relative;max-width:1200px;margin:0 auto;background-color:#FFF;padding:60px}@media (max-width:1024px){.section-register .box-inner{padding:60px 30px}}@media (max-width:767px){.section-register .box-inner{padding:50px 20px 40px}}.section-register .or{text-align:center;margin-bottom:60px;border-bottom:1px solid #d7dbdf}.section-register .or span{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:2rem;color:#193148;background-color:#FFF;display:inline-block;padding:0 15px;margin:0 auto;position:relative;top:11px}.section-register .santh-container{padding:0!important}.section-register .santh-container .form-register-brand h2{font-size:36px;text-align:center;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;margin-bottom:35px;margin-top:0}@media (max-width:900px){.section-register .santh-container .form-register-brand h2{font-size:32px}}@media (max-width:640px){.section-register .santh-container .form-register-brand h2{font-size:28px}}.section-register .santh-container .form-register-brand h3{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;text-align:center;position:relative;height:40px}@media (max-width:900px){.section-register .santh-container .form-register-brand h3{margin-bottom:10px}}@media (max-width:480px){.section-register .santh-container .form-register-brand h3{margin-bottom:20px}}.section-register .santh-container .form-register-brand h3::before{content:"";height:1px;background-color:#D9DDE2;width:38%;left:0;top:40%;display:block;position:absolute}@media (max-width:1199px){.section-register .santh-container .form-register-brand h3::before{width:30%}}@media (max-width:640px){.section-register .santh-container .form-register-brand h3::before{width:27%}}@media (max-width:375px){.section-register .santh-container .form-register-brand h3::before{width:18%}}.section-register .santh-container .form-register-brand h3::after{content:"";height:1px;background-color:#D9DDE2;width:38%;right:0;top:40%;display:block;position:absolute}@media (max-width:640px){.section-register .santh-container .form-register-brand h3::after{width:27%}}@media (max-width:375px){.section-register .santh-container .form-register-brand h3::after{width:18%}}.section-register .santh-container .form-register-brand h3.h3-pj span{background:#ffffff;z-index:9;position:relative;padding:0 20px;font-size:25px}@media (max-width:900px){.section-register .santh-container .form-register-brand h3.h3-pj span{font-size:21px}}@media (max-width:480px){.section-register .santh-container .form-register-brand h3.h3-pj span{font-size:21px;margin-bottom:20px}}@media (max-width:375px){.section-register .santh-container .form-register-brand h3.h3-pj span{font-size:21px;margin-bottom:20px;padding:0 5px;display:block}}.section-register .santh-container .form-register-brand h3.h3-pj::before{width:35%}@media (max-width:1199px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:30%}}@media (max-width:640px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:23%}}@media (max-width:480px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:20%}}@media (max-width:375px){.section-register .santh-container .form-register-brand h3.h3-pj::before{width:13%}}.section-register .santh-container .form-register-brand h3.h3-pj::after{width:35%}@media (max-width:1199px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:30%}}@media (max-width:640px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:23%}}@media (max-width:480px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:20%}}@media (max-width:375px){.section-register .santh-container .form-register-brand h3.h3-pj::after{width:13%}}.section-register .santh-container .form-register-brand h4{font-size:20px;color:#013168;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;margin-bottom:30px;margin-top:15px}.section-register .santh-container .form-register-brand .fieldset-group select{border-bottom:none}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .action-center{margin-top:20px!important;text-align:center}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .field{margin-bottom:6px}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand label{display:flex;border-radius:10px}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand label.soon{background-color:#F5F5F5;padding:15px 15px!important;height:100%;min-height:81px}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand label strong{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .santh-row .item-b{line-height:1.15}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper{position:relative;display:inline-block;height:22px}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input{width:22px;height:22px;opacity:0;position:absolute;top:unset}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input:checked+label::before{position:absolute;top:3px;left:0;content:"";width:22px;height:22px;background-color:#013168}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input:checked+label::after{position:absolute;top:5px;left:3px;content:"";width:17px;height:17px;background-image:url("../../../../img/ico/ico-checked.png");background-repeat:no-repeat;background-size:100% auto}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper input+label{padding:0;display:inline;margin:0}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-wrapper::before{content:"";width:22px;height:22px;background-color:#fff;border:1px solid #013168;margin-top:3px;display:block}.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-detail{display:inline-block;vertical-align:top;margin-left:10px;line-height:1.7;color:#000;width:84.5%}@media (max-width:1199px){.section-register .santh-container .form-register-brand .fieldset-group .check-project-brand .checkbox-detail{margin-left:10px}}.section-register .input-field{position:relative}.section-register .input-field label{font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;color:#193148;position:absolute;top:1.3rem;left:0;font-size:1.4rem;padding:0 20px;cursor:text;transition:0.2s ease-out;text-align:initial;z-index:0}.section-register .input-field input.is-invalid{border-color:#ea5236}.section-register .input-field input,.section-register .input-field input[type=number]{padding:0 20px}.section-register input:not([type]),.section-register input,.section-register input[type=password],.section-register input[type=email],.section-register input[type=time],.section-register input[type=date],.section-register input[type=datetime],.section-register input[type=datetime-local],.section-register input[type=tel],.section-register input[type=number],.section-register input[type=search],.section-register textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #d7dbdf;border-radius:0;outline:none;height:4rem;width:100%;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:1.8rem;color:#193148;line-height:3;margin:0 0 10px 0;padding:0 18px;box-shadow:none;box-sizing:border-box;transition:all 0.3s;z-index:2;position:relative}.section-register .form-register-brand{max-width:860px;margin:0 auto}.section-register .form-register-brand input:focus+label,.section-register .form-register-brand input:not(:placeholder-shown)+label{margin-top:-2em;transform-origin:left;transform:scale(0.9);color:#0053b5}.section-register .form-register-brand .field{margin-bottom:50px;position:relative}.section-register .form-register-brand .field.row-warning .warning-text{display:block}.section-register .form-register-brand .field .warning-text{font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;display:none;position:absolute;top:50px;left:20px;font-size:1.3rem;pointer-events:none;transition:all 0.3s ease;text-transform:uppercase;color:#ea5236}@media (max-width:900px){.section-register .form-register-brand .field .warning-text{left:10px;top:55px}}@media (max-width:480px){.section-register .form-register-brand .field .warning-text{font-size:1.4rem;top:38px}}@media (max-width:375px){.section-register .form-register-brand .field .warning-text{font-size:1.2rem}}.section-register .form-register-brand h3{position:relative;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif;font-size:2.2rem;color:#000}.section-register .form-register-brand .action-button{margin-top:60px;text-align:center}.section-register .form-register-brand .invalid-feedback{display:block;margin-top:0;font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;font-size:1.2rem;color:#ea5236;padding:0 20px}@media (max-width:767px){.section-register .input-field label{padding:0}.section-register input:not([type]),.section-register input,.section-register input[type=password],.section-register input[type=email],.section-register input[type=time],.section-register input[type=date],.section-register input[type=datetime],.section-register input[type=datetime-local],.section-register input[type=tel],.section-register input[type=number],.section-register textarea.materialize-textarea{padding:0}.section-register .santh-heading{margin-bottom:15px}.section-register .santh-heading h3{margin-top:10px}.section-register .form-register-brand .field{margin-bottom:20px}.section-register .form-register-brand .invalid-feedback{padding:0}}.register-connect{text-align:center;margin-bottom:30px}.register-connect a{margin:0 15px}@media (max-width:767px){.register-connect{margin-bottom:20px}}a.connect-fb{height:47px;line-height:45px;text-align:center;color:#FFF;display:inline-block;font-size:1.6rem;padding:0 30px;background-color:#3b5999;border-radius:30px;transition:all 0.3s linear}a.connect-fb::before{width:22px;height:22px;content:"";display:inline-block;vertical-align:middle;margin-right:5px;background-image:url(../../../img/social/ico-fb.svg)}a.connect-fb:hover{background-color:#1877f2}@media (max-width:767px){a.connect-fb{min-width:260px;margin:8px 0}}a.connect-google{height:47px;line-height:45px;text-align:center;color:#757575;display:inline-block;font-size:1.6rem;padding:0 25px;background-color:transparent;border:1px solid #c5c5c5;border-radius:30px;transition:all 0.3s linear}a.connect-google::before{width:22px;height:22px;content:"";display:inline-block;vertical-align:middle;margin-right:5px;background-image:url(../../../img/social/ico-google.svg)}a.connect-google:hover{border-color:#999}@media (max-width:767px){a.connect-google{min-width:260px;margin:8px 0}}.action-center{margin-top:40px;text-align:center}.santh-button,a.santh-button{position:relative;font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;font-size:1.5rem;color:#FFF;text-decoration:none;padding:12px 35px 12px 20px;background-color:#0053b5;display:inline-block;transition:all 0.2s}.santh-button-s,a.santh-button-s{position:relative;font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif;font-size:1.5rem;color:#FFF;text-decoration:none;padding:12px 30px;background-color:#0053b5;display:inline-block;cursor:pointer;transition:all 0.2s}.dd-project{position:relative;line-height:35px;padding:0 18px;border-bottom:1px solid #d7dbdf;text-align:left;font-family:'GraphikTH-Regular','Prompt','Noto Sans TC',sans-serif}@media (max-width:640px){.dd-project{padding:0 10px}}.dd-project .caret{position:absolute;right:16px;top:16px}.dd-project .dd-toggle{font-size:1.4rem;color:#193148;display:block;text-align:left;position:relative}.dd-project .dd-toggle::after{position:absolute;content:"";width:16px;height:16px;background-image:url(../../../img/ico/bank-caret.svg);background-size:100% auto;background-repeat:no-repeat;border:0;top:12px;right:0}.dd-project.dd-open .dd-content{display:block}.dd-project .dd-content{width:100%;background-color:#fff;border-radius:6px;margin-top:5px;box-shadow:0 0 8px rgba(206,206,206,0.6)}.dd-project .dd-content a{color:#162e46}.dd-project .dd-content li:hover{background-color:#f3f6fa;font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif}.dd-project li{cursor:pointer;padding:3px 5px;border-bottom:1px solid #d7dbdf;font-size:1.5rem}.dd-project li:last-child{border-bottom:0}.dd-project ul{list-style-type:none;text-align:left;padding:0 15px;margin:5px 0;text-indent:initial}.option-input{top:13px;right:0;bottom:0;left:0;height:22px;width:22px;transition:all 0.15s ease-out 0s;background:#FFF;border:1px solid #0053b5;color:#fff;cursor:pointer;display:inline-block;vertical-align:middle;outline:none;position:absolute;z-index:99;appearance:none}.option-input:checked{background:#0053b5}.option-input:checked::before{height:22px;width:22px;position:absolute;content:"";display:inline-block;font-size:13px;text-align:center;line-height:22px;background-image:url(../../../img/ico/ico-check-w.svg);background-position:center;background-repeat:no-repeat;background-size:16px 16px}.option-input:checked::after{animation:click-wave 0.65s;content:"";display:block;position:relative;z-index:100}.option-input:checked+span{font-family:'GraphikTH-SemiBold','Prompt','Noto Sans TC',sans-serif}.option-input.radio{border-radius:50%}.option-input.radio::after{border-radius:50%}@media (max-width:992px){#section-project-filter{padding-bottom:0!important}}.banner-hero .slider-hero .slick-slide .slide-image{background-position:center right!important}.section-brandpage-intro .ssr-btn-outline{background-color:#000;color:#fff;border-color:#000;border-radius:60px}