@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@100;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Prompt:wght@800&display=swap";@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300;400;500;600;700&family=IBM+Plex+Sans+Thai:wght@100;200;300;400;500;600;700&family=Kalam:wght@300;400;700&family=Prompt:wght@300;400;900&display=swap";.gradient1,.krungthep-pending .pending-h,.candidate-content-name .name:before,.all-count .all-count-list li .count-label,.name-list-head .right:before,.election-tab button.active:before,.btn-border-gd-black,.btn-border-gd,.gd-loadmore,.krungthep-governor-election-page .index-head:before{background:rgba(0,0,0,0) linear-gradient(126deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%) 0% 0% no-repeat padding-box}.krungthep-governor-election-page .no-margin{margin:0}.krungthep-governor-election-page section{padding:0}.krungthep-governor-election-page section.top-five{padding:0 0 30px}.krungthep-governor-election-page .page-padding{padding-top:30px;padding-bottom:30px}.krungthep-governor-election-page .index-head{background:#2e2e2e;padding:8px 30px 5px;position:relative;color:#fff;font-size:22px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:0 0 6px 0px;line-height:1.5;text-transform:uppercase;margin:0 0 15px}.krungthep-governor-election-page .index-head:before{content:"";display:block;width:100%;position:absolute;top:0;left:0;z-index:1;height:3px}.krungthep-governor-election-page .index-section{padding:0;position:relative}.krungthep-governor-election-page .index-section.news-section{border-top:1px solid #e0e0e0}.relative-box{position:relative}.popup-overlay{position:fixed;width:100%;height:100%;background:rgba(255,255,255,0);top:0;left:0;z-index:101;display:none}.page-bottom{background:#f3f3f3;padding:40px 0}.page-bottom .box-news-update{background:#fff;padding:0 20px 20px}.page-bottom .news-list.landscape-list li .card-pic{width:150px}.page-bottom .news-list.landscape-list li .card-detail-box{width:calc(100% - 150px)}.bg-2{background:#e6e6e6}.landing-text{text-align:center;padding:50px 0 80px}.landing-text h1,.landing-text h2{line-height:1.4;margin:0 0 15px}.landing-text h1{font-size:32px;color:#000;font-weight:bold}.landing-text h2{font-size:30px;font-weight:normal}.landing-text .btn-border-gd-black{margin:20px auto 0}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loading-scroll{position:relative;width:40px;height:40px;margin:auto;border:5px solid #ddd;border-radius:50%;display:none}.loading-scroll:after{content:"";border:5px solid rgba(0,0,0,0);border-top-color:#888;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;-webkit-animation:350ms linear infinite loading;animation:350ms linear infinite loading}.krungthep-nav-top{padding:30px 0 20px}.krungthep-nav-top ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.krungthep-nav-top ul li{list-style:none;font-weight:lighter;padding:0 7px}.krungthep-nav-top ul li:last-child{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.krungthep-nav-top.webview-nav-top{background:#e6e6e6;text-align:left;padding:10px 0}.krungthep-nav-top.webview-nav-top *{color:#000}.krungthep-nav-top.webview-nav-top ul{padding:0;margin:0}.election-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%}.election-nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.election-nav ul li{list-style:none}.bg-dark .krungthep-nav-top{color:#fff}.select-custom{background:#fff;border-radius:6px;padding:0px 0px;-webkit-box-sizing:border-box;box-sizing:border-box;height:45px;position:relative;cursor:pointer;overflow:hidden}.select-custom input[type=text]{width:100%;height:100%;border:none;padding:0 15px}.select-custom .icon-down{background:#000;position:absolute;top:0;right:0;height:100%;width:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.select-custom .icon-down img{display:block;width:18px;height:9px}.select-list{background:#fff;border-radius:6px;padding:10px 0;position:absolute;top:60px;left:0;z-index:102;width:100%;display:none}.select-list ul{width:98%;height:350px;overflow-y:scroll;overflow-x:hidden}.select-list li{padding:5px 20px;list-style:none;cursor:pointer;color:#444;-webkit-transition:all 200ms;transition:all 200ms}.select-list li:hover{background:#f2f2f2}.button-view-all{position:absolute;top:15px;right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#444;border:none}.gd-loadmore{color:#fff;border:none;padding:2px;border-radius:6px;margin:auto;display:block;position:relative;min-width:300px;max-width:100%}.gd-loadmore span{display:block;width:100%;height:100%;background:#000;padding:7px 30px;-webkit-transition:all 300ms;transition:all 300ms;font-size:16px;border-radius:inherit}.gd-loadmore span.fake-click{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;background:none}.gd-loadmore:hover span{background:none;color:#fff}h3 a{width:100%}.button-loadmore{width:360px;background:#2e2e2e;padding:10px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;margin:30px auto;color:#fff;display:block;font-size:16px;font-weight:bold;clear:both;max-width:100%;border:none}.btn-border-gd{padding:2px}.btn-border-gd span{display:block;width:100%;height:100%;background:#fff;padding:5px 30px;-webkit-transition:all 300ms;transition:all 300ms;font-size:16px}.btn-border-gd:hover span{background:none;color:#fff}.btn-border-gd-black{padding:2px;display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:#fff}.btn-border-gd-black span{display:block;width:100%;height:100%;background:#212121;padding:5px 30px;-webkit-transition:all 300ms;transition:all 300ms;font-size:16px}.btn-border-gd-black:hover span{background:none;color:#fff}.thumb-1-1{padding-top:100%;width:100%;position:relative;overflow:hidden;background:#eee}.thumb-1-1 img{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;width:100%;height:auto}.custum-scrollbar::-webkit-scrollbar-track{background:#fff;bottom:10px}.custum-scrollbar::-webkit-scrollbar-thumb{background-color:#eee;outline:none;border-radius:4px}.custum-scrollbar::-webkit-scrollbar-thumb:hover{background:#ddd}@media only screen and (max-width: 989px){.custum-scrollbar ::-webkit-scrollbar,.custum-scrollbar ::-webkit-scrollbar-track,.custum-scrollbar ::-webkit-scrollbar-thumb{display:none}}.hide-scrollbar::-webkit-scrollbar{display:none}.bg-dark{background:#2d2d2d}.bg-dark .index-head{background:#000}.bg-dark a,.bg-dark a:hover{color:#fff}.candidate-card-box{width:100%;overflow-y:hidden;overflow-x:scroll}.candidate-card-box ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.candidate-card-box ul li{list-style:none}.infographic-list ul{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px}.infographic-list ul li{list-style:none;cursor:pointer}.news-list li{list-style:none}.news-list.landscape-list li .card-pic,.news-list.landscape-list li .card-detail-box{display:inline-block;vertical-align:top}.news-list.landscape-list li .card-pic{width:200px}.news-list.landscape-list li .card-detail-box{width:calc(100% - 200px);padding:0 0 0 20px}.top-five .candidate-list ul{padding:30px 0}.top-five .candidate-list li{display:-webkit-box;display:-ms-flexbox;display:flex;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.top-five .candidate-list li .top-number{width:42px;font-size:50px;font-weight:bold}.top-five .candidate-list .candidate-box{width:calc(100% - 42px)}.top-five .candidate-list .candidate-box .left{width:100px;height:100px;top:-20px}.top-five .candidate-list .candidate-box .left .circle-thumb{width:100%;height:100%}.top-five .candidate-list .candidate-box .right{font-size:16px}.top-five .candidate-list .candidate-box .right span{padding:5px 5px 5px 110px;height:35px}.candidate-list-all{list-style:none;display:grid;grid-template-columns:repeat(6, 1fr);gap:30px}.candidate-list-all li{width:100%}.score-list-all ul{border-top:3px solid #eee;margin-top:5px;padding-top:5px}.score-list-all .vive-box{position:absolute;top:-165px;right:15px}.card-2022{border-radius:0;-webkit-box-shadow:0;box-shadow:0}.card-2022 .thumb-main{border-radius:0}.hide-cate .card-cate-name{display:none}.card-candidate{background:#b6b6b6;border-radius:6px;width:170px;max-width:39vw;border:1px solid #fff;color:#000;display:block}.card-candidate *{color:#000}.card-candidate .card-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0}.card-candidate .card-top p{margin:0;padding:0;line-height:1.2;font-size:12px}.card-candidate .card-top .candidate-number,.card-candidate .card-top .candidate-party{height:100%}.card-candidate .card-top .candidate-number{font-size:30px;font-weight:bold;padding:4px 10px}.card-candidate .card-top .candidate-party{font-size:10px;border-left:1px solid #fff;padding:4px 7px}.card-candidate .card-bottom{font-size:16px;padding-top:1px}.card-candidate .card-bottom strong,.card-candidate .card-bottom span{padding:5px 8px;display:block}.card-candidate .card-bottom strong{display:block;font-size:20px;font-weight:bold;padding-bottom:0}.card-candidate .card-bottom span{padding-top:0}.card-candidate .card-bottom .view-candidate{font-size:12px;text-align:center;display:block;width:100%;border-top:1px solid #fff;padding:3px 0;color:#444}.card-score{width:100%;overflow:hidden;margin:10px 0}.card-score a{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.card-score span,.card-score strong{display:block;width:100%}.card-score span{width:100%;line-height:.8}.card-score strong{font-size:26px;line-height:.7;margin-top:3px;font-weight:bold}.card-score .score-number{background:#000;color:#fff;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px;font-size:12px;width:40px}.card-score .score-card-box{background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;padding:10px;width:calc(100% - 40px);gap:10px}.card-score .score-card-box .score-image{width:90px;height:90px;overflow:hidden;border-radius:50%}.card-score .score-card-box .score-image img{display:block;width:100%;height:auto}.card-score .score-card-box .col-right{width:calc(100% - 90px)}.card-score .score-card-box .name span{background:#000;color:#fff;padding:1px 10px;border-radius:0 6px 0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:14px;line-height:1.1}.card-score .score-card-box .name strong{font-size:16px;line-height:1;margin:5px 0 0}.card-score .score-card-box .name strong.l-name{font-size:14px}.card-score .score-card-box .score-count{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:10px;width:100%;border-top:1px solid #000;padding-top:5px;margin:5px 0 0}.card-score .score-card-box .score-count strong{font-size:22px;font-weight:bold;color:#e13232}.krungthep-map{position:static}.krungthep-map .parents{cursor:pointer}.krungthep-map .parents:hover rect{fill:#444}.krungthep-map rect{-webkit-transition:all 200ms;transition:all 200ms}.krungthep-map tspan{font-family:"Sukhumvit Tadmai",Sukhumvit Set;color:#fff;text-shadow:2px 2px 3px rgba(0,0,0,.7)}.krungthep-map svg{width:100%;-webkit-transition:all 400ms;transition:all 400ms}.map-info{color:rgba(255,255,255,.8);text-align:center;font-size:18px;border-top:1px solid rgba(255,255,255,.1);padding:30px 0 0;margin:30px 0 0}.count-zone-box{background:#212121;width:100%;display:grid;grid-template-columns:repeat(6, 1fr);gap:15px;padding:15px;text-align:center}.count-zone-box .card-count-zone{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;background:#676767;border:2px solid #000}.count-zone-box .card-count-zone .left-card,.count-zone-box .card-count-zone .right-card{width:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:6px 0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.count-zone-box .card-count-zone .left-card *{color:#fff;text-align:center;width:100%}.count-zone-box .card-count-zone .left-card strong{height:30px}.count-zone-box .card-count-zone .left-card span{font-size:10px}.count-zone-box .card-count-zone .right-card{background:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}.count-zone-box .card-count-zone .right-card strong{font-size:22px}.count-zone-box .card-count-zone .right-card span{margin-top:5px}.count-zone-box .card-count-zone:last-child .left-card strong{padding-top:8px}.count-zone-box.on-index-page{width:800px;margin:10px auto 0}.broadcast-map-page{width:100%;height:100vh;background:#212020}.broadcast-map-page *,.broadcast-map-page tspan{font-family:"Thonburi"}.broadcast-map-page .ipad-container{height:100vh;overflow:hidden}.broadcast-map-page .election-tab{padding:20px 0 10px;border-radius:0;width:100%}.broadcast-map-page .election-tab .map-inner{border-radius:25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;background:rgba(0,0,0,0) linear-gradient(126deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%) 0% 0% no-repeat padding-box;overflow:hidden;padding:1px}.broadcast-map-page .election-tab .map-inner .button-box{background:#000;border-radius:inherit}.broadcast-map-page .election-tab .map-inner button{border-radius:inherit;background:none;color:#404040;font-weight:lighter;width:258px;padding:10px 0}.broadcast-map-page .election-tab .map-inner button.active{background:#212020;font-weight:bold;color:#fff}.broadcast-map-page .candidate-popup-box{width:870px;max-width:100%;position:absolute;top:10%;left:0;right:0;margin:auto;display:block;z-index:10000000001;background:rgba(0,0,0,0) linear-gradient(126deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%) 0% 0% no-repeat padding-box;padding:3px;border-radius:6px;overflow:visible;margin-top:4%;display:none}.broadcast-map-page .candidate-popup-box .popup-head{font-size:40px;margin:0}.broadcast-map-page .candidate-popup-box .popup-head2{font-size:20px;color:#707070;border:none}.broadcast-map-page .candidate-popup-box .popup-box-in{background:#fff;border-radius:inherit;overflow:visible;padding:20px}.broadcast-map-page .candidate-popup-box .bottom-map-right{border-radius:0 0 6px 6px}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card{text-align:center;border:1px solid #835739;border-radius:6px;overflow:hidden;width:100%;padding:0 0 10px;min-height:442px;position:relative}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .waiting-count{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -20%);transform:translate(-50%, -20%);font-size:22px;color:#707070}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .broadcast-card-h{background:#835739;padding:7px 0;color:#fff;font-size:22px;margin:0;line-height:1.4;text-align:center}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .broadcast-card-pic{padding:20px 0;text-align:center;width:100%}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .broadcast-card-pic .circle-thumb{width:150px;height:150px;border-radius:50%;position:relative;overflow:hidden;margin:auto}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .broadcast-card-pic .circle-thumb img{display:block;position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:auto;margin:auto}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border{display:-webkit-box;display:-ms-flexbox;display:flex;width:95%;margin:auto;line-height:1.5;border-radius:6px;overflow:hidden;border:1px solid #835739;border-radius:6px}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-label{width:120px;background:#835739;text-align:center;font-size:18px;padding:10px;color:#fff;font-weight:bold}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-label span,.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-label strong{display:block}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-label strong{font-size:70px;line-height:1;font-family:"Sukhumvit Set"}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-card-right{width:calc(100% - 120px);text-align:left;padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-party{background:#835739;color:#fff;text-align:center;border-radius:15px;font-size:14px;line-height:1.4;padding:2px 0}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-name{font-size:24px;font-weight:bold;padding:2px 0 0;margin:0}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-name span,.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-name strong{display:block}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-name strong{font-size:30px;line-height:1}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-vote{background:#835739;color:#fff;width:95%;margin:5px auto 0;text-align:center;border-radius:6px;padding:3px 0;line-height:1}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-vote strong,.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-vote span{display:inline-block;vertical-align:middle}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card .candidate-vote strong{font-size:30px;margin-right:5px;font-family:"Sukhumvit Set"}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card.sorkor{border-color:#f45f91}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card.sorkor .broadcast-card-h{background:#f45f91}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card.sorkor .candidate-box-border{border-color:#f45f91}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card.sorkor .candidate-box-border .candidate-label{background:#f45f91}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card.sorkor .candidate-box-border .candidate-card-right .candidate-card-party{background:#f45f91}.broadcast-map-page .candidate-popup-box .broadcast-candidate-card.sorkor .candidate-vote{background:#f45f91}.broadcast-map-page .candidate-popup-box .sorkor-list{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;margin:0}.broadcast-map-page .candidate-popup-box .sorkor-list li{width:100%;list-style:none;margin:0px}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card{-webkit-box-shadow:0 0 5px rgba(0,0,0,.2);box-shadow:0 0 5px rgba(0,0,0,.2);min-height:426px}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card .broadcast-card-h{font-size:50px;padding:10px 0;line-height:1;font-family:"Sukhumvit Set";font-weight:bold}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card .candidate-box-border .candidate-label{width:60px;font-size:13px;padding:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card .candidate-box-border .candidate-label strong{font-size:42px;width:100%}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card .candidate-box-border .candidate-card-right{width:calc(100% - 60px);padding:10px 10px 2px}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-party{margin-bottom:5px}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-name strong{font-size:20px}.broadcast-map-page .candidate-popup-box .sorkor-list .broadcast-candidate-card .candidate-box-border .candidate-card-right .candidate-card-name span{font-size:16px}.broadcast-map-page .candidate-popup-box .bottom-text{text-align:center;width:100%;display:block;padding:10px 0 0;margin:0;font-size:14px;position:static}.broadcast-map-page .candidate-popup-box .popup-close{width:50px;height:50px;top:-20px;right:-20px;border-radius:50%;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.15);box-shadow:0 0 5px rgba(0,0,0,.15);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 200ms;transition:all 200ms;display:none}.broadcast-map-page .candidate-popup-box .popup-close img{width:20px;height:20px}.broadcast-map-page .candidate-popup-box .popup-close:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.broadcast-map-page .popup-overlay{position:absolute;background:rgba(33,32,32,.3);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:block;z-index:10;height:89%;bottom:0;top:auto;display:none}.broadcast-map-page .party-list{position:absolute;right:0;bottom:35px;width:580px;display:grid;grid-template-columns:repeat(3, 1fr);gap:15px 22px}.broadcast-map-page .party-list li{width:100%}.broadcast-map-page .party-list li .text-top{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;font-size:13px}.broadcast-map-page .party-list li .text-top span.label-text{width:20px;height:20px}.broadcast-map-page .party-list li .party-list-right{border-bottom:1px dotted rgba(255,255,255,.5);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:calc(100% - 30px)}.broadcast-map-page .party-list li strong{font-size:28px;-ms-flex-item-align:end;align-self:flex-end;margin-left:5px;font-family:"SukhumvitSet"}.broadcast-map-page .broadcast-time-update{color:#fff;position:absolute;right:0;bottom:0px}.broadcast-map-section{width:1052px;height:768px;margin:0 auto}.broadcast-map-section .broadcast-map-zone{width:100%;padding:10px 0;margin:auto;text-align:right}.broadcast-map-section .broadcast-map-zone .count-zone-box{position:absolute;right:0;bottom:60px;grid-template-columns:repeat(4, 1fr);width:590px}.broadcast-map-section .broadcast-map-zone svg{width:780px;margin-right:75px}.broadcast-map-section .broadcast-map-h{background:rgba(0,0,0,0) linear-gradient(168deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%, #000000 100%) 0% 0% no-repeat padding-box;padding-left:5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:28px;color:#fff;position:absolute;top:9%;left:5%}.broadcast-map-section .broadcast-map-h span{background:#000;padding:5px 15px 3px;display:block}.broadcast-map-section .map-small-zone-list{position:absolute;left:2%;bottom:15px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;width:100%;-ms-flex-wrap:wrap;flex-wrap:wrap}.broadcast-map-section .map-small-zone-list li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:relative}.broadcast-map-section .map-small-zone-list li .fake-click{position:absolute;top:0;left:0;width:100%;height:100%;background:none}.broadcast-map-section .map-small-zone-list li span.label{display:block;width:16px;height:16px;border-radius:50%;background:#707070}.krungthep-map-mockup{background:#212121;padding:40px 0}.krungthep-map-mockup .candidate-popup-box{padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;text-align:center;height:550px;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.krungthep-map-mockup .candidate-popup-box h1,.krungthep-map-mockup .candidate-popup-box h2{line-height:1.2}.krungthep-map-mockup .candidate-popup-box h1{font-size:24px;margin:0 0 10px}.krungthep-map-mockup .candidate-popup-box h2{font-size:18px;font-weight:normal;margin:0 0 20px}.krungthep-map-mockup .candidate-popup-box .btn-border-gd-black{margin:auto;width:100%}.header-election{font-size:28px;color:#fff}.election-tab{border-radius:0 0 6px 6px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.election-tab button{padding:10px 50px 7px 50px;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0;font-weight:bold;line-height:1.5;font-size:18px;border:none;background:#7e7e7e}.election-tab button.active{background:#000;color:#fff}.election-tab button.active:before{content:"";display:block;width:100%;height:3px;position:absolute;top:0;left:0}.header-page{text-align:center;margin:0 0 15px 0;color:#707070;text-transform:uppercase;font-size:34px;border-bottom:1px solid #eee}.header-page-2{text-align:center;margin:0 0 30px 0;color:#fff;font-size:34px;line-height:1}.header-page-3{margin:0 0 30px 0;padding:0 0 15px 0;color:#212121;font-size:30px;line-height:1;border-bottom:1px solid #ddd}.head-section{color:#707070;font-size:22px;margin:0 0 15px;padding:0;line-height:1.5}.index-head.center{margin:0 auto 15px;border-radius:0 0 6px 6px;text-align:center}.index-head.small{font-size:18px}.head-small{font-size:18px;font-weight:bold;margin:0 0 15px}.fake-overlay{background:#707070;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001}.box-gallery{position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;z-index:10002;display:-webkit-box;display:-ms-flexbox;display:flex;padding:1px}.box-gallery .infographic-gallery-left{width:70%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.box-gallery .infographic-gallery-left .gallery-thumb{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box-gallery .infographic-gallery-left .gallery-thumb img{max-height:90%}.box-gallery .infographic-gallery-left .gallery-nav{position:absolute;top:0;bottom:0;width:100%;margin:auto;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.box-gallery .infographic-gallery-left .gallery-nav a{display:block;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:absolute;opacity:.3;background:#000;padding:10px 7px;-webkit-transition:all 200ms;transition:all 200ms}.box-gallery .infographic-gallery-left .gallery-nav a:hover{opacity:1}.box-gallery .infographic-gallery-left .gallery-nav a img{display:block;width:22px;height:22px}.box-gallery .infographic-gallery-left .gallery-nav a.gallery-prev{left:0px}.box-gallery .infographic-gallery-left .gallery-nav a.gallery-prev img{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.box-gallery .infographic-gallery-left .gallery-nav a.gallery-next{right:0px}.box-gallery .infographic-gallery-left .gallery-nav a.gallery-next img{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.box-gallery .infographic-gallery-right{background:#fff;width:30%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:45px 20px 20px}.box-gallery .infographic-gallery-right h1{font-size:18px;line-height:1.5;margin:0 0 15px}.box-gallery .infographic-gallery-right article{font-size:14px;max-height:300px;overflow-y:scroll;overflow-x:hidden}.box-gallery .infographic-gallery-right .close-gallery{position:absolute;right:20px;top:15px}.box-gallery .infographic-gallery-right .close-gallery img{display:block;width:14px;height:14px}.section-krungthep-governor-top{background:#e6e6e6}.name-list-head{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0px 0 30px}.name-list-head .left{background:#000;width:70%;position:relative;overflow:hidden;color:#fff}.name-list-head .left:after{content:"";display:block;background:#e6e6e6;height:100%;width:200px;position:absolute;right:-120px;top:0;-webkit-transform:rotate(-60deg);transform:rotate(-60deg)}.name-list-head .left .report-h{padding:10px 20px;margin:0;line-height:1.5;font-size:30px}.name-list-head .right{width:30%;position:relative}.name-list-head .right:before{content:"";display:block;width:100%;height:3px;top:0;left:0}.name-list-head .right .d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.name-list-head .right .d-flex .right-text{text-align:right;padding:10px 10px 10px 0;width:calc(100% - 70px);font-size:14px}.name-list-head .right .d-flex .right-text span{display:block;line-height:1.4}.name-list-head .right .d-flex .right-text strong{font-size:18px}.name-list-head .right .d-flex .percent{background:#000;color:#fff;width:90px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:30px;font-weight:bold;letter-spacing:-2px}.newsupdate-head{padding:0px 0 30px;width:100%}.newsupdate-head .name-list-head .left{width:50%}.newsupdate-head .name-list-head .left:after{background:#fff}.newsupdate-head .name-list-head .right{width:50%}.all-count .all-count-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;padding:5px 0;color:#2e2e2e}.all-count .all-count-head strong{color:#e13232;font-size:16px}.all-count .all-count-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.all-count .all-count-list li{background:#fff;list-style:none;padding:22px 0 0px 10px;position:relative;text-align:center;width:22%}.all-count .all-count-list li:first-child{width:31%}.all-count .all-count-list li span{font-size:12px;width:100%;display:block;text-align:left;color:#707070}.all-count .all-count-list li span:last-child{font-size:22px;font-weight:bold;text-align:right;position:absolute;right:10px;top:10px;color:#000}.all-count .all-count-list li .count-label{padding:2px 15px 0;color:#fff;position:absolute;line-height:1.4;top:0;left:0;font-weight:normal;font-size:14px;font-weight:bold;border-radius:0 0 6px 0}.top-five .top-five-list{background:#f4f4f4;padding:30px 30px 5px;margin-bottom:0}.top-five .top-five-list li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;margin:0 0 15px}.top-five .top-five-list li .col-left{display:-webkit-box;display:-ms-flexbox;display:flex;width:170px}.top-five .top-five-list li .col-left .top-number{background:#000;color:#fff;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px;font-size:12px}.top-five .top-five-list li .col-left .top-number span,.top-five .top-five-list li .col-left .top-number strong{display:block;width:100%;line-height:.8}.top-five .top-five-list li .col-left .top-number strong{font-size:32px;line-height:.7;margin-top:3px;font-weight:bold}.top-five .top-five-list li .col-left .top-image{width:90px;height:90px;overflow:hidden;border-radius:50%;margin-left:20px}.top-five .top-five-list li .col-left .top-image img{display:block;width:100%;height:auto}.top-five .top-five-list li .col-right{display:-webkit-box;display:-ms-flexbox;display:flex;width:calc(100% - 170px)}.top-five .top-five-list li .col-right .name{width:170px}.top-five .top-five-list li .col-right .name span{background:#000;color:#fff;padding:1px 10px;border-radius:0 6px 0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:14px;line-height:1.1}.top-five .top-five-list li .col-right .name strong{font-size:18px;line-height:1.2;margin:5px 0 0}.top-five .top-five-list li .col-right .name *{display:block}.top-five .top-five-list li .col-right .chart{width:calc(100% - 170px)}.top-five .top-five-list li .col-right .chart p{margin:0;font-size:14px}.top-five .top-five-list li .col-right .chart .chart-percent{font-weight:bold;line-height:1;margin:0 0 5px}.top-five .top-five-list li .col-right .chart .chart-bar{height:30px;width:100%;background:#eaeaea;-webkit-box-shadow:inset 0 0 8px rgba(0,0,0,.3);box-shadow:inset 0 0 8px rgba(0,0,0,.3)}.top-five .top-five-list li .col-right .chart .chart-bar span{display:block;height:100%;width:50%;background:#676767}.top-five .top-five-list li .col-right .chart .chart-count{margin:5px 0 0}.top-five .top-five-list li .col-right .chart .chart-count strong{font-weight:bold;font-size:22px}.info-bottom{padding:10px 0px 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#707070;text-transform:uppercase}.info-bottom .map-sponsor{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.info-bottom .map-sponsor img{display:block;height:45px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vive-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.vive-box span{margin-top:10px}.vive-box img{width:55px;display:block}.krungthep-map-section{background:#212020;padding:0 0 45px 0;position:relative}.candidate-map-right{position:relative;top:0px}.candidate-popup-box{background:#fff;border-radius:6px;padding:20px 0px 0;position:relative;margin-top:15px;z-index:50;min-height:508px}.candidate-popup-box .none-data{text-align:center;padding:0px 20px;min-height:305px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;font-weight:bold;font-size:28px;line-height:1.2;margin-bottom:30px}.candidate-popup-box .popup-padding{padding:0 15px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.candidate-popup-box h3,.candidate-popup-box h4{text-align:center;line-height:1.2}.candidate-popup-box h3{font-size:30px;font-weight:bold;margin:0 0 5px}.candidate-popup-box h4{font-size:16px;font-weight:normal;margin:0;padding:0 0 15px;border-bottom:1px dashed #ddd}.candidate-popup-box h5{margin:15px 0 20px;font-size:16px;font-weight:bold;text-align:left;width:100%;padding:0 15px;-webkit-box-sizing:border-box;box-sizing:border-box}.candidate-popup-box .popup-close{position:absolute;top:5px;right:10px}.candidate-popup-box .popup-close img{width:13px;height:13px}.candidate-box{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap}.candidate-box .candidate-main-card{width:100%;position:relative}.candidate-box .left{width:120px;height:120px;position:absolute;top:0;bottom:0;margin:auto;left:-2px;z-index:1}.candidate-box .left .circle-thumb{border-radius:50%;width:100%;overflow:hidden;background:#fff;position:relative;padding-top:100%}.candidate-box .left .circle-thumb.null{background:#818181}.candidate-box .left .circle-thumb img{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;height:auto;width:100%;background:#f3f3f3;padding:1px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%}.candidate-box .right{width:100%;border-radius:50px 6px 6px 50px;background:#f3f3f3}.candidate-box .right p{display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 10px;color:#000;padding:0 10px 0 130px;margin:0}.candidate-box .right .candidate-name{position:relative;z-index:0;padding-top:10px}.candidate-box .right .candidate-name span{display:block}.candidate-box .right .candidate-name .candidate-label{background:#000;color:#fff;border-radius:0 6px 0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:1px 5px;line-height:1.2;font-size:14px;position:absolute;left:130px;top:-10px}.candidate-box .right .candidate-name strong{position:relative;z-index:1;font-size:16px;border-bottom:1px solid #444;width:100%;display:block;margin:10px 0 2px;padding:0 0 5px;line-height:1.2}.candidate-box .right .candidate-vote{padding-top:3px;padding-bottom:10px;line-height:1}.candidate-box .right .candidate-vote strong{font-weight:bold;font-size:22px;color:#e13232}.candidate-box .right .candidate-vote span{margin-left:10px}.candidate-box.sorkor-box{padding-bottom:30px}.candidate-box.sorkor-box .left{width:100px;height:100px}.candidate-box.sorkor-box .none-data{margin-bottom:15px}.candidate-box.sorkor-box .right p{padding-left:110px}.candidate-box.sorkor-box .right .candidate-name{padding-top:5px}.candidate-box.sorkor-box .right .candidate-name .candidate-label{left:110px}.candidate-box.sorkor-box .right .candidate-name strong{padding-bottom:4px}.candidate-box.sorkor-box .right .candidate-vote{padding-bottom:4px;padding-top:0}.candidate-box .sorkor-list li{list-style:none;margin:0 0 25px}.candidate-box .sorkor-list li:last-child{margin:0}.bottom-map-right{width:100%;background:#bababa;margin:25px 0 0;padding:5px 0 30px 0;border-radius:0 0 6px 6px}.bottom-text{width:100%;font-size:12px;opacity:.6;position:absolute;bottom:5px;right:15px;text-align:right}.map-info-update{color:#fff;width:100%;text-align:center;font-size:14px;margin:20px 0 0}.krungthep-map-box{width:100%;height:550px;overflow:scroll;padding-bottom:0px}.krungthep-map-box::-webkit-scrollbar{display:none}.map-icons-zoom{border-radius:6px;overflow:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:absolute;right:10px;bottom:0px}.map-icons-zoom button{display:block;width:30px;height:30px;border:none;border-radius:0;border-bottom:1px solid #000}.map-icons-zoom button img{width:13px}.map-icons-zoom button:last-child{border-bottom:none}.party-list{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-top:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}.party-list li{list-style:none;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.party-list li .text-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-size:14px}.party-list li .text-top span.label-text{display:block;width:15px;height:15px}.party-list li .number-bottom{font-size:30px;font-weight:bold;font-family:"Sukhumvit Set"}.krungthep-governor-election-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.krungthep-governor-election-header.with-border{border-bottom:1px solid #e0e0e0}.krungthep-governor-election-header a{color:#444}.box-banner{width:100%;padding:30px 0}.box-banner a,.box-banner img{width:100%;height:auto;display:block}.krungthep-governor-election-page .button-view-all.show-on-mobile{display:none}.krungthep-governor-election-page .section-candidate-card{background:#2e2e2e;padding:0 0 30px}.krungthep-governor-election-page .section-candidate-card .button-view-all{color:#fff}.krungthep-governor-election-page .section-candidate-card ul{padding-top:10px}.krungthep-governor-election-page .section-candidate-card .index-head{background:#000}.index-vote .section-app-vote,.app-vote .section-app-vote{background:#fff;color:#444}.index-vote .section-app-vote .button-view-all,.app-vote .section-app-vote .button-view-all{line-height:1.5}.index-vote .section-app-vote .box-container,.app-vote .section-app-vote .box-container{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;padding:20px 0 0}.index-vote .section-app-vote .box-container .left,.app-vote .section-app-vote .box-container .left{width:40%}.index-vote .section-app-vote .box-container .right,.app-vote .section-app-vote .box-container .right{width:60%;padding:0 0 0 25px;-webkit-box-sizing:border-box;box-sizing:border-box}.index-vote .section-app-vote .vote-head,.app-vote .section-app-vote .vote-head{display:block;width:100%;height:auto}.index-vote .section-app-vote .vote-head .vote-head-gd,.app-vote .section-app-vote .vote-head .vote-head-gd{font-size:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:auto;line-height:1.5}.index-vote .section-app-vote .vote-head .vote-head-text,.app-vote .section-app-vote .vote-head .vote-head-text{width:100%;padding:20px 0 15px;font-size:26px}.index-vote .section-app-vote .vote-head .vote-head-text:after,.app-vote .section-app-vote .vote-head .vote-head-text:after{margin:10px 0 0}.index-vote .section-app-vote .vote-time-info,.app-vote .section-app-vote .vote-time-info{text-align:left;font-size:16px}.index-vote .section-app-vote .vote-list,.app-vote .section-app-vote .vote-list{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.index-vote .section-app-vote .vote-list li .vote-list-bar,.app-vote .section-app-vote .vote-list li .vote-list-bar{border:1px solid #212121}.index-vote .section-app-vote .download-app,.app-vote .section-app-vote .download-app{background:#fff;padding:0;width:100%;border-radius:0}.index-vote .section-app-vote .download-app .box-bg,.app-vote .section-app-vote .download-app .box-bg{background:none;text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:15px 0 0;border-radius:0}.index-vote .section-app-vote .download-app .download-h,.app-vote .section-app-vote .download-app .download-h{display:inline-block;font-size:14px;text-align:left}.index-vote .section-app-vote .download-app .download-app-link,.app-vote .section-app-vote .download-app .download-app-link{display:inline-block;padding:0px;border-radius:0}.index-vote .section-app-vote .download-app .download-app-link a,.app-vote .section-app-vote .download-app .download-app-link a{margin:0 0 0 10px}.index-video-clip{margin:0px 0 0;padding-bottom:20px}.krungthep-governor-election-page .section-list-top{padding:10px 0 30px;margin:0 0 20px;border-bottom:1px solid #eee}.candidate-all{border-top:1px solid #e0e0e0;padding:0 0 30px}.candidate-all .index-head{margin-top:-2px}.candidate-all ul{padding-top:15px}.candidate-all ul li .card-candidate{width:100%;max-width:none}.candidate-content-picture{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:70px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 0 40px;width:760px;max-width:100%;margin:auto}.candidate-content-picture .candidate-pic{width:410px;max-width:50%}.candidate-content-picture .candidate-pic img{display:block;width:100%;height:auto;max-width:100%}.candidate-content-picture .candidate-number{width:calc(100% - 480px);color:#212121}.candidate-content-picture .candidate-number .number-label{width:100%;height:1px;background:#212121;position:relative;display:block}.candidate-content-picture .candidate-number .number-label span{padding:5px 15px;position:absolute;margin:auto;display:block;left:0;right:0;top:-18px;background:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:18px}.candidate-content-picture .candidate-number strong{font-size:250px;font-weight:bold;line-height:.7;margin-top:30px;display:block}.candidate-content-name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;width:85%;margin:auto;padding:10px 0 30px}.candidate-content-name .name{width:45%;margin:15px 0}.candidate-content-name .name:before{content:"";display:block;height:10px;width:100px;margin:0 0 20px}.candidate-content-name .name .name-title{margin-bottom:0}.candidate-content-name .name .name-title span{font-size:46px;font-weight:bold;display:block}.candidate-content-name .name .name-title span.fname{font-size:60px}.candidate-content-name .name .party{background:#342020;color:#fff;font-size:16px;line-height:1;padding:7px 0px;border-radius:0 0 6px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:normal;margin:10px 0 0;width:265px;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:1}.candidate-content-name .quote{width:55%;color:#707070;font-size:22px;font-weight:normal;line-height:1.8;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0px 40px 0 80px;margin-top:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.candidate-content-name .quote .quote-before,.candidate-content-name .quote .quote-after{content:"";display:block;position:absolute}.candidate-content-name .quote .quote-before{top:-20px;left:0}.candidate-content-name .quote .quote-after{bottom:0px;right:0;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.candidate-content{width:85%;margin:auto}.candidate-content ul li{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;gap:15px;line-height:2;color:#707070;margin:0 0 5px}.candidate-content ul li *{width:calc(100% - 20px)}.candidate-content ul li:before{content:"";background:#707070;width:4px;height:4px;border-radius:50%;display:block;margin-top:11px}.box-candidate-content{border-top:1px dashed #ddd;padding:0 200px 30px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.box-candidate-content .index-head{width:230px;max-width:100%;margin-top:-1px}.box-candidate-content .subhead{margin:15px 0 10px;line-height:1.4;font-size:18px}.candidate-relate-news{border-top:1px solid #e0e0e0;padding:30px 0}.vdo-player-section{padding-bottom:40px}.vdo-iframe iframe{display:block;width:100%;height:400px;max-height:56.25vw}.vdo-col-right *{color:#fff}.vdo-col-right h1{font-size:26px;line-height:1.5;margin:0 0 5px;padding:0 0 5px;border-bottom:1px solid #707070}.vdo-col-right article{padding:10px 0;max-height:120px;overflow-y:scroll;overflow-x:hidden}.vdo-col-right .card-option .option{color:#fff}.vdo-col-right .social-share{border-bottom:1px solid #707070;padding:0px 0 15px}.vdo-col-right .tags-section{padding:15px 0 0}.vdo-col-right .tags-section a{background:#adabac}.vdo-recomen{padding:30px 0}.live-steaming-page{padding:30px 0;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:url("https://static.amarintv.com/assets/images/krungthep-governor-election/bg-steaming.png");background-size:cover}.live-steaming-page .live-steaming-box-in{background:rgba(255,255,255,.6);padding:15px 0}.live-steaming-page .live-steaming-h{background:#212121;padding:9px 10px 5px;color:#fff;position:relative;font-size:18px;text-align:center;font-weight:bold;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.live-steaming-page .live-steaming-h:before{content:"";background:rgba(0,0,0,0) linear-gradient(126deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%) 0% 0% no-repeat padding-box;width:100%;height:3px;display:block;position:absolute;top:0;left:0}.live-steaming-page .online-logo{width:140px;background:#fff;position:absolute;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;top:0;padding:0 10px;background:#000}.live-steaming-page .online-logo:after{content:"";width:1px;background:rgba(255,255,255,.4);height:40px;position:absolute;top:12px;right:-5px}.live-steaming-page .online-logo img{display:block;width:100%;height:auto}.live-steaming-page .left-bottom{margin:20px 0 0;width:100%}.live-steaming-page .left-bottom .text-none-data{background:#212121;padding:20px;color:#fff;text-align:center}.live-steaming-page .name-list-head{margin-bottom:5px}.live-steaming-page .name-list-head .left{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding-left:140px}.live-steaming-page .name-list-head .left:after{background:#fff}.live-steaming-page .name-list-head .right:before,.live-steaming-page .name-list-head .right:after{height:2px}.live-steaming-page .name-list-head .right:after{content:"";display:block;width:110.4%;bottom:0;position:absolute;left:auto;right:0;background:rgba(0,0,0,0) linear-gradient(126deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%) 0% 0% no-repeat padding-box}.live-steaming-page .name-list-head .right .right-text{padding-bottom:0}.live-steaming-page .name-list-head .right .percent{height:62px}.live-steaming-page .all-count{margin-bottom:5px}.live-steaming-page .all-count .all-count-list li{background:rgba(0,0,0,0) linear-gradient(126deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%) 0% 0% no-repeat padding-box;padding:1px}.live-steaming-page .all-count .all-count-list li .li-box{background:#fff;padding:21px 0 0px 9px}.live-steaming-page .card-score{margin:0}.live-steaming-page .card-score .score-number{font-size:11px;padding:5px 3px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-top:10px}.live-steaming-page .card-score .score-number strong{font-size:28px}.live-steaming-page .card-score .score-card-box{gap:0}.live-steaming-page .card-score .score-card-box .col-right{padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.live-steaming-page .card-score .score-card-box .col-right .bar-row span{display:block}.live-steaming-page .card-score .score-card-box .col-right .bar-row .label{text-align:left;padding:0}.live-steaming-page .card-score .score-card-box .col-right .bar-row .bar{background:#fff;height:15px;margin:5px 0;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);box-shadow:inset 0 0 5px rgba(0,0,0,.3);position:relative}.live-steaming-page .card-score .score-card-box .col-right .bar-row .bar i{height:100%;position:absolute;left:0;top:0}.live-steaming-page .card-score .score-card-box .score-image{width:80px;height:80px}.live-steaming-page .card-score .score-card-box .name span{font-size:11px}.live-steaming-page .card-score .score-card-box .name strong{margin:5px 0;font-size:15px}.live-steaming-page .card-score .score-card-box .score-count{border:none;padding:0;gap:5px}.live-steaming-page .card-score .score-card-box .score-count strong,.live-steaming-page .card-score .score-card-box .score-count span{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.live-steaming-page .card-score .score-card-box .score-count strong{font-size:16px}.live-steaming-page .live-steaming-row{display:-webkit-box;display:-ms-flexbox;display:flex}.live-steaming-page .live-steaming-row .left{width:70%;padding-right:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.live-steaming-page .live-steaming-row .left .steaming-vdo-box{background:#000;width:100%;padding-top:56.25%}.live-steaming-page .live-steaming-row .right{width:30%}.live-steaming-page .live-steaming-row .right .text-none-data{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:515px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f4f4f4}.live-steaming-page .live-steaming-row .right .text-none-data span,.live-steaming-page .live-steaming-row .right .text-none-data strong{display:block;width:100%;text-align:center}.live-steaming-page .live-steaming-row .right .text-none-data strong{line-height:1.6;font-size:24px}.live-steaming-page .live-steaming-row .right .text-none-data span{margin-top:5px;line-height:1.1;font-size:18px}.live-steaming-page .live-steaming-row .right .top-five-list{background:#f4f4f4;padding:5px 15px 0 0}.live-steaming-page .live-steaming-row .right .top-five-list li{list-style:none;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.live-steaming-page .live-steaming-row .right .top-five-list li .card-score{display:-webkit-box;display:-ms-flexbox;display:flex;background:none}.live-steaming-page .live-steaming-row .right .top-five-list li .card-score .score-card-box{background:none}.live-steaming-page .info-bottom{background:none;padding:0;font-size:12px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.live-steaming-page .info-bottom .vive-box{width:70%}.live-steaming-page .info-bottom .time-update{width:30%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@property --p{syntax:"<number>";inherits:true;initial-value:0}.pie{--p: 20;--b: 55px;--c: darkred;--w: 100%;width:var(--w);aspect-ratio:1;position:relative;display:inline-grid;margin:5px;place-content:center;font-size:25px;font-weight:bold;font-family:sans-serif}.pie:before,.pie:after{content:"";position:absolute;border-radius:50%}.pie:before{inset:0;background:radial-gradient(farthest-side, var(--c) 98%, rgba(0, 0, 0, 0)) top/var(--b) var(--b) no-repeat,conic-gradient(var(--c) calc(var(--p) * 1%), rgba(0, 0, 0, 0) 0);-webkit-mask:radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)));mask:radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(99% - var(--b)), #000 calc(100% - var(--b)))}.pie:after{inset:calc(50% - var(--b)/2);background:var(--c);-webkit-transform:rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2));transform:rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2))}.animate{-webkit-animation:p 1s .5s both;animation:p 1s .5s both}.no-round:before{background-size:0 0,auto}.no-round:after{content:none}@-webkit-keyframes p{from{--p: 0}}@keyframes p{from{--p: 0}}.app-vote{background:#212121}.app-vote .section-app-vote{background:none}.app-vote .section-app-vote *{color:#fff}.app-vote .section-app-vote .download-app{background:none}.app-vote .section-app-vote .single-vote .vote-list li{border:none;padding-bottom:0}.app-vote .button-view-all,.app-vote .index-head{display:none}.vote-type-pie{padding:0 0 30px 0}.vote-type-pie .d-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.vote-type-pie .d-flex .section-pie{position:relative;height:300px;width:300px;padding:50px 0;margin:auto}.vote-type-pie .d-flex .section-pie .pie{position:absolute;top:0;left:0;width:100%;height:100%}.vote-type-pie .d-flex .pie-info{width:calc(100% - 300px);padding:0 0 0 40px;font-size:14px;line-height:1.4}.vote-type-pie .d-flex .pie-info .li{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 12px}.vote-type-pie .d-flex .pie-info .li .info-left{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70%}.vote-type-pie .d-flex .pie-info .li .info-left .info-color{display:block;width:22px;height:22px;margin-top:4px}.vote-type-pie .d-flex .pie-info .li .info-left .info-label{width:calc(100% - 35px)}.vote-type-pie .d-flex .pie-info .li .info-percent{width:30%;font-size:16px;text-align:right}@media only screen and (max-width: 768px){.vote-type-pie{border-bottom:1px solid #707070;padding:0 0 20px}.vote-type-pie .d-flex .section-pie{margin:15px auto}.vote-type-pie .d-flex .pie-info{width:100%;padding:10px 0 0}}.show-on-mobile{display:none !important}@media only screen and (max-width: 768px){.custom-container{padding-left:0;padding-right:0;width:100%}.show-on-mobile{display:block !important}.hide-on-mobile{display:none !important}.krungthep-nav-top{padding:15px 0 15px 0}.header-page{font-size:28px}.header-page-2{font-size:24px;margin:0 0 15px}.header-page-3{font-size:24px;margin:0 0 15px;line-height:1.5}.card-candidate .card-top .candidate-number{font-size:24px}.card-candidate .card-top .candidate-party p{font-size:12px}.card-candidate .card-bottom{font-size:16px}.card-candidate .card-bottom strong{font-size:20px;padding:5px 5px 0}.card-candidate .card-bottom span{padding:0 5px 5px}.button-view-all{position:static;width:100%;background:#2e2e2e;padding:10px 15px;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button-view-all img{display:none}.button-view-all.button-mobile-gd{background:rgba(0,0,0,0) linear-gradient(126deg, #F9A73B 0%, #EB422B 19%, #DE1670 41%, #CF167F 57%, #774398 84%, #4286C8 100%) 0% 0% no-repeat padding-box;padding:2px;border-radius:6px;overflow:hidden}.button-view-all.button-mobile-gd span{background:#000;height:100%;width:100%;border-radius:inherit;padding:5px 0;color:#fff;text-align:center}.landing-text{padding:50px 0 80px}.landing-text h1{font-size:24px;color:#000}.landing-text h2{font-size:14px}.landing-text .btn-border-gd-black{width:87%}.krungthep-governor-election-header.with-border{display:block;padding:20px 0 10px !important}.krungthep-governor-election-header.with-border h2{font-size:26px;text-align:center;margin:0 0 5px}.krungthep-governor-election-header.with-border .election-nav{display:block;font-size:16px}.krungthep-governor-election-header.with-border .election-nav ul{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.krungthep-governor-election-header.with-border .election-nav ul li span{display:none}.header-election{margin:auto}.map-icons-zoom{display:block}.info-bottom{margin-bottom:15px;text-align:center;display:block}.info-bottom .time-update{display:none}.info-bottom .vive-box{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.info-bottom .map-sponsor{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.score-list-all .vive-box{padding:0 0 20px;position:static;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.name-list-head{background:#e6e6e6;display:block;overflow:hidden;margin:0 0 20px}.name-list-head .left{width:100%}.name-list-head .left .report-h{font-size:19px;padding:10px}.name-list-head .left:after{display:none}.name-list-head .right{width:100%;background:none;float:right;position:relative}.name-list-head .right:after{content:"";background:#000;height:150%;width:50px;top:-10px;left:-10px;position:absolute;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.name-list-head .right .d-flex .right-text{padding:5px 10px 5px 0}.name-list-head .right .d-flex .right-text strong{font-size:16px}.name-list-head .right .d-flex .percent{height:50px;width:90px}.newsupdate-head{padding:20px 0 10px}.newsupdate-head .name-list-head{-ms-flex-wrap:wrap;flex-wrap:wrap}.newsupdate-head .name-list-head .left{width:100%}.newsupdate-head .name-list-head .right{width:100%;font-size:14px}.newsupdate-head .name-list-head .right .election-nav{padding:10px 10px 0 0}.newsupdate-head .name-list-head .right .election-nav ul{gap:20px;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;font-size:14px}.krungthep-governor-election-page .section-list-top{padding-top:0 !important}.krungthep-governor-election-page .button-view-all.show-on-mobile{display:block}.krungthep-governor-election-page .gd-loadmore{width:100%}.section-krungthep-governor-top{padding-bottom:20px}.section-krungthep-governor-top .button-view-all{color:#fff;text-align:center;background:rgba(0,0,0,0) linear-gradient(91deg, #f9a73b 0%, #eb422b 19%, #de1670 41%, #cf167f 57%, #774398 84%, #4286c8 100%) 0% 0% no-repeat padding-box;padding:2px;margin:0px auto;width:92%;border-radius:6px;overflow:hidden}.section-krungthep-governor-top .button-view-all span{border-radius:5px;background:#000}.all-count{position:relative;padding-bottom:30px}.all-count .container{border-top:1px solid #a7a7a7}.all-count .index-head{margin:-2px auto 20px;border-radius:0 0 6px 6px}.all-count .all-count-head{text-align:center}.all-count .all-count-head span{width:100%}.all-count .all-count-head span:first-child{position:absolute;left:0;bottom:-20px}.all-count .all-count-list{-ms-flex-wrap:wrap;flex-wrap:wrap}.all-count .all-count-list li{width:31.5%;padding:42px 0 0}.all-count .all-count-list li span{padding-right:0;text-align:center;font-size:16px}.all-count .all-count-list li span:last-child{top:23px;right:0;text-align:center;font-size:16px}.all-count .all-count-list li:first-child{width:100%;margin-bottom:10px;padding-top:30px}.all-count .all-count-list li:first-child span{font-size:20px}.all-count .all-count-list li:first-child span:last-child{top:10px}.all-count .all-count-list li:first-child .count-info{font-size:10px}.all-count .all-count-list li .count-info{font-size:10px}.top-five{margin-bottom:0;border-bottom:0;padding-bottom:0 !important}.top-five .top-five-list{padding:15px 15px 5px 0}.top-five .top-five-list li{margin:0 0 5px}.top-five .top-five-list li .col-left{width:120px}.top-five .top-five-list li .col-left .top-number{font-size:8px}.top-five .top-five-list li .col-left .top-number strong{font-size:22px}.top-five .top-five-list li .col-left .top-image{width:70px;height:70px;margin-left:10px}.top-five .top-five-list li .col-right{width:calc(100% - 120px);-ms-flex-wrap:wrap;flex-wrap:wrap}.top-five .top-five-list li .col-right .name,.top-five .top-five-list li .col-right .chart{width:100%}.top-five .top-five-list li .col-right .name span{font-size:10px}.top-five .top-five-list li .col-right .name strong{font-size:14px}.top-five .top-five-list li .col-right .chart{padding:5px 0}.top-five .top-five-list li .col-right .chart p{font-size:12px}.top-five .top-five-list li .col-right .chart .chart-percent{font-size:12px}.top-five .top-five-list li .col-right .chart .chart-bar{height:18px}.top-five .top-five-list li .col-right .chart .chart-count{margin-top:0px}.top-five .top-five-list li .col-right .chart .chart-count strong{font-size:16px}.header-election{padding:10px 20px 7px;font-size:16px;margin-top:5px;line-height:1.4;text-align:center}.absolute-mobile{position:absolute;top:82px;left:0;width:100%;z-index:1001}.party-list-box{z-index:1000}.krungthep-map-box{padding:60px 0 0;width:100%;height:100vw}.candidate-popup-box{display:none}.krungthep-map{overflow-x:scroll;overflow-y:scroll;height:300px;margin-top:50px}.krungthep-governor-election-page .index-head{font-size:18px}.krungthep-governor-election-page .index-section{padding-top:0 !important}.election-tab button{width:50%;padding:5px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:16px}.party-list{top:0;margin:20px 0 0;gap:12px}.map-info{font-size:14px}.map-info-update{background:#fff;border-radius:6px;color:#212121;margin-top:10px}.box-banner a.banner-2{margin-top:15px}.index-vote .section-app-vote .button-view-all,.app-vote .section-app-vote .button-view-all{padding:2px;background:rgba(0,0,0,0) linear-gradient(91deg, #f9a73b 0%, #eb422b 19%, #de1670 41%, #cf167f 57%, #774398 84%, #4286c8 100%) 0% 0% no-repeat padding-box}.index-vote .section-app-vote .button-view-all span,.app-vote .section-app-vote .button-view-all span{color:#444;padding:5px 0;text-align:center}.index-vote .section-app-vote .box-container,.app-vote .section-app-vote .box-container{display:block}.index-vote .section-app-vote .box-container .vote-head .vote-head-gd,.app-vote .section-app-vote .box-container .vote-head .vote-head-gd{margin:auto}.index-vote .section-app-vote .box-container .left,.app-vote .section-app-vote .box-container .left,.index-vote .section-app-vote .box-container .right,.app-vote .section-app-vote .box-container .right{width:100%}.index-vote .section-app-vote .box-container .right,.app-vote .section-app-vote .box-container .right{padding:5px 0 0}.index-vote .section-app-vote .vote-time-info,.app-vote .section-app-vote .vote-time-info{text-align:center}.index-vote .section-app-vote .download-app .box-bg,.app-vote .section-app-vote .download-app .box-bg{display:block;text-align:center}.index-vote .section-app-vote .download-app .box-bg .download-app-link,.app-vote .section-app-vote .download-app .box-bg .download-app-link{padding:5px 0 0}.count-zone-box{width:100%;grid-template-columns:repeat(3, 1fr);gap:5px;padding:5px 0}.count-zone-box.on-index-page{width:100%}.candidate-card-box ul li:nth-child(n+6){display:none}.candidate-card-box ul li:last-child{display:block}.candidate-card-box ul li:last-child .candidate-view-all{height:100%;width:40vw;border:1px solid #fff;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:6px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#bababa;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px}.candidate-card-box ul li:last-child .candidate-view-all img{display:block;background:#e2e2e2;padding:12px;border-radius:50%;width:40px;height:40px;margin:5px auto}.candidate-card-box ul li:last-child .candidate-view-all span{display:block;width:100%;color:#000;font-size:16px;font-weight:bold}.box-gallery{display:block;height:100vh;overflow-y:scroll;overflow-x:hidden}.box-gallery .infographic-gallery-left{width:100%}.box-gallery .infographic-gallery-left .gallery-thumb{height:auto;width:100%}.box-gallery .infographic-gallery-left .gallery-thumb img{width:100% !important;height:auto !important}.box-gallery .infographic-gallery-right{width:100%}.candidate-list-all{grid-template-columns:repeat(3, 1fr);gap:10px}.candidate-list-all li .card-candidate .card-top .candidate-number{font-size:18px;padding:0 5px}.candidate-list-all li .card-candidate .card-top .candidate-party{padding:3px}.candidate-list-all li .card-candidate .card-top .candidate-party p{font-size:8px}.candidate-list-all li .card-candidate .card-bottom{font-size:10px;line-height:1.2}.candidate-list-all li .card-candidate .card-bottom strong{font-size:14px}.candidate-list-all li .card-candidate .card-bottom .view-candidate{font-size:10px}.candidate-content-picture{gap:20px;padding:0 0 30px}.candidate-content-picture .candidate-pic{width:60%}.candidate-content-picture .candidate-number{width:40%;text-align:center}.candidate-content-picture .candidate-number strong{font-size:100px}.candidate-content-name{width:100%}.candidate-content-name .name,.candidate-content-name .quote{width:100%}.candidate-content-name .name{margin:0 0 30px}.candidate-content-name .name:before{height:5px;width:100px;margin-bottom:5px}.candidate-content-name .name .name-title{margin-top:0}.candidate-content-name .name .name-title span.fname{font-size:40px}.candidate-content-name .name .name-title span.lname{font-size:24px;line-height:1}.candidate-content-name .name .party{width:165px;font-size:14px}.candidate-content-name .quote{padding:30px 0;margin:15px 0}.candidate-content-name .quote .quote-before,.candidate-content-name .quote .quote-after{width:50px;height:auto}.candidate-content{width:100%}.box-candidate-content{padding:0 0 20px;width:100%}.box-candidate-content .index-head{width:200px;font-size:18px}.vdo-col-right h1{font-size:22px;padding:20px 0}.vdo-col-right article{max-height:none}.webview-app-page .newsupdate-head{padding-top:0 !important}.krungthep-map-mockup .candidate-popup-box{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:5px}}.show-desktop{display:block}.show-tablet{display:none}.show-mobile{display:none}.btn-lightblue{background:#00ced1;color:#fff}.btn-lightblue:hover{background:#00ced1;color:#fff}.btn-black{background:#1f1f1f !important;color:#fff !important}.btn-black:hover{background:#000 !important;color:#fff !important}.section-election2566{background:#1f1f1f;padding:0;border-bottom:2px solid #ad9462}.section-election2566 h1,.section-election2566 h2,.section-election2566 h3,.section-election2566 h4,.section-election2566 h5,.section-election2566 h6,.section-election2566 p,.section-election2566 a{margin:0;line-height:1.4;font-family:"IBM Plex Sans Thai",sans-serif;font-weight:normal}.section-election2566 .election-title{border-bottom:2px solid #ad9462;background:url(../../../assets/images/election2566/bg_election2566.jpg) center no-repeat;background-size:cover;position:relative;overflow:hidden}.section-election2566 .sec-coundown{position:relative}.section-election2566 .backdrop-blur{position:absolute;width:40vw;height:120%;top:0;left:0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px)}.section-election2566 .col-head{border-right:2px solid #ad9462}.section-election2566 .txthead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:32px 0}.section-election2566 .logo_main{position:relative;left:28%}.section-election2566 .btn-see-all{position:static;margin-right:15px}.section-election2566 .border-right{border-right:2px solid #ad9462}.section-election2566 .border-left{border-left:2px solid #ad9462}.section-election2566 .election-topnews{padding:48px 0}.section-election2566 .txthead-coundown{position:relative;left:-15px;margin-top:24px}.section-election2566 .txthead-coundown h2{background:#000;color:#fff;font-size:14px;display:inline-block;font-weight:normal;padding:8px 32px;margin:0;border-radius:32px;margin-left:15px;margin-right:-15px;width:100%;text-align:center}.section-election2566 .txthead-coundown h2 .txtbold{font-size:120%;font-weight:bold;color:#fff;text-decoration:underline;text-underline-offset:2px}a.btn-election-more{color:#fff;font-size:24px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-weight:700;margin-bottom:12px}a.btn-election-more:hover{color:#fff}a.btn-election-more svg{margin-left:8px;position:relative;top:-1px}a.btn-election-more.black{color:#2c2c2c;font-size:24px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;font-weight:700;margin-bottom:12px}a.btn-election-more.black:hover{color:#2c2c2c}a.btn-election-more.black svg{margin-left:8px;position:relative;top:-1px}.text-black{color:#2c2c2c !important}.no-float{float:none;display:table-cell}@media(max-width: 1199px){.section-election2566 .election-title{background-position:50% 50%;background-size:160%}.section-election2566 .txthead{padding:24px 0}.section-election2566 .txthead .logo_main img{width:80%}.section-election2566 .logo_main{left:28%}}@media(max-width: 991px){.show-desktop{display:none}.show-tablet{display:block}.section-election2566{padding-top:0 !important}.section-election2566 .txthead{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.section-election2566 .btn{width:100%;max-width:100%}.section-election2566 .election-title{background-position:50% 50%;background-image:url(../../../assets/images/election2566/bg_election2566_tl.jpg);background-size:auto 100%}.section-election2566 .txthead{padding:16px 0}.section-election2566 .txthead .logo_main img{width:75%;margin:0 auto}.section-election2566 .logo_main{position:static;text-align:center}.section-election2566 .txthead-coundown h2{margin-left:0;margin-right:0}.section-election2566 .backdrop-blur{display:none}.section-election2566 .election-title{padding:24px 0}.section-election2566 .col-head{border-right:0}.no-float{float:left}.btn-black{background:#ad9462 !important;color:#fff !important}.btn-black:hover{background:#ad9462 !important;color:#fff !important}}@media(max-width: 767px){.section-election2566 .election-title{background-position:50% 50%}.section-election2566 .logo_main{left:0}.section-election2566 .txthead .logo_main img{width:45%}}@media(max-width: 575px){.section-election2566{padding-bottom:0 !important}.section-election2566 .election-title{background-image:url(../../../assets/images/election2566/bg_election2566_mb.jpg);background-position:50% 50%;background-repeat:no-repeat;background-size:cover;padding:48px 0 32px}.section-election2566 .election-title .col-md-12{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;aspect-ratio:1/.85;padding-top:16px}.section-election2566 .logo_main{text-align:center}.section-election2566 .txthead .logo_main img{width:55%}.section-election2566 .txthead-coundown h2{padding:8px 32px !important}.section-election2566 .txthead-coundown{margin-top:0;margin-bottom:16px}.col-head .logo_main,.col-coundown{position:relative;top:30px}}.election-topnews .news-big .img{aspect-ratio:auto;background:#3a3a3a;border-radius:8px;overflow:hidden}.election-topnews .news-big .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.election-topnews .news-big .txt{padding-top:24px}.election-topnews .news-big .txt h2{font-size:34px;color:#fff;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;font-weight:600}.election-topnews .news-big .txt .date{font-size:12px;color:#aaa;margin-top:8px}.election-topnews .news-small{display:grid;grid-template-columns:168px 1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(173,148,98,.35);padding-bottom:15px;margin-bottom:15px}.election-topnews .news-small .img{aspect-ratio:auto;background:#3a3a3a;border-radius:8px;overflow:hidden}.election-topnews .news-small .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.election-topnews .news-small .txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:100%}.election-topnews .news-small .txt h2{font-size:14px;color:#fff;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-weight:600}.election-topnews .news-small .txt .date{font-size:12px;color:#aaa;margin-top:8px;font-weight:400}.election-topnews .news-small:nth-last-child(1){padding-bottom:0;margin-bottom:0;border-bottom:0}@media(max-width: 1199px){.section-election2566 .election-topnews .news-small{grid-template-columns:130px 1fr}.section-election2566 .election-topnews .news-small .txt h2{-webkit-line-clamp:2;line-clamp:2}.section-election2566 .election-topnews .news-big .txt h2{font-size:30px}}@media(max-width: 991px){.section-election2566 .election-topnews{padding-bottom:24px}.section-election2566 .election-topnews .col-md-6:nth-last-child(1){display:grid;grid-template-columns:repeat(2, 1fr);gap:15px}.section-election2566 .election-topnews .news-small{grid-template-columns:repeat(1, 1fr);padding-bottom:15px;margin-bottom:0;border:0}.section-election2566 .election-topnews .news-small:nth-last-child(1){padding-bottom:15px;margin-bottom:0;border:0}.section-election2566 .election-topnews .news-big{display:block;margin-bottom:30px}.section-election2566 .election-topnews .news-big .txt h2{font-size:20px}}@media(max-width: 767px){.section-election2566 .election-topnews{padding-top:32px}}@media(max-width: 575px){.section-election2566 .election-topnews .news-small{grid-template-columns:repeat(2, 1fr);border-bottom:1px solid rgba(173,148,98,.35)}.section-election2566 .election-topnews .news-small:nth-child(1){padding-top:15px;border-top:1px solid rgba(173,148,98,.35)}.section-election2566 .election-topnews .col-sm-6:nth-last-child(1){grid-template-columns:repeat(1, 1fr)}.section-election2566 .election-topnews .col-md-6:nth-last-child(1){grid-template-columns:repeat(1, 1fr)}.section-election2566 .election-topnews .news-big{margin-bottom:15px}.section-election2566 .election-topnews{padding-bottom:0px}.section-election2566 .border-right{padding-bottom:32px;border-bottom:1px solid rgba(173,148,98,.35)}}.countdown-election2566{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;gap:20px;padding:4px 15px;text-align:center;margin-left:8px;margin-top:4px}.countdown-election2566 .num{font-size:50px;letter-spacing:0px;font-weight:700;background-image:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(173, 148, 98)), color-stop(85%, rgb(207, 193, 166)));background-image:linear-gradient(0deg, rgb(173, 148, 98) 30%, rgb(207, 193, 166) 85%);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);line-height:1;position:relative;font-family:"Prompt",sans-serif}.countdown-election2566 .num:after{content:":";position:absolute;top:-3px;left:-20%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:80%;color:#ad9462}.countdown-election2566 .num.day{color:#000}.countdown-election2566 .item:nth-child(1) .num:after{display:none}.countdown-election2566 .item:nth-child(2) .num:after{content:"";width:4px;height:75%;top:12.5%;background:#cfc1a6;left:-18%}.countdown-election2566 .txt{margin-top:0px;font-size:14px;text-transform:uppercase;font-weight:normal;letter-spacing:.7px;line-height:1.4;color:#000;background:#fff;padding:4px 0;border-radius:50px;min-width:70px}.banner_count_score{margin-bottom:15px;padding:0 0 0 15px;position:relative;width:calc(100% + 15px);display:block;-webkit-transition:all .15s ease;transition:all .15s ease}.banner_count_score img{width:100%}.banner_count_score .lighthover{position:absolute;width:calc(100% - 15px);height:100%;top:0;right:0;-webkit-clip-path:polygon(4.4% 54%, 94.5% 45%, 95% 78%, 4.8% 87%);clip-path:polygon(4.4% 54%, 94.5% 45%, 95% 78%, 4.8% 87%)}.banner_count_score .lighthover:before{content:"";position:absolute;width:50%;height:150%;top:10%;left:-50%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);z-index:1;pointer-events:none;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;background:#fff;background:-webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.85)), to(rgba(255, 255, 255, 0)));background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%)}.banner_count_score:hover .lighthover:before{top:-10%;left:150%}.banner_count_score:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}@media(max-width: 1199px){.countdown-election2566{gap:0;padding:4px 0px;margin-left:15px;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.countdown-election2566 .num{font-size:35px}.countdown-election2566 .num::after{left:-32%}.countdown-election2566 .txt{font-size:10px;min-width:52px;padding:2px 0;margin-top:4px}.countdown-election2566 .item:nth-child(2) .num:after{left:-34%}.section-election2566 .txthead-coundown h2{padding:8px 16px;font-size:13px}.section-election2566 .txthead-coundown h2 .txtbold{font-size:110%}}@media(max-width: 991px){.section-election2566 .border-right{border-right:0}.section-election2566 .btn-see-all{text-align:right;margin-right:0}.section-election2566 .txthead-coundown{left:0;text-align:center}.section-election2566 .countdown-election2566{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px;margin-left:0;gap:32px}.section-election2566 .txthead-coundown h2{border-radius:32px;width:auto}.countdown-election2566 .txt{margin-top:8px}.banner_count_score{padding:0;width:100%}.banner_count_score img{max-width:360px}.banner_count_score .lighthover{max-width:360px;-webkit-transform:translateX(50%);transform:translateX(50%);right:50%}}.side-news{text-align:center;padding:24px 0}.side-news .item{background:#fff;border-radius:8px;padding:16px 15px 40px;text-align:left;border:2px solid #cfc1a6}.side-news .txthead{text-align:center;display:block;padding:16px 0}.side-news .txthead h2{font-size:24px;color:#fff}.side-news .img{border-radius:8px;aspect-ratio:auto;background:#3a3a3a;overflow:hidden;position:relative}.side-news .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.side-news p{color:#fff;padding:16px 0;font-size:18px;font-weight:600}.side-news .tag{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;text-align:center;color:#000;font-size:12px;font-weight:700;margin-top:20px}.side-news .img_unit{background:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgb(173, 148, 98)), color-stop(85%, rgb(207, 193, 166)));background:linear-gradient(0deg, rgb(173, 148, 98) 30%, rgb(207, 193, 166) 85%);color:#fff;text-align:center;font-weight:500;font-size:12px;position:absolute;bottom:0;border-radius:8px 8px 0 0;line-height:1;width:120px;height:25px;left:calc(50% - 60px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.side-news .img_unit img{width:12px;height:12px;margin-right:8px}@media(max-width: 1199px){.side-news{padding:30px 0}.side-news p{font-size:16px}.side-news .item{padding-bottom:24px}}@media(max-width: 1199px){.side-news .item{padding-bottom:16px}}.banner_election66_campaign{padding-top:24px}.banner_election66_campaign.home{display:none}.banner_election66_campaign img{width:100%}.banner_election66_campaign.padding{padding-bottom:24px}@media(max-width: 767px){.banner_election66_campaign{display:block}.balloon_election66_campaign{display:none}.banner_election66_campaign.home{display:block}}@supports(font: -apple-system-body) and (-webkit-appearance: none){img[loading=lazy]{-webkit-clip-path:inset(0.6px);clip-path:inset(0.6px)}}:root{--color_Other: #a2a2a2;--color_PheuThai: #e13232;--color_UnitedThaiNation: #273082;--color_MoveForward:#f37932;--color_ThaiSangThai: #002eff;--color_PalangPraChaRath: #2a5daa;--color_ThaiLiberal: #e9cc0f;--color_BhumJaiThai: #0f1599;--color_ChartThaiPattana: #e01883;--color_NewPalangdharma: #8B0100;--color_Democrat: #0093ff;--color_ThaiPakdee: #FFBC00 ;--color_ChartPattanaKla: #ffa101;--color_Prachachat: #C3984A;--color_ThongTheeThai: #049552;--color_Mai: #7E0000;--color_Kuthai: #18ec00;--color_ParangSungkom: #a82233;--color_PrachaTipaTaiMai: #5abb8e;--color_PheuThaiRumPalang: #00fff8}.col-coundown{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:100%;position:absolute;right:0;text-align:right}.section-election2566 .col-head{border-right:0}.section-election2566 .btn-see-all{margin:0}.side-news{position:absolute;width:100%;height:100%;left:0;top:0;padding:48px 0}.side-news>*{font-family:"IBM Plex Sans Thai",sans-serif}.finalscore{height:100%;padding:0 15px}.finalscore h2{font-size:24px;font-weight:bold;color:#fff;text-align:left}.score_final{position:relative;width:100%;height:calc(100% - 48px);margin-top:12px}.score_final .inner{height:100%;width:100%;margin-top:4px;display:block;overflow:auto;position:absolute;padding-right:10px}.score_final .inner::-webkit-scrollbar{width:4px;position:relative}.score_final .inner::-webkit-scrollbar-track{background:rgba(207,193,166,.1450980392);border-radius:8px}.score_final .inner::-webkit-scrollbar-thumb{background:#cfc1a6;border-radius:8px}.score_final .inner::-webkit-scrollbar-thumb:hover{background:#cfc1a6}.card_score_final{background:#fff;border-radius:12px;display:grid;grid-template-columns:80px auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;overflow:hidden;margin-bottom:12px}.card_score_final .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:8px}.card_score_final .logo img{-webkit-box-shadow:0 3px 6px rgba(0,0,0,.16);box-shadow:0 3px 6px rgba(0,0,0,.16);overflow:hidden;border-radius:12px}.card_score_final .party_name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:4px 16px;font-size:16px;font-weight:700;border-bottom:1px solid #f4f4f4}.card_score_final .party_name span{display:inline-block;width:14px;height:14px;border-radius:3px;background-color:#ccc;margin-right:8px}.card_score_final .total{background:#cebfa3;height:40px;grid-column-start:1;grid-column-end:3;display:grid;grid-template-columns:80px 1fr 1fr;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;font-weight:700;text-align:center;border-top:1px solid rgba(82,56,8,.2)}.card_score_final .total .total_txt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:16px;color:#523808;background:rgba(82,56,8,.15)}.card_score_final .d-grid{display:grid;grid-template-columns:repeat(2, 1fr);-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}.card_score_final .d-grid .group div:nth-child(1){border-bottom:1px solid #f4f4f4}.card_score_final .d-grid .group:nth-child(1){border-right:1px solid #f4f4f4}.card_score_final .group-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:10px;font-weight:500;padding:2px 8px}.card_score_final .group-inner .num{font-size:16px;font-weight:700;margin-left:auto;line-height:1.2}.card_score_final .txt_last{-webkit-box-flex:0;-ms-flex:0 0 32px;flex:0 0 32px;text-align:right}.total_seat{font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;line-height:1.15;color:#523808;gap:5px;padding-right:8px;position:relative}.total_seat span{font-size:10px;font-weight:500;position:relative;top:4px}.total_seat:after{content:"";position:absolute;width:1px;height:50%;background:rgba(82,56,8,.2);right:0}.total_score{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;line-height:1.15;color:#523808;gap:5px;padding-left:8px;padding-top:6px}.total_score span{font-size:10px;font-weight:500;position:relative;top:1px;-webkit-transition:fill .15s ease-out;transition:fill .15s ease-out}@media(max-width: 1199px){.section-election2566 .election-topnews{padding:24px 0}.side-news{padding:24px 0}.card_score_final .group-inner .num{font-size:12px}.card_score_final{grid-template-columns:50px auto}.card_score_final .total{grid-template-columns:50px 1fr 1fr;height:30px}.total_seat{font-size:20px}.card_score_final .group-inner{padding:2px 4px}.card_score_final .logo img{border-radius:8px}.total_score{padding-left:4px;padding-top:2px}.card_score_final .logo{padding:4px}.card_score_final .party_name span{width:10px;height:10px}.card_score_final .party_name{padding:2px 4px;font-size:14px}}@media(max-width: 991px){.section-election2566 .election-title{background-size:cover}.col-md-4.no-float:has(>.side-news){height:740px;width:100%;padding-top:24px;padding-bottom:48px}.side-news{padding:48px 0 48px;position:static;border-top:1px solid rgba(173,148,98,.35)}.side-news .btn-see-all{width:190px;margin:0 auto}.score_final .inner{position:static;padding:0;max-width:420px;margin:0 auto}.finalscore h2{text-align:center}.section-election2566 .election-topnews{padding-bottom:0}.score_final{margin-top:24px}}@media(max-width: 767px){.col-md-4.no-float:has(>.side-news){height:640px;padding-top:0}.finalscore{padding:0}.section-election2566 .border-right{padding-bottom:24px}}@media(max-width: 575px){.section-election2566 .border-right{border-bottom:0}.col-head .logo_main,.col-coundown{top:0;position:static}.section-election2566 .election-title{padding-top:80px;background-position:50% 8%}.section-election2566 .txthead .logo_main img{width:75%}}.sustain_inner{background:url(/assets/images/spotlight/sustain/bg_sustain.jpg) center no-repeat;background-size:cover;position:relative;border-top:2px solid #1b5dab;border-bottom:2px solid #1b5dab}.sustain_inner .show_desktop{display:block}.sustain_inner .show_mobile{display:none}.sustain_inner .mt-30{margin-top:30px}.sustain_inner .mt-15{margin-top:15px}.sustain_inner .mb-30{margin-bottom:30px}.sustain_inner .mb-15{margin-bottom:15px}.sustain_inner .txthead{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:30px}.sustain_inner .txthead h2{margin:0;text-transform:uppercase;color:#fff;background:#1b5da9;padding:10px 16px;line-height:1.4;border-radius:12px;font-size:36px}.sustain_inner .txthead h3{margin:0;color:#000;background:#fff;padding:8px 16px;line-height:1;border-radius:12px;display:inline-block;font-size:24px;margin-top:-8px}.sustain_inner .txthead .btn-viewall-sustain{position:static}.leaf{position:absolute;width:100%;height:100%;top:0;left:0;background:url(/assets/images/spotlight/sustain/leaf.png) center no-repeat}.tree{position:absolute;width:100%;height:100%;bottom:0;left:0;background:url(/assets/images/spotlight/sustain/tree.png) center bottom no-repeat}.sustain_content{position:relative;padding:30px 0 60px}.logo_thaiwater{position:absolute;top:0;right:0;background:#fff;padding:12px;border-radius:0 0 12px 12px}.logo_thaiwater img{max-width:240px}.card-sustain{position:relative;overflow:hidden;border-radius:6px}.card-sustain .thumb-main{display:block;border-radius:0}.card-sustain .txt{background-color:#1b72b9;padding:8px 16px;position:relative}.card-sustain .txt h3{font-size:14px;color:#fff;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-sustain .txt .date{font-size:12px;color:#fff;margin-top:8px;margin-bottom:-4px;line-height:1;display:inline-block}.card-sustain .txt .label_cate{background:#1b72b9;border-radius:0 8px 0 0;font-size:12px;color:#fff;position:absolute;left:16px;top:-24px;height:24px;padding:0 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:visible}.card-sustain .txt .label_cate:hover{background:#176aae}.card-sustain.big{cursor:pointer}.card-sustain.big:before{content:"";position:absolute;width:100%;height:90%;bottom:0;left:0;background:#1b5da9;background:-webkit-gradient(linear, left bottom, left top, color-stop(8%, rgb(27, 93, 169)), color-stop(55%, rgba(27, 93, 169, 0)));background:linear-gradient(0deg, rgb(27, 93, 169) 8%, rgba(27, 93, 169, 0) 55%);z-index:1;pointer-events:none}.card-sustain.big .txt{position:absolute;bottom:16px;left:16px;width:calc(100% - 32px);padding:8px 12px;-webkit-backdrop-filter:blur(30px) brightness(1.1);backdrop-filter:blur(30px) brightness(1.1);border-radius:0 0 8px 8px;background-color:rgba(255,255,255,.15);z-index:2;pointer-events:none}.card-sustain.big .txt h3{font-size:16px;color:#fff;margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:bold}.card-sustain.big .txt h3:hover{text-decoration:underline}.card-sustain.big .txt .date{font-size:12px;color:#fff;margin-top:8px;margin-bottom:-4px;line-height:1;display:inline-block}.card-sustain.big .txt .label_cate{background:#1b72b9;border-radius:0 8px 0 0;font-size:12px;color:#fff;position:absolute;left:0px;top:-24px;height:24px;padding:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;pointer-events:visible}.card-sustain.big .txt .label_cate:hover{background:#176aae}.logo_thaiwater_detail{position:absolute;right:0;top:0;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:20px}.logo_thaiwater_detail img{max-width:280px}@media(max-width: 991px){.sustain_inner{background:url(/assets/images/spotlight/sustain/bg_sustain_mb.jpg) center no-repeat;background-size:cover}.logo_thaiwater_detail{height:auto;max-width:180px}.logo_thaiwater_detail img{width:100%}}@media(max-width: 768px){.sustain_inner .show_desktop{display:none}.sustain_inner .show_mobile{display:block}}@media(max-width: 640px){.sustain_inner .txthead{padding-top:60px;display:block;text-align:center}.logo_thaiwater{width:60%;max-width:200px}.logo_thaiwater img{width:100%}}@media(max-width: 575px){.sustain_inner .mb-30{margin-bottom:15px}.card-sustain .txt{padding:12px 12px 8px}.card-sustain .txt h3{font-size:12px}.card-sustain .txt .date{font-size:10px}.card-sustain .txt .label_cate{font-size:10px}.card-sustain.big .txt{bottom:8px;left:8px;width:calc(100% - 16px);padding:8px;border-radius:0 0 6px 6px}.card-sustain.big .txt h3{font-size:14px}.card-sustain.big .txt .date{margin-top:2px}.card-sustain .txt .date{margin-top:2px}.sustain_inner .col-md-3,.sustain_inner .col-md-6{padding:0 7px}.sustain_content .row{padding:0 8px}.logo_thaiwater{max-width:170px}.sustain_inner .txthead h2{font-size:26px}.sustain_inner .txthead h3{font-size:16px;padding:8px 24px;margin-top:-10px;display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.tree{background-size:150% auto}.sustain_inner .txthead{position:relative;margin-bottom:15px}.sustain_inner .txthead:before{content:"";position:absolute;width:100px;height:100px;left:-16px;top:-12px;background:url(/assets/images/spotlight/sustain/leaf_mb.png) center no-repeat;background-size:contain}.sustain_inner .txthead:after{content:"";position:absolute;width:60px;height:60px;right:-40px;bottom:-35px;background:url(/assets/images/spotlight/sustain/leaf_mb.png) center no-repeat;background-size:contain;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.logo_thaiwater_detail{max-width:135px;padding-top:20px}}.krungthep-pending{color:#c2c2c2;background:#444;width:100%;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:30px;-webkit-box-sizing:border-box;box-sizing:border-box}.krungthep-pending .pending-h{padding:2px;text-align:center}.krungthep-pending .pending-h span{padding:15px 50px;display:block;background:#444}