* { 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;}
        /*.listportal ul:before { content:"เลือก Portal ที่ต้องการ"; display: block; font-size: 18px; padding: 4px 10px 16px; }
        .listportal ul:after { content:"X Close"; display: block; position: absolute; right:16px; padding:4px 10px; top:16px; }*/
    .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: 9; 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;}


[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"}