.scrollToTop,.scrollToTop:hover{text-decoration:none}.headerres__menu,.headerres__search{border-top:1px solid #f63;opacity:.9}@font-face{font-family:thaisanslite-font;src:url(../fonts/thaisanslite_r1-webfont.eot);src:url(../fonts/thaisanslite_r1-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/thaisanslite_r1-webfont.woff) format('woff'),url(../fonts/thaisanslite_r1-webfont.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:supermarket-font;src:url(../fonts/supermarket-webfont.eot);src:url(../fonts/supermarket-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/supermarket-webfont.woff) format('woff'),url(../fonts/supermarket-webfont.ttf) format('truetype');font-weight:400;font-style:normal}.font-1{font-family:supermarket-font}.font-2{font-family:thaisanslite-font}.wrapper{padding:0}.scrollToTop{width:70px;height:50px;text-align:center;font-weight:700;color:#444;position:fixed;bottom:0;right:20px;display:none;background:url(../images/arrow.png) 0 20px no-repeat;z-index:999999}.headerres,.headerres__menu,.headerres__search{background:#4c5358;position:fixed}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.float-left{float:left}.float-right{float:right}.headerres{height:50px;padding:5px;z-index:9999}.headerres__menu{margin-top:50px;color:#fff;z-index:999;overflow-x:hidden;overflow-y:scroll;display:none}.headerresmenu__list .icon,.headerresmenu__list .text,.headerressubmenu__list .icon,.headerressubmenu__list .text{padding-right:10px;display:inline}.headerresmenu__list{padding-top:15px;padding-bottom:15px;border-bottom:1px dotted #999;font-size:12pt;color:#fff}.headerresmenu__list:hover{color:#f63}.headerressubmenu__list{padding-top:20px;padding-bottom:0;color:#fff}.headerressubmenu__list:hover{color:#f63}.headerres .menu,.headerres .search{color:#ddd;font-size:22pt;cursor:pointer}.headerressubmenu__list .icon{padding-left:10px}.headerres .logo img{height:30px;margin-top:5px}.headerres .menu:hover,.headerres .search:hover{color:#f63}.headerres__search{margin-top:50px;padding-top:15px;color:#fff;z-index:999;display:none}.headertop{background:#fafafa;border-bottom:1px solid #eee}.headertop__menu{padding:8px 5px;font-size:10pt;color:#999;display:inline-block}.headertop__menu:hover{color:#595959}.headertop__menu .avatar{border-radius:50%}.headerbottom{padding-top:20px;background:url(../images/header-bg.png) #f6f6f6;border-bottom:1px solid #ededed}@media (max-width:992px){.headerbottom{padding-top:80px}}.headerbottom__logo .img-responsive{margin:0 auto}.headerbottom__banner{text-align:center}.headerbottom__nav{margin-top:30px;background:#4c5358}.headernav__list{position:relative;margin:0 0 0 -4px;padding:11px 16px;border-right:1px solid #677176;color:#fff;display:inline-block}.headernav__list:hover{background:#595e62;cursor:pointer}.headernav__list .text{margin:0 3px;display:inline-block}.headernav__list .text--icon,.headernav__list .text--name{font-size:12pt}.headernav__tag{position:absolute;top:-12px;right:5px}.headernav__tag .name{padding:0 5px;font-family:'Lucida Console',Monaco,monospace;font-size:10pt;color:#fff}.headernav__tag .arrow{margin-left:5px;width:0;height:0;border-style:solid;border-width:5px 5px 0 0}.headernav__tag .name--new{background:#ff0045}.headernav__tag .name--hot{background:#ff6300}.headernav__tag .name--best{background:#009bff}.headernav__tag .arrow--new{border-color:#ff0045 transparent transparent}.headernav__tag .arrow--hot{border-color:#ff6300 transparent transparent}.headernav__tag .arrow--best{border-color:#009bff transparent transparent}.headernav__search{position:absolute;right:10px;top:0;margin:8px 0;padding:0 10px}.headersearch__icon{cursor:pointer;margin-top:3px;color:#fff;font-size:15pt}.headersearch__input{padding:0 10px;background:#4c5358;outline:0;border:1px solid #8b8b8b;border-radius:10px;width:200px;height:30px;color:#f7f7f7;display:none}.headersubnav{position:absolute;top:0;left:0;margin-top:33px;padding-top:3px;z-index:999;display:none}.headersubnav__arrow{margin-left:20px;width:0;height:0;border-style:solid;border-width:0 8px 8px;border-color:transparent transparent #677176}.headersubnav__list{padding:10px 25px;background:#677176;border-bottom:1px solid #7b868c;color:#fff;font-size:12pt;white-space:nowrap}.headersubnav__list:hover{background:#7b868c}.headersubnav__list i{margin-right:10px}.cat{margin-top:10px}.catheader{margin-bottom:15px;padding:0 15px}.catheader__topic{height:32px;border-bottom:2px solid #d03131}.catheader__topic .text{height:30px;padding:5px 15px 0;background:#d03131;color:#fff;font-size:14pt;font-weight:700;float:left}.catheader__topic .arrow{color:#a62727;width:0;height:0;border-bottom:30px;border-bottom-style:solid;border-right:15px solid transparent;float:left}.catpagination{margin-top:20px;margin-bottom:30px}.catpagination ul{margin:5px 0;padding:0}.catpagination li{list-style-type:none;display:inline}.catpagination li .page-numbers{margin:3px 0;padding:3px 6px;background:#d03131;color:#fff;border-radius:3px}.catpagination li .current,.catpagination li .page-numbers:hover{background:#e18484}.columnstyle1__title{padding:0 15px;overflow:hidden;font-size:18px;color:#7e0101}@media (max-width:768px){.columnstyle1__title{font-size:14px;color:#000}}.columnstyle1__detail,.columnstyle2__detail{color:#888;font-size:12px}.columnstyle1__row{padding:5px 0 10px 15px}.columnstyle2__title{padding:0 15px;overflow:hidden}.columnstyle2__row{padding:5px 0 10px 15px}.columnstyle2__row:hover .columnstyle2__title{color:#900}.columnstyle3 a{color:#000}.columnstyle3:hover a{color:#900}.columnstyle3__title{padding:5px 0;margin-bottom:20px;height:45px;overflow:hidden}.columnstyle4__title{position:absolute;bottom:0;padding:5px 10px;width:100%;height:50px;background:rgba(0,0,0,.7);color:#fff}.sidecat__title .text,.sidenew__title p{height:40px;overflow:hidden}.columnstyle4__row{margin-bottom:10px}.sidenew{margin-top:20px;margin-bottom:20px}.sidenew__header{margin-bottom:5px;background:#444;border-bottom:4px solid #36f}.sidenew__header .text{color:#fff;font-size:18pt;font-weight:700}.sidenew__row{padding:5px 0}.sidenew__title{padding:0 15px}.sidenew__row:hover .post__title{color:#900}.sidecat{margin-top:20px;margin-bottom:20px}.sidecat__header{margin-bottom:5px;background:#444;border-bottom:4px solid #f63}.sidecat__header .text{color:#fff;font-size:18pt;font-weight:700}.sidecat__row{padding:5px 0}.sidecat__title{padding:0 15px}.sidecat__title .time{color:#f63}.sidecat__row:hover .post__title{color:#900}.content{margin-top:10px}.content__body{line-height:2em}.content__nav{padding-top:5px;padding-bottom:10px;border-bottom:1px solid #ddd;font-size:10pt}.content__nav .title{color:#888}.content__title{padding-top:10px;padding-bottom:10px;color:#600;line-height:1em}.content__title h1{font-size:30pt;font-weight:700}.content__description{padding-top:10px;padding-bottom:15px;border-bottom:1px dotted #ddd}.content__description .date{text-align:left;font-size:10pt}.content__description .stat{text-align:right;font-size:10pt}.content__share{text-align:right;padding-top:10px;padding-bottom:20px}.contentshare__button{padding:5px 10px 5px 5px;display:inline-block;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.contentshare__button:hover{opacity:.7}.contentshare__button--facebook{background-color:#265096}.contentshare__button--twitter{background-color:#3a7bdb}.contentshare__button--google{background-color:#cf401a}.contentshare__button--line{background-color:#00c300}.contentshare__button span{padding:0 2px 0 5px;color:#fff}.content__tag{margin-top:20px;margin-bottom:10px}.content__tag a{padding:3px 8px;margin:0 3px;border-radius:3px;background:#09c;color:#fff}.content__tag a:hover{background:#0246e3;color:#fff}.content__comment{margin-top:10px;margin-bottom:10px}.content__comment .stat{padding-top:5px;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #ddd;font-size:12pt;font-weight:700}.contentcomment__wrap{margin-top:5px;margin-bottom:5px;border-bottom:1px dotted #ddd}.contentcomment__wrap .avatar{padding:5px;float:left}.contentcomment__wrap .comment{padding:5px}.contentcomment__wrap .header .author{color:#365899;font-weight:700}.contentcomment__wrap .header .date,.contentcomment__wrap .header .date a{color:#999}.video-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video-wrapper embed,.video-wrapper iframe,.video-wrapper object{position:absolute;top:0;left:0;width:100%;height:100%}.footer{margin-top:70px}.footernav{padding-top:30px;padding-bottom:30px;background:#e8e8e8}.footernavsocial__column{padding-top:0;padding-bottom:15px}.footernavsocial__column i{margin:0 20px;font-size:20pt}i.facebook:hover{color:#2e589f}i.twitter:hover{color:#28a8e6}i.instagram:hover{color:#835a23}i.google-plus:hover{color:#b8573e}i.youtube-play:hover{color:#db2b2b}.footernavcat__column{padding-top:8px;padding-bottom:8px;font-size:10pt}.footernavcat__column:hover{color:#900}.footernavcat__column i{margin-right:5px;font-size:10pt}.page404{padding-top:50px;padding-bottom:20px}