@charset "utf-8"; /* CSS Document */ * { margin: 0; padding: 0; } section[id]:after,div[id*="sec-"]:after, [class*="tab-arti"]:after, [class*="slider-page"] div>header:after, [class*="slider-page"]>div>div:after, [class*="slider-page"]>div>div>div:after, [class*="slider-page"]>div>div>div>div:after, [id*="tab-variety"] form:after, [class*="slider-page"] form div:after, [id="sec-entertain"]>[class*="_ch-grid-4-8"]>[class*="_s-mg-r0x"] ul[class*="list-text-short"]:after, [class*="entertain-today"]>div:after, [id="sec-horoscope"]>div>[class*="list-text-short"]:after { content: " "; display: block; clear: both;} *+html section[id*="sec-"] { clear: left; height: 1%; padding-top: 10px; } *+html section[id="sec-horoscope"] { clear: none; } body { position: relative; font-family: tahoma; font-size: 13px; line-height: 17px; color: #464646; background: #ededed; } a { text-decoration: none; color: #444; outline: none; cursor: pointer; } a:hover { text-decoration: underline; color: #d50303;} table { border-collapse: collapse; } *:focus { outline: none; border: none; } h4 { font-size: 13px; } em { font-style: none; } img { border: none; vertical-align: middle; } input[type="text"] { color: #464646; font-family: tahoma; background: none; border: none; vertical-align: middle; } input[type="submit"] { display: block; text-indent: -9999px; line-height: 0; background: none; border: none; cursor: pointer; vertical-align: middle; } ul,li,ol { list-style: none; } /* Note: Make HTML 5 elements block-level for consistent styling */ header, nav, article, footer, address, section { display:block; } /****/ body>header { height: 114px; background: url(../di/bg-main-nav-01a.png) repeat-x; #position: relative; #z-index: 105; border-bottom: solid 1px #d9c9c9;} body>header>div { position: relative; border-bottom: solid 1px #d9c9c9;} body>header>div>div { position: relative; z-index: 110; width: 960px; padding: 0 30px; margin: 0 auto; } body>header h1 { width: 107px; margin: 0 auto;} *+html body>header h1 { margin-bottom: 7px; } body>header h1>a { display: block; width: 107px; height: 81px; text-indent: -9999px; background: url(../di/bg-set03-v5.png) 0 -47px no-repeat; } body>header div[class = "sanook-search"] { position: absolute; left: 30px; top: 32px; } body>header div[class = "sanook-search"] * { float: left; } body>header div[class *= "log-"] { position: absolute; z-index: 115; right: 30px; top: 37px; } body>header div[class *= "log-"]>* { float: right; } body>header div[class *= "log-on"] { position: relative; float: right; margin-top: -89px; margin-right: -31px; } body>header div[class *= "log-on"]>p>a { display: block; padding: 0 22px 4px 4px; line-height: 34px; background: url(../di/bg-main-nav-01a.png) right -624px #fff; } *+html body>header div[class *= "log-on"]>p>a { background-position: right -623px; } body>header div[class *= "log-on"]>p>a:hover,body>header div[class *= "log-on"]>ul>li>a:hover { text-decoration: none; } body>header div[class *= "log-on"]>p[class="active"]>a { color: #e70600; background-color: #f4f4f4; background-position: right -861px; } *+html body>header>>divdiv>div[class *= "log-on"]>p[class="active"]>a { background-position: right -860px; } body>header div[class *= "log-on"]>p>a>img { padding-top: 4px; margin-top: -8px; } body>header div[class *= "log-on"]>ul { display: none; position: absolute; top: 31px; right: 0; width: 140px; padding: 5px 0 6px 0; border: solid 1px #ccc; background: #fff; } body>header div[class *= "log-on"]>ul>li { padding: 0 0 0 19px; background: url(../di/bg-main-nav-01a.png) 6px -828px;} body>header div[class *= "log-on"]>ul>li>a { line-height: 20px; } div[class *= "log-on"]>p>a+span { position: absolute; top: 5px; left: -28px; width: 25px; height: 24px; line-height: 18px; text-align: center; font-size: 10px; font-weight: 700; overflow: hidden; color: #fff; background: url(../di/bg-main-nav-01a.png) -86px -604px #e92e2e; } div[class *= "log-on"]>p>a+span>a { color: #fff; } div[class *= "log-on"]>p>a+span>a:hover { text-decoration: none; } div[class *= "log-"]>a { display: block; float: left; width: 54px; height: 19px; padding: 0 0 0 23px; margin: 0 0 0 2px; overflow: hidden; color: #7d7d7d; background: url(../di/bg-main-nav-01a.png) #acacac -94px -669px no-repeat; } div[class *= "log-"]>a+a { width: 76px; padding: 0 0 0 28px; background-color: #7d7d7d; background-position: 0 -669px; } div[class *= "log-"]>a>span { display: block; height: 23px; margin: -1px 0 0 0; white-space: nowrap; background-color: #fff; } div[class *= "log-"]>a:hover { color: #000; text-decoration: none; background-color: #e70600; } body>header form { height: 25px; padding: 0 7px 0 9px; background: #f9babd; } body>header form input[type="text"] { width: 110px; height: 24px; line-height: 24px; color: #000; } body>header form input[type="submit"] { width: 20px; height: 20px; background: url(../di/bg-main-nav-01a.png) -4px -634px; } body>header form~a { display: block; width: 16px; height: 16px; margin: 4px 0 0 8px; text-indent: -9999px; background-image: url(../di/bg-main-nav-01a.png); background-color: #acacac; } .fb { background-position: 0 -606px; } .tw { background-position: -24px -606px; } .feed { background-position: -49px -606px; } .fb:hover { background-color: #3b5998; } .tw:hover { background-color: #66aad7; } .feed:hover { background-color: #f37204; } .truehit { position: absolute; right: 5px; top: -49px;} /*main-navigation*/ [class*="main-navigation-mt"] { display: none;} [id="main-navigation"] { position: relative; z-index: 105; width: 962px; padding: 0 29px; margin: 0 auto;} [id="main-navigation"] a:hover { text-decoration: none;} [id="main-navigation"]>ul li a { display: block; font-size: 12px; font-weight: 700;} [id="main-navigation"]>ul>li { width: 160px;} [id="main-navigation"]>ul>li>a { height: 30px; margin-top: 1px; text-indent: -9999px;/* border-top: solid 1px #d9c9c9;*/ background: url(../di/main-nav-01.png) no-repeat;} [id="main-navigation"]>ul>li>a:hover, [id="main-navigation"]>ul>li:hover>a { height: 30px; border-bottom: solid 1px #d9c9c9; background-color: #e4242d;} [id="main-navigation"] ul ul>li { display: block; width: 160px; height: 25px; line-height: 22px;} [id="main-navigation"]>ul { margin-top: 2px;} [id="main-navigation"]>ul>li { position: relative; z-index: 120; float: left; } [id="main-navigation"] ul ul { display: none; position: absolute; top: 100%; padding-top: 8px; padding-bottom: 8px; background: #ebebeb; -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2); box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, .2);} [id="main-navigation"]>ul>li:first-child+li+li+li+li+li>ul { width: 157px;} [id="main-navigation"][class*="main-navigation-dt"] ul li:hover>ul { display: block;} [id="main-navigation"]>ul>li>a[title="ข่าวสาร"] { background-position: 0 0;} [id="main-navigation"]>ul>li>a[title="บันเทิง"] { background-position: 0 -74px;} [id="main-navigation"]>ul>li>a[title="ไลฟ์สไตล์"] { background-position: 0 -148px;} [id="main-navigation"]>ul>li>a[title="โมบาย"] { background-position: 0 -222px;} [id="main-navigation"]>ul>li>a[title="ช้อปปิ้ง"] { background-position: 0 -296px;} [id="main-navigation"]>ul>li>a[title="บริการ"] { background-position: 0 -370px;} [id="main-navigation"]>ul>li>a[title="ข่าวสาร"]:hover, [id="main-navigation"]>ul>li:hover>a[title="ข่าวสาร"] { background-position: 0 -444px;} [id="main-navigation"]>ul>li>a[title="บันเทิง"]:hover, [id="main-navigation"]>ul>li:hover>a[title="บันเทิง"] { background-position: 0 -518px;} [id="main-navigation"]>ul>li>a[title="ไลฟ์สไตล์"]:hover, [id="main-navigation"]>ul>li:hover>a[title="ไลฟ์สไตล์"] { background-position: 0 -592px;} [id="main-navigation"]>ul>li>a[title="โมบาย"]:hover, [id="main-navigation"]>ul>li:hover>a[title="โมบาย"] { background-position: 0 -666px;} [id="main-navigation"]>ul>li>a[title="ช้อปปิ้ง"]:hover, [id="main-navigation"]>ul>li:hover>a[title="ช้อปปิ้ง"] { background-position: 0 -740px;} [id="main-navigation"]>ul>li>a[title="บริการ"]:hover, [id="main-navigation"]>ul>li:hover>a[title="บริการ"] { background-position: 0 -814px;} [id="main-navigation"] ul ul>li>a { display: block; padding-left: 38px; color: #5e5e5e; font-weight: 400; opacity: .7;} [id="main-navigation"] ul ul>li>a:hover { opacity: 1;} [id="main-navigation"] ul>li:first-child ul>li>a { background: url(../di/sanook-hnew2013.png) no-repeat;} [id="main-navigation"] ul>li:first-child ul>li>a[title="ข่าววันนี้"] { background-position: 0 0;} [id="main-navigation"] ul>li:first-child ul>li>a[title="ข่าวบันเทิง"] { background-position: 0 -49px;} [id="main-navigation"] ul>li:first-child ul>li>a[title="ข่าวกีฬา"] { background-position: 0 -94px;} [id="main-navigation"] ul>li:first-child ul>li>a[title="ตรวจหวย"] { background-position: 0 -150px;} [id="main-navigation"] ul>li:first-child+li ul>li>a { background: url(../di/sanook-henter2013-01.png) no-repeat;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="ดูดวง"] { background-position: 0 0;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="เพลง"] { background-position: 0 -381px;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="ดูหนัง"] { background-position: 0 -47px;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="ดูละคร"] { background-position: 0 -96px;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="ดูคลิป - วิดีโอ"] { background-position: 0 -150px;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="ดูทีวีออนไลน์"] { background-position: 0 -208px;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="ฟังเพลงออนไลน์"] { background-position: 0 -264px;} [id="main-navigation"] ul>li:first-child+li ul>li>a[title="เกมส์"] { background-position: 0 -323px;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a { background: url(../di/sanook-hlife2013b.png) no-repeat;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="ผู้หญิง"] { background-position: 0 0;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="ผู้ชาย"] { background-position: 0 -47px;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="วัยรุ่น"] { background-position: 0 -97px;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="ไอที"] { background-position: 0 -150px;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="รถยนต์"] { background-position: 0 -210px;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="บ้าน"] { background-position: 0 -445px; } [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="การเงิน"] { background-position: 0 -266px;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="ท่องเที่ยว"] { background-position: 0 -324px;} [id="main-navigation"] ul>li:first-child+li+li ul>li>a[title="ร้านอาหาร"] { background-position: 0 -384px;} [id="main-navigation"] ul>li:first-child+li+li+li ul>li>a { background: url(../di/sanook-hmobile2013.png) no-repeat;} [id="main-navigation"] ul>li:first-child+li+li+li ul>li>a[title="Mobile Application"] { background-position: 0 0;} [id="main-navigation"] ul>li:first-child+li+li+li ul>li>a[title="SMS"] { background-position: 0 -49px;} [id="main-navigation"] ul>li:first-child+li+li+li ul>li>a[title="ฝากดวงให้หมอดู"] { background-position: 0 -96px;} [id="main-navigation"] ul>li:first-child+li+li+li ul>li>a[title="ดูดวง 1900"] { background-position: 0 -152px;} [id="main-navigation"] ul>li:first-child+li+li+li ul>li>a[title="ดาวน์โหลดเพลง - ริงโทน"] { background-position: 0 -213px;} [id="main-navigation"] ul>li:first-child+li+li+li ul>li>a[title="ดาวน์โหลดเกมส์มือถือ"] { background-position: 0 -267px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a { background: url(../di/sanook-hservice2013.png) no-repeat;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="พจนานุกรม"] { background-position: 0 -55px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="กูรู-รอบรู้"] { background-position: 0 -103px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="เว็บบอร์ด"] { background-position: 0 -150px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="หาเพื่อน - หาแฟน"] { background-position: 0 -208px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="อีการ์ด - ตกแต่งบล็อค"] { background-position: 0 -266px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="สารบัญเว็บไทย"] { background-position: 0 -320px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="อัลบั้มรูป"] { background-position: 0 -378px;} [id="main-navigation"] ul>li:first-child+li+li+li+li ul>li>a[title="หางาน"] { background-position: 0 -439px;} [class*="bookmark"] { width: 155px; height: 27px; display: block; text-indent: -9999px; position: absolute; right: 30px; top: 2px; background: url(../di/icon-group-new-06.png) 0 -423px no-repeat;} [class*="main-navigation-mt"] [class*="bookmark"] { background-position: 0 -499px;} .wrapper { /*position: relative; z-index: 100;*/ width: 1020px; margin: 0 auto; background: #fff; #position: relative; #z-index: 100; } .wrapper>* { position: relative; z-index: 100; } .wrapper>div[id*="sec-"], .wrapper>section[id*="sec-"], .wrapper>div[class*="bx-wrapper"] { padding-bottom: 20px; padding-right: 30px; padding-left: 30px; border-bottom: solid #ededed 15px; } [id="sec-webboard"] { border-bottom: none !important;} .wrapper>div[class*="bx-wrapper"] { margin-bottom: 20px; } ul[class ^= "list-ent"]>li { position: relative; float: left; } ul[class ^= "list-ent"]>li a>b { display: block; font-weight: 100; margin-bottom: 3px; } ul[class ^= "list-ent"]>li a>span { font-weight: 700;} ul[class ^= "list-ent"]>li p { padding-right: 10px;} ul[class *= "ent-song"]>li { position: relative; width: 150px; margin-bottom: 9px; font-size: 11px; line-height: 14px; } ul[class *= "ent-song"]>li img { float: left; margin-right: 8px; } div article { position: relative; float: left; width: 133px; height: 124px; } [id="sec-entertain"] ul[class*="tab-arti133"]>li { position: relative; width: 133px; height: 135px; } [id="sec-entertain"] ul[class*="tab-arti133"]>li+li+li+li+li~* { margin-bottom: 10px;} [id="sec-entertain"]>*:first-child+*+*+* div[class*="tab-arti133"]>[class*="tab-arti133"] { height: 140px;} [id="sec-entertain"] ul[class*="tab-arti133"]>li:first-child+li+li+li+li+li+li+li+li+li+li+li { height: 120px; } [class*="ico-"] { position: absolute; top: 0; left: 38px; display: block; height: 19px; text-indent: -9999px; background-position: 0 -77px;} [class*="ico-new"] { left: 38px; width: 26px; background-position: 0 -77px;} [class*="ico-mv"] { left: 43px; width: 21px; background-position: -56px -77px;} [class*="slider-page"] [class*="ico-new"] { left: 107px; } [class*="slider-page"] [class*="ico-mv"] { left:112px; } [id="sec-entertain"] [class*="_ch-grid-4-4-4x"] [class*="tab-arti133-2"] article { position: relative;} [class*="ico-movie"] { position: absolute; top: -3px; left:90px; display: block; height: 24px; width:47px; text-indent: -9999px; background-image: url(../di/icon-group-new-06.png) !important; background-position: 0 -55px; } [class*="ico-synopsis"] { position: absolute; top: -3px; right: -4px; left: auto; display: block; height: 24px; text-indent: -9999px; background-image: url(../di/icon-group-new-06.png) !important; width: 42px; background-position: 0 -107px; } [class*="ico-music"] { position: absolute; top: 0; right: 0; left: auto; display: block; height: 19px; text-indent: -9999px; background-image: url(../di/icon-group-new-06.png) !important; width: 20px; background-position: -92px -107px; } [id="sec-entertain"] [class*="list-ent-song"]>li:first-child+li+li+li, [id="sec-entertain"] [class*="list-ent-song"]>li:first-child+li+li+li+li+li+li+li { width: 130px; } [class*="thumbnail_w140"]>* { width: 140px; height: auto;} [class*="thumbnail_w140"][class*="-2x"]>*:first-child { margin-right: 20px; } [id="sec-entertain"] [class*="list-ent-song"]>li:first-child+li+li+li p, [id="sec-entertain"] [class*="list-ent-song"]>li:first-child+li+li+li+li+li+li+li p { padding-right: 0;} [class*="tab-arti140"]>* { width: 140px; height: 60px; } [class*="tab-arti140"]>* p { line-height: 14px; } [id="sec-game"] [class*="tab-arti140"]>* { height: 75px;} [id="sec-horoscope"] [class*="tab-arti140"]>* { height: 70px;} [id="tab-sport-ct"] [class*="tab-arti140"] img { float:none; } [id="sec-gallery"] [class*="tab-arti133-"]>article:first-child+article { height: 140px; } [id="sec-men"]>h2:first-child+div>div>div [class*="tab-arti133-"]>article:first-child+article { height: 140px; } article[class^="hl-ch"] { width: 300px !important; height: 280px; } [id="sec-entertain"] [class^="hl-ch"] { height: 275px !important; width: 300px !important; overflow: hidden;} [id="sec-game"] article[class^="hl-ch"] { height: 307px;} [id="sec-men"] [class*="hl-ch-red"] { height: 265px;} [id="sec-men"] [class*="hl-ch-red"] h4 { padding-top: 3px;} *+html section[id$="c-women"] article[class^="hl-ch"] { margin-top: 2px !important; } *+html section[id$="c-gallery"] article[class^="hl-ch"] { margin-top: 3px; } section[id$="travel"] article[class ^= "hl-ch"] { margin-bottom: 10px; } article[class^="hl-ch"]~article { width: 133px; float: left; margin-left: 32px; } article[class*="ch-red"], li[class*="ch-red"] { background: #e70600; } .arti-thumbleft:after { display:block; clear:both; content: " "; } article[class*="arti-thumbleft"] { width: 300px !important;} .arti-thumbleft>*:first-child { float: left;} #sec-game [class*="hl-ch"] { background-color: #00add0;} /*article[class*="ch-red"]:hover, li[class*="ch-red"]:hover { background: #d00500; }*/ article[class^="hl-ch"]>a>header+p, li[class^="hl-ch"]>a>header+p { padding: 0 12px; color: #000; display:block!important; } article[class^="hl-ch"]>a>header>h4, li[class^="hl-ch"]>a>header>h4 { margin: 0 0 3px; padding: 9px 12px 0; font-size: 13px; color: #e1e1e1; display:block!important; } article[class^="hl-ch"]>a>header>h4 { padding: 4px 12px 0\9; } article[class^="hl-ch"]>a:hover, li[class^="hl-ch"]>a:hover { text-decoration: none; } article[class^="hl-ch"]>a:hover>header>h4, li[class^="hl-ch"]>a:hover>header>h4 { color: #fff; } article>a>h4, article>h4>a { height: 34px; overflow: hidden; font-weight: 100; } [id="sec-campus"] ul[class*="tab-arti133"]>li { height: 124px; position: relative; width: 133px;} [class*="_ch-mg"][class*="-r13x"]>* { margin-right: 13px; } [class*="_ch-mg"][class*="-r14x"]>* { margin-right: 14px; } [class*="_ch-mg"][class*="-r20x"]>* { margin-right: 20px; } [class*="_ch-mg"][class*="-r17x"]>* { margin-right: 17px;} [class*="_ch-mg"][class*="-r14x"]>*:first-child+*, [class*="_ch-mg"][class*="-r20x"]>*:first-child+*, [class*="_ch-mg"][class*="-r13x"]>*:first-child+*, [class*="_ch-mg"][class*="-r13x"]>*:first-child+*+*+*, [class*="_ch-mg"][class*="-r17x"]>*:first-child+*+* { margin-right: 0; } [class*="tab-arti65"]>* { width:65px; height:138px; overflow:hidden; } [class*="tab-arti65"] h4 { font-size: 11px; } [class*="tab-dictionary"] { height: 85px; background:#e8e8e8; padding:5px 15px 15px; } [class*="tab-dictionary"] h3>a { background:url("../di/bg-set02e.png") no-repeat right -342px!important; } [class*="tab-dictionary"] form { width: 263px!important; } [class*="tab-dictionary"] form input[type="text"] { width: 240px!important; } /* campus edit 03/5/2556 */ [class*="tab-teenvar"] { background:#e1e1e1; padding:10px 10px 5px 10px; } [class*="tab-teenvar"]:after { display:block; content: " "; clear:both;} [class*="tab-teenvar"]>div:first-child article { height: 275px;} [class*="tab-teenshop"] { border:1px solid #e1e1e1; padding:5px 15px; } [class*="tab-educate"] { margin-bottom:10px; } [class*="tab-educate"] article { height: 90px; width:100%; } [class*="tab-educate"] article>a:first-child { float:left; margin-right:12px; } [class*="tab-teenlife"] { height: 538px; background:#000; color:#fff;} [class*="tab-teenlife"] a { color:#fff; } [class*="tab-teenlife"] article[class^="hl-ch"] { height:267px!important; position:relative; } [class*="tab-teenlife"] article[class^="hl-ch"] h4 { position:absolute; bottom:0; left:0; height:67px; overflow:hidden; display:block; padding: 45px 10px 0 90px!important; width: 200px; background: url(../di/bg-campus-poll02.png) top left no-repeat; } [class*="tab-teenlife"] article[class^="hl-ch"] a { text-decoration:underline; } [class*="tab-teenlife"]>ul { border-top: 1px solid #fff; padding: 20px 0 0; margin:0 10px; clear:both; } [class*="tab-teenlife"]>ul:after { display:block; clear:both; content: " "; } [class*="tab-teenlife"]>ul>li { position:relative; height: 90px; margin-bottom: 10px;} [class*="tab-teenlife"]>ul>li>a>*:first-child { float:left; margin-right:10px; } [class*="tab-teenlife"] span[class$="-play"] { left:49px; top:30px; } [class*="thm78x"]>li { width:78px; } [class*="thm78x"] li>a { display:block; text-align:center; } [class*="thm78x"] h4 { height: 20px; font-size: 13px; font-weight: 100; overflow:hidden; } [class*="tab-arti140"] img { float: left; margin-right: 8px; } [class*="tab-arti140"] h4 { height: auto; font-size: 11px; line-height: 14px; font-weight: 100; } article[class^="hl-ch"]+article { margin-left: 0; } section[id*="sec-"], div[id*="sec-"] { position: relative; margin: 0 0 20px; } section[id] article>a>img { margin-bottom: 3px; } [class*="icon-hotpromotion"] { position: absolute; top: 0; right: -3px; display: block; width: 81px; height: 24px; text-indent: -9999px; background: url(../di/icon-group-new-06.png) no-repeat 0 -254px} [id="sec-money"] table { width: 300px; } [id="sec-money"] table caption { position: absolute; text-indent: -9999px; } [class*="money-shopping"] ul li { height: 95px;} /*money width kbank*/ .kbank-box h3 span { color: #000;} .kbank-box .header:after { display:block; clear:both; content: " "; } .kbank-box .header { padding: 5px 4px 0;} .kbank-box .header>p:first-child { float: left; width: 45%;} .kbank-box .header>p:first-child+p { float: right; width: 55%; height: 1%;} .kbank-box .header * { color: #fff;} .kbank-box .header>p>span:first-child { display: block; text-indent: -9999px; background-image: url(../di/kbank/kbank-01.png); background-repeat: no-repeat;} .kbank-box .header>p:first-child>span:first-child { width: 36px; height: 27px;} .kbank-box .header>p:first-child+p>span:first-child { width: 88px; height: 28px; background-position: 0 -37px;} .kbank-box .header>p span { font-size: .9em; font-weight: 700;} .kbank-box .header>p:first-child+p * { float: right;} .kbank-box>div { background-color: #00a84f; font-family: arial; font-size: .95em; color: #000; border-radius: 6px;} .kbank-box table { width: 100%; border-collapse: separate; margin-bottom: 30px;} .kbank-box table th { background-color: #c3e3ca;} .kbank-box table tr>* { text-align: center; color: #000;} .kbank-box table tr.odd>td { background-color: #8acc9c;} .kbank-box table tr.even>td { background-color: #c3e3ca;} .kbank-box table .last td { line-height: 1; padding: 2px 3px;} .kbank-box table .last td>a { background-color: #ff6600; text-decoration: none; color: #fff; font-weight: 700; float: left; height: 15px; line-height: 1.2; padding: 0 3px;} .kbank-box table .last td>a+* { float: right;} .kbank-box table .last td span>a { color: #000;} .kbank-box table .last td span>a:hover { color: #000; } .kbank-box .footer { color: #fff; font-size: .9em; text-align: right; padding: 0 3px 4px 0;} .kbank-box .footer p:first-child { margin-bottom: 2px;} .kbank-box .footer p:first-child span { font-weight: 700; font-size: 1.2em; vertical-align: top;} /*fr*/ [id="tabs"] { margin-top: 5px;} [id="tabs"] section+section table tr>* { height: 26px;} [id="tabs"] section+section table tr>th { font-size: 12px;} [id="tab-gold"] h3 { font-family: tahoma !important; font-size: 13px !important; color: #444445 !important; font-weight: 700 !important; padding-left: 10px;} [id="tab-gold"] tr>th { text-align: right; font-size: 12px; background: #eeeeef;} [id="tab-gold"] tr>th:first-child { text-align: left;} [id="tab-gold"] tbody>tr:first-child+tr>td { background: #f6f6f7 !important;} [id="tab-gold"] tbody>tr:first-child+tr+tr>td { background: #eeeeef !important;} [id="sec-money"] table caption { position: absolute; text-indent: -9999px; } [class*="top5creditcard"] table tr th { height: 25px; vertical-align: top; background: #fff;} [id="sec-money"] h3+footer { font-size: 11px; } [id="sec-money"] [class*="_ch-grid-4-4-4x"]>div>*:first-child { margin-bottom: 10px;} [class*="top5creditcard"] { padding-bottom: 2px; background: url(../di/top5creditcard.png) -390px 100% no-repeat #fff;} [class*="top5creditcard"] h3 { color: #000 !important;} [class*="top5creditcard"] tbody>tr:first-child~tr>td { height: 35px; background: url(../di/top5creditcard.png) 0 -241px no-repeat #fff;} [class*="top5creditcard"] tbody>tr:first-child~tr>td:first-child { width: 34px;} [class*="top5creditcard"] tbody>tr:first-child~tr>td:first-child>span { display: block; width: 33px; height: 33px; text-indent: -9999px; background: url(../di/top5creditcard.png) no-repeat 0 3px;} [class*="top5creditcard"] tbody>tr:first-child+tr+tr>td:first-child>span { background-position: 0 -30px;} [class*="top5creditcard"] tbody>tr:first-child+tr+tr+tr>td:first-child>span { background-position: 0 -63px;} [class*="top5creditcard"] tbody>tr:first-child+tr+tr+tr+tr>td:first-child>span { background-position: 0 -96px;} [class*="top5creditcard"] tbody>tr:first-child+tr+tr+tr+tr+tr>td:first-child>span { background-position: 0 -129px;} [class*="top5creditcard"] tbody>tr:first-child~tr>td+td+td { text-align: right; font-weight: 700;} [class*="top5creditcard"] tbody>tr:first-child~tr>td:first-child+td { width: 195px;} [class*="top5creditcard"] table tr>th:first-child { text-align: left;} [class*="top5creditcard"] table tr>th:first-child+* { text-align: right;} /*economics-box*/ /*[id="sec-money"] [class*="_ch-grid-4-4-4x"]>div:first-child [class*="tab-arti133-2"], [id="sec-money"] [class*="_ch-grid-4-4-4x"]>div:first-child+div [class*="tab-arti133-2"] { margin-bottom: 10px;}*/ [id="sec-money"] [class*="_ch-grid-4-4-4x"]>div:first-child article:first-child+article { height: 130px;} [id="sec-money"] [class*="_ch-grid-4-4-4x"]>div:first-child [class*="list-text-wide"] { margin-bottom: 20px;} [id="sec-money"] [class*="_ch-grid-4-4-4x"]>div:first-child+div h3+div+h3+div { margin-bottom: 11px;} [class*="economics-tab"]>li { margin-right: 1px;} [class*="economics-tab"]>li>a { height: 32px; display: block; float: left; text-indent: -9999px; background: url(../di/economics-box-02.png);} [class*="economics-tab"]>li:first-child a { width: 93px; background-position: 50% 0;} [class*="economics-tab"]>li:first-child+li a { width: 104px; background-position: 50% -32px;} [class*="economics-tab"]>li:first-child+li+li a { width: 100px; background-position: 50% -64px;} [class*="economics-tab"]>li:first-child+li+li+li a { width: 126px; background-position: 50% -95px;} [class*="economics-tab"]>li:first-child a:hover, [class*="economics-tab"]>li:first-child.ui-state-active a { background-position: 50% -148px;} [class*="economics-tab"]>li:first-child+li a:hover, [class*="economics-tab"]>li:first-child+li.ui-state-active a { background-position: 50% -180px;} [class*="economics-tab"]>li:first-child+li+li a:hover, [class*="economics-tab"]>li:first-child+li+li.ui-state-active a { background-position: 50% -212px;} [class*="economics-tab"]>li:first-child+li+li+li a:hover, [class*="economics-tab"]>li:first-child+li+li+li.ui-state-active a { background-position: 50% -244px;} [class*="economics-tab"]>li+li+li+li { margin-right: 0;} [id="tab-oil"], [id="tab-exchange"], [id="tab-gold"] { display: none;} [id="tab-settrade"] { font-size: 11px; border-top: solid 4px #a6dba3;} [id="tab-gold"] { height: 306px; border-top: solid 4px #e6d25e;} [id="tab-gold"] footer { margin-top: 167px;} [id="tab-oil"] { height: 306px; border-top: solid 4px #50afe7;} [id="tab-oil"] footer { margin-top: 53px;} [id="tab-exchange"] { height: 306px; border-top: solid 4px #7f57aa;} [id="tab-exchange"] footer { margin-top: 135px;} [class*="economics-box"] section { background: #f6f6f7;} [class*="economics-box"] tbody>tr>*+*+* { padding-right: 10px; text-align: right;} [id="tab-exchange"] table tr>td+td { text-align: right;} [class*="economics-box"] tbody>tr>*:first-child { padding-left: 10px; text-align: left;} [class*="economics-box"] tbody>tr:first-child+tr>td, [class*="economics-box"] tbody>tr:first-child+tr+tr+tr>td, [class*="economics-box"] tbody>tr:first-child+tr+tr+tr+tr+tr>td, [class*="economics-box"] tbody>tr:first-child+tr+tr+tr+tr+tr+tr+tr>td, [class*="economics-box"] tbody>tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr>td { background: #ededee;} [class*="economics-box"] footer { position: relative; height: 35px; line-height: 14px; padding: 8px 0 5px 10px; font-size: 11px; background: url(../di/top5creditcard.png) no-repeat -389px -265px;} [class*="economics-box"] footer cite { display: block; font-style: normal; color: #878787;} [class*="economics-box"] footer time { color: #878787;} [class*="economics-box"] footer a { position: absolute; top: 9px; right: 10px; padding: 6px 15px 9px; color: #fff; background: #57bbff;} [class*="economics-box"] footer a:hover { text-decoration: none;} [id="tab-oil"] h3, [id="tab-exchange"] h3 { position: absolute; left: -9999px; text-indent: -9999px;} [id="tab-oil"] table tr>*+* { text-align: right; padding-right: 10px;} [id="set"] { height: 255px;} [id="set"]>span>img { display: block; margin: 7px auto 0;} [id="set"] table tr>* { height: 18px; vertical-align: baseline;} [id="set"] table tr>td:first-child { width: 19px;} /*[id="set"] table tr>td>img { vertical-align: sub;}*/ [id="set"] table tr>td>b { color: #29a11b;} [id="tab-settrade"]~section table tr>td { height: 22px; color: #767677;} [id="tab-oil"] table tr>td { height: 24px !important;} /*col.price { width: 75px; } col.price+col.price { width: 110px;}*/ .price { text-align: right; font-weight: 700; } .ico-hot { position: relative; left: auto; height: auto; text-indent: 0;} .ico-hot>a { padding-right: 26px; background: url(../di/hot.gif) right 4px no-repeat; } [class*="economics-box"] [class*="gain"], [class*="economics-box"] [class*="loser"], [class*="economics-box"] [class*="unc"] { width: 10px; height: 11px; display: inline-block; text-indent: -9999px; background: url(../di/icon-economics-box.png) no-repeat;} [class*="economics-box"] [class*="gain"] { background-position: 4px -15px; } [class*="economics-box"] [class*="loser"] { background-position: 4px 5px; } [class*="economics-box"] [class*="unc"] { background-position: 4px -36px; } /*magnum gold box (economic gold theme)*/ /*#tab-gold { background-color: #000;} #tab-gold h3 { color: #de9431 !important;} #tab-gold table tr>th { background-color: #50390f; color: #b48444; padding-bottom: 4px;} #tab-gold table tr>td { color: #79746e;} #tab-gold table tr>td+td { color: #eeb140;} #tab-gold table tr+tr>td { background-color: #000 !important;} #tab-gold table tr+tr+tr>td { background-color: #1f190f !important;} #tab-gold footer { margin-top: 0; background-image: none;} #tab-gold footer cite, #tab-gold footer time { color: #79746e;} #tab-gold footer a { background-color: #de9f2d; color: #713505; font-size: 1.1em; font-weight: 700; padding-left: 7px; padding-right: 7px;} #tab-gold>a { display: block; padding-left: 10px; height: 136px; padding-top: 23px; background-image: url(../di/bg-magnam.png); background-repeat: no-repeat;} #tab-gold>a>* { color: #eeb140;} #tab-gold>a>b { margin-right: 40px;} #tab-gold>a>span { font-weight: 700;} #tab-gold>a:hover { color: #eeb140; text-decoration: none;}*/ /********/ [id="sec-men"]>*:first-child+*>*:first-child+* { margin-top: 290px; } [class*="men-list"] li { display: block; width: 288px; clear: none; float: left;} [class*="men-list"] li a { font-weight: 400;} [class*="men-list"]>li:first-child+*, [class*="men-list"]>li:first-child+*+*+*, [class*="men-list"]>li:first-child+*+*+*+*+* { margin-right: 0} [id="sec-men"] [class*="_ch-grid-4-4-4x"] { margin-bottom: 12px;} [class="list-ent-song"] { overflow: hidden; } [id^="sec"] h2:first-child { line-height: 32px; margin-bottom: 4px; font-family: "SukhumvitBold"; font-weight: 100; font-size: 28px; border-bottom: solid 2px #e43525; } [id*="sec-"] h2:first-child>a, [class*="f-color_01"] { color: #e70600; } [id*="sec-"] h2:first-child>a:hover { text-decoration: none; } [id*="sec-"] div h3 { line-height: 34px; color: #e70600; font-size: 21px; font-family: "SukhumvitBold"; font-weight: 400; } [id*="sec-"] div h3>a { padding: 0 23px 0 0; color: #000; background: url(../di/bg-set02e.png) right -129px no-repeat; } [id*="sec-"] div h3>a:hover { text-decoration: none; color: #d50303; } [id*="sec-"]>div>form { clear: left; } section[id$="webboard"]>h2+div>div:first-child>div:first-child+div ul li span { display: block; height: 23px; line-height: 23px; padding: 0 0 0 17px; background: url(../di/bullet-line-01c.png) -1017px -112px no-repeat; } [id="sec-webboard"]>h2+div>div+div>*:first-child ul { margin-bottom: 20px; } [id="sec-webboard"]>h2+div [class*="tab-arti133-4"]>* { height: 130px;} [id="sec-webboard"] [class*="list-text-short"] { margin-bottom: 20px;} [id="sec-webboard"] [class*="list-text-short"]:after { content: " "; display: block; clear: both;} [id="sec-webboard"]>div>[class*="_s-mg-r0x"]>div+div+div+div { margin-bottom: 0 !important;} [class^="list-text"]>li { padding: 0 0 0 12px !important; margin: 1px 0 2px 0; background: url(../di/bg-set02e.png) 0 7px no-repeat; } [id="sec-webboard"]>h2+div>div:first-child>div:first-child+div ul li { padding: 0 !important; background: url(../di/bullet-icon-06b.png) 0 -769px no-repeat; } [id="sec-travel"] h2+div>div:first-child, [id="sec-travel"] h2+div>div:first-child+* { margin-bottom: 15px; } [id="sec-travel"] h2+div>div:first-child+*+*>h3+* article { height: 136px; } [id="sec-travel"] h2+div>div:first-child>[class^="list-text"]>li, [id="sec-travel"] h2+div>div:first-child+div>[class^="list-text"]>li { padding: 0 !important; background: none; } [id="sec-travel"] h2+div>div:first-child+div+div>ul[class ^= "list-text"]>li { line-height: 19px; background-position: 0 8px; } [id="sec-campus"]>[class*="_ch-grid-4-4-4x"]>div:first-child+div [class*="list-text-wide"] { padding-bottom: 15px; background: url(../di/bullet-line-01c.png) no-repeat 0 bottom; } [id="sec-travel"] [class*="_ch-grid-4-4-4x"]>div:first-child [class*="hl-ch-"] { background-color: rgb(134, 183, 119); color: rgb(134, 183, 119);} [id="sec-travel"] [class*="_ch-grid-4-4-4x"]>div:first-child+div [class*="hl-ch-"] { background-color: rgb(100, 194, 164); color: rgb(100, 194, 164);} [class*="hl-ch-"] {opacity: 1; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} [class*="hl-ch-"]:hover {opacity: .9; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} [id="sec-travel"] h2+div>div+div+div>ul[class ^= "list-text"]>li strong { color: #d40000; } [id="sec-travel"] h2+div>div>ul[class ^= "list-text"]>li strong { color: #86b777; } [id="sec-travel"] h2+div>div+div>ul[class ^= "list-text"]>li a:hover strong, [id="sec-travel"] h2+div>div>ul[class ^= "list-text"]>li a:hover strong { color: #d50303; } [id="sec-travel"] h2+div>div+div>ul[class ^= "list-text"]>li strong { color: #64c2a4; } ul[class*="-text-wide"]>li { clear: left; } ul[class*="-text-short"]>li { float: left; width: 138px;} [id="sec-home"] [class*="_ch-grid-4-4-4x"]>div>h2 { margin-bottom: 10px; } [id="sec-home"] [class*="_ch-grid-4-4-4x"]>div:first-child [class*="hl-ch-"] { background-color: rgb(179, 178, 177); } [id="sec-home"] [class*="_ch-grid-4-4-4x"]>div:first-child+div [class*="hl-ch-"] { background-color: rgb(253, 173, 87); } [id="sec-home"] [class*="_ch-grid-4-4-4x"]>div:first-child+div [class*="hl-ch-"] h4 { color: #ffefdd; } [id="sec-home"] [class*="_ch-grid-4-4-4x"]>div:first-child+div [class*="hl-ch-"] a:hover>header>h4 { color: #fff; } [id="sec-home"] article[class^="hl-ch"] { margin-bottom: 10px; } [id="sec-home"] [class*="_ch-grid-4-4-4x"]>div:first-child+div+div article { height: 145px; } [id="tab-music"] ul[class*="list-text-short"] { border-top: solid 1px #d7d7d7; } [id="tab-music"] ul[class*="list-text-short"] li { margin: 0; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [id="tab-music"] ul[class*="list-text-short"] li a { padding-left: 4px; } [id="tab-music"] ul[class*="list-text-short"] li:first-child, [id="tab-music"] ul[class*="list-text-short"] li:first-child+li, [id="tab-music"] ul[class*="list-text-short"] li:first-child+li+li+li+li, [id="tab-music"] ul[class*="list-text-short"] li:first-child+li+li+li+li+li { border-bottom: solid 1px #d7d7d7; background: url(../di/bullet-icon-06b.png) no-repeat 4px -194px #eaeaea; } [id="tab-music"] ul[class*="list-text-short"] li:first-child+li+li, [id="tab-music"] ul[class*="list-text-short"] li:first-child+li+li+li, [id="tab-music"] ul[class*="list-text-short"] li:first-child+li+li+li+li+li+li, [id="tab-music"] ul[class*="list-text-short"] li:first-child+li+li+li+li+li+li+li { border-bottom: solid 1px #d7d7d7; background: url(../di/bullet-icon-06b.png) no-repeat 4px -235px #fff; } .bx-wrapper { margin-bottom: 15px; } [id*="sec-"]>footer { clear: both; height: 30px; margin-top: 20px; padding: 0 10px 0 15px; background: #fdebd4; } [id="sec-men"]>footer { margin-top: 5px;} [id="sec-entertain"]>footer { margin-top: 5px;} [id="sec-womenhoro"]>footer { margin-top: 0;} [id="sec-entertain"]>*:first-child+*>footer { clear: both; width: 100%; height: 30px; margin-top: 20px; background: #fdebd4; } [id="sec-entertain"]>*:first-child+*>footer>div { padding-left: 15px; padding-right: 15px;} div[id*="sec-"]>footer>*, section[id*="sec-"]>footer>*, div>section[id*="sec-"]+footer>*, [id="sec-entertain"]>*:first-child+*>footer>* { line-height: 28px; } div[id*="sec-"]>footer>div>span:first-child, section[id*="sec-"]>footer>div>span:first-child, div>section[id*="sec-"]+footer>div>span:first-child, [id="sec-entertain"]>*:first-child+*>footer>div>span:first-child { margin-right: 10px; color: #e70600; font-weight: 700; } div[id*="sec-"]>footer>div>a, section[id*="sec-"]>footer>div>a, div>section[id*="sec-"]+footer>div>a, [id="sec-entertain"]>*:first-child+*>footer>div>a { display: inline-block; padding-bottom: 3px; margin-right: 5px; font-size: 12px; background: url(../di/repeat-x-03b.png) repeat-x 0 -18px; } *+html [id="sec-entertain"]>*:first-child+*>footer>div>a { display:inline; zoom:1; } div[id*="sec-"]>footer>div>a:hover, section[id*="sec-"]>footer>div>a:hover, div>section[id*="sec-"]+footer>div>a:hover, [id="sec-entertain"]>*:first-child+*>footer>div>a:hover { text-decoration: none; background-position: 0 -60px; } [class*="bx-window"]>div>section:first-child+section footer>div:first-child+div a:first-child+a+a { background-position: -138px -200px; } [class*="bx-window"]>div>section:first-child+section footer>div:first-child+div a:first-child+a+a:hover { background-position: -138px -250px; } [class*="bx-window"]>div>section:first-child+section+section footer>div:first-child+div a:first-child+a+a { background-position: -138px -500px; } [class*="bx-window"]>div>section:first-child+section+section footer>div:first-child+div a:first-child+a+a:hover { background-position: -138px -550px; } [class*="bx-window"]>div>section:first-child+section+section+section footer>div:first-child+div a:first-child+a+a { background-position: -138px -300px; } [class*="bx-window"]>div>section:first-child+section+section+section footer>div:first-child+div a:first-child+a+a:hover { background-position: -138px -350px; } [class*="bx-window"]>div>section:first-child+section+section+section+section footer>div:first-child+div a:first-child+a+a { background-position: -138px -400px; } [class*="bx-window"]>div>section:first-child+section+section+section+section footer>div:first-child+div a:first-child+a+a:hover { background-position: -138px -450px; } [id="tab-news"] ul[class="list-text-wide"] { margin-bottom: 10px; } [id="tab-news"]>div:first-child, [id="tab-entertainment"]>div:first-child, [id="tab-variety"]>div:first-child, [id="tab-variety-weekend"]>div:first-child div[class*="_s-mg-r0x"], [id="tab-game"]>div:first-child, [id="tab-sport-ct"]>div:first-child>div:first-child>div:first-child, [id="tab-lifestyle"]>div:first-child { margin-bottom: 5px;} .bx-window { height: 545px !important; } .bx-window>div>section { position: relative; height: 500px; } .bx-pager { position: absolute; top: 20px; z-index: 95; width: 960px; border-bottom: solid 2px #ff1818; } .bx-pager>a { display: block; float: left; padding: 10px 20px 6px; margin: 0 3px 0 0; background: #ebebeb; font-family: "SukhumvitBold"; font-weight: 100; font-size: 21px; color: #000; } .bx-pager>a:hover { text-decoration: none; background: #e1e1e1; } .pager-active { color: #fff !important; font-family: "SukhumvitReg" !important; background-color: #ff1818 !important; } [id="tab-news"]>*:first-child>*:first-child+* article:first-child+article, [id*="tab-sport"]>*:first-child>*:first-child+* article:first-child+article, [id="tab-entertainment"]>*:first-child>*:first-child+* article:first-child+article+article+article, [id="tab-music"]>*:first-child>*:first-child+* article:first-child+article { height: 145px; } [id="tab-game"]>div:first-child div[class*="tab-arti133"] article, [id="tab-sport-ct"]>div:first-child>div:first-child div[class*="tab-arti133"] article, [id="tab-variety"]>div:first-child div[class*="tab-arti133"]>article { height: 140px;} [id*="tab-variety"]>*:first-child>*:first-child+*>*:first-child article, [id*="tab-variety"]>*:first-child>*:first-child+*+*>*:first-child+div article { height: 135px; } [id*="tab-lifestyle"]>*:first-child>*:first-child+*>*:first-child article { height: 140px;} [id="tab-variety-weekend"]>div[class*="_ch-grid-4-8x"]>div>a { display: block; height: 420px;} [id="tab-variety-weekend"]>div>[class*="_s-mg-r0x"] ul li:first-child+li, [id="tab-variety-weekend"]>div>[class*="_s-mg-r0x"] ul li:first-child+li+li+li { margin-right: 0;} [id="tab-variety-weekend"]>div>[class*="_s-mg-r0x"]>div:first-child>div:first-child>div:first-child article+article+article { height: 130px; } [id="tab-variety-weekend"]>div>[class*="_s-mg-r0x"] [class*="_s-mg-r0x"]>div:first-child article { height: 125px;} [id="tab-variety"]>*:first-child>*+*+*>*:first-child, [id*="tab-sport"]>*:first-child>*+*+*>*:first-child, [id="tab-game"]>*:first-child>*+*+*>*:first-child, [id="tab-music"]>*:first-child>*+*+*>*:first-child+ul, [id="tab-variety-weekend"]>*:first-child>*+*+*>*:first-child { margin-bottom: 10px; } [id*="tab-variety"] form { height: 123px; } [id*="tab-variety"] form p { clear: left; } [id*="tab-variety"] form p>b { color: #e70600; } [id="tab-sport"]>div:first-child { padding-bottom: 18px; } [class*="tab-table-lastest-score"] table+time { margin-top: 10px; } [id="tab-sport-ct"]>div:first-child>div:first-child>div>h2 { position: absolute; left: -9999px; } [id="tab-news"]>div:first-child+*>div>div>article:first-child+article+article+article { height: 140px; } [id="tab-game"]>div:first-child+div [class*="tab-arti133-2"]>article:first-child+article { height: 140px; } [class*="ico-"] { background-image: url(../di/bg-green-png8-04.png);} [id="tab-sport"]>*:first-child+*>*:first-child+* article:first-child, [id="tab-sport"]>*:first-child+*>*:first-child+* article:first-child+* { margin-bottom: 25px; } [id*="tab-sport"]>div:first-child>div[class*="_s-mg-r0x"]>ul { margin-bottom: 10px; } [class="btn-footballmatch"] { margin-top: 10px; background-position: 0 -374px; } [class="btn-footballmatch"]>a {display: block; width: 300px; height: 30px; text-indent: -9999px;} [id="tab-sport-ct"] .thumbnail_w140-2x { margin-bottom: 30px;} [id="tab-sport-ct"] .thumbnail_w140-2x+div a { display: block; margin-bottom: 12px;} [id="sec-men"]>h2:first-child+*>*:first-child+*>*:first-child { padding-bottom: 15px; } [class*="slider-page"] div>h2>a, [class*="slider-page"] header>h2>a, [class*="slider-page"] form h2 label>a, [class*="slider-page"] form input[type=submit], [class*="slider-page"]>footer>div>span:first-child, [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span>a, [class*="slider-page"] div>header>*+*>*, [class*="slider-page"]>footer>*:first-child+*, [class*="slider-page"]>div>div+div+div h2, [class*="slider-page"] div>header>*+*, [id="tab-sport-ct"]>div>div:first-child h2+span>a { background: url(../di/bullet-icon-06b.png) no-repeat; } *+html [class="slider-page"]>footer>*+*>* { margin-right: 2px; display: block; background: url(../di/bullet-icon-06b.png) 0 -361px no-repeat; } [class*="slider-page"] { position: absolute !important; top: 65px; left: 0; opacity: 0; background: #fff; } [class*="slider-page"]>div:first-child>div:first-child>h2:first-child { position: absolute; left: -9999px; } [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span, [id="tab-sport-ct"]>div>div:first-child h2+span { position: absolute; right: 0; top: -45px; text-indent: -9999px; display: block; width: 154px; height: 33px; background: url(../di/icon-group-new-06.png) no-repeat -46px -317px;} [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span>a, [id="tab-sport-ct"]>div>div:first-child h2+span>a { display: block; height: 33px; width: 154px;} [class*="slider-page"] article>a>h3 { height: 34px; overflow: hidden; font-size: 13px; font-weight: 100; } [class*="slider-page"] [class*="guru-word"]>article h3 { height: auto; font-weight: 700; } [class*="slider-page"] [class*="guru-word"]>article { height: auto; } [class*="slider-page"] header>h3 { padding: 9px 12px 0; margin: 0 0 3px; font-size: 13px; color: #fff; } [class*="slider-page"] div>h2, [class*="slider-page"] header>h2, [class*="slider-page"] form>h2 { font-family: sukhumvitbold; font-weight: 100; } [class*="slider-page"] div>h2, [class*="slider-page"] header>h2, [class*="slider-page"] form>h2>label>a { font-size: 21px; line-height: 34px; } [class*="slider-page"] div>h2>a, [class*="slider-page"] header>h2>a, [class*="slider-page"] form>h2>label>a { padding-right: 25px; color: #000; background-position: right 8px; background-color:#fff; } [class*="slider-page"] div>h2>a:hover, [class*="slider-page"] header>h2>a:hover, [class*="slider-page"] form>h2>label>a:hover, [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span>a:hover, [id="tab-sport-ct"]>div>div:first-child h2+span, [id="tab-sport-ct"]>div>div:first-child h2+span>a:hover { text-decoration: none; color: #d50303; } [class*="tab-arti133-2"][class*="-r32x"]>*:first-child+*, [class*="tab-arti133-2"][class*="-r32x"]>*:first-child+*+*+*, [class*="tab-arti133-2"][class*="-r32x"]>*:first-child+*+*+*+*+*, [class*="tab-arti133-3"][class*="-r32x"]>*:first-child+*+*, [class*="tab-arti133-4"][class*="-r32x"]>*:first-child+*+*+*, [class*="tab-arti133-4"][class*="-r32x"]>*:first-child+*+*+*+*+*+*+*, [class*="tab-arti133-4"][class*="-r32x"]>*:first-child+*+*+*+*+*+*+*+*+*+*+*, [class*="tab-arti133-6"][class*="-r32x"]>*:first-child+*+*+*+*+*, [class*="tab-arti96-3"][class*="-r6x"]>*:first-child+*+*, [class*="tab-arti140-2"][class*="-r20x"]>*:first-child+*, [class*="tab-arti140-2"][class*="-r20x"]>*:first-child+*+*+* { margin-right: 0; } [class*="slider-page"] div>header { clear: left; } [class*="slider-page"] div>header>* { float: left; line-height: 34px; } [class*="slider-page"] header+* { clear: left; } [class*="slider-page"]>footer { position: absolute; bottom: 20px; height: 30px; overflow: hidden; } [class*="slider-page"]>footer>*:first-child { width: 630px; margin-right: 4px; background-color: #fdebd4; } [class*="slider-page"]>footer>*:first-child+* { width: 326px; } [class*="slider-page"]>footer>*:first-child+*>* { display: block; height: 30px; float: left; text-indent: -9999px; } [class*="slider-page"]>footer>*:first-child+*>*:first-child { width: 76px; } [class*="slider-page"]>footer>*:first-child+*>*:first-child+* { width: 80px; } [class*="slider-page"]>footer>*:first-child+*>*:first-child+*+* { width: 166px; } [class*="slider-page"] form input[type=text] { float: left; width: 240px; height: 34px; line-height: 32px; margin-bottom: 9px; padding: 0 10px; border: solid 1px #ff3000; } [class*="slider-page"] form input[type=submit] { width: 36px; height: 36px; background-position: 0 -295px; } [class*="slider-page"]>footer>div>span:first-child { display: block; height: 30px; line-height: 28px; padding: 0 13px 0 10px; font-weight: 700; color: #fff; background-position: right -141px; background-color: #e70600; } [class*="slider-page"]>footer>*:first-child>a { margin: 0 0 0 8px; line-height: 28px; background: url(../di/repeat-x-03b.png) repeat-x 0 -18px; } [class*="slider-page"]>footer>*:first-child>a:hover { background-position: 0 -60px; text-decoration: none; } [class*="slider-page"] div>header>*+*>* { font-family: sukhumvitbold; } [class*="slider-page"]>div>div+div+div h2, [class*="slider-page"] div>header>*+* { font-weight: 100; background-position: right 14px; } [id="tab-variety"]>div>div+div+div h2 { background-image:none; } [class*="slider-page"] div>header>*+* { font-size: 20px; } [id="tab-news"] div>header>*+* { margin-top: -3px; } [class*="slider-page"] div>header>*+*>* { color: #000; padding-right: 25px; } [class*="slider-page"] div>header>*+*>*:hover { color: #d50303; text-decoration: none; } [class*="slider-page"] [class*="tab-ig-dara"]>li { height: 120px; background: #272321;} [class*="slider-page"] [class*="tab-ig-dara"]>li a, [class*="slider-page"] [class*="tab-ig-dara"]>li a:hover { font-size: 12px; color: #fff; } [class*="slider-page"] [class*="tab-ig-dara"]>li p { width: 120px; overflow: hidden; padding: 3px 6px 0; background: url(../di/bg-green-png8-04.png) 115px -176px no-repeat;} [class*="slider-page"] [class*="tab-ig-dara"]>li em { font-style: normal;} [class*="slider-page"] [class*="tab-ig-dara"]>li b { position: absolute; left: -9999px;} [class*="slider-page"] [class*="tab-ig-dara"]>li small { display: block; line-height: 14px; color: #ffb90e;} [class*="slider-page"] h2, [class*="slider-page"] div>header { background-image: url(../di/bullet-line-01c.png); } /*Premier League*/ [class*="tab-table"] table tr>td { height: 19px; } [class*="tab-table"] table tr>td:first-child { width: 20px; padding-left: 0; } [class*="tab-table"] table tr>td:first-child { width: 18px; } [class*="tab-table"] table tr>td>b { font-weight: 100; } [class*="tab-table"] table tr>td>time { font-size: 10px; } [class*="tab-table"] table tr>td[class*="_s-wid"][class*="w90x"] b { display:block; overflow:hidden; white-space:nowrap; font-weight: 100; text-overflow:ellipsis; width:115px; #width:90px; padding:0 10px 0 0; #padding:0; } [class*="tab-table"] table tr>td[class*="_s-wid"][class*="w90x"][class*="_s-txt"][class*="_re"] b { padding:0 0 0 10px; width:90px; font-weight: 100; #width:88px; } [id="tab-sport-ct"] .premierleague { height: 146px; padding-top: 34px; margin-top: -30px; background: url(../di/premierleague2013-01.png) -50px -100px no-repeat;} [id="tab-sport-ct"] .premierleague>div { padding-left: 11px;} [id="tab-sport-ct"] .premierleague header, [id="tab-sport-ct"] .premierleague h2 { line-height: 26px; padding-top: 4px; background: none;} [id="tab-sport-ct"] .premierleague>div>div { width: 297px; position: relative;} [id="tab-sport-ct"] .premierleague>div>div:first-child { margin-right: 13px;} [id="tab-sport-ct"] .premierleague>div .tab-table-lastest-score table { width: 100%; height: 75px; font-size: 12px; table-layout: fixed; background-color: #fff;} [id="tab-sport-ct"] .premierleague>div div>time { display: block; height: 26px; padding: 0 0 0 7px; line-height: 24px; font-size: 11px;} [class*="lastest-score"]>time { background-color: #83c74c;} [id="tab-sport-ct"] .premierleague>div div>time+a { position: absolute; right: 5px; top: 38px; color: #010042; font-size: 12px; text-decoration: underline;} [id="tab-sport-ct"] .premierleague>div>div:first-child>time+a { position: absolute; right: 5px; top: 38px; color: #010042; font-size: 12px; text-decoration: underline;} [id="tab-sport-ct"] .premierleague>div>div+div>time { background-color: #6dcff6;} [id="tab-sport-ct"] .premierleague>div>div h2 a { color: #fff; background: url(../di/premierleague2013-01.png) right 2px no-repeat !important;} [id="tab-sport-ct"] table td { vertical-align: top;} [id="tab-sport-ct"] table td img { margin-left: 2px;} /*cth*/ #tab-sport-ct .cth-button {} .programfootball>time { background-color: #6dcff6;} .programfootball table {width: 100%; height: 42px; background-color: #fff;} .programfootball table td b { font-weight: 400;} /******************************************/ @media screen and (-webkit-min-device-pixel-ratio:0) { [class*="slider-page"] [class*="tab-table"] table tr>td[class*="_s-wid"][class*="w90x"][class*="_s-txt"][class*="_re"] { padding:0 20px 0 0; width:80px; } [class*="slider-page"] [class*="tab-table"] table tr>td[class*="_s-wid"][class*="w90x"][class*="_s-txt"][class*="_re"]>b { padding:0 20px 0 10px; } } [class*="slider-page"] [class*="tab-table-lastest-score"] table tr>td:first-child+td+td+td { width: 10px; } [class*="slider-page"] [class*="tab-table-lastest-score"]>header { position: absolute; left: -9999px;} [class*="table-footballmatch"] tr>td:first-child { width: 25px !important;} [class*="table-footballmatch"] tr>td:first-child+td { width: 50px !important;} [class*="table-footballmatch"] tr>td:first-child+td+td+td { width: 70px !important; padding-right: 5px;} [class*="table-footballmatch"] tr>td time { font-size: 12px !important;} [class*="table-footballmatch"] tr>td strong { font-size: 11px;} td[class*="colred"] { color: #e91711; } td[class*="colgray"] { color: #8f8f8f; } [id="tab-news"] footer>*:first-child+* { background-position: 0 -361px; } [id="tab-entertainment"] footer>*:first-child+* { background-position: 0 -421px; } [id*="tab-variety"] footer>*:first-child+* { background-position: 0 -481px; } [id="tab-variety"]>div:first-child>[class*="_s-mg-r0x"] header, [id="tab-variety-weekend"]>div:first-child>[class*="_s-mg-r0x"]>div:first-child header { position: absolute; left: -9999px; } [id="tab-game"] footer>*:first-child+* { background-position: 0 -541px; } [id*="tab-sport"] footer>*:first-child+* { background-position: 0 -601px; } [id="tab-music"] footer>*:first-child+* { background-position: 0 -661px; } [id="tab-lifestyle"] footer>*:first-child+* { background-position: 0 -81px; } [id="sec-entertain"]>*:first-child+* { padding-bottom: 20px; } [id="sec-game"]>h2+div { padding-bottom: 25px; background: url(../di/bullet-line-01c.png) 0 bottom no-repeat;} #sec-game [class*="hl-ch"] p { padding: 0 12px;} #sec-game [class*="hl-ch"] a:hover p { color: #444 !important;} /*Seagame2013*************/ .seagame2013 header { background: none !important;} .seagame2013 h2 { position: relative !important; left: auto !important; width: 100%;} .seagame2013 h2 a { display: block; height: 30px; text-indent: -9999px; background: url(../di/seagame-01.png) 0 0 !important;} .seagame2013 table { width: 300px; border: solid 1px #00612f;} .seagame2013 th { padding-bottom: 2px; font-size: 12px; background-color: #f3f3f3; border-left: solid 1px #00612f; border-bottom: solid 1px #00612f;} .seagame2013 td { height: 18px; padding: 0 3px; text-align: center; font-size: 12px; border-left: solid 1px #00612f;} .seagame2013 tr.thailand td { font-weight: 700; color: #104425; background-color: #bfe2d0; } .seagame2013 tr>*:first-child { width: 35px;} .seagame2013 td img { margin-right: 8px; margin-bottom: 2px; border: solid 1px #bababa;} .seagame2013 tr.thailand td img { border: solid 1px #fff;} .seagame2013 tr:first-child+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr+tr td { padding-bottom: 3px;} .seagame2013 tr.thailand td { padding-bottom: 1px;} .seagame2013 td.last { color: #ff1818 !important;} .seagame2013 [class*="medal"] { width: 26px; border-left: 0;} .seagame2013 [class*="medal"] span { display: block; width: 23px; height: 23px; margin: 0 auto; text-indent: -9999px; background-image: url(../di/seagame-01.png); background-repeat: no-repeat; background-color: } .seagame2013 .medal-gold { color: #1b9c5a; font-weight: 700;} .seagame2013 .country { text-align: left; border-right: solid 1px #00612f;} .seagame2013 th.country { text-align: center;} .medal-gold span { background-position: 0 -54px;} .medal-silver span { background-position: 0 -100px;} .medal-copper span { background-position: 0 -146px;} /*************************/ [id="sec-entertain"] { border-bottom: solid 25px #ededed !important;} [id="sec-entertain"]>*:first-child+*+* div[class*="_ch-grid-4-8"] { margin-bottom: 15px; } [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"] li { margin-right: 32px;} [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"] [class*="hl-ch-red"]+li+li, [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"] [class*="hl-ch-red"]+li+li+li+li, [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"] [class*="hl-ch-red"]+li+li+li+li+li+li+li+li, [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"] [class*="hl-ch-red"]+li+li+li+li+li+li+li+li+li+li+li+li, [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"] [class*="hl-ch-red"]+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li { margin-right: 0;} [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"]>li+li, [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"]>li+li+li { margin-bottom: 15px;} [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"]>li+li+li+li, [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"]>li+li+li+li+li { height: 124px;} [id="sec-entertain"]>[class*="_ch-grid-4-8"] [class*="tab-arti133-4"] [class*="hl-ch-red"]+li+li+li+li { margin-bottom: 20px;} [id="sec-entertain"] [class*="radio-tv-online"]>div { width: 148px; border-right: 1px solid #fff;} [id="sec-entertain"] [class*="radio-tv-online"]>div li { border-bottom: solid 1px #fff;} [id="sec-entertain"] [class*="radio-tv-online"]>div li a { display: block; height: 40px; line-height: 38px; padding-left: 30px; background: url(../di/radio-online-tv-online.png) no-repeat #e3e3e3;} [id="sec-entertain"] [class*="radio-tv-online"]>div+div h3>a { margin-left: 7px;} [id="sec-entertain"] [class*="radio-tv-online"]>div+div li a { background-position: 0 -59px;} [id="sec-entertain"] [class*="radio-tv-online"]>div+div li a { background-position: 0 -59px;} [id="sec-entertain"] [class*="tab-arti133"] li>a { position: relative; z-index: 2; display: block;} [id="sec-entertain"] [class*="tab-arti133"] li>a>img { position: relative; z-index: 3;} img[class*="sanooktv-bg"] { position: absolute; z-index: 1; top: -24px; left: -8px;} [class*="icon-sanooktv"] { position: absolute; z-index: 5; left: 29px; top: 24px; display: block; text-indent: -9999px; width: 77px; height: 31px; background: url(../di/radio-online-tv-online.png) 0 -234px;} a>[class*="icon-sanooktv"] { opacity: 1; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} a:hover>[class*="icon-sanooktv"] { opacity: 0; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} [id="sec-entertain"] [class*="tab-arti133"] li>a>[class*="ico-play"] { opacity: 1; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} [id="sec-entertain"] [class*="tab-arti133"] li>a:hover>[class*="ico-play"] { opacity: 0; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} /**/ [class*="entertain-today"] { width: 300px; height: 286px; margin-bottom: 35px; overflow: hidden;} [class*="entertain-today"]+div { margin-bottom: 20px;} [class*="entertain-today"]>div { padding: 0 0 5px; background: #5d5a58;} [class*="entertain-today"]>div article { width: auto; height: auto; padding: 5px; border-bottom: dotted 1px #8c8c8c;} [class*="entertain-today"]>div article[class*="event-past"] { padding-top: 5px; border-bottom: solid 1px #fff; background-color: #5e3707;} [class*="entertain-today"]>div article[class*="event-now"] { padding-top: 5px;} [class*="entertain-today"]>div article:first-child+article+article+article { border-bottom: none;} [class*="entertain-today"]>div article * { color: #fff;} [class*="entertain-today"]>div article h4 a { font-weight: 700;} [class*="entertain-today"]>div article:first-child img, [class*="entertain-today"]>div article:first-child+* img { margin-top: 3px;} [class*="entertain-today"]>div article:first-child time, [class*="entertain-today"]>div article:first-child+* time { position: relative; width: 65px; height: 40px; line-height: 18px; margin-top: 3px; padding: 15px 5px 5px; font-size: 12px; background: #ff4a20;} [class*="entertain-today"]>div article[class*="event-now"] time { background: #ff4a20;} [class*="entertain-today"]>div article[class*="event-past"] time { background: #896221;} [class*="entertain-today"]>div article:first-child time b, [class*="entertain-today"]>div article:first-child+* time b { font-weight: 400;} [class*="entertain-today"]>div article:first-child time span, [class*="entertain-today"]>div article:first-child+* time span { font-size: 24px; font-weight: 700;} [class*="entertain-today"]>div article+*+* time { color: #ff4a20;} [class*="entertain-today"]>div article:first-child p, [class*="entertain-today"]>div article:first-child+* p, [class*="entertain-today"]>div article:first-child h4, [class*="entertain-today"]>div article:first-child+* h4 { width: 140px; line-height: 15px;} [class*="entertain-today"]>div article time { margin-right: 5px;} [class*="entertain-today"]>div article+*+* h4, [class*="entertain-today"]>div article+*+* p { display: inline; float: none;} [class*="icon-now"] { position: absolute; top: -8px; right: 0; display: block; width: 54px; height: 19px; text-indent: -9999px; background: url(../di/entertain-today02.png) no-repeat;} [class*="icon-past"] { position: absolute; top: -8px; right: 0; display: block; width: 54px; height: 19px; text-indent: -9999px; background: url(../di/entertain-today02.png) no-repeat 0 -203px;} #entertain-today {position: relative; margin: 0; padding:0px; height: 265px; overflow: hidden;} /**/ [id="tab-news"] [class*="_ch-grid-6-6"]>div article { position: relative;} [class*="icon-stat"] {position: absolute; left: 0; top: 61px; padding: 1px 4px 1px 22px; font-size: 11px; color: #fff; background: url(../di/statup.gif) no-repeat #000;} [class*="slider-page"] div>h2, [class*="slider-page"] header>h2, [class*="slider-page"] div>header { background-position: -1418px 0;} #tab-sport-ct [class*="_s-mg-r0x"]>header { display: none;} [id="tab-news"] [class*="_s-mg-l30x"] h2, [id="tab-news"]>*:first-child>[class*="_s-mg-l30x"] div>header, [class*="tab-campus-guru"]>div>header>h2, [id="tab-lifestyle"] [class*="af10-intab"] header { background: none !important;} [class*="af10-intab"] { padding-top:5px; padding-bottom: 15px; background-color: #1b1b1b;} [class*="af10-intab"] * { color: #fff; font-size: 12px;} [class*="af10-intab"]>* { padding: 0 10px;} [class*="af10-intab"] [class*="tab-arti140"]>* { height: 50px;} [class*="af10-intab"] h3 { margin-bottom: 5px;} [class*="af10-intab"] header>h2>a { color: #e70600 !important; font-size: 100%; background-color: #1b1b1b;} [class*="af10-intab"] li { background-position: 0 -72px;} [class*="af10-intab"] li p span { display: block; color: #e70600; font-size: 14px; font-weight: 700;} [class*="af10-intab"] li p b { font-weight: 400;} [class*="af10button"] { margin-bottom: 15px;} [class*="af10button"]>* { padding: 3px 10px 4px; margin-left: 5px; background-color: #e70000;} [class*="af10button"]>*:first-child { margin-left: 0;} [class*="af10button"]>*:first-child+*+* { color: #e70000; background-color: #d7d7d7;} [class*="af10button"]>*:hover { text-decoration: none; color: #fff;} [class*="af10button"]>*+*+*:hover { color: #e70000;} [class*="af10-intab"] li, [class*="af10-intab"] header>h2>a { background-image: url(../di/bullet-icon-07.png); background-repeat: no-repeat;} [class*="-nowshowing"] article { height: 138px; } [class*="-nowshowing"] article a>h4 { position: absolute; top: 98px; width: 96px; height: 35px; padding-top: 5px; line-height: 13px; text-align: center; background: url(../di/bullet-line-01c.png) -1232px 0 no-repeat; } [class*="-nowshowing"] article a:hover h4 { color: #fff; text-decoration: none; } [class*="-nowshowing"] article a>h4>span { padding: 0 5px; font-size: 11px; color: #fff; } [class*="-nowshowing"] ul { clear: left; width: 300px; margin-top: 15px; background: url(../di/bullet-line-01c.png) -1017px -111px no-repeat; } [class*="-nowshowing"] ul>li { padding: 0 !important; } [class*="-nowshowing"] ul>li>span { display: block; padding: 1px 0 5px 12px; background: url(../di/bullet-line-01c.png) -1017px bottom no-repeat; } [id="sec-travel"] { clear: left; } [id="sec-women"]>div>div+div>article { margin-bottom: 15px; } [id="sec-women"]>div { padding-bottom: 2px; margin-bottom: 15px;} [id="sec-webboard"]>h2+div>div:first-child>div:first-child, [id="sec-webboard"]>h2+div>div:first-child>div:first-child+div { margin-bottom: 5px; background: url(../di/bullet-line-01c.png) 0 bottom no-repeat; } [id="sec-webboard"]>h2+div>div:first-child>div:first-child+div { padding-bottom: 15px;} [id="sec-women"] [class*="hl-ch-"] { margin-bottom: 12px; background: #ff5782;} [id="sec-women"]>h2:first-child+*+*>h3 { width: 170px; } [id="sec-women"] [class*="tab-arti133-2"]>article { height: 135px; } .horo div { margin-top: 10px; margin-bottom: 15px;} .horo div>a { display: block; width: 30px; height: 30px; line-height: 30px; margin: 0 0 0 14px; text-align: center; color: #fff; font-family: "SukhumvitReg"; font-weight: 100; font-size: 20px; background: url(../di/bg-set04c.png) -3px -180px no-repeat; } .horo div>a:first-child { margin-left: 0;} .horo div>a:hover { color: #000; text-decoration: none; } .horo div>a:first-child { background-color: #fc0202; } .horo div>a:first-child+a { background-color: #ecc303; } .horo div>a:first-child+a+a { background-color: #fc4c91; } .horo div>a:first-child+a+a+a { background-color: #509e00; } .horo div>a:first-child+a+a+a+a { background-color: #fb6b02; } .horo div>a:first-child+a+a+a+a+a { background-color: #3bb7fe; } .horo div>a:first-child+a+a+a+a+a+a { background-color: #b123d4; } [id="sec-horoscope"] ul { margin-top: 25px; margin-bottom: 20px; } [id="sec-women"], [id="sec-horoscope"] { margin-bottom: 0 !important; } article[class*="womenblogger"] { padding: 14px 10px 0 11px; width: 279px !important; height: 94px !important; background-color: #666; background-image: url(../di/icon-group-new-06.png); background-repeat: no-repeat; background-position: 100% 100%;} article[class*="womenblogger"] a img { -webkit-box-shadow: 5px 5px 0 0 rgba(60,59,59,1); box-shadow: 5px 5px 0 0 rgba(60,59,59,1); margin-right: 10px;} article[class*="womenblogger"] h4 a { color: #fff;} [id="sec-campus"] [class*="hl-ch-red"] { margin-bottom: 15px;} [id="sec-campus"] form { float: left; width: 293px; height: 24px; margin: 5px 0 0 0; padding: 0 0 0 5px; overflow: hidden; background: #fff; border: solid 1px #ccc; } [id="sec-campus"] form label { float: left; } [id="sec-campus"] form input[type="text"] { width: 260px; height: 24px; line-height: 24px; } [id="sec-campus"] form input[type="submit"] { float: right; width: 22px; height: 16px; margin-top: 4px; border-left: solid 1px #ccc; background: url(../di/bg-set03-v2.png) 4px 2px no-repeat; } [id="sec-campus"] [class*="tab-arti140-2"]>* { margin-bottom: 20px;} /*Channel3 Clip*/ [id="sec-channel3"] { padding-bottom: 0 !important; border-bottom: solid 25px #ededed !important;} [id="sec-channel3"]>header { float: left; width: 164px; height: 234px; margin-top: -20px; margin-left: -30px; background-color: #f2bb00;} [id="sec-channel3"]>header h2 a { float: right; display: block; width: 133px; height: 126px; margin-top: 30px; text-indent: -9999px; background: url(../di/channel3-bg-01.png) no-repeat;} [id="sec-channel3"]>header h2 a:hover { background-position: 0 -126px;} [id="sec-channel3"]>header cite { position: absolute; left: -9999px; display: block; text-indent: -9999px;} [id="sec-channel3"] [class*="tab-arti133"] { padding-top: 30px;} [id="sec-channel3"] [class*="tab-arti133"]>li { position: relative; width: 133px;} [id="sec-channel3"] [class*="tab-arti133"] li>a>[class*="ico-play"] { opacity: 1; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} [id="sec-channel3"] [class*="tab-arti133"] li>a:hover>[class*="ico-play"] { opacity: 0; -moz-transition: opacity 300ms ease 0s; -webkit-transition: opacity 300ms ease 0s;} [id="sec-channel3"]>div { float: right; height: 232px; border: solid 1px #fd5b13; margin-top: -20px; margin-right: -30px; margin-left: -30px; padding-left: 30px;} [id="sec-channel3"]>div>small { position: absolute; top: -32px; right: 0; display: block; width: 163px; height: 32px; text-indent: -9999px; background: url(../di/channel3-bg-01.png) 0 -283px no-repeat;} [id="sec-channel3"]>footer { position: absolute; bottom: 20px; width: 935px;} /*superdeal*/ [id*="sec-superdeal"] { padding-top: 0; padding-bottom: 0 !important; padding-right: 0 !important; background-image: url(../di/superdeal-header-01c.png); background-repeat: no-repeat; background-position: -111px 100%; background-color: #fff;} [id*="sec-superdeal"]>* { margin-top: -20px;} [id*="sec-superdeal"] header { width: 134px; height: 318px; padding-top: 20px; border-right: dashed 1px #585556; background-image: url(../di/superdeal-header-01c.png); background-position: right -5px; background-repeat: no-repeat;} [id*="sec-superdeal"] header h2 { text-indent: -9999px; height: 118px; background-image: url(../di/superdeal-header-01c.png); background-position: 0 0; background-repeat: no-repeat;} #sec-superdeal header h2, #sec-superdealcomingsoon header h2 { border-bottom: none;} [id*="sec-superdeal"] header h2 a { display: block; height: 100%;} #sec-superdeal .ads { top: 20px; right: 30px;} [id*="sec-superdeal"] .superdealcontent { padding-left: 28px; padding-top: 20px; background-color: #f6f6f6; width: 827px; margin-right: -21px;} #sec-superdeal .superdealcontent>*:first-child { width: 300px; margin-right: 33px;} #sec-superdeal .superdealcontent>*:first-child a { display: block; border-bottom: dashed 1px #000; padding-bottom: 10px; position: relative;} #sec-superdeal .superdealcontent>*:first-child a:hover { text-decoration: none;} #sec-superdeal .superdealcontent>*:first-child img { margin-bottom: 5px;} #sec-superdeal .superdealcontent>*:first-child h3 { color: #000; font-size: 1.35em; line-height: normal;} #sec-superdeal .superdealcontent>*:first-child a:hover h3 { color: #d50303; text-decoration: underline;} #sec-superdeal .superdealcontent>*:first-child p { color: #000;} #sec-superdeal .superdealcontent>*:first-child+* { width: 133px;} #sec-superdeal .superdealcontent>*:first-child+* a { display: block; margin-bottom: 15px; position: relative;} #sec-superdeal .superdealcontent>*:first-child+* a:hover { text-decoration: none;} #sec-superdeal .superdealcontent>*:first-child+* h4 { font-weight: 400; margin-bottom: 7px;} #sec-superdeal .superdealcontent>*:first-child+* img { margin-bottom: 5px;} #sec-superdeal .superdealcontent>*:first-child+* span[class*="_s-dp-b"] { border-top: dashed 1px #585556; border-bottom: dashed 1px #585556; color: #ea212d; height: 20px; line-height: 1.45;} #sec-superdeal .superdealcontent>*:first-child+* span[class*="_s-dp-b"] strong { display: block; height: 100%;} #sec-superdeal .superdealcontent > *:first-child + * span small { font-size: 1em; font-weight: 400;} #sec-superdeal .superdealcontent>*:first-child+* a:hover h4 { text-decoration: underline;} #sec-superdeal .superdealcontent .saveprice { background-color: #000; color: #fff !important; top: 0; right: 0; position: absolute; padding: 0 5px 2px; line-height: 1.2; border: none !important;} [id*="sec-superdeal"] .superdealcountdown { bottom: 0; margin-left: -30px; height: 109px; width: 166px; font-family: sukhumvitbold;background-color: #eb212e; } [id*="sec-superdeal"] .superdealcountdown>p:first-child { line-height: 1.5; text-align: center; font-size: 1.45em; background-color: #fff; border-right: dashed 1px #000;} [id*="sec-superdeal"] .superdealcountdown>p:first-child b { font-weight: 400; color: #000;} [id*="sec-superdeal"] .superdealcountdown .hasCountdown { padding: 15px 0 5px 0; margin-left: 10px; margin-right: 10px; color: #fff; font-size: 1.8em; font-family: sukhumvitreg; font-weight: 400; border-bottom: dashed 1px #fff;} [id*="sec-superdeal"] .superdealcountdown .hasCountdown span { padding: 0 6px;} [id*="sec-superdeal"] .superdealcountdown .hasCountdown small { position: absolute; bottom: 17px; font-size: .72em;} #sec-superdeal .hasCountdown .d { left: 12px;} #sec-superdeal .hasCountdown .h { left: 41px;} #sec-superdeal .hasCountdown .m { left: 89px;} #sec-superdeal .hasCountdown .s { left: 124px;} #sec-superdeal .superdealstock { padding: 3px 0 0 0;} #sec-superdeal .superdealstock>*:first-child {width: 45%; height: 60px;} #sec-superdeal .superdealstock>*:first-child p { border-right: dashed 1px #000;} #sec-superdeal .superdealstock>*:first-child span+span {display: block; text-align: center; font-family: sukhumvitbold; font-weight: 400; font-size: 2.6em; color: #ea212d; line-height: 1; padding-bottom: 2px;} #sec-superdeal .superdealstock>*:first-child span+span small { font-size: .9em; font-family: sukhumvitreg; font-weight: 400;} #sec-superdeal .superdealstock>*:first-child+* { width: 55%; height: 60px; background-image: url(../di/superdealstock-01a.png); background-repeat: no-repeat; background-position: 50% 20px;} #sec-superdeal .superdealstock>*:first-child+* .superdealinstock { display: block; top: 3px; width: 28px; height: 18px; background-image: url(../di/superdealstock-01a.png); background-repeat: no-repeat;} .superdealinstock[class*="_stock1"] { left: 0; background-position: -68px -62px;} .superdealinstock[class*="_stock2"] { left: 30px; background-position: -68px -122px;} .superdealinstock[class*="_stock3"] { left: 65px; background-position: -68px -182px;} .superdealinstock[class*="_stock4"] { left: 100px; background-position: -68px -242px;} .superdealinstock[class*="_stock5"] { left: 128px; background-position: -68px -302px;} /*Superdeal Coming Soon*/ #sec-superdealcomingsoon header { width: 134px; height: 148px; background-image: url(../di/superdeal-header-02a.png); background-repeat: no-repeat; background-position: 0 20px; } #sec-superdealcomingsoon header h2 { background-image: none;} #sec-superdealcomingsoon .comingsoon { width: 827px; height: 148px;} #sec-superdealcomingsoon .comingsoon>* { background-image: url(../di/superdeal-header-02a.png); background-repeat: no-repeat; background-position: -318px 7px; margin-top: 20px; padding-top: 25px; padding-left: 97px; padding-bottom: 5px; font-size: 2.4em; line-height: 1; color: #000;} #sec-superdealcomingsoon .comingsoon>*>* { text-align: center; font-family: sukhumvitbold; font-weight: 400;} #sec-superdealcomingsoon .superdealcountdown { bottom: auto; top: 30px; right: 30px; width: 460px; margin-left: 0; height: 109px; background-color: #fff; border: dashed 1px #000; font-size: 3em;} #sec-superdealcomingsoon .superdealcountdown .hasCountdown { padding-top: 18px; color: #000; border-bottom: dashed 1px #000; font-family: sukhumvitbold;} #sec-superdealcomingsoon .superdealcountdown .hasCountdown span { padding: 0 20px;} #sec-superdealcomingsoon .superdealcountdown>p:first-child { border-right: none; line-height: .8;} #sec-superdealcomingsoon .superdealcountdown .hasCountdown small { bottom: 10px; font-size: .4em; font-family: sukhumvitreg; font-weight: 400;} #sec-superdealcomingsoon .hasCountdown .d { left: 57px;} #sec-superdealcomingsoon .hasCountdown .h { left: 150px;} #sec-superdealcomingsoon .hasCountdown .m { left: 268px;} #sec-superdealcomingsoon .hasCountdown .s { left: 371px;} /*Miss Maxim 2014*/ .maxim2014-h { width: 152px; height: 85px; text-indent: -9999px; position: absolute; z-index: 10; top: -7px; left: 521px; background: url(../di/maxim2014-thestar10-01.png) 0 0;} .maxim2014-h a { display: block; height: 85px;} .thestar10 { margin-top: -10px; padding-top: 10px; background: url(../di/maxim2014-thestar10-01.png) 466px -215px no-repeat;} .thestar10>div { float: left; width: 463px;} .thestar10 [class*="tab-arti133-3"]>article+article+article+article+article+article { margin-right: 0;} .thestar10 [class*="tab-arti133-1"] { width: 134px; margin-left: 33px;} .thestar10 [class*="tab-arti133-1"] article { height: 140px;} .icon-thestar10 { position: absolute; top: 56px; left: 0; display: block; width: 51px; height: 24px; text-indent: -9999px; background: url(../di/maxim2014-thestar10-01.png) -234px bottom no-repeat;} /*the star9*/ [class*="ts9-link"]:after, [class*="ts10-poll"] ul:after { display:block; clear:both; content: " "; } [class*="the-star9"], [class*="ts10-poll"], [class*="ts9-link"], [class*="ts10-poll"] ul, [class*="the-star9"] header, [class*="the-star9"]>footer { #height:1%; #clear:left;} [class*="the-star9"]>div>div:first-child article, [class*="the-star9"]>*:first-child>*:first-child+*>*:first-child { margin-bottom: 5px; } [class*="the-star9"]>*:first-child>*:first-child+*>*:first-child article { height: 140px;} [class*="the-star9"]>*:first-child>*:first-child+*+* article { height:124px!important; } [class*="the-star9"]>*:first-child>*:first-child>div+div article, [class*="the-star9"]>*:first-child>*:first-child+*>div+div article { #height:124px!important; } [class*="the-star9"]>footer { #left:0!important; #height:30px!important; } [class*="the-star9"]>footer>* { #height:30px; #bottom:40px!important;} [class*="the-star9"]>*>*>* header { #height:55px; } [class*="the-star9"]>*:first-child>*+*+*>*:first-child { margin-bottom:0; } [class*="ts10-poll"] { width: 280px; background: url(../di/bg-thestar10.png) no-repeat; padding:5px 10px; color:#fff; } [class*="ts10-poll"] h2 { background: none!important; margin-bottom: 5px; } [class*="ts10-poll"] h2 a { text-indent: -9999px; display: block; background: none!important; } [class*="ts10-poll"] a { color:#fff; height: 25px; } [class*="ts10-poll"]>header { left:0!important; position:relative!important; #height:45px; } [class*="ts10-poll"]>header>* { line-height: 30px!important; } [class*="ts10-poll"]>header h2 { font-size: 26px; } [class*="ts10-poll"]>header, [class*="ts10-poll"]>header h2, [class*="ts10-poll"]>header a { background: none!important; } [class*="ts10-poll"]>header h2 img { margin-right: 5px; } [class*="ts10-poll"]>header a { color:#fff!important; padding:0!important; } [class*="ts10-poll"] ul { margin: 10px 0 0; #margin: 10px 0 5px; } [class*="ts10-poll"] ul>li, [class*="ts10-poll"] div>article { float:left; } [class*="ts10-poll"] ul>li { margin-bottom:5px; width:130px; font-size:11px; line-height: 15px; } [class*="ts10-poll"] ul>li:first-child, [class*="ts10-poll"] ul>li:first-child+li+li { margin-right:10px; } [class*="ts10-poll"] ul>li>a:first-child, [class*="ts10-poll"] ul>li>img:first-child { float:left; margin-right: 5px; width:40px; height: auto; } [class*="ts10-poll"] ul>li>a:first-child~*, [class*="ts10-poll"] ul>li>img:first-child~* { float:left; width:84px; } [class*="ts10-poll"] ul>li>p:first-child, [class*="ts10-poll"] ul>li>p:first-child+div { width:100%; } [class*="ts10-poll"] ul>li b { font-weight:100; } [class*="ts10-poll"] ul>li span { display:block; } [class*="ts10-poll"] ul>li div>span { height:9px; background:#ffea00; border-bottom:2px solid #ff8400;} [class*="ts10-poll"] div>article { #height:114px!important; } [class*="ts10-poll"] div>article:first-child { margin-right: 12px; } [class*="ts10-poll"] div>article h3 { line-height: 15px; font-size:12px; } [class*="ts10-link"] { margin-bottom: 15px; } [class*="ts10-link"]>a { display:block; height:26px; text-indent:-9999px; background-image: url(../di/bg-thestar10.png); float:left; } [class*="ts10-link"]>a:hover { opacity: 0.8; filter: alpha(opacity=80); } [class*="ts10-link"]>a:first-child { background-position: 0 bottom; width:101px; margin-right:2px; } [class*="ts10-link"]>a:first-child+a { background-position: -106px bottom; width:96px; margin-right:5px; } [class*="ts10-link"]>a:first-child+a+a { background-position: -208px bottom; width:73px; } /* asiangame2014 */ .asiangame2014.asiangame2014, .medal-result h2, .medal-gold, .medal-silver, .medal-bronze { background-image: url(../di/bg-asiangame2014.png); background-repeat: no-repeat; } .asiangame2014.asiangame2014 { padding: 10px 10px 7px; width: 280px; margin-top: -10px; } .asiangame2014.asiangame2014 [class*="_ch-mg"][class*="-r32x"]>* { margin-right: 14px; } .asiangame2014.asiangame2014 [class*="_ch-mg"][class*="-r32x"]>*:first-child+*, .asiangame2014.asiangame2014 [class*="_ch-mg"][class*="-r32x"]>*:first-child+*+*+* { margin-right: 0; } .asiangame2014.asiangame2014 article>a>h3, .asiangame2014.asiangame2014 article>a:hover { color: #fff; } .medal-result { margin-top: -5px; color: #fff; } .medal-result.medal-result h2 { background-color: #fff; background-position: right -585px; padding: 0 5px; margin-bottom: 3px; height: 36px; } .medal-result.medal-result h2 a { background: none; display: block; text-decoration: none; } .medal-result h2 span { color: #004a8f; display: block; height: 36px; line-height: 1.5;} .medal-result table { color: #fff; width: 100%; margin-bottom: 7px; } .medal-result table th { background: #004a8f; text-align: center; font-weight: 100; padding: 4px 3px; width: 10%; } .medal-result table th:first-child+th { width: auto; } .medal-result table td { border-top: 1px solid #00aeed; background: rgba(0,113,183,0.5); padding: 3px; } .medal-result table td.hl-thai { background: rgba(0,113,183,1); } .medal-result table td a { color: #fff; text-decoration: none; } .medal-result table td a:hover { text-decoration: underline; } .medal-result table td:first-child { font-size: 14px; } .medal-result table td:first-child, .medal-result table th:first-child { text-align: center; border-right: 1px solid #00aeed; } .medal-result table td:first-child+td~td { text-align: center; } .medal-result table td:first-child+td+td, .medal-result table th:first-child+th+th { border-left: 1px solid #00aeed; } .medal-result table td:first-child+td+td+td+td, .medal-result table th:first-child+th+th+th+th { border-right: 1px solid #00aeed; } .medal-gold, .medal-silver, .medal-bronze { width: 12px; height: 19px; text-indent: -9999px; display: block; margin: 0 auto; } .medal-gold { background-position: center -683px; } .medal-silver { background-position: center -719px; } .medal-bronze { background-position: center -756px; } .medal-result a { color: #fff; text-decoration: underline; } .medal-result a:hover { text-decoration: none; } /*********/ .go-to-top { position: absolute; top: -24px; right: 30px; display: block; text-indent: -9999px; width: 34px; height: 34px; background: url(../di/icon-group-new-06.png) no-repeat 0 -316px;} [id="sec-womenhoro"] .go-to-top { top: -24px; } .go-to-top:hover { text-decoration: none; } span[class ^= "ico-play"] { position: absolute; z-index: 5; display: block; width: 32px; height: 32px; text-indent: -9999px; background: url(../di/bg-set04a.png) no-repeat; } span[class$="-play"] { top: 24px; left: 54px; } span[class$="-play-hl"] { top: 75px; left: 135px; } section[id ^= "sec"]>span, [class*="lts"], [class*="lts"] * { position: absolute; left: -9999px; } .ads-h { position: relative; z-index: 100; width: 1020px; margin: 0 auto; text-align: center; padding-top: 20px; padding-bottom: 10px; background: #fff; } .ads { position: absolute; z-index: 10; margin: 0 !important; } @media only screen and (max-width : 959px), (max-device-width: 1024px) { body { font-family: Arial; background: #fff;} body>img[class*="ads-h"] { display: block; margin: 20px auto 0 !important; width: 960px !important;} [class*="main-navigation-dt"] { display: none;} [class*="main-navigation-mt"] { display: block;} [class*="main-navigation-mt"]>ul>li>a.active { color: #fff; background-color: e4242d;} [class*="main-navigation-mt"]>ul>li>a[title="ข่าวสาร"].active { background-position: 0 -444px;} [class*="main-navigation-mt"]>ul>li>a[title="บันเทิง"].active { background-position: 0 -518px;} [class*="main-navigation-mt"]>ul>li>a[title="ไลฟ์สไตล์"].active { background-position: 0 -592px;} [class*="main-navigation-mt"]>ul>li>a[title="โมบาย"].active { background-position: 0 -666px;} [class*="main-navigation-mt"]>ul>li>a[title="ช้อปปิ้ง"].active { background-position: 0 -740px;} [class*="main-navigation-mt"]>ul>li>a[title="บริการ"].active { background-position: 0 -814px;} [class*="main-navigation-mt"]>ul>li>a.none-active { color: #e4242d; background-color: transparent;} [class*="main-navigation-mt"]>ul>li>a[title="ข่าวสาร"].none-active { background-position: 0 0;} [class*="main-navigation-mt"]>ul>li>a[title="บันเทิง"].none-active { background-position: 0 -74px;} [class*="main-navigation-mt"]>ul>li>a[title="ไลฟ์สไตล์"].none-active { background-position: 0 -148px;} [class*="main-navigation-mt"]>ul>li>a[title="โมบาย"].none-active { background-position: 0 -222px;} [class*="main-navigation-mt"]>ul>li>a[title="ช้อปปิ้ง"].none-active { background-position: 0 -296px;} [class*="main-navigation-mt"]>ul>li>a[title="บริการ"].none-active { background-position: 0 -370px;} } [id="sec-game"] .ads { top: 449px; } [id="sec-womenhoro"] .ads { top: 225px; right: 30px; } [class*="bx-window"] .ads { right: 0; top: 362px; z-index: 100; } [id="sec-men"] .ads, [id="sec-gallery"] .ads { right: 30px; top: 71px; } [id="sec-campus"] .ads { right: 30px; top: 360px; } [id="sec-entertain"] .ads { top: 71px; right: 30px; } [id="sec-money"] .ads { top: 395px; right: 30px; } [id="sec-travel"] .ads { top: 351px; right: 30px; } [id="sec-webboard"] .ads { position: relative; margin-bottom: 20px !important;} [id="sec-webboard"] article>a>h4 { position: relative; } [id="sec-game"]>h2:first-child+div>*:first-child+* ul[class*="ent-song"] { margin-bottom: 20px; } [class*="thm60x"] h4>span { position: absolute; left: -9999px; } [class*="thm60x"] h4 { height: 22px; font-size: 11px; font-weight: 100; text-align: center;} [class*="thm60x"] li>a { display: block; text-align: center; line-height: 14px;} [class*="thm60x4x"]>*:first-child+*+*+*+*, [class*="thm60x4x"]>*:first-child+*+*+*+*+*+*+*+*, [class*="thm60x4x"]>*:first-child+*+*+*+*+*+*+*+*+*+*+*+* { margin-left: 0;} [id="sec-game"]>h2+div>div:first-child+div ul[class*="tab-arti140"] li b {font-weight: 100;} [id="sec-game"]>h2+div>div:first-child+div ul[class*="tab-arti140"] li span { font-weight: 700;} [id="sec-game"]>h2+div>div:first-child+div ul[class*="tab-arti140"] li>a { display: block; line-height: 14px;} [id="sec-game"]>h2+div>div:first-child+div ul[class*="tab-arti140"] li>a:first-child { float: left; } [id="sec-game"] [class*="_ch-grid-4-4-4x"]>[class*="tab-arti133-2"]:first-child { height: 268px; padding-top: 10px; background: #2ac9e9;} [id="sec-game"] [class*="_ch-grid-4-4-4x"]>[class*="tab-arti133-2"]:first-child>* { height: 125px; margin-left: 11px;} [id="sec-game"] [class*="_ch-grid-4-4-4x"]>div+div [class*="tab-arti133-2"]>* { height: 135px;} /*footer*/ #footer { width: 100%; padding: 5px 0 60px 0; overflow: hidden; background: #eee; } #footer>div { position: relative; z-index: 110; width: 1020px; margin: 0 auto; } #footer>div:after { display:block; content: " "; clear:both;} #footer [class*="fbtn"] { display: block; width: 146px; height: 46px; margin: 0 auto 12px; text-indent: -9999px; background-image: url(../di/footer/button-th-01a.png);} .fbtn-adscontact { background-position: 0 -57px;} .fbtn-feedback { background-position: 0 0;} .fbtn-adscontact:hover { background-position: -162px -57px;} .fbtn-feedback:hover { background-position: -162px 0;} #footer>div>div:first-child { padding-bottom: 10px;} #footer>div>div:first-child:after { content: " "; display: block; clear: both;} #footer>div>div:first-child>* { float: left; height: 140px; min-height: 140px; height: auto; background-image: url(../di/footer/line-01a.png); background-repeat: no-repeat; background-position: 0 -203px;} #footer>div>div:first-child>*:first-child { width: 479px; background: none;} #footer>div>div:first-child>*:first-child+*, #footer>div>div:first-child>*:first-child+*+* { width: 163px;} #footer>div>div:first-child>*+*+*+* { width: 215px; padding-top: 7px;} .sanookportal { line-height: 1.7;} .sanookportal:after { content: " "; display: block; clear: both;} .sanookportal>* { float: left; padding-left: 27px; padding-top: 17px;} .sanookportal>*:first-child { width: 86px;} .sanookportal>*:first-child+* { width: 107px;} .sanookportal a { display: block; color: #5e5855;} #footer .sanookportal a:hover { color: #5e5855; text-decoration: underline;} #footer>div>div:first-child>*:first-child+* a, #footer>div>div:first-child>*:first-child+*+* a { display: block; width: 125px; height: 143px; text-indent: -9999px; margin: 0 auto; background-image: url(../di/footer/icon-download-01a.png);} .dicon-app { background-position: -48px -7px;} .dicon-exten { background-position: -213px -7px;} #footer>div>div+div { padding-top: 25px; background-image: url(../di/footer/line-01a.png); background-repeat: repeat-x;} #footer>div>div+div * { text-align: center;} #footer>div>div+div p { font-size: 14px; color: #d70000; line-height: 2;} #footer>div>div+div span { padding: 0 0 0 15px; margin: 0 2px 0 0; background: url(../di/footer/button-th-01a.png) 0 -149px no-repeat; } #footer>div>div+div span a:hover { color: #d50303; text-decoration: underline;} [title="ขึ้นด้านบน"] { width:104px; height:73px; position:fixed; bottom:0; right:5%; display:none; z-index:99; } /*****************/ /*#eyeDiv { left: 0 !important; top: 0 !important;} [id*="ebPanelDiv"] { left: 30px !important; top: 0 !important;}*/ .wrapper>[id*="ebBannerDiv"] { padding-top: 20px !important;} /*--------------- always use when have event ----------------------*/ /*Promote Event on Top*/ body>header { background: url(../di/bg-main-nav-forevent.png) repeat-x;} [class*="ev-top"] { background-color: #fff; /*background-image: url(../di/bg-motherday2014.jpg); background-repeat: repeat-x;*/} [class*="ev-top"]>* { width: 1000px; margin: 0 auto; display: block;} /*--------------- always use when have event ----------------------*/ /*Promote Event Left and Right*/ /*[class="ev-fixed"] { position: fixed; z-index: 50; top: 122px; width: 100%; height: 100%; overflow: hidden; } [class="ev-fixed"]>div { width: 1015px; height: 100%; margin: 0 auto; position: relative; } [class*="ev-fixed-"] { position: absolute; top: 0;} [class*="ev-fixed-left"] { left: -167px;} [class*="ev-fixed-left"] a { background-position: 0 0;} [class*="ev-fixed-right"] { right: -167px;} [class*="ev-fixed-"] a { display: block; width: 164px; height: 519px; text-indent: -9999px; background: url(../di/sanook-vote.jpg);} [class*="ev-fixed-right"] a { background-position: -199px 0;}*/ [id="tab-lifestyle"] [class*="sn-weekly-artist"]>div { position:relative; height:280px; } [id="tab-lifestyle"] [class*="sn-weekly-artist"] h3>a { display:block; text-indent:-9999px; height: 193px; margin-bottom:3px; } [id="tab-lifestyle"] [class*="sn-weekly-artist"] ul { margin: 0 7px; } [id="tab-lifestyle"] [class*="sn-weekly-artist"] ul>li { color:#fff; float:left; clear:both; padding:1px 10px 3px 20px; line-height:18px; background-image: url(../di/bullet01.png); background-repeat:no-repeat; background-position:7px 9px; background-color:#000; opacity: .8; filter: alpha(opacity=80);} [id="tab-lifestyle"] [class*="sn-weekly-artist"] ul>li>a { color:#fff; } .lifestyle-weekend a h3 { clear: left;} /*seagame header*/ /*body>header h1 { position: relative; width: 400px; height: 69px; padding-left: 66px; padding-top: 13px; background-image: url(../di/newyear/head-diy.gif); background-position: 0 0; background-repeat: no-repeat;} body>header h1>a { position: absolute;} body>header h1>a:first-child { width: 62px; height: 61px; background-image: url(../di/newyear/sanook-xmas.png); background-repeat: no-repeat; background-position: 0 0;} body>header h1>a:first-child+* { left: 130px; width: 250px; height: 59px; background: none;}*/ @media only screen and (max-device-width: 1024px) { [class*="ev-top"] { display: none; } } /* hack IE7 tab slider-page */ *+html [class*="slider-page"], html>/**/body [class*="slider-page"] { margin-left: -30px; margin-top: -10px; width: 960px; padding: 10px 30px 0; background-color: #fff; } *+html [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span, html>/**/body [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span, *+html [id='tab-sport-ct']>div>div:first-child h2+span, html>/**/body [id='tab-sport-ct']>div>div:first-child h2+span { right: 30px; top: -35px; } *+html [class*="slider-page"]>div:first-child { padding-bottom: 0!important; } *+html [id="tab-entertainment"]>div:first-child { margin-bottom: 0!important;} *+html [class*="slider-page"]>div:first-child, *+html #tab-sport-ct>div:first-child>div { height: auto!important; } *+html #tab-sport-ct>div:first-child+div { float: none; } /* tab-entertainment - clear */ *+html [class*="slider-page"], html>/**/body [class*="slider-page"] { margin-left: -30px; margin-top: -10px; width: 960px; padding: 10px 30px 0; background-color: #fff; } *+html [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span, html>/**/body [class*="slider-page"]>div:first-child>div:first-child>h2:first-child+span, *+html [id='tab-sport-ct']>div>div:first-child h2+span, html>/**/body [id='tab-sport-ct']>div>div:first-child h2+span { right: 30px; top: -35px; } *+html [class*="slider-page"]>div:first-child { padding-bottom: 0!important; } *+html [id="tab-entertainment"]>div:first-child { margin-bottom: 0!important;} .bx-pager>a.page-clear.pager-active { background:#48195b!important; margin: 0 3px -2px 0; padding-bottom: 8px;} .tab-clear, .tab-clear div>header, .tab-clear header>h2>a { background-image: url(../di/bg-tab-clear.png)!important; background-repeat: no-repeat; } .tab-clear div>header { background-position: right bottom;} *+html [class*="slider-page"] div>header { height: 1%; } *+html #tab-variety div>header { height: 45px; } .tab-clear div>header>h2 { background: none; } .tab-clear header>h2>a { background-position: right -537px; background-color: #100911; } .slider-page.tab-clear { margin-left: -30px; margin-top: -10px; width: 960px; padding: 10px 30px 0; } .tab-clear>div:first-child>div:first-child>h2:first-child+span { right: 30px; top: -35px; } .tab-clear>footer { clear: both; } *+html .tab-clear>footer>*:first-child, *+html .tab-clear>footer>*:first-child+* { height: auto!important; } .tab-clear article>a, .tab-clear header>h2>a, .tab-clear header>h2>a:hover, .tab-clear article[class^="hl-ch"]>a>header+p { color: #fff; } .tab-clear article>a>img, .tab-clear [class*="tab-ig-dara"]>li a img { border: 2px solid #48195b; } .tab-clear article[class*="ch-red"] { background:#48195b; } .tab-clear [class*="tab-ig-dara"]>li { width: 133px; background: transparent; } .tab-clear [class*="tab-ig-dara"]>li p { background-color: #272321; width: 125px; padding: 3px 6px; } .btn-clear { position: absolute; right: 30px; top: 278px; text-indent: -9999px; width: 89px; height: 30px; }