*{padding:0;margin:0;}
body{font-family:CS ChatThaiUI;font-size:16px;background:#FFFFFF;}
a{text-decoration:none}
a:hover h3{color:#6b0000}
ul,li,ol{list-style:none;list-style-type:none}
h2{font-weight:normal;}
.wrap, .container{width:1200px;margin:0 auto;position:relative;}
.wrap:after, .container:after{content:"";display:block;clear:both;}
.head{width:100%;box-sizing:border-box;background:#22b573;padding:0 8px 0;position:relative;}
.head .logo{display:inline;float:left;padding-top:5px;}
.head .logo a{display:block;}
.head .logo img{width:170px;height:auto;}
.head .portal{display:inline;float:left;height:auto;margin:7px 0 0 20px;}
.head .portal h1, .head .portal h2{font-weight:normal;color:#FFF;font-family:'kittithada_roman';font-size:44px;line-height:50px;display:inline;float:left;}
.head .portal h1 a, .head .portal h2 a{color:#FFF;}
.head .today{position:absolute;top:0;right:20px;z-index:1;}
.head .today strong{background:url(https://my.kapook.com/portal_config_desktop/header/svg/today.svg) 0px center no-repeat;font-weight:normal;background-size:16px;text-indent:22px;font-size:14px;color:#FFF;height:32px;line-height:32px;display:block;}
.head .portal .menu{width:50px;height:50px;display:inline;float:left;position:relative;z-index:4;margin-left:20px;background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-down.svg) center center no-repeat;background-size:35px;}
.head .portal .menu.close{background:url(https://my.kapook.com/portal_config_desktop/header/svg/close.svg) center center no-repeat;}
.today #truehits_div{display:inline;float:left;width:20px;height:70px;line-height:70px;}
.listportal{clear:both;display:none;}
.listportal.listopen{display:block}
.listportal:before{content:"";display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:3}
.listportal ul{position:absolute;left:-10px;width:760px;overflow:hidden;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.6);padding:16px 16px 24px;box-sizing:border-box;z-index:4;}
.listportal ul li{display:inline;float:left;width:25%;}
.listportal li a{font-size:16px;color:#999;display:block;padding:8px 6px 8px 20px;background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-right.svg) left center no-repeat;background-size:15px;line-height:21px;}
.listportal li a:hover{background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-right.svg) #f1f1f1 left center no-repeat;background-size:15px;}
.listportal2{display:none;visibility:hidden;width:1200px;position:absolute;top:0px;left:50%;transform:translateX(-50%);z-index:99999;overflow:hidden;background:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.6);padding:16px 16px 24px;box-sizing:border-box;}
.listportal2.listopen{display:block;visibility:visible;top:64px;animation-name:slidetop;animation-duration:.5s;}
@keyframes slidetop{0%{top:0;opacity:0}
100%{top:64px;opacity:1}
}
.listportal2 div{width:15.66%;display:inline;float:left;margin:0 1% 0 0;padding-left:5px;box-sizing:border-box}
.listportal2 strong{font-weight:normal;font-family:'kittithada_roman';display:block;font-size:30px;line-height:30px;border-bottom:2px solid #22b573}
.listportal2 .nav-entertain strong{border-bottom:2px solid #ec2f2f}
.listportal2 .nav-lifestyle strong{border-bottom:2px solid #2fb4ec}
.listportal2 .nav-shopping strong{border-bottom:2px solid #ffa200}
.listportal2 .nav-photo strong{border-bottom:2px solid #9064e8}
.listportal2 .nav-variety strong{border-bottom:2px solid #f2368f}
.listportal2 a{font-size:16px;color:#999;display:block;padding:8px 6px 8px 20px;border-bottom:1px solid #f1f1f1;background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-right.svg) left center no-repeat;background-size:15px;line-height:21px;}
.listportal2 a:hover{background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-right.svg) #f1f1f1 left center no-repeat;background-size:15px;}
.morenav{margin-left:20px;}
.regis{display:inline;float:right;position:relative;font-family:CS ChatThaiUI;font-size:16px;height:70px;line-height:70px;}
.regis a.signin{background:url(https://my.kapook.com/portal_config_desktop/header/svg/switch2.svg) 18px center no-repeat;background-size:12px;text-indent:18px;border-right:1px solid rgba(255,255,255,.2);}
.regis a.signup{background:url(https://my.kapook.com/portal_config_desktop/header/svg/regis.svg) 18px center no-repeat;background-size:12px;text-indent:18px;}
.regis a.signin, .regis a.signup{color:#FFFFFF;font-size:14px;display:inline-block;margin:0;height:26px;line-height:26px;padding:3px 20px;}
.ribbon{display:inline;float:right;width:34px;margin:10px 0 0 0;}
.ribbon img{width:100%;height:auto}
.nav{width:100%;box-sizing:border-box;background:#19a466;position:relative;}
.nav ul{margin:0 auto;box-sizing:border-box;}
.nav ul:after{display:block;content:"";clear:both;}
.nav ul>li{display:inline;float:left;text-align:center;min-width:100px;position:relative;}
.nav ul>li:last-child{min-width:auto;}
.nav ul>li strong{font-weight:normal;}
.nav ul>li>a{color:#FFF;display:block;font-size:18px;margin-top:5px;padding:0 11px;height:40px;line-height:36px;box-sizing:border-box;position:relative;}
.nav ul>li>a:hover{background:rgba(0,0,0,0.1);color:#FFF;}
.nav ul>li.active>a{background:#FFF;color:#000;line-height:40px;}
.nav ul.list-top-menu>li:hover>a{background:#FFF;color:#000;line-height:40px;}
.nav ul>li.active:after{border-bottom:3px solid #fe0000;content:"";position:absolute;display:block;width:80%;left:50%;transform:translateX(-50%)}
.nav ul>li.moresub>a:hover{background:transparent;}
.nav ol>li>a:before{content:"";display:block;margin:0;width:40px;height:40px;opacity:.5;margin:0 auto;}
.nav ol>li:hover>a:before{opacity:1}
.nav ol{background:#FFF;width:500px;display:none;opacity:0;visibility:hidden;position:absolute;right:0;z-index:999 !important;padding:22px 10px;box-shadow:0 2px 2px rgba(0,0,0,0.2)}
.nav ol li{width:25%;display:inline;float:left;}
.nav ol li a{display:block;padding:0 0 10px;line-height:24px;color:#000;font-size:15px;}
.nav ol>li:hover{background:#22b573;}
.nav ol>li:hover a{color:#FFF;}
.nav ol.show, .nav li:hover ol.portal{display:block;visibility:visible;opacity:1;}
.nav ul.list-top-menu ol{left:0;right:auto;width:200px;}
.nav ul.list-top-menu ol{padding:10px;}
.nav ul.list-top-menu ol li{width:100%;display:block;float:none;text-align:left}
.nav ul.list-top-menu ol li a{padding:3px;background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-right.svg) left center no-repeat;background-size:15px;}
.nav ul.list-top-menu ol li a:before{display:inline;float:left;width:20px;height:24px;opacity:1;}
.nav ul.list-top-menu ol li:hover{background:#f1f1f1;}
.nav ul.list-top-menu ol li:hover a{color:#000}
.nav ul.list-top-menu>li.moresub{background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-down.svg) right center no-repeat;background-size:16px;padding-right:14px;}
.nav ul.list-top-menu>li.moresub:hover{background:url(https://my.kapook.com/portal_config_desktop/header/svg/arrow-down2.svg) #FFF right center no-repeat;background-size:16px;padding-right:14px;}
.directory{padding:50px 0 40px;}
.directory .column{display:inline;float:left;width:16.66%;box-sizing:border-box;padding:0 10px;}
.directory .column strong{display:block;padding:20px 0 10px;border-bottom:1px solid #f1f1f1;margin-bottom:8px;}
.directory .column a{display:block;color:#999;padding:4px 0;}
.footer-zone{background:#22b573;box-shadow:0 -2px 4px rgba(0,0,0,0.2);height:90px;box-sizing:border-box}
.footer-zone .about{display:inline;float:left;height:90px;width:430px;box-sizing:border-box;position:relative;padding-left:100px;}
.about .app-kapook{position:absolute;bottom:0;left:0;}
.about p{font-family:'kittithada_roman';font-weight:normal;font-size:21px;font-size:28px;padding:6px 0 0;}
.about .app-store{display:inline-block;}
.about .google-play{display:inline-block;}
.footer-zone .official-social{display:inline;float:left;padding:12px 0;}
.footer-zone .official-social strong{display:block;font-family:'kittithada_roman';font-weight:normal;font-size:21px;text-transform:uppercase;letter-spacing:1px;text-align:center;}
.footer-zone .official-social a{width:36px;height:36px;border-radius:100%;}
.official-social .official-fb{display:inline-block;background:url(https://my.kapook.com/portal_config_desktop/header/svg/facebook2.svg) #13965b center center no-repeat;background-size:20px;}
.official-social .official-tw{display:inline-block;background:url(https://my.kapook.com/portal_config_desktop/header/svg/twitter2.svg) #13965b center center no-repeat;background-size:20px;}
.official-social .official-yt{display:inline-block;background:url(https://my.kapook.com/portal_config_desktop/header/svg/youtube2.svg) #13965b center center no-repeat;background-size:20px;}
.official-social .official-ig{display:inline-block;background:url(https://my.kapook.com/portal_config_desktop/header/svg/instagram2.svg) #13965b center center no-repeat;background-size:20px;}
.footer-zone .foot-action{display:inline;float:right;}
.footer-zone .foot-action button{border:0;display:inline;float:left;color:#FFF;margin:20px 5px 0;cursor:pointer;font-family:'kittithada_roman';font-weight:normal;font-size:30px;padding:8px 24px;border-radius:4px;box-shadow:0 2px 3px rgba(0,0,0,0.2);}
.footer-zone .foot-action button:first-child{color:#000;background:#FFF;}
.footer-zone .foot-action button:nth-child(2){background:#fe0000;}
.footer-zone .foot-action p{padding:16px 10px;display:inline;float:right;}
.footer-zone .foot-action p a{color:#FFF;display:block;padding:4px 0;}
@font-face{font-family:'icomoon';src:url('//my.kapook.com/fonts/icomoon.eot?-3adk29');src:url('//my.kapook.com/fonts/icomoon.eot?#iefix-3adk29') format('embedded-opentype'), url('//my.kapook.com/fonts/icomoon.woff?-3adk29') format('woff'), url('//my.kapook.com/fonts/icomoon.ttf?-3adk29') format('truetype'), url('//my.kapook.com/fonts/icomoon.svg?-3adk29#icomoon') format('svg');font-weight:normal;font-style:normal}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-arrow-up:before{content:"\e3c9"}


/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
.video .cover , .video .detail { width: 100% !important;}

}