UNPKG

input-states-react

Version:

Reusable UI components for forms and steps

github.com/codestk/input-states-react

codestk/input-states-react

1 lines • 448 kB
1
@keyframes wobble-horizontal{16.65%{-webkit-transform:translateX(6px);transform:translateX(6px)}33.3%{-webkit-transform:translateX(-5px);transform:translateX(-5px)}49.95%{-webkit-transform:translateX(4px);transform:translateX(4px)}66.6%{-webkit-transform:translateX(-2px);transform:translateX(-2px)}83.25%{-webkit-transform:translateX(1px);transform:translateX(1px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes wobble-vertical{25%{margin-top:4px}50%{margin-top:-2px}75%{margin-top:1px}to{margin-top:0}}@keyframes wobble-vertical-2{16.65%{transform:translateY(6px)}33.3%{transform:translateY(-5px)}49.95%{transform:translateY(4px)}66.6%{transform:translateY(-2px)}83.25%{transform:translateY(1px)}to{transform:translateY(0)}}@-webkit-keyframes circle{0%,40%{opacity:1}to{width:120%;height:200%;opacity:0}}@keyframes circle{0%,40%{opacity:1}to{width:120%;height:200%}}@keyframes circlePlanner{0%,40%{opacity:1}to{width:100%;height:100%}}@keyframes animModal{1%{display:block;opacity:0}to{display:block;opacity:1}}@media only screen and (min-width:1px){.modal-body-hr-privacy{max-height:150px!important}.modal-header-hr-privacy>h3{font-size:14px!important}.innerDiv-hr-privacy,label[for=cbAcceptHrPrivacy]{font-size:12px!important}.modal-accept-hr-privacy{margin:20px 0 10px}.div-checkbox-hr-privacy,.div-checkbox-label-hr-privacy{float:left;width:100%;text-align:center;display:inline-block}.div-checkbox-label-hr-privacy{font-size:12px!important}}@media only screen and (min-width:320px){.modal-body-hr-privacy{max-height:220px!important}.modal-header-hr-privacy>h3{font-size:15px!important}.innerDiv-hr-privacy,label[for=cbAcceptHrPrivacy]{font-size:14px!important}}@media only screen and (min-width:375px){.modal-body-hr-privacy{max-height:250px!important}}@media only screen and (min-width:425px){.modal-body-hr-privacy{max-height:300px!important}}@media only screen and (max-width:760px){div.content{border:0}}@media only screen and (min-width:761px){.modal-body-hr-privacy{max-height:350px!important}.modal-header-hr-privacy>h3{font-size:1.23rem!important}.innerDiv-hr-privacy,label[for=cbAcceptHrPrivacy]{font-size:16px!important}.modal-accept-hr-privacy{margin:30px 0 15px}.div-checkbox-hr-privacy,.div-checkbox-label-hr-privacy{float:left;width:5%;text-align:left;display:inline-block}.div-checkbox-label-hr-privacy{width:95%;font-size:16px!important}}.modal-mask-hr-privacy{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:table;transition:opacity .3s ease}.modal-wrapper-hr-privacy{display:table-cell;vertical-align:middle}.modal-container-hr-privacy{max-width:800px!important;line-height:130%;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);transition:all .3s ease;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.modal-header-hr-privacy h3{margin-top:0;color:#333}.modal-body-hr-privacy{margin:20px 0;width:auto}.modal-accept-hr-privacy{width:auto;padding:0 5% 0 4.5%;display:inline-block}.privacy-content{color:#333;background-color:#eeeef2;padding:3% 3% 5% 5%;border-radius:5px;overflow-y:scroll;margin-bottom:-15px}.modal-default-button-hr-privacy{float:right}.modal-enter-hr-privacy,.modal-leave-active-hr-privacy{opacity:0}.modal-enter-hr-privacy .modal-container-hr-privacy,.modal-leave-active-hr-privacy .modal-container-hr-privacy{transform:scale(1.1)}.modal-footer-hr-privacy{height:50px;width:100%;text-align:center}.col-centered-hr-privacy{float:none;margin:0 auto}.option-input-hr-privacy{appearance:none;position:relative;top:0;right:0;bottom:0;left:0;height:20px;width:20px;transition:all .15s ease-out 0s;background:#cbd1d8;border:0;color:#fff;cursor:pointer;display:inline-block;margin-right:.5rem;outline:0;z-index:0}.option-input-hr-privacy:checked{background:#0064ff;appearance:inherit!important}.option-input-hr-privacy:hover{background:#0048b7}.option-input-hr-privacy:checked::before{height:20px;width:20px;position:absolute;content:"✔";display:inline-block;font-size:16px;text-align:center;line-height:20px}.option-input-hr-privacy:checked::after{background:#40e0d0;content:"";display:block;position:relative;z-index:100}.cursor-point{cursor:pointer!important}.modal-body-hr-privacy::-webkit-scrollbar{width:10px}.modal-body-hr-privacy::-webkit-scrollbar:vertical{width:10px}.modal-body-hr-privacy::-webkit-scrollbar:horizontal{height:5px}.modal-body-hr-privacy::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:10px;border:0 solid #fff}.modal-body-hr-privacy::-webkit-scrollbar-track{border-radius:10px;background-color:#eeeef2}.bginside.bgmaincal a.fontmenu.hidemenu:hover,.bodycal .fontmenu:hover{color:#fff!important}.fontmenu{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif!important;text-transform:none}.liCategoryMobile:hover,.no-touch.desktop .custom-checkbox span:hover{color:#0048b7}iframe.banner-iframe-video{width:100%}.leavePage-notification .leavePage-conntent{padding-left:20px!important;padding-right:20px!important}.bginside.bgmaincal a.fontmenu,.wrapper_tool_section .fullwidth_tool_section .currency .currency-list th{font-weight:400}.box-button,.box-buttoncompare{border-radius:7px}.bodycal button#btnAdd,.bodycal button.box-button{height:44px}.box-textbox:hover{border:1px solid #fff!important}.thumbnail_container{max-width:1272px;width:100%;margin:0 auto;position:relative;display:flex;min-height:60px}.img-container img{width:100px;height:100px}.thumbnail_container li{margin-right:24px;width:192px;max-height:237px;border-radius:5px;overflow:hidden;cursor:pointer;height:237px}.thumbnail_container li:last-child{margin:0!important}.thumbnail_container li img{width:100%;height:100%}.thumbnail_container li .img-container{display:flex;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.thumbnail_outer{position:relative;bottom:0;transition:visibility 0s,opacity .5s,bottom .5s linear;opacity:0;visibility:hidden}.thumbnail_outer.thumbnail_container_active{visibility:visible;opacity:1;bottom:34px}ul.banner_container li{display:none;max-width:100%;width:100%;position:relative}section.borderWorkSheet>div:first-child .first-item,ul.banner_container li:first-child{display:block}ul.banner_container li img{max-width:100%;width:100%}.editor .table-international-banking>tbody>tr:first-child,.thumbnail_container li:first-child{display:none}.banner-carousel{clear:both}.home_page_banner{width:100%;position:relative;display:inline-block}.home_page_banner_content{position:absolute;bottom:75px;z-index:1;max-width:1272px;width:100%;left:0;right:0;margin:auto;color:#fff}.home_page_banner_content h1{font-size:5.6rem;line-height:1.125em;font-family:"BangkokBank-Medium",Tahoma,Helvetica,Arial,sans-serif;margin-bottom:23px}.home_page_banner_content p{font-size:1.5rem;line-height:1.15em;margin-bottom:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.home_page_banner_content p:empty,.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-bcap-update:empty:before,.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-update:empty:before{display:none}.thumbnail_container li:nth-child(n+8){display:none}.thumbnail_container li:nth-child(n+7){margin-right:0}iframe.banner-iframe-video~.home_page_banner_content h1,iframe.banner-iframe-video~.home_page_banner_content p{display:none}.promotion-carousal{max-width:1272px;margin:0 auto 30px}.banner-iframe-video{display:block}.banner_container_desktop_img,.banner_container_mobile_img{height:850px;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.banner_container_desktop_img{display:block}.home_page_banner_content_inner.col-md-8,.sitecore-wffm-form-custom.custom-wffm-form label[class*=" icon-"],.sitecore-wffm-form-custom.custom-wffm-form label[class^=icon-]{padding:0}.banner_container_mobile_img,.thumbnail_outer.thumbnail_outer{display:none}.promotion-carousal .slick-slide.slick-current .item-desc p,.thumbnail_outer.thumbnail_container_active{display:block}.promotion-carousal .item-desc{position:absolute;z-index:1;top:0;width:100%;padding:32px;color:#fff}.promotion-carousal .item{position:relative;display:flex;margin-right:24px;border-radius:7px;overflow:hidden;border:1px solid rgba(0,0,0,.1);height:100%}.promotion-carousal .imgContainer{z-index:0;position:relative;width:390px;display:block;max-width:100%;background-position:center!important;background-size:cover!important}.promotion-carousal .item_meta{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif;font-size:.9rem;line-height:1.375rem;font-weight:500;background:#4890ff;display:inline-block;padding:4px 7px;margin-bottom:14px;color:#fff;border-radius:16px}.promotion-carousal .item-desc p{display:none;margin-bottom:24px;font-size:16px;line-height:22px;color:#606060}.promotion-carousal h3{color:#000;font-size:2rem;line-height:2rem;margin-bottom:16px;font-weight:400}.promotion-carousal .slick-slide.slick-current .item-desc{position:relative;color:#000;max-width:390px}.promotion-carousal .slick-arrow:before,.promotion-carousal .slick-arrow:hover::before{color:#0064ff!important}.promotion-carousal .slick-arrow{box-shadow:0 0 1px 0 rgba(0,0,0,.5)}.promotion-carousal .slick-track{display:flex!important}.promotion-carousal .slick-slide{height:inherit!important}.promotion-carousal-title{width:100%;max-width:1272px;margin:22px auto 40px;display:flex;justify-content:space-between}.promotion-carousal-title h2{font-size:3.9rem;line-height:3.625rem;letter-spacing:.5px;color:#000}.promotion-carousal-title a.link-primary{display:flex;align-items:center;font-weight:400}.promotion-carousal .slick-slide .item-desc{min-height:430px}.promotion-carousal .slick-prev{left:45px}.promotion-carousal .slick-next{right:45px}.promotion-carousal .slick-arrow{background:rgba(255,255,255,.7);width:66px;height:66px;margin-top:-33px}.promotion-carousal .slick-arrow.slick-next:before,.promotion-carousal .slick-arrow.slick-prev:before{font-size:16px;line-height:4}.promotion-carousal .slick-slide.slick-current .active{border-right:1px solid rgb(0,0,0,.1);display:block;height:100%}.promotion-carousal .slick-slide .innactive{display:block;height:100%}.promotion-carousal .slick-slide .active,.promotion-carousal .slick-slide.slick-current .innactive{display:none}.promotion-carousal .imgContainer img{height:100%;width:100%;object-fit:cover}.crossBanner{margin:0 auto;max-width:1272px;width:100%}.crossBanner_content{display:flex;margin:34px 0 60px;align-items:flex-start;font-family:"BangkokBank-Regular";flex-direction:row;padding:0 48px}.crossBanner_label{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif;background:#4890ff;color:#fff;padding:4px 7px;line-height:1.375rem;font-size:.9rem;font-weight:500;border-radius:16px;margin-right:12px}.crossBanner_description,.crossBanner_title{max-width:350px;font-weight:400;width:100%;margin-left:12px;margin-right:12px}.crossBanner_title{font-size:1.6rem;line-height:1.571rem;color:#000;font-family:"BangkokBank-Medium";position:relative;top:3px}[lang=th] .crossBanner_title,title-1.small{font-size:1.6rem;line-height:2rem}.crossBanner_description{font-size:1rem;flex-grow:1;line-height:1.375rem}.crossBanner_link{margin-left:auto}.crossBanner_img{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover}.crossBanner_img_mobile,.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a:before,.wrapper_tool_section h2.title-1:before{display:none}.crossBanner_img_desktop{display:block}.crossBanner .inner-container .crossBanner_content .crossBanner_title:not(.crossBanner_label~.crossBanner_title){margin-left:0!important;margin-right:12px}.wrapper_tool_section .fullwidth_tool_section{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif!important;width:100%!important;display:flex;flex-direction:row-reverse}.wrapper_tool_section .disable_promotion_section{display:none!important}.wrapper_tool_section .fullwidth_tool_section .quick-news{max-width:32%;margin:0 2% 0 0;border-radius:7px;background:#fff;border:1px solid rgba(0,0,0,.1);padding:24px;min-height:490px}.wrapper_tool_section .fullwidth_tool_section .quick-news .tab-header a.active{font-family:BangkokBank-Regular,Tahoma,Helvetica,Arial,sans-serif!important;color:#939399!important;font-weight:400!important;text-transform:initial;font-size:1rem;line-height:1.375rem}.wrapper_tool_section .fullwidth_tool_section .quick-news .text-default{font-family:BangkokBank-Regular,Tahoma,Helvetica,Arial,sans-serif!important;color:#78787d;font-weight:400;font-size:1rem;line-height:1.375rem}.wrapper_tool_section .fullwidth_tool_section .slick-dots li button:before{background:#fff;border:1px solid #ccc}.wrapper_tool_section .fullwidth_tool_section .slick-dots li.slick-active button:before{background:#0064ff;border:6px solid #0064ff;top:2px;position:relative}.wrapper_tool_section .fullwidth_tool_section .quick-news .link-primary{color:#0064ff!important;font-family:BangkokBank-Regular,Tahoma,Helvetica,Arial,sans-serif;font-weight:400}.wrapper_tool_section .fullwidth_tool_section .currency .tab-header{font-family:"BangkokBank-Medium",Tahoma,Helvetica,Arial,sans-serif;color:#000!important}.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a{color:#171717!important;font-size:.9rem;padding:7px 16px 5px;font-weight:400;text-align:center;display:flex;line-height:1.125rem}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list{position:relative}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list:last-child{border:0}.tips_insight_carousal .slick-dots li.slick-active button,.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner #exchange .currency-list,.wrapper_tool_section .fullwidth_tool_section .slick-dots li.slick-active button{border:0}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list .default-wrap{left:0;right:0;bottom:initial;margin-top:24px;position:relative!important}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner *{font-family:BangkokBank_Text-Medium,Tahoma,Helvetica,Arial,sans-serif;color:#000}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner{max-width:100%;min-height:auto;padding:0;width:66%;background:#fff;color:#171717;box-shadow:none}.wrapper_tool_section .fullwidth_tool_section .currency-converter{position:absolute;right:0;top:0;width:49%;height:auto;padding:0;border-radius:7px;background:#fff}.wrapper_tool_section .fullwidth_tool_section article.currency-info{max-width:48%;padding:24px;border-radius:7px;background:#f5f5f5;border:1px solid rgba(0,0,0,.1);min-height:490px}.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a.active{background:#fff;position:relative;border-radius:32px}.no-touch.desktop .wrapper_tool_section .fullwidth_tool_section .currency .tab-header a:active,.no-touch.desktop .wrapper_tool_section .fullwidth_tool_section .currency .tab-header a:hover,.wrapper_tool_section .fullwidth_tool_section .converter .convert-group .currency-dropdown *,.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a.active:hover,.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a:hover{color:#171717!important}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .converter{padding:0;height:100%;min-height:490px;position:relative}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group{height:233px;margin:0!important;width:100%;max-width:100%;padding:24px;background:#233a58;border-radius:5px}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group *{color:#fff!important}.wrapper_tool_section .inner-container{max-width:1272px;width:100%;padding:0!important}.wrapper_tool_section{margin-bottom:30px}.wrapper_tool_section .inner-container .text-center{text-align:left!important}.wrapper_tool_section .inner-container .text-center>h2{padding:0;margin-bottom:40px;margin-top:36px;font-size:60px;line-height:60px;color:#171717}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group .country-select{float:right;position:relative;top:6px;margin-right:6px}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group .icon-dropdown{top:17px;transform:none}.wrapper_tool_section .fullwidth_tool_section .currency .tab-header li{width:auto}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-bcap-update:before,.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .currency-list span.date-update:before{content:"";background:green;width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:5px}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner thead tr{position:relative;border-bottom:1px solid #e5e5e7}.wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary{font-weight:400}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group>input{bottom:50px;position:absolute;width:calc(100% - 48px);left:0;right:0;margin:auto;border-bottom:1px solid #ccc;font-size:3.9rem;font-weight:900;line-height:4.875rem;height:auto}.wrapper_tool_section .fullwidth_tool_section .btn-convert.full-width{position:absolute;top:0;bottom:0;margin:auto;z-index:1;width:66px;height:66px;max-width:66px;font-size:0;line-height:0;left:50%;transform:translate(-50%,0);border-radius:50%!important;padding:0;opacity:.9;background:#d6d6d6}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group:first-child{margin-bottom:24px!important}.wrapper_tool_section .fullwidth_tool_section .btn-convert:after{content:"";font-weight:100;left:0;margin:auto;position:absolute;transform:none;text-align:center;right:0;color:#039;top:0;font-size:x-large;background-image:url(../images/icons/icon-convert.svg);background-size:cover;width:100%;height:100%}.wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif;color:#0064ff!important;font-size:.9rem;line-height:1.375rem!important}.wrapper_tool_section .fullwidth_tool_section .link-primary.link-primary:hover{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif;color:#0048b7!important}.no-touch.desktop .wrapper_tool_section .fullwidth_tool_section .btn-convert:hover:after{scale:initial;transform:none}.tips-and-insight .text-center h2:before,.tips_insight_container h2.title-1:before,.wrapper_tool_section .fullwidth_tool_section .currency-converter .sub-title-medium{display:none}.wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content]{max-height:calc(100% - 80px);height:100%}.wrapper_tool_section .fullwidth_tool_section{min-height:385px!important}.wrapper_tool_section .fullwidth_tool_section .currency .tab-header{display:flex;align-items:baseline}.currency_title_from,.currency_title_to{padding-top:13px;display:none}.wrapper_tool_section .fullwidth_tool_section .currency_title_from,.wrapper_tool_section .fullwidth_tool_section .currency_title_to{display:inline-block;font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif!important}.tips_insight_container .inner-container .text-center{text-align:left!important}.tips_insight_container h2.title-1{padding:0!important;margin-bottom:60px!important}.tips_insight_quick_access{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:24px}.tips-and-insight{margin-bottom:104px}.tips_insight_quick_access_title{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif;font-weight:400;color:#000;font-size:2rem;line-height:2rem}[lang=th] .tips_insight_quick_access_title{line-height:2.5rem}.tips-and-insight .col-md-4{min-width:408px;padding-right:4px;width:32.9%!important}.tips-and-insight .col-md-8{width:67%!important}.tips_insight_quick_access_item{width:33%;max-width:264px;min-height:210px;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:7px;flex:none;order:0;align-self:stretch;flex-grow:1;position:relative;padding:23px;display:flex;flex-direction:column-reverse;justify-content:space-between;transition:all .2s ease}.tips_insight_quick_access_item a{opacity:0;position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.tips_insight_quick_access_item img{max-width:48px;max-height:48px;width:100%;margin:0;object-fit:contain}.tips_insight_container{margin-bottom:50px}.tips_insight_quick_access_item:hover{border:1px solid #0064ff;box-shadow:5px 5px 0 rgba(0,51,153,.17)}.tips_insight_carousal,.tips_insight_carousal .slick-list,.tips_insight_carousal .slick-track{height:100%}.tips_insight_carousal{position:absolute!important;width:100%}.tips_insight_carousal ul.slick-dots{position:absolute;bottom:24px;left:24px;text-align:left;line-height:0;width:auto}.tips_insight_carousal_content{padding:24px}.tips_insight_carousal .slick-dots li button:before{border:1px solid #c8c8cc;width:8px;height:8px}.tips_insight_carousal .slick-dots li.slick-active button:before{background:#039;border:6px solid #039;position:relative;top:1px}.tips_insight_carousal_container{height:100%;border-radius:7px;background:#fff;border:1px solid rgba(0,0,0,.1);min-height:445px;position:relative;overflow:hidden}.tips_insight_carousal_badge{font-size:.9rem;line-height:1.125rem;font-weight:500;background:#4890ff;display:inline-block;padding:4px 7px!important;margin-bottom:14px;color:#fff;border-radius:16px}.tips_insight_carousal_title{font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif;font-weight:400;color:#000;font-size:2rem;line-height:2rem;margin-bottom:24px}[lang=th] .tips_insight_carousal_title{line-height:2.5rem}.tips_insight_carousal_bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover!important;background-position:center;z-index:-1;box-shadow:inset 0 -110px 40px -50px #fff}.tips_insight_carousal_bg_mobile{display:none;width:100%}.tips_insight_carousal_more{position:absolute!important;bottom:24px;right:24px;z-index:1;line-height:1.375;font-size:.9rem!important;line-height:1.375rem!important;font-weight:400;font-family:BangkokBank-Medium,Tahoma,Helvetica,Arial,sans-serif}.tips-and-insight .inner-container{padding:0!important;max-width:1272px;width:100%}.tips-and-insight .text-center h2{font-size:3.9rem!important;line-height:3.625rem!important;color:#000;text-align:left;padding:0;margin-top:6px!important;margin-bottom:40px!important}.tips_insight_carousal .tips_insight_carousal_item{height:100%}.page .container .search_modal_active{position:relative!important;display:block!important;z-index:0!important}.search_modal_active .searchModalClose{display:none}.search_modal_active #btnSearchSubmit{background:#fff}.search_modal_active #btnSearchSubmit:hover{background:#ddd3d3}.search_modal_active input#txtSearchSite::placeholder{color:#fff!important;opacity:.8;font-size:4rem}[lang=th] .search_modal_active input#txtSearchSite::placeholder{color:#fff!important;opacity:.8;font-size:3rem;font-weight:500}.error-404{background:#fff!important;justify-content:center;text-align:center;margin-bottom:40px;min-height:500px;align-items:center}.error-404,.tips-and-insight .inner-container>.row{display:flex}.crossBanner_img.crossBanner_img_mobile,.crossBanner_img_desktop{height:584px}.home_page_banner_content_desktop{display:block}.home_page_banner_content_mobile{display:none}@media (max-width:1025px){.crossBanner_img.crossBanner_img_mobile,.crossBanner_img_desktop{height:454px}}@media (max-width:1024px){.home_page_banner_content_desktop{display:none!important}.home_page_banner_content_mobile,.promotion-carousal .item-desc p{display:block}.home_page_banner_content h1{font-size:3.3rem;line-height:1.15em}.home_page_banner_content p{font-size:1.3rem;line-height:1.15em;margin-bottom:33px}.home_page_banner_content{text-align:center;padding:0 20px;bottom:32px}.thumbnail_container{max-width:initial;padding:14px 20px 0;width:max-content}.thumbnail_outer{width:100%;overflow:visible;overflow-y:auto;padding-bottom:48px;bottom:0}.thumbnail_outer.thumbnail_container_active{opacity:1;visibility:visible;bottom:0}iframe.banner-iframe-video{height:auto!important;min-height:608px}iframe.banner-iframe-video~.home_page_banner_content{text-align:left}.thumbnail_container li{width:193px;max-height:238px;margin-right:16px}.tips_insight_quick_access_title{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1.5rem;line-height:1.625rem}[lang=th].tips_insight_quick_access_title{font-size:1.5rem;line-height:1.875rem}iframe.banner-iframe-video~.home_page_banner_content h1{font-family:"BangkokBank-Bold",Tahoma,Helvetica,Arial,sans-serif}.promotion-carousal{margin:0 auto 24px}.promotion-carousal .item{display:block;margin-right:16px;max-height:490px}.promotion-carousal .item-desc{position:inherit;padding:16px;max-height:270px}.promotion-carousal .imgContainer{max-width:100%;height:220px;width:100%}.promotion-carousal .imgContainer img{object-fit:cover}.promotion-carousal .slick-arrow{display:none!important}.promotion-carousal .slick-slide{height:inherit!important;max-width:315px;width:100%}.promotion-carousal-title{padding:0 20px;margin-top:24px;margin-bottom:14px}.promotion-carousal-title a.link-primary{display:flex;min-width:100px;align-items:end;justify-content:end;font-weight:400;font-size:12px;line-height:16px}.promotion-carousal .item_meta{margin-bottom:13px}.promotion-carousal .item-desc p,.promotion-carousal h3{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical}.promotion-carousal h3{font-size:2rem;line-height:2.5rem;margin-bottom:8px;-webkit-line-clamp:2!important}.promotion-carousal .item-desc p{font-size:.9rem;line-height:1.375rem;-webkit-line-clamp:4}.promotion-carousal .item-desc .btn-primary{font-size:.8rem;position:absolute;bottom:16px}.promotion-carousal-title a.link-primary:after{top:auto;bottom:0}.promotion-carousal .slick-slide .item-desc{min-height:270px}.promotion-carousal .slick-slide .active{display:block!important;height:100%}.promotion-carousal .slick-slide .innactive{display:none!important}.crossBanner_content{flex-direction:column}.crossBanner_label{margin-bottom:10px;font-size:.9rem;line-height:1.375rem;padding:4px 7px}.crossBanner_title,[lang=th] .crossBanner_title{margin-left:0;margin-right:0;font-size:3rem;line-height:2.875rem}[lang=th] .crossBanner_title{line-height:3.75rem}.crossBanner_description,.crossBanner_title{max-width:100%;margin-bottom:20px}.crossBanner_description,[lang=th] .crossBanner_description{margin-left:0!important;margin-right:0!important}.crossBanner_link{margin-left:0}.wrapper_tool_section .fullwidth_tool_section .quick-news{max-width:100%;width:100%;margin:0 0 20px;padding-bottom:55px;min-height:490px}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner{width:100%}.wrapper_tool_section .fullwidth_tool_section{flex-direction:column}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group:first-child{margin-bottom:24px!important}.wrapper_tool_section .fullwidth_tool_section article.currency-info{max-width:100%;margin-bottom:20px;min-height:initial}.wrapper_tool_section .fullwidth_tool_section .currency-converter{position:absolute;width:100%;top:100%;background:0 0}.wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content]{max-height:calc(100% - 24px);height:367px}.wrapper.wrapper_tool_section{margin-bottom:0}.wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news,[lang=th] .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news{margin-top:512px}.tips_insight_quick_access_item{width:29%;min-height:215px;max-height:215px;max-width:33%}.tips_insight_container .col-md-4{width:100%;margin-bottom:24px}.tips_insight_container .col-md-8{width:100%}.tips_insight_quick_access{margin-top:20px;gap:16px}.tips-and-insight .col-md-4,.tips-and-insight .col-md-8{width:100%!important;padding:0!important;min-width:100%}.tips-and-insight{margin-bottom:32px}.tips_insight_quick_access_item{padding:24px}.search_modal_active input#txtSearchSite::placeholder{font-size:2.73rem}.tips-and-insight .inner-container>.row{flex-direction:column;margin-left:0;margin-right:0}.home_page_banner_content_inner.col-md-8{width:100%}.tips_insight_carousal .tips_insight_carousal_item{min-height:454px}.home_page_banner:after{content:"";border-bottom:1px solid #e3e3e5;position:absolute;bottom:0;width:calc(100% - 96px);margin:auto;left:0;right:0}.thumbnail_outer::-webkit-scrollbar{width:0}}@media (max-width:760px){.tips-and-insight{padding:0 15px}.home_page_banner:after{width:calc(100% - 32px)}.promotion-carousal{padding:0}.promotion-carousal-title a.link-primary{top:5px!important}.thumbnail_outer{padding-bottom:24px}.tips_insight_carousal .tips_insight_carousal_item,.wrapper_tool_section .fullwidth_tool_section .quick-news{min-height:initial}.wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content]{height:auto}.tips_insight_quick_access_item{min-height:130px;padding:8px}.tips_insight_quick_access_item img{max-width:30px;margin:0}.tips_insight_carousal_title{font-size:2rem;line-height:2.5rem;color:#000}.tips-and-insight .col-md-8{width:100%!important}.tips_insight_carousal_badge{padding:8px 10px}.tips_insight_carousal{position:relative!important}.tips_insight_carousal_title{margin-bottom:30px;max-width:65%}.tips_insight_carousal ul.slick-dots{right:24px;left:auto;bottom:auto;top:215px}.tips_insight_carousal_bg{box-shadow:none;background:0 0!important;display:none}.tips_insight_carousal_more{font-size:.6rem;line-height:.875rem;font-weight:500}.tips_insight_carousal_content{padding:20px;min-height:203px;max-height:203px}.tips_insight_carousal_container{min-height:inherit;height:auto}.tips_insight_carousal_bg{position:relative;max-height:150px;min-height:150px;background-position:center}.tips_insight_carousal_bg_mobile{display:block;min-height:197px;max-height:197px;background-position:center;background-size:cover!important}.tips_insight_quick_access_item{max-width:33.33%}.promotion-carousal .slick-slide{height:inherit!important;max-width:268px}.promotion-carousal .item{margin-right:8px}.wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news,[lang=th] .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news{margin-top:512px}.wrapper_tool_section .fullwidth_tool_section .currency .tab-header a{font-size:.9rem;padding:8px 10px!important}.thumbnail_container li{width:124px;max-height:154px;height:154px;margin-right:8px}.thumbnail_outer.thumbnail_outer{bottom:0}iframe.banner-iframe-video~.home_page_banner_content{text-align:center;position:relative;color:#000;bottom:0;transform:none;min-height:calc(608px - 308px);display:flex;flex-direction:column;align-items:center;justify-content:center;top:15px}.banner_container_desktop_img{display:none}.banner_container_mobile_img,.crossBanner_img_mobile,.promotion-carousal .item-desc p{display:block}.crossBanner_img_desktop{display:none;height:calc(100vw*.5)}.crossBanner_img.crossBanner_img_mobile{height:calc(100vw*.5)}iframe.banner-iframe-video{min-height:308px}iframe.banner-iframe-video~.home_page_banner_content h1,iframe.banner-iframe-video~.home_page_banner_content p{display:block;width:100%}iframe.banner-iframe-video~.home_page_banner_content p:empty{display:none}}@media (min-width:1271px){.promotion-carousal{max-width:100%}.promotion-carousal .slick-track{margin-left:-205px}.promotion-carousal .item{justify-content:right}.promotion-carousal .slick-slide.slick-current .item,.promotion-carousal .slick-slide.slick-current~.slick-slide .item{justify-content:initial}.promotion-carousal .slick-prev{left:50%;margin-left:-682px}.promotion-carousal .slick-next{right:50%;margin-right:-682px}.promotion-carousal .imgContainer{width:410px!important}.promotion-carousal .slick-slide.slick-current .imgContainer{width:445px}.promotion-carousal .slick-slide .item{min-width:840px!important}.promotion-carousal .slick-slide.slick-current+.slick-slide~.slick-slide{margin-left:-430px!important}.tips-and-insight .col-md-8{padding-right:0!important}}@media (min-width:1025px){.promotion-carousal .item{min-width:815px;border:0;max-height:490px}.promotion-carousal .slick-slide .item-desc{max-width:390px}.promotion-carousal .slick-slide.slick-current .item{border:1px solid rgba(0,0,0,.1)}.promotion-carousal .imgContainer{border-radius:7px;overflow:hidden;width:425px}.promotion-carousal .slick-slide.slick-current .imgContainer{border-radius:0;border:0}.promotion-carousal .slick-slide.slick-current+.slick-slide+.slick-slide{margin-left:-385px}.thumbnail_outer{overflow:auto;height:auto;max-width:1272px;margin:0 auto}.promotion-carousal .slick-slide{min-height:490px}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner #exchange .currency-list{min-height:388px}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner #exchange .currency-list .default-wrap{position:absolute!important;bottom:0}.crossBanner_title,.wrapper_tool_section .inner-container .text-center>h2{font-size:3rem!important;line-height:2.875rem!important}.crossBanner_title{top:-4px}[lang=th] .crossBanner_title,[lang=th] .wrapper_tool_section .inner-container .text-center>h2{top:-15px;font-size:3rem!important;line-height:3.75rem!important}.tips_insight_quick_access_item{max-height:215px;min-height:215px;max-width:calc(33% - 24px)}.tips-and-insight .col-md-4{min-height:454px}}@media (min-width:991px) and (max-width:1480px){iframe.banner-iframe-video{border-bottom:30px solid #000;background-color:#000}}@media (max-width:1024px){.banner_container_desktop_img,.banner_container_mobile_img{height:608px}.thumbnail_outer.thumbnail_outer{opacity:1;display:block;visibility:visible}}@media (max-width:991px){iframe.banner-iframe-video{border-top:66px solid #039}.tips-and-insight .inner-container>.row{display:initial}}@media (max-width:760px){.promotion-carousal-title h2{font-size:3.9rem;line-height:3.625rem}.tips-and-insight .text-center h2{font-size:3.9rem!important;line-height:3.625rem;margin-bottom:14px!important}.home_page_banner_content h1{font-size:3.3rem;line-height:1.15em}.home_page_banner_content p{font-family:"BangkokBank-Medium",Tahoma,Helvetica,Arial,sans-serif;font-size:1.3rem;line-height:1.15em}.wrapper_tool_section .inner-container .text-center>h2{font-size:2rem!important;line-height:2.5rem!important;margin-top:24px;margin-bottom:14px}}@media (min-width:1025px) and (max-width:1920px){.wrapper_tool_section .promotion-carousal-title h2,.wrapper_tool_section .text-center .title-1.line.small{font-size:3.9rem!important;line-height:3.625rem!important}.home_page_banner_content,.promotion-carousal-title,.wrapper_tool_section .inner-container{max-width:100%!important;padding-left:84px!important;padding-right:84px!important}.thumbnail_outer{max-width:100%!important}.crossBanner,.tips-and-insight .inner-container{max-width:100%!important;padding-left:84px!important;padding-right:84px!important}.thumbnail_container{margin:0;display:flex;gap:24px;max-width:100%;padding-left:0;padding-right:0;width:100%}.thumbnail_container li{margin:0;width:100%;max-width:calc((100%/6) - 20px);height:238px}.tips_insight_quick_access_title{overflow:hidden;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:1.3rem;line-height:1.571}[lang=th].tips_insight_quick_access_title{font-size:1.3rem;line-height:1.642}.tips-and-insight .col-md-4{min-width:auto;padding-right:0;width:calc(33.33% - 9px)!important}.tips-and-insight .col-md-8{width:68%!important;padding:0;padding-right:24px!important}.tips_insight_quick_access{justify-content:flex-end}.crossBanner_content,.wrapper.tips-and-insight,.wrapper_tool_section{padding-left:0!important;padding-right:0!important}.wrapper_tool_section .fullwidth_tool_section .quick-news{max-width:calc(33.33% - 20px);margin:0 24px 0 0}.col-md-4.fullwidth_tool_section{justify-content:space-between}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner{width:66.66%}.wrapper_tool_section .fullwidth_tool_section .currency-converter{width:calc(50% - 12px)}.wrapper_tool_section .fullwidth_tool_section article.currency-info{max-width:calc(50% - 12px)}.promotion-carousal{padding:0}.promotion-carousal .slick-list.draggable{padding:0 84px}.promotion-carousal .slick-track{margin-left:0}.promotion-carousal .slick-slide.slick-current .item>div{width:calc(50% - 12px)!important;max-width:calc(50% - 12px)!important}.no-touch .promotion-carousal .slick-slide .item{width:calc(66.66vw - 132px)!important;min-width:calc(66.66vw - 132px)!important}.touch .promotion-carousal .slick-slide .item{width:calc(66.66vw - 120px)!important;min-width:calc(66.66vw - 120px)!important}.promotion-carousal .slick-slide.slick-current+.slick-slide+.slick-slide{margin-left:calc(-33.33vw + 50px)!important}.promotion-carousal .imgContainer{width:calc(50% - 10px)!important;border:1px solid rgb(0,0,0,.1)}.promotion-carousal .slick-slide .item-desc{width:calc(50% - 10px);max-width:calc(50% - 10px)}.promotion-carousal .slick-prev{left:38px;margin-left:0}.promotion-carousal .slick-next{right:38px;margin-right:0}.tips_insight_quick_access_item{max-width:calc(33.33% - 24px);padding:24px}.thumbnail_outer{max-width:calc(100% - 168px);padding:0!important;width:calc(100% - 168px)}}@media (min-width:761px) and (max-width:1024px){.wrapper_tool_section .inner-container .text-center>h2{font-size:3rem!important;line-height:2.875rem!important;margin-top:24px;margin-bottom:14px}[lang=th] .wrapper_tool_section .inner-container .text-center>h2{font-size:3rem!important;line-height:3.75rem!important}.crossBanner,.home_page_banner_content,.promotion-carousal-title,.thumbnail_outer,.tips-and-insight .inner-container,.wrapper_tool_section .inner-container{max-width:100%!important;padding-left:48px!important;padding-right:48px!important}.thumbnail_container{gap:16px}.thumbnail_container li{margin-right:0;max-width:calc((((100vw - 152px)/12)*8)/3);min-width:calc((((100vw - 152px)/12)*8)/3);width:100%;height:238px}.crossBanner_content{padding-left:0;padding-right:0}.home_page_banner_content{}.promotion-carousal{padding-left:0;padding-right:0}.promotion-carousal-title{}.thumbnail_container,.tips-and-insight,.wrapper_tool_section{padding-left:0;padding-right:0}section.promotion-carousal .slick-list{left:48px}.thumbnail_container{margin:0}.promotion-carousal .item{margin:0}.promotion-carousal .slick-track{gap:16px}.promotion-carousal .slick-slide{max-width:100%;width:calc((100vw - 128px)/3)}}@media (max-width:760px){.crossBanner .crossBanner_content,.home_page_banner_content,.promotion-carousal-title,.thumbnail_outer,.tips-and-insight .inner-container,.wrapper_tool_section .inner-container{max-width:100%!important;padding-left:16px!important;padding-right:16px!important}.thumbnail_container{gap:8px}.promotion-carousal .item_meta{padding:4px 7px}.tips_insight_carousal_cta.btn-primary{position:absolute;bottom:20px}.thumbnail_container li{margin-right:0;width:calc((((100vw - 45px)/4)*1.5))}.wrapper_tool_section .fullwidth_tool_section{padding-left:10px!important;padding-right:10px!important}.crossBanner_content{padding-left:0;padding-right:0}.home_page_banner_content{}.promotion-carousal{padding-left:0;padding-right:0}.promotion-carousal-title{}.thumbnail_container,.tips-and-insight,.wrapper_tool_section{padding-left:0;padding-right:0}section.promotion-carousal .slick-list{left:16px}.thumbnail_container{margin:0}.promotion-carousal .item{margin:0}.promotion-carousal .slick-track,.tips_insight_quick_access{gap:8px}.promotion-carousal .slick-slide{width:calc(((100vw - 35px)/4)*3);max-width:100%}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner .converter{min-height:424px;height:424px}.wrapper_tool_section .fullwidth_tool_section .converter .convert-group{height:200px}.wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news,[lang=th] .wrapper_tool_section #exchange-rate-banner.converter_active~.quick-news{margin-top:447px}.wrapper_tool_section .fullwidth_tool_section .quick-news [data-tab-content]{height:auto}}@media (min-width:1920px){.crossBanner,.home_page_banner_content,.promotion-carousal-title,.thumbnail_outer,.tips-and-insight .inner-container,.wrapper_tool_section .inner-container,ul.thumbnail_container{max-width:1752px}.promotion-carousal .slick-track{margin-left:-287px}.promotion-carousal .slick-slide .item{min-width:1156px!important}.promotion-carousal .imgContainer{width:573px!important}.promotion-carousal .slick-slide.slick-current+.slick-slide~.slick-slide{margin-left:-584px!important}.promotion-carousal .slick-slide .item-desc,.promotion-carousal .slick-slide.slick-current .item-desc{max-width:580px!important;height:100%}.thumbnail_container li{max-width:272px;width:100%;height:237px;max-height:inherit}.tips_insight_quick_access_item{width:33%;max-width:372px}.home_page_banner_content{bottom:66px}.wrapper_tool_section .fullwidth_tool_section article.currency-info{max-width:calc(50% - 12px)}.wrapper_tool_section .fullwidth_tool_section #exchange-rate-banner{width:66.66%}.wrapper_tool_section .fullwidth_tool_section .quick-news{max-width:calc(33.33% - 20px);margin:0 24px 0 0}.tips-and-insight .col-md-4{padding-right:0}.tips-and-insight .col-md-8{width:66.66%!important}}@media (min-width:1921px){.promotion-carousal .slick-prev{margin-left:-920px}.promotion-carousal .slick-next{margin-right:-920px}}@media (width:1920px){.tips-and-insight .col-md-8{padding-right:0!important;padding-left:24px}.tips_insight_quick_access{justify-content:flex-start}.tips_insight_quick_access_item{width:33%;max-width:calc(33.33% - 24px)}}.image-button-1,.image-button-2{height:auto;cursor:pointer}.btn-salute:hover,.image-button-1:hover,.image-button-2:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.btn-salute{border:4px solid #daaa2ca8;border-radius:20px!important;background-color:rgba(128,128,128,.35);color:#da981c;font-weight:700;text-shadow:2px -1px 0 #aa5c5c,3px -2px 0 #6b92e1;letter-spacing:2.5px}.btn-salute:hover{background-color:rgba(128,128,128,.45)}.height-transition{-webkit-transition:max-height 1s ease-in-out;-moz-transition:max-height 1s ease-in-out;-o-transition:max-height 1s ease-in-out;transition:max-height 1s ease-in-out;overflow-y:overlay}.height-transition-hidden{max-height:0}.div-salute-word{width:100%;height:57px;padding-top:10px;padding-right:10px;border-radius:80px;background-color:#fff;border:2px inset #e6c52ddb;text-align:left;cursor:pointer;position:relative}.div-salute-word:hover,.txt-salute-word:hover{background-color:rgba(255,255,255,.85)}.salute-word-select{font-size:1.5rem;width:85%;margin-left:3%!important;margin-top:0;float:left;color:#b8860b;letter-spacing:1px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-arrow-down{float:right;height:auto;cursor:pointer;margin-right:14px!important;margin-top:2px!important;min-width:26px!important;max-width:26px!important}h1.lbl-middle{color:#00377b;letter-spacing:0;line-height:30px}.image-more-info{height:auto;margin-right:0!important;margin-top:-9px!important;min-width:30px!important;max-width:30px!important}.label-please-complete{color:#e53333;letter-spacing:0;width:60%}.lbl-complete,.lbl-error,.lbl-myname{color:#00377b;letter-spacing:0;width:100%}.lbl-error{letter-spacing:3px;font-size:1.8rem;font-family:'THSarabunNew-Bold'!important}.overflow-x-show{overflow-x:visible!important}.txt-salute-word{width:100%;height:55px!important;border-radius:50px;background-color:#fff;text-align:left;cursor:text;border:2px inset #e6c52ddb;color:#b8860b;padding-left:30px!important}.input-block-level{display:block;width:100%;min-height:28px;box-sizing:border-box}::-moz-placeholder{opacity:.6;color:rgba(184,134,11,.8)}::-webkit-input-placeholder{opacity:.6;color:rgba(184,134,11,.8)}.div-ul{width:97%;top:60px;left:1%;position:absolute;border-radius:10px;border:2px solid gray;background-color:#efefef;z-index:100;padding-left:10px}.ul-style1 li{list-style:none;height:20px;cursor:pointer;letter-spacing:0;color:#b8860b;margin-top:10px;margin-left:10px}.ul-style1 li:hover{-webkit-transform:translateX(-10px);-moz-transform:translateX(-10px);transform:translateX(-10px);-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;transition:all .5s ease-in-out;color:#aa5c5c}.hide-content{display:none}@media screen and (max-width:760px){.table-responsive{width:100%;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;margin-bottom:1rem}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}body,html{margin:0;padding:0;border:0}a,abbr,address,article,aside,blockquote,cite,dd,del,details,dfn,div,dl,dt,em,embed,figcaption,figure,footer,form,header,hgroup,i,iframe,ins,label,legend,li,main,mark,menu,nav,object,ol,output,p,q,section,span,summary,time,ul,var{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0;font-weight:400}b,body,code,fieldset,html,kbd,pre,samp,small{vertical-align:baseline;background:0 0}code,kbd,pre,samp,small{margin:0;padding:0;border:0;font-weight:400}audio,canvas,img,video{margin:0;padding:0;border:0;font-size:100%}audio,canvas,img,sub,sup,video{background:0 0;font-weight:400}b,fieldset{font-size:100%}b,sub,sup{border:0}fieldset{font-weight:400}html{text-size-adjust:100%;box-sizing:border-box;position:relative}@media only screen and (max-width:991px){html{font-size:14px}}*,:after,:before{box-sizing:inherit}body{background:#fff;color:#4e4e4e;font-family:"BangkokBank-Regular",Tahoma,Helvetica,Arial,sans-serif;line-height:1;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;-webkit-text-stroke:1px transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}b,caption,fieldset,sub,sup,table,tbody,td,tfoot,th,thead,tr{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset{border:1px solid silver}textarea{overflow:auto;vertical-align:top;resize:none}input,select,textarea{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;appearance:none}select::-ms-expand{display:none}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;border:0}input,select{vertical-align:middle}button{text-transform:none}.clickable,button,input[type=button],input[type=checkbox],input[type=file],input[type=radio],input[type=reset],input[type=submit],label,select{cursor:pointer}select{font-size:16px!important;text-transform:inherit!important}button,input[type=button],input[type=reset],input[type=submit]{appearance:button}input[type=search]{box-sizing:content-box;appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}sub,sup{position:relative;line-height:0;vertical-align:baseline}sub{font-size:.6em;padding-left:.5em}sup{font-size:75%;top:-.5em}b,optgroup,strong{font-weight:700}h3{font-size:1.23rem}h4{font-size:1rem}dfn{font-style:italic}small{font-size:80%}a,ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{background-color:#ff0;font-style:italic}del{text-decoration:line-through}abbr[title],dfn[title]{cursor:help}dfn[title]{border-bottom:1px dotted}code,kbd,samp{font-size:1em}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc}a{color:inherit}.no-touch.desktop a{-webkit-transition:all .3s;transition:all .3s}:focus{outline:0}address{font-style:normal;line-height:1.7}noscript{position:fixed;top:0;width:100%;padding:5px;text-align:center;color:#fff;background:gray}@media print{*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.visible-print-block{display:block!important}.visible-print-inline{display:inline!important}.visible-print-inline-block{display:inline-block!important}.hidden-print{display:none!important}}.grid{margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px}@media (min-width:761px){.grid{width:760px}}@media (min-width:99