@charset "UTF-8";.sn-search:before,.sn-user__name:after{font-family:base-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:transparent}body{font-size:14px;font-size:1.4rem;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.42857;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;opacity:1}a{text-decoration:none;outline:none}strong{font-weight:700}input,select,textarea{font-family:tahoma,Helvetica;font-size:16px}.animated{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}.footeralert{position:fixed;z-index:999;bottom:0;background-color:#222;width:100%;display:none}.footeralert p{color:#e2e2e2;padding:10px 50px 12px 15px;font-size:15px}.footeralert p a{color:#e2e2e2;text-decoration:underline}.footeralert p a:hover{color:#d10a0a}.footeralert-close{position:absolute;right:10px;top:33%;width:30px;height:30px;opacity:1;text-indent:-9999px}.footeralert-close:after,.footeralert-close:before{position:absolute;right:11px;top:0;content:" ";height:28px;width:5px;background-color:#fff}.footeralert-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.footeralert-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sn-container{max-width:1150px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px}.sn-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.sn-col{min-height:1px;padding-right:5px;padding-left:5px;width:100%}.mask{display:none}.mask.active{display:block;position:absolute;z-index:1020;background-color:rgba(0,0,0,.7);height:100%;width:100%;top:0;left:0;bottom:0;right:0}.sn-row{table-layout:fixed;display:table;width:100%;margin-left:0;margin-right:0}.sn-col{display:table-cell;position:relative;vertical-align:top;padding-left:0;padding-right:0}.sn-header{font-family:tahoma;font-size:14px;font-size:1.4rem;width:100%;position:relative;height:40px;background-color:#d12530;z-index:1040}.sn-header__wrapper{width:100%}.sn-row{height:100%}.sn-switch{width:88px}.sn-switch__btn{font-size:14px;font-size:1.4rem;font-family:tahoma;border:0;background:#ad2730;color:#f9b7ba;padding:5px 15px;text-align:center;cursor:pointer;outline:none}.sn-switch__btn:before{font-family:base-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}.sn-switch__btn.close:before{content:""}.sn-switch__btn.open:before{content:""}.sn-logo{vertical-align:middle;text-align:center}.sn-logo a{display:inline-block;height:40px}.sn-logo img{height:35px;width:auto;position:relative;top:-1px}.sn-keyword{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-top:10px}.sn-keyword,.sn-keyword__item,.sn-keyword a{color:#f9b7ba}.sn-keyword__item,.sn-keyword a{margin:0 3px}.sn-keyword__item:hover,.sn-keyword a:hover{color:#fff;text-decoration:underline}.sn-user-profile{width:225px;padding-left:20px}.sn-user{float:right;cursor:pointer;padding:6px 10px 6px 6px;height:40px}.sn-user.open{background:#fff;color:#222}.sn-user__figure{width:28px;height:28px;position:relative;border-radius:50%;overflow:hidden;float:left;margin-right:10px}.sn-user__img{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.sn-user__name{display:inline-block;max-width:160px;margin-top:5px;color:#fff}.sn-user__name span{max-width:110px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-user.open .sn-user__name{color:#444}.sn-user__name:after{font-size:12px;font-size:1.2rem;position:relative;left:5px;top:-3px}.sn-user.close .sn-user__name:after{content:""}.sn-user.open .sn-user__name:after{content:""}.sn-user-logoff{padding:10px 0 6px 6px;height:40px;text-align:right}.sn-user-logoff__item{color:#fff;display:inline-block;padding:0 8px;line-height:1}.sn-user-logoff__item:hover{text-decoration:underline}.sn-user-logoff__item:first-child{border-right:1px solid #fff}.sn-user-ctrl{display:none;background:#fff;z-index:1031;position:absolute;top:40px;right:0;width:90%;box-shadow:0 2px 2px rgba(0,0,0,.2)}.sn-user-ctrl.open,.sn-user-ctrl__item{display:block}.sn-user-ctrl__item a{display:block;color:#222;padding:8px 15px;border-top:1px solid #ddd}.sn-user-ctrl__item a:hover{border-top:1px solid #666;background:#444;color:#fff}.sn-stat{width:30px;padding-top:7px;text-align:center}.sn-sidebar__banner{padding:7.5px 0}.sn-sidebar__banner img{max-width:100%}.sn-search{position:relative;height:40px}.sn-search:before{content:"";font-size:14px;position:absolute;top:13px;z-index:1;left:18px}.sn-search__input{border:none;background:#eee;color:#989090;width:83.33333%;float:left;padding:10px 10px 10px 45px;font-size:14px;font-size:1.4rem;height:40px;outline:none;border-top-left-radius:5px;border-bottom-left-radius:5px;position:relative}.sn-search__submit{font-family:sukhumvit;font-weight:400;cursor:pointer;float:left;border:none;background:#3b3434;color:#fff;font-size:18px;font-size:1.8rem;line-height:2.2;width:16.66667%;height:40px;border-top-right-radius:5px;border-bottom-right-radius:5px;outline:none}.sn-search__submit:hover{background:#323232}.sukhumvit{font-family:sukhumvit;font-weight:400}.sn-panel{position:absolute;top:40px;width:100%;background:#fff;z-index:1030}.sn-panel.close{display:none}.sn-panel.open{display:block}.sn-panel__list{font-weight:400;text-align:center}.sn-panel__list:after,.sn-panel__list:before{content:" ";display:table}.sn-panel__list:after{clear:both}.sn-panel__item{width:12.5%;display:block;float:left;position:relative;text-align:center}.sn-panel__item--active a{color:#fff;background:#d12530}.sn-panel__item--active a:hover{color:#fff}.sn-panel__img{width:70px;margin-top:-22px}.sn-panel__link{display:block;height:100%;padding:20px 0 12px;color:#3b3434;margin:3px 0;text-align:center}.sn-panel__link:before{text-align:center;display:block;margin:0 0 8px;font-size:2.2em;line-height:24px}.sn-panel__sidebar{width:330px;padding:15px}.sn-panel__title{font-family:sukhumvit;font-weight:700;font-size:22px;font-size:2.2rem}.sn-panel__title--widget{text-align:center;padding:15px 0 10px;position:relative}.sn-panel__title--widget:before{content:"";width:100%;height:1px;background:#d12530;position:absolute;top:50%;left:0}.sn-panel__title .highlight{color:#d12530}.sn-panel__title-inner{position:relative;display:inline-block;padding:0 15px;background:#fff;z-index:1}.menu-badge{font-family:tahoma,Helvetica;position:absolute;background:#2cabed;color:#fff;font-weight:700;display:inline-block;border-radius:50px}.menu-badge--beta{font-size:8px;padding:4px 6px;top:10px;right:10px;text-transform:uppercase}.menu-badge--new{width:16px;height:16px;font-size:12px;line-height:16px;top:6px;left:55%;border-radius:50%}.sn-panel-social__title{font-family:sukhumvit;font-weight:400;font-size:16px;font-size:1.6rem;position:relative}.sn-panel-social a{color:#8c8c8c}.sn-panel-social__item{display:inline-block;border:0;clip:rect(0 0 0 0);overflow:hidden;padding:0;position:absolute;width:1px;height:1px}.sn-panel-trending{padding:0 15px 15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sn-panel-trending__title{position:relative;color:#fff;background:#3b3434;display:inline-block;font-family:sukhumvit;font-weight:700;text-transform:uppercase;border-radius:5px;font-size:13px;font-size:1.3rem;padding:7px 10px 4px 35px;float:left}.sn-panel-trending__title:hover{background:#444}.sn-panel-trending__title a{color:#fff}.sn-panel-trending__title:before{content:"";font-family:base-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#d12530;font-size:18px;font-size:1.8rem;position:absolute;font-weight:700;left:10px}.sn-panel-trending__detail{display:block;margin:5px 0 0 157px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d12530}.sn-panel-trending__detail a{color:#d12530}.sn-panel-trending__detail a:hover{text-decoration:underline}.arr-up{max-width:1150px;margin:0 auto;opacity:0;visibility:hidden;transition:background-color .3s,opacity .5s,visibility .5s}.arr-up.show{opacity:1;visibility:visible}.arr-up-item{right:10px;position:fixed;bottom:70px;height:36px;width:36px;background-color:hsla(0,0%,59%,.3);z-index:99;cursor:pointer;border-radius:50%}.arr-up-item:hover{background-color:hsla(0,0%,59%,.5)}.arr-up-icon{background:url(../di/global-hf/arr-up.png) no-repeat 50%;background-size:50%;width:100%;height:100%;display:block;z-index:999}#footer,.sn-footer{background:#ddd!important;width:100%}.sn-footer{font-family:sukhumvit;font-weight:400;background:#ddd;padding:30px 0 60px;overflow:hidden}.sn-footer .sn-col:nth-child(2){-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.sn-footer .sn-col:nth-child(2),.sn-footer .sn-row{display:-webkit-box;display:-ms-flexbox;display:flex}.sn-footer .sn-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.sn-footer .sn-col{display:block}.sn-footer .sn-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.sn-footer__btn{font-family:sukhumvit;font-weight:400;font-size:14.5px;font-size:1.45rem;display:inline-block;padding:12px 6px 8px;border-radius:5px;color:#666;background:#fff;box-shadow:0 1px 1px #ccc;text-align:center}.sn-footer__btn:link{color:#666}.sn-footer__btn:hover,.sn-footer__btn:visited{text-decoration:none;color:#999!important}.sn-footer__btn:first-child{margin:0 10px 0 0}.sn-footer__btn--jobs{border:1px solid #006cac;background:#188bca;color:#fff}.sn-footer__btn--jobs:hover,.sn-footer__btn--jobs:link,.sn-footer__btn--jobs:visited{color:#fff!important}.sn-footer__btn--jobs:hover{background:#006cac}.sn-sanookapp__title{font-size:24px;font-size:2.4rem;font-family:sukhumvit;font-weight:700;color:#ed1c24;line-height:1.6}.sn-sanookapp__desc{font-size:16.5px;font-size:1.65rem;font-family:sukhumvit;font-weight:400;color:#666;margin-bottom:10px}.sn-sanookapp__download{padding:15px 0}.sn-sanookapp__download a:first-child .sn-sanookapp__btn{margin-right:6px}.sn-sanookapp__btn{display:inline-block}.sn-copyright{font-family:sukhumvit;font-weight:700}.sn-legal{font-size:20px;font-size:2rem;color:#111;margin-bottom:6px}.sn-hotlist{font-size:16.5px;font-size:1.65rem}.sn-hotlist li{display:inline-block;margin-right:5px;position:relative}.sn-hotlist li a{display:block;color:#666}.sn-hotlist li a:hover{color:#ed1c24;text-decoration:underline}html.remodal-is-locked{overflow:hidden}.remodal,[data-remodal-id]{display:none}.remodal-overlay{position:fixed;z-index:9999;top:-5000px;right:-5000px;bottom:-5000px;left:-5000px;display:none}.remodal-wrapper{position:fixed;z-index:10000;top:0;right:0;bottom:0;left:0;display:none;overflow:auto;text-align:center;-webkit-overflow-scrolling:touch}.remodal-wrapper:after{display:inline-block;height:100%;margin-left:-.05em;content:""}.remodal-overlay,.remodal-wrapper{-webkit-backface-visibility:hidden;backface-visibility:hidden}.remodal{position:relative;outline:none;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}.remodal-is-initialized{display:inline-block}.remodal-bg.remodal-is-opened,.remodal-bg.remodal-is-opening{-webkit-filter:blur(3px);filter:blur(3px)}.remodal-overlay{background:rgba(0,0,0,.8)}.remodal-overlay.remodal-is-closing,.remodal-overlay.remodal-is-opening{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal-overlay.remodal-is-opening{-webkit-animation:remodal-overlay-opening-keyframes .3s;animation:remodal-overlay-opening-keyframes .3s}.remodal-overlay.remodal-is-closing{-webkit-animation:remodal-overlay-closing-keyframes .3s;animation:remodal-overlay-closing-keyframes .3s}.remodal-wrapper{padding:10px 10px 0}.remodal{box-sizing:border-box;width:100%;margin-bottom:10px;padding:35px;-webkit-transform:translateZ(0);transform:translateZ(0);color:#2b2e38;background:#fff;text-align:left}.remodal.remodal-is-closing,.remodal.remodal-is-opening{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.remodal.remodal-is-opening{-webkit-animation:remodal-opening-keyframes .3s;animation:remodal-opening-keyframes .3s}.remodal.remodal-is-closing{-webkit-animation:remodal-closing-keyframes .3s;animation:remodal-closing-keyframes .3s}.remodal,.remodal-wrapper:after{vertical-align:middle}.remodal-close{position:absolute;top:0;right:0;display:block;overflow:visible;width:45px;height:45px;margin:0;padding:0;cursor:pointer;transition:color .2s;text-decoration:none;text-align:center;color:#95979c;border:0;outline:0;background:transparent}.remodal-close:focus,.remodal-close:hover{color:#2b2e38}.remodal-close:before{font-size:25px;line-height:45px;font-size:18px;font-size:1.8rem;display:block;text-align:center;content:"";font-family:base-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.remodal-cancel,.remodal-confirm{font:inherit;display:inline-block;overflow:visible;min-width:110px;margin:0;padding:12px 0;cursor:pointer;transition:background .2s;text-align:center;vertical-align:middle;text-decoration:none;border:0;outline:0}.remodal-confirm{color:#fff;background:#81c784}.remodal-confirm:focus,.remodal-confirm:hover{background:#66bb6a}.remodal-cancel{color:#fff;background:#e57373}.remodal-cancel:focus,.remodal-cancel:hover{background:#ef5350}.remodal-cancel::-moz-focus-inner,.remodal-close::-moz-focus-inner,.remodal-confirm::-moz-focus-inner{padding:0;border:0}@-webkit-keyframes remodal-opening-keyframes{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes remodal-opening-keyframes{0%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:0}to{-webkit-transform:none;transform:none;opacity:1}}@-webkit-keyframes remodal-closing-keyframes{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}}@keyframes remodal-closing-keyframes{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}to{-webkit-transform:scale(.95);transform:scale(.95);opacity:0}}@-webkit-keyframes remodal-overlay-opening-keyframes{0%{opacity:0}to{opacity:1}}@keyframes remodal-overlay-opening-keyframes{0%{opacity:0}to{opacity:1}}@-webkit-keyframes remodal-overlay-closing-keyframes{0%{opacity:1}to{opacity:0}}@keyframes remodal-overlay-closing-keyframes{0%{opacity:1}to{opacity:0}}.lt-ie9 .remodal-overlay{background:#2b2e38}.lt-ie9 .remodal{width:700px}.remodal{font-size:16px;font-size:1.6rem}.remodal__title{font-family:sukhumvit;font-weight:700;font-size:1.7em;line-height:1.2;display:block;margin-bottom:10px;font-weight:400;text-align:center}.remodal__footer{margin-left:-20px;margin-right:-20px;text-align:center}.remodal__btn{font-family:sukhumvit;font-weight:400;font-size:16px;font-size:1.6rem;display:inline-block;width:120px;margin:0 3px 5px;padding:9px 0 5px;cursor:pointer;transition:all .2s ease-out;text-align:center;text-decoration:none;border-radius:5px;background-clip:padding-box;border:1px solid #ddd;color:#000}.remodal__btn,.remodal__btn:hover{background:transparent}.remodal__btn--primary{color:#d81e29}.remodal__btn--secondary{color:#555}.remodal{border-radius:5px}@media screen and (min-width:480px){.sn-sanookapp__download a:first-child .sn-sanookapp__btn{margin-right:10px}}@media only screen and (min-width:641px){.remodal{max-width:730px}}@media screen and (min-width:768px){.footeralert-close{right:10px;top:26%}.sn-container{padding-left:30px;padding-right:30px}.arr-up-item{right:20px;height:66px;width:66px;bottom:80px}.sn-footer .sn-col:nth-child(2){-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-bottom:42px}.sn-footer .sn-container{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;max-width:1150px;margin:auto;padding-left:15px;padding-right:15px}.sn-sanookapp{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.sn-sanookapp__download{padding:20px 0 30px}.sn-footer-btnwrap{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.sn-hotlist li:not(:first-child){padding-left:23px}.sn-hotlist li:not(:first-child):before{content:"";width:5px;height:5px;background:#666;border-radius:50%;display:block;position:absolute;left:8px;top:7px}}@media screen and (min-width:960px){.sn-footer .sn-col:nth-child(2){-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}.sn-footer__btn{font-size:17.5px;font-size:1.75rem;padding:14px 9px 10px}.sn-sanookapp{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%}.sn-footer-btnwrap{-webkit-box-flex:0;-ms-flex:0 0 60%;flex:0 0 60%;max-width:60%}}@media screen and (min-width:1024px){.footeralert-close{top:25%}.sn-switch{left:136px;padding:6px 0}.sn-switch__btn{border-radius:5px}.sn-switch__btn:hover{background:#9b232d}.sn-switch__btn:before{margin-right:8px;font-size:11px;font-size:1.1rem;position:relative}.sn-logo{background-image:url(../di/global-hf/sanook-type.png);background-image:none,url(../di/global-hf/sanook-type.svg);background-repeat:no-repeat;background-position:15px 8px;width:136px;height:27px;left:-88px}.sn-logo a{text-indent:100%;white-space:nowrap;overflow:hidden;display:block;height:100%;width:101px}.sn-logo .sn-logo__event.sn-logo__event,.sn-logo img{display:none}.sn-panel__list{padding-top:15px;padding-bottom:15px}.sn-panel__link{border-radius:6px}.sn-panel__link:hover{color:#d12530}.sn-panel__main{padding:20px 10px 0 15px}.sn-panel__footer{border-top:1px solid #ddd;padding-top:15px;margin-top:5px}.sn-panel-social{width:330px;padding:4px 15px}.sn-panel-social__title{top:-3px;color:#000;margin-right:15px}.sn-panel-social .sn-icon{font-size:20px;font-size:2rem;margin:0 4px}.sn-panel-social .sn-icon:last-child{margin-right:0}.sn-mb,.sn-mf-search.sn-mb{display:none}}@media screen and (min-width:1150px){.sn-header__wrapper{width:1150px;margin:0 auto}}@media screen and (min-width:1200px){.sn-footer__btn{font-size:18.5px;font-size:1.85rem;padding:14px 24px 10px}}@media screen and (min-width:1280px){.footeralert p{padding-top:15px;padding-bottom:15px}.footeralert-close{top:20%}.footeralert-close:after,.footeralert-close:before{top:0}}@media screen and (min-width:1300px){.arr-up-item{right:calc(50% - 675px)}}@media screen and (max-width:1023px){.header.header--channel,.main-menu{display:none}.sn-search-col{display:table-cell;position:relative;vertical-align:top;width:45px}.sn-search-btn{width:45px;height:40px;font-size:20px;font-size:2rem;text-align:center;color:#939393;border:none;background:transparent;outline:none;cursor:pointer;position:relative}.sn-search-btn.open{color:#ddd;background:#3a3434}.sn-search-btn:before{content:"";font-family:base-icon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;left:14px;top:9px}.sn-search-btn__label{display:none}.sn-header{background:#fff}.sn-switch{width:45px}.sn-switch__btn{height:40px;width:45px;color:#939393;background:transparent;font-size:22px;font-size:2.2rem;position:relative}.sn-switch__btn:before{color:#939393;position:absolute;top:18px;left:13px;line-height:0}.sn-switch__btn.open{color:#ddd;background:#3a3434}.sn-switch__label{display:none}.sn-mf-search{width:100%;padding:15px 10px 10px;background:#ececec}.sn-mf-search__input{font-size:16px;font-size:1.6rem;width:78%;height:100%;border:none;border-radius:3px;float:left;padding:10px}.sn-mf-search__submit{float:left;width:22%;padding-left:10px}.sn-mf-search__button{font-family:sukhumvit;font-weight:700;color:#fff;display:block;height:100%;width:100%;padding:11px 10px 7px;background:#535353;border-radius:5px;cursor:pointer;border:none;font-size:1.1em}.sn-panel__list{background:#3b3434}.sn-panel__list:after{width:100%;height:1px;background:#716264;top:-1px;position:relative}.sn-panel__item{display:block;float:left;position:relative;width:25%;height:80px;text-align:center}.sn-panel__link{color:#fff;border-right:1px solid #584d4e;border-bottom:1px solid #584d4e;-webkit-tap-highlight-color:rgba(223,46,54,.9)}.sn-panel__link:before{display:block;margin:0 0 8px;font-size:"1.8em"}.sn-panel__footer{background:#4b4142}.user-action:after,.user-action:before{content:" ";display:table}.user-action:after{clear:both}.user-action__link{font-family:sukhumvit;font-weight:700;color:#fff;border-right:1px solid #716264;border-bottom:1px solid #716264;font-size:22px;width:50%;float:left;padding:15px}.user-action__link:last-child{border-right:0}.user-action__link.col{padding-top:20px;padding-bottom:17px;display:block}.user-profile{font-size:16px;font-size:1.6rem;border-top:1px solid #716264;border-bottom:1px solid #716264;padding:10px 10px 10px 0;margin-top:-1px;table-layout:fixed;display:table;width:100%}.user-profile__display{width:85px;display:table-cell;position:relative;vertical-align:top}.user-profile__imgframe{width:50px;height:50px;margin:0 auto;position:relative;border-radius:50%;overflow:hidden}.user-profile__img{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}.user-profile__detail{text-align:left;padding-top:10px;display:table-cell;position:relative;vertical-align:top}.user-profile__name{font-family:sukhumvit;font-weight:700;font-size:26px;font-size:2.6rem;color:#fff;display:block;line-height:1}.user-profile__edit{font-family:sukhumvit;font-weight:400;font-size:.9em;color:#928688;display:block}.user-profile__logout{display:table-cell;position:relative;vertical-align:top;font-family:sukhumvit;font-weight:700;width:82px}.user-profile__logout-btn{display:block;width:100%;border-radius:4px;padding:10px;line-height:1;background-color:#3b3434;color:#928688}.sn-panel-footer{padding:0;text-align:center;background:#4b4142;position:relative;top:-1px;margin-bottom:-1px}.sn-panel-footer__title{font-weight:400;line-height:2;padding-top:15px;color:#928688;font-size:24px}.sn-panel-footer .sn-icon{color:#cec0c2}.sn-panel-footer .sn-icon__name{display:inline-block;border:0;clip:rect(0 0 0 0);overflow:hidden;padding:0;position:absolute;width:1px;height:1px}.sn-panel-footer .sn-icon:before{padding:0 10px;font-size:1.6em}.menu-badge{background:red}.menu-badge--beta{top:10px;right:5%}.menu-badge--new{top:12px;left:55%}.sn-panel-social{text-align:center;padding:15px 0 20px}.sn-panel-social__title{font-family:sukhumvit;font-weight:700;font-size:22px;font-size:2.2rem;line-height:2;color:#928688;display:block}.sn-panel-social .sn-icon{font-size:24px;font-size:2.4rem;color:#cec0c2;margin:0 8px}.sn-panel-social .sn-icon--linkin{font-size:22px;font-size:2.2rem;position:relative;top:-2px}.sn-panel-social a{color:#8c8c8c}.social-profile.sn-dt{display:none!important}.sn-dt{display:none}.sn-social__section{font-family:sukhumvit;font-weight:700;font-size:16px;font-size:1.6rem}.sn-social__btn,.sn-social__title{margin-right:15px}.sn-social__btn{position:relative;top:2px}.sn-social__btn .sn-icon{top:-4px;position:absolute;color:#939393}.sn-social__btn a{color:#606060}.sn-social__label{color:#606060;padding-left:30px}.sn-ft-app,.sn-ft-contact,.sn-ft-copyright,.sn-ft-gototop{width:100%}.sn-ft-copyright,.sn-social{text-align:center}.sn-footer{background:#ddd}.sn-footer__right-col{text-align:center}.suggest-btn{margin:15px 0;line-height:50px;background:#939393;font-size:18px;font-size:1.8rem;display:block;width:100%;color:#fff;height:46px;overflow:hidden;border-radius:6px}.footer-legal{font-family:sukhumvit;font-weight:700;color:#8b8b8b}.sn-ft-mb-totop{text-align:center}.sn-ft-mb-totop__button{display:block;padding:20px 0;background:#ebebeb;color:#8b8b8b;font-size:20px;font-size:2rem;border-top:1px solid #fff}.sn-ft-mb-totop__button .sn-icon{display:block;margin-bottom:10px}.sn-ft-mb-totop__label{font-family:sukhumvit;font-weight:700}}@media screen and (max-width:1023px) and (max-width:639px){.sn-panel__item:nth-child(4n) .panel__link{border-right:0}}@media screen and (max-width:960px){.sn-header__wrapper{width:100%}.sn-panel__sidebar{width:300px}.sn-footer__wrapper{width:100%}}@media screen and (max-width:860px){.sn-panel__sidebar{width:240px}}@media screen and (max-width:768px){.footeralert p{padding:10px 50px 12px 15px;font-size:14px;font-size:1.4rem;line-height:1.5}}@media screen and (max-width:767px){.sn-footer{text-align:center}.sn-sanookapp__btn{width:145px;height:auto}.sn-copyright{text-align:center}.sn-hotlist,.sn-legal{font-size:13.5px;font-size:1.35rem}.sn-hotlist li:nth-child(-n+2){display:none}}@media screen and (max-width:330px){.arr-up-item{bottom:30px}.sn-sanookapp__btn{width:139px}}@media screen and (max-width:1023px) and (min-width:640px){.sn-panel__item{width:12.5%}.sn-panel__item:nth-child(8n) .panel__link{border-right:0}}@media screen and (max-width:1023px) and (min-width:361px){.user-profile{padding:15px 10px 15px 0}.user-profile__display,.user-profile__imgframe{width:100px}.user-profile__imgframe{width:65px;height:65px}.user-profile__name{font-size:1.5em}.user-profile__logout-btn{margin-top:10px}}@media screen and (max-width:1023px) and (min-width:641px){.user-profile__logout{width:100px}.user-profile__logout-btn{margin-top:14px}}