/* CSS Document */

* { margin: 0; padding: 0; }
body {font-family: Helvetica,tahoma; font-size: 14px; background: #e7e7e7;}
small {font-family: tahoma,Helvetica;} 
a {text-decoration: none; outline: none; cursor: pointer; color: #1f1b1a; }
table { border-collapse: collapse; }
img {border: none; }
ul,li,ol {list-style: none; }
.cufon-loading { visibility: hidden; }
/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address, section, aside {display: block;}


/*clear*/
[class*="wrapper"]:after,[id="header"]:after,[id="header"]>div:after,[class="sfHover"]>ul>li>div:after,[class^="entry"]>[class^="box"]>p:after,[class="soc"]>ul:after,[class*="cate-box"]>div:after,[class="user-data"]>ul:after,[class="user-data"]+div>ul>li>a:after,[class="date"]>ol:after,[id="hot-navigation"]:after,[id="hot-navigation"]>ul:after,[class^="entry"]>[class^="box"]>div:after {content: ' '; display: block; clear: both;}
/*clear ie7*/
[class*="wrapper"],[id="header"],[id="header"]>div,[class="sfHover"]>ul>li>div,[class^="entry"]>[class^="box"]>p,[class="soc"]>ul,[class*="cate-box"]>div,[class="user-data"]>ul,[class="user-data"]+div>ul>li>a,[class="date"]>ol,[id="hot-navigation"],[id="hot-navigation"]>ul,[class^="entry"]>[class^="box"]>div {#height: 1%;}
/*lts*/
[class="lts"] { display: block; left: -9999px; position: absolute; top: 0; text-indent:-9999px; }

/*font*/
[id="hot-navigation"]>ul>li>a,[class="bookmark"],[class="list-bookmark"]>a,[class="hot-link"],[class*="cate-box"]>strong,[class*="cate-list-box"] > strong {font-family: "SukhumvitReg"; font-weight: normal;}
[class="bookmark-logo"]>a,[class*="search-box"]>div:first-child>h2,[class*="search-box"]>div:first-child>strong {font-family: "SukhumvitBold"; font-weight: normal;}

/*background*/
[id="hot-navigation"]>ul>li>a,[class="bookmark"],[class="sfHover"]>ul>li>div>a,[class="user-data"]+div>ul>li>a,[class="list-bookmark"]>a,[class="hot-link"],[class*="cate-list-box"] ul>li>a {background: url(../di/ic-hot-04.png) no-repeat;}
[class="user-data"]+div>ul>li>a>span,[class="sub-bookmark"]>a,[class="list-bookmark"]>span,[class*="search-box"]>ul>li>a>span {background: url(../di/cursor-hot-02.png) no-repeat;}
[class="refresh"],[class*="vdo_box"]>div>a>p,[class*="music_box"]>div>a>p,[class*="cate-box"]>div>a+a,[class="user-data"]>ul+ul>li+li>a,[class="soc"]>ul>li+li+li+li>a {background: url(../di/hot-btn-03.png) no-repeat; display: block; text-indent: -9999px;}

/*page-nav*/
[id="infscr-loading"] { bottom: -80px; left: 0; position: absolute; text-align: center; z-index: 100; margin:0; float:none; height: 56px; width: 98%; background: #fff; border: 1px  #b5b5b5; line-height: 56px; border-radius: 10px;}
[id="infscr-loading"]>img { padding: 10px 0 0!important;}
[id="infscr-loading"]>div { padding: 5px 15px!important; display:inline-block; }

/*head*/
[id="header"] {width: 100%; background: url(../di/hot-bg.jpg) repeat-x 0 -10px !important; border-top: none; height: 114px !important;}
[id="header"]>div {position: relative; width: 96% !important; margin: 0 auto !important;}
[id="header"]>div>h1 {padding-right: 45px; border-right: 1px solid #e86a71; width: 65px; height: 47px; float: left;}

[id="header"]>div>h1>a {background: url(../di/hot-logo.png) 0 7px no-repeat; width: 126px; height: 59px; display: block; text-indent: -9999px; float: left;}
[id="header"]>div:first-child {height: 54px;padding-top: 10px;}
[id="header"]>div {z-index: 0 !important;}
[id="hot-navigation"] {float: left;}
[id="hot-navigation"]>ul {position: relative;}
[id="hot-navigation"]>ul>li {display: block; line-height: 45px; height: 40px; float: left; margin-left: 25px; position: relative; margin-top:5px;}
[id="hot-navigation"]>ul>li>a {color: #eb7c81; font-size: 24px; background-position: 0 3px; padding: 0 0 0 30px;}
[id="hot-navigation"]>ul>li>a:hover,[id="hot-navigation"]>ul>li>a.active {color: #fff; background-position: 0 -37px;}
[id="hot-navigation"]>ul>li+li>a {background-position: 0 -77px;}
[id="hot-navigation"]>ul>li+li>a:hover,[id="hot-navigation"]>ul>li+li>a.active {background-position: 0 -117px;}
[id="hot-navigation"]>ul>li+li+li>a {background-position: 0 -157px;}
[id="hot-navigation"]>ul>li+li+li>a:hover,[id="hot-navigation"]>ul>li+li+li>a.active {background-position: 0 -197px; color: #fff;}
[id="hot-navigation"]>ul>li+li+li+li>a {background-position: 0 -250px;}
[id="hot-navigation"]>ul>li+li+li+li>a:hover,[id="hot-navigation"]>ul>li+li+li+li>a.active {background-position: 0 -294px;}
[class="bookmark"],[class="hot-link"] {color: #eb7c81; background-position: 0 -501px; height: 25px; line-height: 25px; position: absolute; padding-left: 30px; top: 27px; right: 0; font-size: 22px;}
[class="bookmark"]:hover {color: #fff; background-position: -3px -1937px;}
[class="hot-link"]:hover {color: #fff; background-position: 0 -1847px;}
[class="hot-link"] {background-position: 0 -1757px;}
[id="header"]>div+div {height: 40px; background-color: #4b2022;}
[id="header"]>div+div>p {line-height: 45px; padding-left: 10px; font-size: 14px; float: left; height: 40px;}
[id="header"]>div+div>p,[id="header"]>div+div>p>a,[id="header"]>div+div>p>strong>a {color: #c58487; font-weight: 100;}
[id="header"]>div+div>p>a:hover,[id="header"]>div+div>p>strong>a:hover,[id="header"]>div+div>p>a.active,[id="header"]>div+div>p>strong>a.active {color: #fff;}
[class="refresh"] {width: 38px; height: 28px; margin-top: 7px; float: left;}
[class="refresh"]:hover {background-position: 0 -903px;}
[class="follow"] {background-color: #5c292c; border-radius: 5px; padding: 0 10px; color: #c58487; float: left; margin: 7px 0 0 10px; height: 28px; line-height: 30px; font-size: 14px;}
[class="follow"]:hover {color:#fff;}
[id="small-nav"] {display: none;}
[class="date"] {float: left; padding-left: 5px; line-height: 44px;}
[class="date"]>ol>li {float: left; color: #c58487;}
[class="date"]>ol>li>a {color: #c58487; font-size: 15px; padding-left: 5px;}
[class="date"]>ol>li>a:hover,[class="date"]>ol>li>a.active {color: #fff;}
[class="date"]>[class="month-full"] {display: none;}

/*main content*/
[class^="entry"] {margin: 0 auto; width: 96% !important;}
[class^="entry"]>[class^="box"] {width: 300px; background-color: #fff; margin: 3px 0; padding-top: 15px !important; padding-bottom: 15px !important;}
[class^="entry"]>[class^="box"]>div {display: block; position: relative;}
[class^="entry"]>[class^="box"]>div>a {display: block; position: relative;}
[class^="entry"]>[class^="box"]>div>a>h2 {font-size: 23px; line-height: 25px; font-weight: 700;}
[class^="entry"]>[class^="box"]>div>a:hover>h2 {color: #d3222a;}
[class^="entry"]>[class^="box"]>div>a>img {margin: 10px 0 0; height: auto;width: 100%;}
[class*="alb_box"]>div>a {background: url(../di/album-box-bg.jpg) 0 bottom repeat-x;}
[class*="alb_box"]>div>a>img {padding-bottom: 3px;}
[class*="alb_box"]>div>a>p,[class*="pro_box"]>div>a>p {padding: 5px; background: #d3222a; color:#fff; display: block; width: 45px; text-align: center; font-size: 16px; font-weight: 700; position: absolute; bottom: 0; right: 10px;}
[class*="alb_box"]>div>a>p>span,[class*="pro_box"]>div>a>p>span {font-size: 12px;}
[class*="vdo_box"]>div>a>p,[class*="music_box"]>div>a>p {background-position: 0 -118px; width: 45px; height: 45px; display: block; position: absolute; bottom: 30%; left: 43%;}
[class*="music_box"]>div>a>p {background-position: 0 -268px;}
[class^="entry"]>[class^="box"]>p {font-size: 12px; color: #6e6e6e; padding-top: 10px;}
[class^="entry"]>[class^="box"]>p+p {border-bottom: 1px dotted #ababab; padding-bottom: 10px;}
[class^="entry"]>[class^="box"]>p>b,[class^="entry"]>[class^="box"]>p>time {width: 50%; display: block; float: left; text-align: left;}
[class^="entry"]>[class^="box"]>p+p>b {width: auto; display: inline; float: none; color: #4e4e4e;}
[class^="entry"]>[class^="box"]>p>time {text-align: right;}
[class^="entry"]>[class^="box"]>p>b>a,[class^="entry"]>[class^="box"]>p+p>a {color: #d3222a;}
[class^="entry"]>[class^="box"]>p>b>a:hover,[class^="entry"]>[class^="box"]>p+p>a:hover {text-decoration: underline;}
[class^="entry"]>[class^="box"]>footer {height: 28px; padding-top: 10px; position: relative;}
[class^="entry"]>[class^="box"]>footer>*:first-child {width: 78px; position:absolute; top: 9px; left:0;}
[class^="entry"]>[class^="box"]>footer>*:first-child+a {margin-left: 78px;}
[class^="entry"]>[class^="box"]>footer>* {float: left;}
[class^="entry"]>[class^="box"]>footer>div {line-height: 33px;}
[class^="entry"]>[class^="box"]>footer>a {line-height: 28px; font-size: 11px; font-weight: 700; color: #6e6e6e; margin-left: 5px; width: 95px; height: 28px; display: block; padding: 0 5px; text-align: center;} 
[class^="entry"]>[class^="box"]>footer>a:hover {color: #fff; font-weight: 100; background-color: #d3222a; border-radius: 5px; height: 28px; line-height: 28px;}
[class^="entry"]>[class^="box"]>footer>a.active {color: #d3222a;}
[class^="entry"]>[class^="box"]>footer>a.active:hover  {background-color: #8f8f8f; color: #fff;}

/*cate*/
[class*="shopping-box"] {background: url(../di/cat-ic.png) 50% 50px no-repeat;}
[class*="cate-box"]>h2 {text-align: center; font-size: 35px; margin-bottom: 10px; height: 207px;}
[class*="cate-box"]>h2 a {padding-top: 165px; display: block;}
[class*="cate-box"]>div {width: 95px; margin: 0 auto 10px;}
[class*="cate-box"]>div+div {width: 225px;}
[class*="cate-box"]>div>a {display: block; width: 95px; height: 28px; background-color: #d3222a; text-indent: 0; color:#fff; line-height: 28px; font-size: 13px; text-align: center; float: left; border-radius: 5px;}
[class*="cate-box"]>div>a.cancel {background-color: #8f8f8f;}
[class*="cate-box"]>div>a+a {background-position: 0 -639px; width: 87px; color: #4f4f4f; text-indent: 0;}
[class*="cate-list-box"] {padding-left: 20px;}
[class*="cate-list-box"]>strong {font-size: 23px; height: 39px; line-height: 39px; border-bottom: 1px dotted #ababab; display: block;}
[class*="cate-list-box"] ul>li {font-size: 23px; height: 39px; line-height: 39px; border-top: 1px dotted #ababab; display: block; position: relative;}
[class*="cate-list-box"] ul>li:first-child {border-top: none;}
[class*="cate-list-box"] ul>li>a {display: block; background-position: 7px -906px; position: relative; font-size: 16px; padding-left: 25px;}
[class*="cate-list-box"] ul>li>a:hover,[class*="cate-list-box"] ul>li>a.active {color: #d3222a;}
[class*="cate-list-box"] ul>li>a+a {background-color: #8f8f8f; border-radius: 5px; height: 28px; width: 80px; display: block; position: absolute; top: 5px; right: 0; background-image: none; color: #fff; font-size: 13px; padding-left: 0; text-align: center; line-height: 28px;}
[class*="cate-list-box"] ul>li>a+a:hover {color: #fff;}
[class="soc"] {border-top: 1px dotted #ababab;width: 300px !important; margin-bottom: 0 !important; padding: 10px 0 0;}
[class="soc"]>ul {margin: 0 auto; width: 98%;}
[class="soc"]>ul>li {display: block; float: left; height: 22px; margin-left: 8px;}
[class="soc"]>ul>li:first-child {margin-left: 0;}
[class="soc"]>ul>li:first-child+li {width: 78px;}
[class="soc"]>ul>li:first-child+li+li {width: 60px;}
[class="soc"]>ul>li+li+li+li>a {width: 26px; height: 20px; display: block; text-indent: -9999px; background-position: 0 -991px;}
[class*="cate-box"]>div+div>p {width: 91px; padding-left: 15px; float: left; color: #4f4f4f;}
[class*="cate-box"]>div+div>p>strong,[class*="cate-box"]>div+div>p>small {display: block; text-align: center;}
[class*="cate-box"]>div+div>p>strong {font-size: 20px;}
[class*="cate-box"]>div+div>p>small {font-size: 12px;}
[class*="cate-box"]>div+div>p+p {width: 87px;}
[class*="album-box"] {background: url(../di/Cat-icon/cat-album-01.png) 45% 22% no-repeat;}
[class*="auto-box"] {background: url(../di/Cat-icon/cat-auto-01.png) 49% 32% no-repeat;}
[class*="campus-box"] {background: url(../di/Cat-icon/cat-campus-01.png) 49% 24% no-repeat;}
[class*="ch3-box"] {background: url(../di/Cat-icon/cat-ch3.png) 49% 24% no-repeat;}
[class*="dictionary-box"] {background: url(../di/Cat-icon/cat-dictionary.png) 49% 25% no-repeat;}
[class*="game-box"] {background: url(../di/Cat-icon/cat-game-01.png) 50% 27% no-repeat;}
[class*="guru-box"] {background: url(../di/Cat-icon/cat-guru-01.png) 51% 25% no-repeat;}
[class*="hitech-box"] {background: url(../di/Cat-icon/cat-hitech-01.png) 50% 27% no-repeat;}
[class*="horoscope-box"] {background: url(../di/Cat-icon/cat-horoscope-01.png) 50% 24% no-repeat;}
[class*="men-box"] {background: url(../di/Cat-icon/cat-men-01.png) 51% 23% no-repeat;}
[class*="money-box"] {background: url(../di/Cat-icon/cat-money-01.png) 51% 22% no-repeat;}
[class*="movie-box"] {background: url(../di/Cat-icon/cat-movie.png) 52% 20% no-repeat;}
[class*="music-box"] {background: url(../di/Cat-icon/cat-music-01.png) 51% 20% no-repeat;}
[class*="news-box"] {background: url(../di/Cat-icon/cat-news-01.png) 51% 20% no-repeat;}
[class*="radio-box"] {background: url(../di/Cat-icon/cat-radio.png) 51% 21% no-repeat;}
[class*="sport-box"] {background: url(../di/Cat-icon/cat-sport.png) 49% 21% no-repeat;}
[class*="travel-box"] {background: url(../di/Cat-icon/cat-travel-01.png) 49% 22% no-repeat;}
[class*="tv-box"] {background: url(../di/Cat-icon/cat-tv-01.png) 49% 24% no-repeat;}
[class*="video-box"] {background: url(../di/Cat-icon/cat-video-01.png) 52% 26% no-repeat;}
[class*="webboard-box"] {background: url(../di/Cat-icon/cat-webboard-01.png) 49% 27% no-repeat;}
[class*="widget-box"] {background: url(../di/Cat-icon/cat-widget-01.png) 49% 23% no-repeat;}
[class*="women-box"] {background: url(../di/Cat-icon/cat-women-01.png) 49% 23% no-repeat;}
[class*="event-box"] {background: url(../di/Cat-icon/cat-event.png) 49% 23% no-repeat;}
[class*="vdo-box"] {background: url(../di/Cat-icon/cat-video.png) 49% 23% no-repeat;}
[class*="club-box"] {background: url(../di/Cat-icon/cat-club.png) 49% 23% no-repeat;}
[class*="metro-box"] {background: url(../di/Cat-icon/cat-metro.png) 49% 23% no-repeat;}
[class*="home-box"] {background: url(../di/Cat-icon/cat-home.png) 49% 23% no-repeat;}
/*profile*/
[class="user-data"]>img,[class="user-data"]>iframe {float: left; margin-right: 10px; border-radius: 5px;}
[class="user-data"]>h2 {color: #d3222a;}
[class="user-data"]>ul>li {width: 65px; float: left; margin-right: 10px;}
[class="user-data"]>ul>li>strong {font-size: 18px;}
[class="user-data"]>ul>li>strong,[class="user-data"]>ul>li>small {display: block; text-align: center; color: #4f4f4f;}
[class="user-data"]>ul+ul,[class="user-data"]+div>ul,[class="pro-sh-btn"] {margin-top: 10px;}
[class="user-data"]>ul+ul>li {width:70px;}
[class="user-data"]>ul+ul>li+li {width: 77px;}
[class="user-data"]>ul+ul>li>a,[class="pro-sh-btn"]>a {width: 70px; height: 28px; text-indent: 0; color: #fff; font-size: 12px; line-height: 28px; text-align: center; background-color: #d8262e; border-radius: 5px; display: block;}
[class="pro-sh-btn"]>a {background-color: #e0e0e0; color: #000;}
[class="user-data"]>ul+ul>li>a[class="cancel"] {background-color: #8f8f8f;}
[class="user-data"]>ul+ul>li+li>a {background-position: 0 -815px; width: 77px; height: 28px; color: #000; text-indent: 0;}
[class="user-data"]+div>ul>li {border-top: 1px dotted #ababab; line-height: 30px;}
[class="user-data"]+div>ul>li+li>a {background-position: 5px -1073px;}
[class="user-data"]+div>ul>li+li+li>a {background-position: 5px -1154px;}
[class="user-data"]+div>ul>li>a {display: block; width: 92%; color:#212121; position: relative; padding-left: 25px; background-position: 5px -993px;}
[class="user-data"]+div>ul>li>a:hover,[class="user-data"]+div>ul>li>a.active {color:#d8262e;}
[class="user-data"]+div>ul>li>a>strong,[class="user-data"]+div>ul>li>a>span {width: 65%; display: block; float: left;}
[class="user-data"]+div>ul>li>a>span {background-position: right -101px;padding-right: 30px;position: absolute;right: -15px;text-align: right;width: 30px;}
[class="user-data"]+div>ul>li>a:hover>span,[class="user-data"]+div>ul>li>a.active>span {background-position: right -69px;}

/*bookmark*/
[class="bookmark-logo"] {width: 265px !important; padding-right: 0 !important;}
[class="bookmark-logo"]>a {background: none !important; width: auto !important; height: 43px !important; line-height: 39px; color: #fff; text-indent: 0 !important; font-size: 40px;}
[class="sub-bookmark"] {position: absolute; top: 32px; left: 250px; }
[class="sub-bookmark"]>a {width: 16px; height: 16px; background-position: 0 -142px; display: block; text-indent: -9999px;}
[class="list-bookmark"] {background: #fff; border-radius: 10px; margin: 15px 0 0 -15px; position: relative; box-shadow: 3px 3px 8px #000;}
[class="list-bookmark"]>span {position: absolute; display: block; background-position: 0 -178px; height: 10px; width: 20px; top: -10px; left: 12px;}
[class="list-bookmark"]>a {display: block; width: 190px; height: 51px; border-bottom: 1px dotted #acacac; color: #8f8f8f; line-height: 52px; background-position: 15px -1228px; padding-left: 50px; font-size: 25px;}
[class="list-bookmark"]>a:hover {color: #d6d6d6;}
[class="list-bookmark"]>a[title="Hot!"] {background-position: 15px -1315px;}
[class="list-bookmark"]>a[title="List"] {background-position: 15px -1400px;}
[class="list-bookmark"]>a[title="Hot Tags"] {background-position: 15px -1485px;}
[class="list-bookmark"]>a[title="Categories"] {background-position: 15px -1570px;}
[class="list-bookmark"]>a[title="Archive"] {border-bottom: none; background-position: 15px -1657px;}

/*search-box*/
[class*="search-box"]>div:first-child {background: url(../di/search-bg.jpg) 0 6px no-repeat; padding-left: 65px;}
[class*="search-box"]>div:first-child>strong {color: #000; font-size: 18px;}
[class*="search-box"]>div:first-child>h2 {color: #d3222a; font-size: 30px;}
[class*="search-box"]>ul>li:first-child>a {padding-left: 0; background: none;}
[class*="search-box"]>ul>li>a {position: relative;}
[class*="search-box"]>ul>li>a>span {background-position: right -96px;display: block;padding-right: 33px;position: absolute;right: -15px;text-align: right;top: 0;width: 40px;}
[class*="search-box"]>ul>li>a:hover>span,[class*="search-box"]>ul>li>a.active>span {background-position: right -64px;}

/*pagination*/
[class="pagination"] {background-color: #fff;border-radius: 5px;height: 30px;margin: 30px auto 0;width: 96%;}
[class="pagination"]>p {line-height: 30px; color: #6e6e6e;}
[class="pagination"]>p>* {margin-left: 10px;}
[class="pagination"]>p>a:hover,[class="pagination"]>p>span {color: #d3222a;}

/*header & footer*/
[class*="btn-show-rt2013"] { width: 96% !important;}
[class*="btn-show-rt2013"]>a { left: 0 !important;}
.rt2013->div { width: 96% !important;}
.member-zone { width: 96% !important;}
[class*="btn-show-rt2013"]>div { width: 960px !important;}
body>footer {margin-top: 80px;} 



/*alert*/
[class="alert-java"] {line-height: 30px;padding: 0 2%;text-align: center;width: 96%; background: #fefbae; color: #4b2022;}
[class="alert-java"]>a {text-decoration: underline;}

@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
	/*global*/
	body>header>div>div[class="sanook-search"],[id*="global-navigation"],.truehit,body>footer>div>div>span,body>footer>div>div:first-child+div {display: none;}
	body>header>div>div[class^="member-log-"] {top: 3px !important;}
	body>header>div>div[class^="member-log-"]>a {background: none !important; color: #fff;padding-left: 0 !important;}
	body>header>div>div[class^="member-log-"]>a:hover {color: #fff; text-decoration: underline;}
	div[class^="member-log-"]>a>span {background: none !important;}
	body>header {height: 25px !important; width: 100% !important; background: #ff0000 !important;}
	body>footer {padding: 25px 0 !important;}
	body>footer>div>div:first-child {width: 100% !important;}
	body>footer>div>div>strong {text-align: center;}
	body>footer>div>a {display: none !important;}
	body>header>div>div:first-child {width: auto !important; margin-left: 10px !important;}
	body>header>div,body>footer>div {width: 100% !important; margin: 0 !important;}

}
@media all and (max-width: 1024px) {
	[class^="entry"]>[class^="box"]>div>a>h2 {font-size: 22px;}
	[class^="entry"]>[class^="box"]>p {font-size: 14px;}
	[class^="entry"]>[class^="box"]>footer>a {font-size: 12px;}z
	[id="header"]>div+div>p>strong:first-child {display: none;}
	[id="header"]>div+div>p,[class="date"]>ol>li>a {font-family: tahoma,helvetica;}
	[class^="entry"]>[class^="box"]>footer>a:hover,[class^="entry"]>[class^="box"]>footer>a.active:hover {background: none; border-radius: 0; font-weight: 700; color: #6e6e6e;}
	[class^="entry"]>[class^="box"]>footer>a.active:hover {color: #d3222a;}
	[id="hot-navigation"] {padding-top: 8px !important; }
	[id="hot-navigation"] > ul{ padding-top: 1px !important;}
	[class*="btn-show-rt2013"]>a { left: 10px !important;}
	.member-zone { width: 100% !important;}
}

@media all and (max-width: 768px) {
	[class^="entry"] {width: 87% !important;}
	[id="hot-navigation"]>ul>li {margin-left: 19px; }
	[id="hot-navigation"]>ul>li>a{font-size: 19px;}
	[id="hot-navigation"]>ul>li+li+li {background-position: 93px 19px;}
	[id="hot-navigation"]>ul>li+li+li+li {background-position: 90px 19px;}
	[id="hot-navigation"]>ul>li+li+li:hover {background-position: 93px -5px;}
	[id="hot-navigation"]>ul>li+li+li+li:hover {background-position: 90px -5px;}
	[id="header"]>div+div>p {font-size: 12px;}
	[class="follow"] {font-size: 12px;}
	[class="date"]>ol>li>a {font-size: 12px;}
	[id="header"]>div+div>p {padding-left: 5px;}
	[class="bookmark"],[class="hot-link"] {font-size: 19px;}
}
@media all and (max-width: 640px) {
	[id="small-nav"] {display: block; float: left; padding: 10px 0 0 15px;}
	[id="small-nav"]>select {width: 100%; border-radius: 0; border: 1px solid #c58487;}
	[id="header"]>div+div>p {display: none;}
	[class="date"]>select {border-radius: 0; border: 1px solid #c58487;}
	[class^="entry"] {width: 100%;}
	[class^="entry"]>[class^="box"] {margin: 0 auto 5px;padding: 15px 10px !important;width: 93%;}
	[class^="entry"]>[class^="box"]>footer>a {margin-left: 2%;}
	[class="soc"] {width: 100% !important;}
	[class="soc"]>ul>li:first-child {margin-left: 0; margin-right: 0;}
	[class="soc"]>ul>li {margin-left: 8px;}
	[class^="entry"]>[class^="box"]>footer>a+a,[class^="entry"]>[class^="box"]>footer>a+a:hover {width: 90px;}
	[id="header"]>div+div {display: none;}
	[id="hot-navigation"] {clear: both; height: 40px; padding-top: 20px;}
	[id="hot-navigation"]>ul {padding-top: 5px;}
	[id="hot-navigation"]>ul>li {height: 25px; line-height: 25px; margin-left: 15px;}
	[id="hot-navigation"]>ul>li>a {font-family: tahoma,helvetica; padding-left: 25px; display: block; font-size: 13px;}
	[id="header"]>div { width: 100% !important;}
	[id="header"]>div>h1 { padding-left: 10px;}
	[class="bookmark"] { right: 10px;}
	[id="hot-navigation"]>ul>li { margin-left: 6px !important;}
	[id="hot-navigation"]>ul>li:first-child { margin-left: 5px;}
}
@media all and (max-width: 480px) {
	[class="list-bookmark"] {margin: 15px 0 0 -190px;}
	[class="list-bookmark"]>span {left: 188px;}
}
@media all and (max-width: 360px) {
	[class="bookmark"],[class="hot-link"] {width: 25px; text-indent: -9999px; padding: 0;}
	[id="hot-navigation"]>ul>li {margin-left: 10px;}
	[class="user-data"]>ul>li {margin-right: 0;}
	[class="user-data"]>ul+ul>li {margin-right: 10px;}
	[class^="entry"]>[class^="box"]>footer>a {width: auto;}
}
@media all and (max-width: 320px) {
	[class="soc"]>ul {width: 100%;}
	[class="soc"]>ul>li {margin-left: 3px;}
	[class^="entry"]>[class^="box"]>footer>a {margin-left: -1%;}
	[class^="entry"]>[class^="box"]>footer>a {font-size: 12px;}
	[class="sub-bookmark"] {left: 235px;}
	[id="header"]>div>h1 {padding-right: 30px;}
	[class="bookmark-logo"]>a {font-size: 38px;}
}

@media only screen and (max-width: 1024px) {
    body>header>div>div>a
	{ background-image: url(../di/s-logo-mb.png) !important; background-repeat: no-repeat !important; background-position: 0 0 !important; height: 16px !important; width: 80px !important;}
}
@media only screen and (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 1.5), (max-width: 768px) and (-ms-high-contrast: active), (max-width: 768px) and (-ms-high-contrast: none) {
    body>header>div>div>a
    { background-image: url(../di/s-logo-mb@2x.png); background-repeat: no-repeat;  -webkit-background-size: 80px 16px; background-size: 80px 16px;}	
}

@media all and (max-width: 767px) {
	/*global*/
	body>header>div>div[class="sanook-search"],[id*="global-navigation"],.truehit,body>footer>div>div>span,body>footer>div>div:first-child+div {display: none;}
	body>header>div>div[class^="member-log-"] {top: 3px !important;}
	body>header>div>div[class^="member-log-"]>a {background: none !important; color: #fff; padding-left: 0 !important;}
	body>header>div>div[class^="member-log-"]>a:hover {color: #fff; text-decoration: underline;}
	div[class^="member-log-"]>a>span {background: none !important;}
	body>header {height: 25px !important; width: 100% !important; background: #ff0000 !important;}
	body>footer {padding: 25px 0 !important;}
	body>footer>div>div:first-child {width: 100% !important;}
	body>footer>div>div>strong {text-align: center;}
	body>footer>div>a {display: none !important;}
	body>header>div>div:first-child {width: auto !important; margin-left: 10px !important;}
	body>header>div,body>footer>div {width: 100% !important; margin: 0 !important;}
	[class*="bookmark-logo"]>div>h1>a {background: none !important; width: auto !important;}
}