body { color: #464646; font-family: Tahoma !important; font-size: 13px; background: #2ac9e9; }

a { text-decoration: none; color: #464646; }

a:hover { color: #33c0dc; }

.clear:after { display: block; content: ""; clear: both; }

.clearChild > *:after { display: block; content: ""; clear: both; }

.clearIE { clear: both; display: block; }

[class="lts"] { display: block; position: absolute; text-indent: -9999px; height: 1px; width: 1px; overflow: hidden; }

#header { width: 940px; }

#main-content { background: #fff; }

#main-content h1 { font-family: "sukhumvitreg", sukhumvitbold; color: #000; }

#main-content section h2 > a { font-family: "sukhumvitreg", sukhumvitbold; color: #000; font-size: 135%; }

#main-content section h2 > a:hover { color: #33c0dc; }

#main-content article h3 a strong { color: #000; }

#main-content article h3:hover a strong { color: #33c0dc; }

.logo-channel a { width: 185px; height: 54px; background: url(../di/s-game.png) no-repeat; }

.bgGames { background: #2ac9e9 url(../di/bodyBG.png) no-repeat top center; }

.springTransi * { -webkit-transition: all 250ms cubic-bezier(0.665, 1, 0, 0.685); -webkit-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -moz-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -ms-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -o-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); }

.img-shadow span img { background: #fff; border: 1px solid #d1d1d1; border-radius: 5px; padding: 4px; box-shadow: 0 0 3px #757575; text-align: center; }

.reader p img { background: #fff; border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 0 0 3px #757575; text-align: center; }

.img-shadow span img:hover, .reader p img:hover { border: solid 1px #757575; }

.img-shadow span img:active, .reader p img:active { box-shadow: none; }

.reader p { margin: 25px 0; }

.reader ul, .reader ol { padding-left: 20px; }

.reader ul li, .reader ol li { background: url(../di/sideCatebullet.png) no-repeat 0 7px; padding-left: 15px; margin: 3px 0; }

.more, .btn-mainnav, .nav-wrap, .archiveNew[class*="Games"] .voteAndDesc, .archivePage[class*="Games"] #content .flexslider, .gamesCenterPage #content .flexslider, .gamesCenterPage .sBox, .hideDesktopDevice { display: none; }

.listPager { border: 1px solid #dfdfdf; padding: 7px 10px; }

.listPager .page-total { text-align: center; font-weight: 700; font-size: 120%; }

.listPager .page-total ~ * { text-align: center; padding: 5px 8px; border-radius: 3px; margin: 3px 2px 5px; display: inline-block; color: #000; }

.listPager .page-total ~ span { background: #80e4fe; font-weight: 700; font-size: 120%; }

.listPager .page-total ~ a { background: #dfdfdf; }

.listPager .page-total ~ a:hover { background: #a7a7a7; }

.sprite-star_0, .sprite-star_1, .sprite-star_2, .sprite-star_3, .sprite-star_4, .sprite-star_5 { width: 88px; height: 15px; background-image: url(../di/sprite-starRank.png); background-repeat: no-repeat; }

.sprite-star_0 { background-position: 0 0; }

.sprite-star_1 { background-position: 0 -65px; }

.sprite-star_2 { background-position: 0 -130px; }

.sprite-star_3 { background-position: 0 -195px; }

.sprite-star_4 { background-position: 0 -260px; }

.sprite-star_5 { background-position: 0 -325px; }

[class*="_child"][class*="-grid-4-4x"] > article div { height: 75px; padding: 5px 10px; overflow: hidden; float: none; }

[class*="_child"][class*="-grid-2-2x"] > article h3, [class*="_child"][class*="-grid-2-2-2-2x"] > article h3 { height: 40px; margin-top: 2px; overflow: hidden; }

[class*="rt2013-"] { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important; }

[class*="btn-mainnav"] { z-index: 500 !important; }

[class*="btn-mainnav"], [id="main-content"], body > footer > div, body > [class*="leaderboard"] > div, [class*="logo-channel"] > span, [class*="nav-wrap"] > span { transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; }

[class*="btn-mainnav"][class*="flyout"], [id="main-content"][class*="flyout"], body > footer > div[class*="flyout"], body > [class*="leaderboard"] > div[class*="flyout"], [class*="logo-channel"] > span[class*="flyout"], [class*="nav-wrap"] > span[class*="flyout"] { transition: none !important; -moz-transition: none !important; -webkit-transition: none !important; }

.breadCrumbs { background: url(../di/breadCrumbBG_.png) no-repeat; height: 80px; position: relative; }

.breadCrumbs > *:first-child { position: absolute; top: -24px; left: -24px; width: 236px; height: 116px; text-indent: -9999px; overflow: hidden; z-index: 10; }

.breadCrumbs > .nav { position: absolute; left: 206px; bottom: 20px; color: #fff; width: 560px; }

.breadCrumbs > .nav > a { color: #fff; font-size: 12px; }

.breadCrumbs > .nav > a:hover { text-decoration: underline; }

.breadCrumbs > .nav > strong { font-size: 105%; }

.breadCrumbs > .search { background: url(../di/searchBg.png) no-repeat; width: 161px; height: 25px; position: absolute; right: 30px; top: 30px; }

.breadCrumbs > .search > input { margin: 4px 0 0 1px; padding-left: 5px; width: 130px; }

.breadCrumbs > .search > a { width: 20px; height: 20px; display: block; position: absolute; right: 5px; top: 2px; }

.bCIndex > *:first-child { background: url(../di/breadCrumbHome.png) no-repeat; }

.bCNews > *:first-child { background: url(../di/breadCrumbGamesNews.png) no-repeat; }

.bCgamesCen > *:first-child { background: url(../di/breadCrumbGamesCenter.png) no-repeat; }

.bCmyGames > *:first-child { background: url(../di/breadCrumbMyGame.png) no-repeat; }

.bCPlayGames > *:first-child { background: url(../di/breadCrumbPlay.png) no-repeat; }

.bCGallGames > *:first-child { background: url(../di/breadCrumbGallery.png) no-repeat; }

h1[class*="topSym"] > a, [class*="topSym"] h2 > a { background-image: url(../di/topicSymbol.png); background-repeat: no-repeat; padding-right: 24px; }

[class*="topSym"] article > section { height: 75px; overflow: hidden; }

[class*="topSym"] article > section > p { height: 36px; overflow: hidden; line-height: 18px; }

h1.topSymBlue > a, .topSymBlue h2 > a { background-position: right 8px; }

.topSymBlue ul.tabMenu { background: #2ac9e9; }

.topSymBlue ul.tabMenu li a { color: #fff; }

.topSymBlue ul.tabMenu li.selected { background: #fff; }

.topSymBlue ul.tabMenu li.selected a { color: #000; }

.topSymDarkGreen h2 > a { background-position: right -58px; }

.topSymDarkGreen h2 > a:hover { color: #005b5c !important; }

.topSymDarkGreen article > section { padding: 5px; background: #000; color: #b6b6b6; }

.topSymDarkGreen article > section > p { height: 36px; overflow: hidden; line-height: 18px; }

.topSymDarkGreen article > section > * > a { color: #fff; }

.topSymGreen h2 > a { background-position: right -124px; }

.topSymGreen h2 > a:hover { color: #cfdf37 !important; }

.topSymGreen ul.tabMenu { background: #cfdf37; }

.topSymGreen ul.tabMenu li a { color: #fff; }

.topSymGreen ul.tabMenu li.selected { background: #fff; }

.topSymGreen ul.tabMenu li.selected a { color: #000; }

.topSymYellow h2 > a { background-position: right -190px; }

.topSymYellow h2 > a:hover { color: #ffc600 !important; }

.topSymYellow article > section { padding: 5px; background: #ffc600; color: #454545; }

.topSymYellow article:hover > div { background: #ffdc62; }

.topSymYellow article > section > * > a { color: #000; }

.bgThmbL-blue article > section { padding: 5px; background: #80e4fe; color: #454545; }

.bgThmbL-blue article:hover > section { background: #c1f2ff; }

.bgThmbL-blue article > section > * > a { color: #000; }

.gallery[class*="topSymDarkGreen"] { background: #53c5c6; padding: 10px 0 0; }

.gallery[class*="topSymDarkGreen"] > * > a { padding-left: 10px; color: #fff !important; }

.gallery[class*="topSymDarkGreen"] > * > a:hover, .gallery[class*="topSymDarkGreen"] > a, .gallery[class*="topSymDarkGreen"] article > h3 > a { color: #000; }

.gallery[class*="topSymDarkGreen"] article > h3 > a:hover { color: #fff; }

.tags > * { padding: 5px 10px 0; margin: 1px 1px 0 0; display: block; float: left; height: 23px; }

.tags > span.black { background: #000; color: #fff; }

.tags > a { background: #dfdfdf; color: #3d3d3d; }

.tags > a:hover { background: #33c0dc; color: #fff; }

.SqThmb article { position: relative; width: 140px; height: 140px; overflow: hidden; }

.SqThmb article h3 { position: absolute; bottom: 0; left: 280px; background: url(../di/iOsSlider/txtBg.png); width: 140px; }

.SqThmb article:hover h3 { left: 0; bottom: 0; }

.SqThmb article h3 a { color: #fff; display: block; height: 32px; line-height: 18px; overflow: hidden; padding: 5px; }

.blueHead header { position: relative; width: 100%; border-bottom: solid 2px #01a0e3; margin-bottom: 5px; }

.blueHead header h2 { margin: 0; }

.blueHead header h2 a { color: #01a0e3; }

.blueHead header > em { position: absolute; right: 5px; top: 5px; }

.blueHead header > em a { color: #01a0e3; }

.blueHead header > em span { color: #333; }

.tabNews { overflow: hidden; height: 375px; }

.tabNews article > *:first-child + * > a { display: block; height: 36px; line-height: 18px; overflow: hidden; }

.tabNews #technicNewsTab, .tabNews #informaNewsTab { display: none; }

.tabTp { overflow: hidden; height: 345px; }

.tabTp .tabba-2 { display: none; }

ul.tabMenu li { float: left; margin: 5px 10px 0; padding: 5px; clear: none; height: 30px; }

ul.tabMenu li a { font-family: sukhumvitbold; font-size: 135%; text-align: center; }

.bulletBlue li a { display: block; background: url(../di/sideCatebullet.png) no-repeat 0 7px; padding-left: 12px; margin: 3px 0; transition: all .1s ease-in-out; -webkit-transition: all .1s ease-in-out; -moz-transition: all 0.1s ease-in-out; }

.bulletBlue li:hover a { padding-left: 20px; color: #33c0dc; }

.tabba-list ol, .tabba-list ol li ul { position: relative; }

.tabba-list ol li.line { border-bottom: 2px dotted #dedede; }

.tabba-list ol li ul { height: 43px; padding-left: 60px; padding-top: 7px; }

.tabba-list ol li ul li.user-detail .pic-user { float: left; margin: 0 5px; padding: 0; }

.tabba-list ol li ul li.user-detail .pic-user a img { height: 35px; width: 35px; }

.tabba-list ol li ul li.user-detail .name-user a { font-size: 12px; display: block; }

.tabba-list ol li ul li .levelAvt { display: block; float: left; margin-right: 5px; }

.tabba-list ol li ul li .levelAvt img { width: 20px; height: 19px; }

.tabba-list ol li ul li .c-level { color: #999; font-size: 11px; font-weight: 100; }

.tabba-list ol li ul li.play { height: 46px; left: 5px; position: absolute; text-align: center; top: 8px; width: 55px; }

.tabba-list ol li ul li.play .head-play { background: url(../di/icon-read-tab.gif) no-repeat 0 3px; color: #a4a4a4; font-size: 11px; padding-left: 12px; }

.tabba-list ol li ul li.play .score-play { color: #6f6f6f; display: block; font-weight: 700; font-size: 12px; }

.wb-games { border-bottom: 1px dashed #44ada6; }

.wb-games p.wb-ch-h { background: #43c9f0; }

.wb-games p.wb-ch-h a { color: #fff; }

.wb-games p.wb-ch-h a:hover { color: #000; }

.wb-games p.wb-ch-h strong { font: 700 14px/30px tahoma; margin: 0 0 0 8px; color: #000; }

.wb-games div p.wb-games-hot { background: #e7e7e7 url(../di/wb-subHead.png) no-repeat 3px -79px; }

.wb-games div p.wb-games-current { background: #e7e7e7 url(../di/wb-subHead.png) no-repeat 3px 0; }

.wb-games ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

.wb-ch-h span { margin: 5px; font-weight: 700; }

.wb-ch-h span, .wb-date-time { float: right; }

.wb-cate-h { line-height: 30px; padding: 0 10px; position: relative; }

.wb-cate-h span { position: absolute; right: 10px; top: 0; }

.wb-cate-h strong { display: block; height: 30px; text-indent: -9999px; }

.wb-ch-list { padding: 5px 0 8px; }

.wb-ch-list li { padding: 1px 10px; }

.wb-ch-list li a { cursor: pointer; }

.wb-ch-list li:hover a { color: #33c0dc; }

.wb-rate { background: url(../di/bg-share.png) no-repeat scroll 0 0 transparent; display: block; float: left; padding: 0 0 2px 32px; width: 73%; word-wrap: break-word; }

.wb-rate1 { background-position: -343px 3px; }

.wb-rate2 { background-position: -343px -40px; }

.wb-rate3 { background-position: -343px -83px; }

.wb-rate4 { background-position: -343px -126px; }

.wb-rate5 { background-position: -343px -169px; }

.hiSlide article section { background: #000; padding: 10px 45px; height: 75px; overflow: hidden; }

.hiSlide article section > *:first-child { color: #fff; font-size: 125%; max-height: 43px; line-height: 22px; overflow: hidden; }

.hiSlide article section > p { color: #b1b1b1; max-height: 36px; line-height: 18px; overflow: hidden; }

.hiSlide .flex-direction-nav a { bottom: 7%; }

.top5hits { background: #01c5ff; }

.top5hits > h2 { padding: 10px; position: relative; }

.top5hits > h2 > a > em { position: absolute; top: -5px; right: 2px; }

.top5hits > h2 > a > span { font-family: sukhumvitreg; }

.top5hits > h2 > a > span:first-child { color: #000; }

.top5hits > h2 > a:hover > span:first-child { color: #fff; }

.top5hits > h2 > a > span + span { color: #fff; }

.top5hits > div > article { padding: 10px; }

.top5hits > div > article:hover { background: #8be5ff; }

.top5hits > div > article > h3 > a { color: #000; }

.top5hits > div > article > a { position: relative; }

.top5hits > div > article > a > span { background: url(../di/top5BgNum.png) no-repeat; display: block; width: 26px; text-align: center; padding: 3px 0 0; position: absolute; color: #fff; font: 700 14px tahoma; bottom: -8px; right: -8px; height: 23px; }

.archiveNew .div-sortby { background: #cfe7f4; border: 1px solid #92cae8; padding-left: 10px; position: relative; }

.archiveNew .div-sortby > p { margin: 5px 0; float: left; }

.archiveNew .div-sortby p strong { color: #003c61; }

.archiveNew .div-sortby .sort-option span input { margin-left: 10px; }

.archiveNew article * { transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

.archiveNew .div-sortby ul { float: right; margin: 5px; }

.archiveNew .div-sortby ul li { float: left; list-style: none outside none; margin-left: 10px; }

.archiveNew .div-sortby ul li:first-child { margin-left: 0; }

.archiveNew .div-sortby ul li a { padding: 3px 7px; }

.archiveNew .div-sortby ul li a.selected { background: #fff; border: 1px solid #0058b1; color: #0058b1; }

.archiveNew article * { transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }

.archiveNew article p, .archiveNew article h2, .archiveNew article ul { margin: 0; padding: 0; }

.archiveNew article > section { padding: 8px 0; border-bottom: 1px solid #c3d8e4; border-top: 1px solid #fff; display: block; }

.archiveNew article > section h2 { font-size: 140% !important; font-family: sukhumvitreg; }

.archiveNew article > section h2 + p { color: #000; }

.archiveNew article > section:hover { background: #d9ebf5; }

.archiveNew article > section img { float: left; margin: 0 10px 0 0; }

.archiveNew article > section > a:first-child { height: auto !important; }

.archiveNew article > section > a:before, .archiveNew article > section > a:after { content: "" !important; }

.archiveNew .post-info span { background: url("../di/bg-share.png") no-repeat scroll 0 0 transparent; cursor: default; padding: 2px 0 2px 19px; }

.archiveNew .post-info * { color: #b9b9b9; font-size: 11px; line-height: 12px; }

.archiveNew .post-info .ic-post { background-position: 0 -92px; }

.archiveNew .post-info .ic-view { background-position: 3px -20px; }

.archiveNew .post-info .ic-comment { background-position: 0 -2px; }

.archiveNew .s-article-info + * a { padding: 0 2px; }

.archiveNew img { width: auto !important; height: auto !important; }

.archiveNew .pager .page-total { text-align: center; font-weight: 700; font-size: 120%; }

.archiveNew .pager .page-total ~ * { text-align: center; padding: 5px 8px; border-radius: 3px; margin: 3px 2px 5px; display: inline-block; color: #000; }

.archiveNew .pager .page-total ~ span { background: #80e4fe; font-weight: 700; font-size: 120%; }

.archiveNew .pager .page-total ~ a { background: #dfdfdf; }

.archiveNew .pager .page-total ~ a:hover { background: #a7a7a7; }

.ugc-paging p { margin: 7px; }

.ugc-paging p span.highlight { font: 700 14px/250% tahoma; border-radius: 5px; padding: 5px 7px; background: #8eecff; color: #000; }

.ugc-paging p a { font: 14px/200% tahoma; border-radius: 5px; padding: 3px 5px; margin: 0 3px; background: #d6d6d6; color: #000; }

.archiveNew[class*="Games"] .voteAndDesc * { transition: none; -moz-transition: none; -webkit-transition: none; }

.archiveNew[class*="Games"] .voteAndDesc { float: left; }

.archiveNew[class*="Games"] .voteAndDesc > *:first-child { margin: 5px 0 10px 5px; }

.archiveNew[class*="Games"] .voteAndDesc .buttonDesc { display: block; width: 115px; height: 34px; text-indent: -999px; overflow: hidden; background: url(../di/archiveGames_BtnMore.png) no-repeat; border: 0; cursor: pointer; }

.archivePage[class*="Games"] #content .flexslider { overflow: visible !important; margin-bottom: 40px !important; }

.archivePage[class*="Games"] #content .flex-control-nav { bottom: -30px !important; }

.archivePage[class*="Games"] #content .flex-control-paging li a { background: #c3c3c3 !important; }

.archivePage[class*="Games"] #content .flex-control-paging li a:hover { background: rgba(195, 195, 195, 0.5) !important; }

.archivePage[class*="Games"] #content .flex-control-paging li a.flex-active { background: #2ac9e9 !important; }

.archivePage[class*="Games"] .thumb-slide { background: url(../di/bg-slide-image-gameCT.png) no-repeat 0 -10px; position: relative; }

.archivePage[class*="Games"] .thumb-slide > div { padding: 13px 11px 0 9px; }

.archivePage[class*="Games"] .thumb-slide ul { margin: 0; padding: 0; }

.archivePage[class*="Games"] .thumb-slide ul li { text-align: center; padding-bottom: 11px; }

.archivePage[class*="Games"] .thumb-slide .small-img { width: 128px; height: auto; margin: 20px auto 0 !important; }

.archivePage[class*="Games"] .thumb-slide ul li strong { background: url(../di/rcmd_TotalPlay.png) no-repeat; height: 25px; width: 152px; text-align: center; padding: 14px 0 0 0; text-indent: 54px; color: #ff004e; position: absolute; left: -2px; bottom: 1px; }

.archivePage[class*="Games"] .thumb-slide .bx-prev { display: block; text-indent: -9999px; position: absolute; left: 0; top: 70px; background: url(../di/btn-slide-GameCT-left.png) no-repeat; width: 39px; height: 40px; }

.archivePage[class*="Games"] .thumb-slide .bx-next { display: block; text-indent: -9999px; position: absolute; right: 0; top: 70px; background: url(../di/btn-slide-GameCT-right.png) no-repeat; width: 39px; height: 40px; }

.archivePage[class*="Games"] .thumb-slide .bx-next:hover { background-position: 0 -45px; }

.archivePage[class*="Games"] .thumb-slide .bx-prev:hover { background-position: 0 -45px; }

.archivePage[class*="Games"] .thumb-slide article { margin-left: 10px; padding: 3px 15px 18px; }

.archivePage[class*="Games"] .thumb-slide article h1 { margin: 5px 0 0; padding: 0; }

.archivePage[class*="Games"] .thumb-slide article h1 a { color: #01a0e3; }

.archivePage[class*="Games"] .thumb-slide article p { margin: 0; padding: 0 20px 0 0; text-indent: 30px; height: 37px; overflow: hidden; line-height: 18px; }

.archivePage[class*="Games"] .thumb-slide p { margin: 0; padding: 0; }

.archivePage[class*="Games"] .thmb-new-games ul li { width: 118px; float: left; text-align: center; margin: 5px 2px; overflow: hidden; }

.archivePage[class*="Games"] .thmb-new-games ul li p > a > strong { height: 40px; overflow: hidden; margin-top: 2px; display: block; line-height: 19px; }

.read > div:first-child { border-top: 2px dotted #939194; border-bottom: 2px dotted #939194; padding: 10px 0; }

.read > div:first-child .t-gray p { color: #878787; font: 11px tahoma; float: left; margin-right: 10px; width: 255px; }

.read > div:first-child .t-gray p .show-cont-stat { color: #ee4820; }

.read > div:first-child .t-gray p + div { float: left; }

.read > div:first-child .share-button { float: right; }

.read > div:first-child .share-button > * { margin-left: 10px; }

.read > div:first-child .share-button .count-o { display: none !important; }

.reader .partner > * { display: block; margin: 5px; }

.reader p { line-height: 1.7em; font-size: 110%; }

.reader p iframe { max-width: 560px; max-height: 315px; width: 100%; }

.read-header h1 { font-family: "sukhumvitreg"; font-size: 200%; color: #000; }

/* other interest */
.content-side { background: #f3f3f3; }

#content .content-side div { clear: none; }

/* .trc_related_container { padding: 0 10px; } */
.organic-thumbnails-e .trc_rbox_header { margin-top: 25px; }

.trc_rbox_header { margin: 15px 0; }

.trc_rbox_header_span { display: block; font-size: 28px; font-family: sukhumvitbold; font-weight: 400; }

.trc_elastic .video-label-box { height: 58px !important; }

.item-label-href .video-title.video-title.video-title { /*color: #d40000;*/ color: #606060; font-size: 13px; max-height: inherit; }

.thumbnails-a .syndicatedItem .branding.branding { font-weight: normal; }

.trc_rbox_div { margin: 0 !important; }

.content-side article { margin: 0 4px 15px 10px; width: 190px; }

.content-side article h3 { font-size: 13px; margin: 5px 0 0; height: 56px; line-height: 1.4; overflow: hidden; }

.content-side article h3 a { color: #606060; text-decoration: none; }

.content-side article h3 a:hover { text-decoration: underline; }

.content-side article:first-child, .content-side article:first-child + article + article + article { clear: left; }

.trc_elastic_trc_63504 .videoCube { margin: 0 0 15px 2% !important; }

.photo-gallery img, .related-content img, .partner img, .imgAuto img { width: auto !important; height: auto !important; }

.related-content h3 { background: url("../di/bg-read.png") no-repeat scroll 0 0 transparent; display: block; height: 22px; margin: 0 0 15px; text-indent: -9999px; width: 112px; }

.related-content ul li { float: left; width: 116px; text-align: center; margin: 3px; height: 170px; overflow: hidden; }

.related-content ul li > p:first-child strong { display: block; font-size: 95%; font-weight: 100; color: #0e84cf; height: 40px; line-height: 19px; overflow: hidden; margin-top: 2px; }

.related-content ul li:hover > p:first-child strong { color: #000; }

.related-content ul li > p.desc { font-size: 80%; color: #464646; }

.article-info .h-tags { display: block; height: 1px; overflow: hidden; text-indent: -999px; }

.article-info .tags { background: url("../di/bg-read.png") no-repeat scroll 0 -33px transparent; margin: 0; position: relative; }

.article-info .tags > * { float: none !important; height: auto !important; }

.article-info .tags ol { min-height: 32px; line-height: 32px; padding: 0 0 0 50px; }

.article-info .tags ol li { display: block; float: left; margin: 2px 5px 0 0; }

.article-info .help-tags { margin-top: 2px; cursor: help; }

.article-info #tags-show, #share-show, #follow-show { background: none repeat scroll 0 0 #feffe0; border: 1px solid #333; display: none; font-size: 11px; font-weight: 100; left: 85px; line-height: 14px; min-width: 140px; padding: 5px; position: absolute; top: -40px; width: auto; z-index: 99; }

.article-info #share-show { left: 50px; text-indent: 0; top: -50px; }

.gamesCenterPage .hiGameCen .top, .gamesCenterPage .hiGameCen footer { position: relative; height: 14px; }

.gamesCenterPage .hiGameCen .top h2 { position: absolute; top: -21px; left: 30px; margin: 0; padding: 0; }

.gamesCenterPage .hiGameCen .top a { position: absolute; right: 20px; top: 5px; }

.gamesCenterPage .hiGameCen .top a:hover { opacity: 0.7; }

.gamesCenterPage .hiGameCen .repeat { padding: 30px 0 0 15px; }

.gamesCenterPage .hiGameCen .repeat ul { padding: 0; margin: 0 0 5px 0; }

.gamesCenterPage .hiGameCen .repeat ul li { list-style: none; float: left; margin-left: 3px; position: relative; }

.gamesCenterPage .hiGameCen .repeat ul li:first-child { margin-left: 0; }

.gamesCenterPage .hiGameCen .tags, .gamesCenterPage .hiGameCen .tags a { color: #348393; }

.gamesCenterPage .hiGameCen .tags a:hover { color: #000; }

.gamesCenterPage .hiGameCen .tags p { margin: 0; padding: 20px 0; }

.gamesCenterPage .bluPop .top { background: #80e4fe; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.gamesCenterPage .bluPop .repeat { background: #80e4fe; }

.gamesCenterPage .bluPop .repeat ul li { overflow: hidden; }

.gamesCenterPage .bluPop footer { background: #80e4fe; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.gamesCenterPage .bluPop .repeat ul li span { position: absolute; left: 0; bottom: 0; background-image: url(../di/hilightCenter_AmongBg_v4.gif); background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.7); width: 139px; height: 20px; z-index: 1; color: #35e8b2; padding: 3px 5px 0 0; text-align: right; -webkit-transition: all 250ms cubic-bezier(0.665, 1, 0, 0.685); -webkit-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -moz-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -ms-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -o-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); background-color: #434343 \9; }

.gamesCenterPage .bluPop .repeat ul li:hover a span { left: -200px; }

.gamesCenterPage .yelloNew { padding-top: 20px; }

.gamesCenterPage .yelloNew .top { background: #ffc600; border-top-left-radius: 20px; border-top-right-radius: 20px; }

.gamesCenterPage .yelloNew .repeat { background: #ffc600; }

.gamesCenterPage .yelloNew footer { background: #ffc600; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.gamesCenterPage .yelloNew .repeat ul li { overflow: hidden; }

.gamesCenterPage .yelloNew .repeat ul li a { background: url(../di/hilightCenter_Play.png); width: 144px; height: 144px; display: block; position: absolute; left: -144px; top: 0; -webkit-transition: all 250ms cubic-bezier(0.665, 1, 0, 0.685); -webkit-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -moz-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -ms-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); -o-transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); transition: all 250ms cubic-bezier(0.665, 1.65, 0, 0.685); visibility: hidden\9; }

.gamesCenterPage .yelloNew .repeat ul li:hover a { left: 0; visibility: visible\9; }

.gamesCenterPage .yelloNew .repeat ul li a strong { position: absolute; bottom: 0; left: 0; color: #fff; font: 12px tahoma; padding-left: 10px; }

.gamesCenterPage .popCate { padding-top: 5px; }

.gamesCenterPage .popCate h1, .gamesCenterPage .popCate h2, .gamesCenterPage .popCate h3 { margin: 0; padding: 0; }

.gamesCenterPage .popCate section { border-bottom: dotted 1px #b9b9b9; margin-bottom: 5px; }

.gamesCenterPage .popCate section.first { border-top: dotted 1px #b9b9b9; margin-top: 5px; }

.gamesCenterPage .popCate section header { position: relative; }

.gamesCenterPage .popCate section header a { position: absolute; right: 10px; top: 5px; text-decoration: none; }

.gamesCenterPage .popCate section ul { padding: 0; margin: 5px 0; }

.gamesCenterPage .popCate section ul li { list-style: none; width: 100px; position: relative; float: left; margin: 0 20px 0 0; }

.gamesCenterPage .popCate section ul li a { text-decoration: none; color: #848484; }

.gamesCenterPage .popCate section ul li:hover a { text-decoration: underline; color: #ff2400; }

.gamesCenterPage .popCate section ul li a strong { height: 36px; overflow: hidden; display: block; margin-top: 2px; line-height: 18px; }

.gamesCenterPage .sBox > *:first-child { height: 34px; padding: 5px 0 0; text-align: center; border-top-right-radius: 20px; border-top-left-radius: 20px; background: #464646; background: -moz-linear-gradient(top, #464646 0, #0e2125 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #464646), color-stop(100%, #0e2125)); background: -webkit-linear-gradient(top, #464646 0, #0e2125 100%); background: -o-linear-gradient(top, #464646 0, #0e2125 100%); background: -ms-linear-gradient(top, #464646 0, #0e2125 100%); background: linear-gradient(to bottom, #464646 0, #0e2125 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#0e2125', GradientType=0); }

.gamesCenterPage .sBox > *:first-child img { height: 28px !important; width: 42px !important; }

.gamesCenterPage .sBox > .repeat { background: #3a3633; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; padding-bottom: 20px; }

.gamesCenterPage .sBox > .repeat ul li { width: 140px; margin: 5px; text-align: center; }

.gamesCenterPage .sBox > .repeat ul li a strong { display: block; overflow: hidden; height: 36px; color: #fff; font-weight: 100; line-height: 18px; font-size: 85%; }

.gamesCenterPage .sBox > .repeat ul li:active { opacity: 0.5; }

.gamesCenterPage .GaCtSideCate { position: relative; padding-top: 15px; }

.gamesCenterPage .GaCtSideCate .top { background: url(../di/ctRightCatesTopBg.png) no-repeat; height: 19px; position: relative; }

.gamesCenterPage .GaCtSideCate .top h2 { position: absolute; padding: 0; margin: 0; left: 15px; top: -20px; }

.gamesCenterPage .GaCtSideCate .repeat { background: #53c5c6; clear: left; }

.gamesCenterPage .GaCtSideCate .repeat ul { padding: 0; margin: 0; width: 150px; float: left; }

.gamesCenterPage .GaCtSideCate .repeat ul li { list-style: none; border-bottom: dashed 1px #fff; }

.gamesCenterPage .GaCtSideCate .repeat ul li.last { border: 0; }

.gamesCenterPage .GaCtSideCate .repeat ul li a { text-decoration: none; color: #fff; background: url(../di/menuIcon2.jpg) no-repeat; padding: 10px 0 0 40px; height: 25px; display: block; -webkit-transition: all 200ms cubic-bezier(1, 1, 0, 1); -webkit-transition: all 200ms cubic-bezier(1, 1.65, 0, 1.375); -moz-transition: all 200ms cubic-bezier(1, 1.65, 0, 1.375); -ms-transition: all 200ms cubic-bezier(1, 1.65, 0, 1.375); -o-transition: all 200ms cubic-bezier(1, 1.65, 0, 1.375); transition: all 200ms cubic-bezier(1, 1.65, 0, 1.375); }

.gamesCenterPage .GaCtSideCate .repeat ul li:hover a { padding: 10px 0 0 50px; color: #005455; }

.gamesCenterPage .GaCtSideCate footer { background: url(../di/ctRightCatesBottomBg.png) no-repeat; height: 19px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg1 { background-position: 0 6px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg2 { background-position: 0 -32px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg3 { background-position: 0 -69px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg4 { background-position: 0 -111px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg5 { background-position: 0 -147px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg6 { background-position: 0 -191px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg7 { background-position: 0 -231px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg8 { background-position: 0 -272px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg9 { background-position: 0 -312px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg10 { background-position: 0 -349px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg11 { background-position: 0 -388px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg12 { background-position: 0 -425px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg13 { background-position: 0 -505px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg14 { background-position: 0 -545px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg15 { background-position: 0 -579px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg16 { background-position: 0 -615px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg17 { background-position: 0 -656px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg18 { background-position: 0 -693px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg19 { background-position: 0 -733px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg20 { background-position: 0 -769px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg21 { background-position: 0 -806px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg22 { background-position: 0 -848px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg23 { background-position: 0 -888px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg24 { background-position: 0 -929px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg25 { background-position: 0 -967px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg26 { background-position: 0 -1005px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg27 { background-position: 0 -1045px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg28 { background-position: 0 -1085px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg29 { background-position: 0 -1121px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg30 { background-position: 0 -1158px; _background-position: 0 -1158px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg31 { background-position: 0 -1202px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg32 { background-position: 0 -1234px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg33, .gamesCenterPage .GaCtSideCate .repeat ul li .icg34, .gamesCenterPage .GaCtSideCate .repeat ul li .icg35, .gamesCenterPage .GaCtSideCate .repeat ul li .icg36, .gamesCenterPage .GaCtSideCate .repeat ul li .icg37, .gamesCenterPage .GaCtSideCate .repeat ul li .icg38, .gamesCenterPage .GaCtSideCate .repeat ul li .icg39, .gamesCenterPage .GaCtSideCate .repeat ul li .icg40, .gamesCenterPage .GaCtSideCate .repeat ul li .icg41, .gamesCenterPage .GaCtSideCate .repeat ul li .icg42, .gamesCenterPage .GaCtSideCate .repeat ul li .icg43, .gamesCenterPage .GaCtSideCate .repeat ul li .icg43, .gamesCenterPage .GaCtSideCate .repeat ul li .icg44 { background: url(../di/ico-sidecate01a.png) no-repeat; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg34 { background-position: 0 -46px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg35 { background-position: 0 -94px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg36 { background-position: 0 -143px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg37 { background-position: 0 -190px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg38 { background-position: 0 -237px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg39 { background-position: 0 -285px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg40 { background-position: 0 -332px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg41 { background-position: 0 -379px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg42 { background-position: 0 -428px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg43 { background-position: 0 -482px; }

.gamesCenterPage .GaCtSideCate .repeat ul li .icg44 { background-position: 0 -538px; }

.gamesCenterPage .GaCtSideSocial { position: relative; padding-top: 15px; }

.gamesCenterPage .GaCtSideSocial .top { background: url(../di/ctRightSocialTopBg.png) no-repeat; height: 15px; }

.gamesCenterPage .GaCtSideSocial .top h2 { position: absolute; padding: 0; margin: 0; left: 15px; top: -10px; }

.gamesCenterPage .GaCtSideSocial .repeat { padding: 20px .5em 5px; background: #cfdf37; text-align: center; }

.gamesCenterPage .GaCtSideSocial .repeat ul { padding: 0; margin: 0; overflow: hidden; }

.gamesCenterPage .GaCtSideSocial .repeat ul li { list-style: none; }

.gamesCenterPage .GaCtSideSocial footer { background: url(../di/ctRightSocialBottomBg.png) no-repeat; height: 15px; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-viewport { display: inline-block; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-control-nav { bottom: 0; position: static; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-control-nav { margin-top: 10px; *margin-top: 15px; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; margin: 0 3px; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-control-nav li a { background: url(../di/ctRightSocialNav.png) no-repeat 4px 4px; display: block; height: 17px; margin: 0 3px; outline: 0 none; overflow: hidden; text-indent: 99px; width: 17px; cursor: pointer; box-shadow: none; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-control-nav li a:hover, .gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-control-nav li a.flex-active { background-position: 0 -14px; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-direction-nav { *zoom: 1; *height: 1px; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-prev, .gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-next { position: absolute; top: 50%; outline: 0; width: 23px; height: 46px; text-indent: -9999px; z-index: 100; overflow: hidden; display: block; position: absolute; opacity: 1; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-prev { left: 0; background: url(../di/ctRightArrow.png) no-repeat 0 0; }

.gamesCenterPage .GaCtSideSocial .flexsliderSocial .flex-next { right: 0; background: url(../di/ctRightArrow.png) no-repeat 0 -51px; }

.gamesCenterPage .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 23px; height: 46px; text-indent: -9999px; z-index: 99; }

.gamesCenterPage .bx-wrapper .bx-prev { left: 0; background: url(../di/ctRightArrow.png) no-repeat 0 0; }

.gamesCenterPage .bx-wrapper .bx-next { right: -2px; background: url(../di/ctRightArrow.png) no-repeat 0 -51px; }

.gamesCenterPage .bx-wrapper { border: 2px solid #2f2f2f; position: relative; width: 285px; }

.gamesCenterPage .bx-wrapper .bx-pager { color: #666; font-family: Arial; font-size: .85em; font-weight: bold; text-align: right; }

.gamesCenterPage .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; }

.gamesCenterPage .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom: -25px; position: absolute; right: 0; width: 100%; }

.gamesCenterPage .bx-wrapper .bx-pager.bx-default-pager a { background: url(../di/ctRightSocialNav.png) no-repeat 4px 4px; display: block; height: 17px; margin: 0 3px; outline: 0 none; overflow: hidden; text-indent: 99px; width: 17px; }

.gamesCenterPage .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: url(../di/ctRightSocialNav.png) no-repeat 0 -14px; height: 17px; width: 17px; }

.gamesCenterPage .GaCtSideDisney { background: url(../di/ctRightDisneyBg.png) no-repeat; height: 322px; width: 300px; position: relative; padding: 30px 0 0 0; }

.gamesCenterPage .GaCtSideDisney header h2 { position: absolute; left: 20px; top: -18px; margin: 0; padding: 0; }

.gamesCenterPage .GaCtSideDisney header a { position: absolute; right: 5px; top: 2px; }

.gamesCenterPage .GaCtSideDisney ul { background: url(../di/ctRightDisneyBgSub.png) no-repeat; width: 276px; height: 310px; padding: 1px 0 0 7px; margin: 0 0 0 8px; }

.gamesCenterPage .GaCtSideDisney ul li { list-style: none; height: 61px; overflow: hidden; }

.gamesCenterPage .GaCtSideDisney ul li a { text-decoration: none; color: #01a2e8; }

.gamesCenterPage .GaCtSideDisney ul li:hover a { text-decoration: underline; }

.gamesCenterPage .GaCtSideDisney ul li:hover a img { box-shadow: 0 0 5px #0cf; }

.gamesCenterPage .GaCtSideDisney ul li a img { vertical-align: top; border: 3px solid #05a9f4; border-radius: 5px; float: left; margin: 3px 3px 0 0; }

.gamesCenterPage .GaCtSideDisney ul li a strong { font: 700 11px tahoma; }

.gamesCenterPage .GaCtSideDisney ul li p { font: 11px tahoma; margin: 0; padding: 0; }

.gamesCenterPage #content .flexslider { overflow: visible !important; margin-bottom: 40px !important; }

.gamesCenterPage #content .flex-control-nav { bottom: -30px !important; }

.gamesCenterPage #content .flex-control-paging li a { background: #c3c3c3 !important; }

.gamesCenterPage #content .flex-control-paging li a:hover { background: rgba(195, 195, 195, 0.5) !important; }

.gamesCenterPage #content .flex-control-paging li a.flex-active { background: #2ac9e9 !important; }

.gamesCenterPage .highlight-head1 h1, .gamesCenterPage .highlight-head1 h2 { color: #3e3e48; font: 500 14px tahoma; margin: 0; padding: 0; }

.gamesCenterPage .highlight-head1 h1 a, .gamesCenterPage .highlight-head1 h2 a { color: #01a0e3; }

.gamesCenterPage .highlight-head1 h1 + p, .gamesCenterPage .highlight-head1 h2 + p { color: #777; margin: 0; padding: 0; }

.gamesCenterPage .hiGameCen .tags p { padding: 0 0 20px; }

.gamesCenterPage .popCate hgroup h2, .gamesCenterPage .popCate .Hjew h3, .gamesCenterPage .popCate .Hmat h3, .gamesCenterPage .popCate .Hcoo h3, .gamesCenterPage .popCate .Hdre h3, .gamesCenterPage .popCate .Hsho h3, .gamesCenterPage .popCate .Hfigh h3, .gamesCenterPage .popCate .Hother h3 { background-image: url(../di/ctLeftPopCate01.png); background-repeat: no-repeat; text-indent: -999px; overflow: hidden; }

.gamesCenterPage .popCate hgroup h2 { width: 186px; height: 38px; background-position: 0 -428px; }

.gamesCenterPage .popCate .Hjew h3 { width: 114px; height: 19px; background-position: 0 0; }

.gamesCenterPage .popCate .Hmat h3 { width: 71px; height: 24px; background-position: 0 -69px; }

.gamesCenterPage .popCate .Hcoo h3 { width: 107px; height: 19px; background-position: 0 -143px; }

.gamesCenterPage .popCate .Hdre h3 { width: 92px; height: 19px; background-position: 0 -212px; }

.gamesCenterPage .popCate .Hsho h3 { width: 117px; height: 23px; background-position: 0 -281px; }

.gamesCenterPage .popCate .Hfigh h3 { width: 75px; height: 24px; background-position: 0 -354px; }

.gamesCenterPage .popCate .Hother h3 { width: 80px; height: 29px; background-position: 0 -506px; }

.bluPop > header > h2 { text-indent: -999px; width: 168px; height: 40px; overflow: hidden; background: url(http://p3.s1sf.com/ga/0/di/hilightCenter_TitlePopular.png) no-repeat; }

.gamesCenterPage .yelloNew > header > h2 { text-indent: -999px; width: 194px; height: 51px; overflow: hidden; background: url(http://p3.s1sf.com/ga/0/di/hilightCenter_TitleNewest.png) no-repeat; }

.gamesCenterPage .GaCtSideCate > header > h2 { text-indent: -999px; width: 255px; height: 48px; overflow: hidden; background: url(http://p3.s1sf.com/ga/0/di/ctRightCatesHead.png) no-repeat; }

.gamesCenterPage .GaCtSideSocial > header > h2 { text-indent: -999px; width: 255px; height: 52px; overflow: hidden; background: url(http://p3.s1sf.com/ga/0/di/ctRightSocialHead.png) no-repeat; }

.gamesCenterPage .GaCtSideDisney > article > header > h2 { text-indent: -999px; width: 131px; height: 44px; overflow: hidden; background: url(http://p3.s1sf.com/ga/0/di/ctRightDisneyHead.png) no-repeat; }

.descGamePage .hiBlue { background: #80e4fe; padding: 20px; border-radius: 20px; }

.descGamePage .hiBlue header > h1 a { font-size: 120%; color: #000; }

.descGamePage .hiBlue header > h1 a:hover { color: #434343; }

.descGamePage .hiBlue header > strong a { background: url(../di/descGames_BtnPlay.png) no-repeat; width: 112px; height: 34px; text-indent: -999px; display: block; overflow: hidden; }

.descGamePage .hiBlue header > a:hover, .descGamePage .hiBlue header > strong a:hover { opacity: 0.8; }

.descGamePage .hiBlue header > a:active, .descGamePage .hiBlue header > strong a:active { opacity: 0.4; }

.descGamePage .hiBlue header > span { color: #0a6f89; display: block; margin: 1px 0; }

.descGamePage .hiBlue header > span a { color: #0a6f89; }

.descGamePage .hiBlue header > span a:hover { color: #000; }

.descGamePage .hiBlue header ~ aside > p { color: #005065; }

.descGamePage .txtDesc { color: #737373; border-bottom: 1px dashed #dfdfdf; padding-bottom: 15px; }

.descGamePage .txtDesc strong { display: block; color: #323232; font: 120%; }

.descGamePage .screenshotDesc strong { display: block; color: #323232; font: 120%; margin-bottom: 10px; }

.descGamePage .screenshotDesc .flexslider ul li { padding: 0 10px; }

.descGamePage .screenshotDesc .flex-direction-nav a { top: 50%; }

.descGamePage .relatedGames > *:frist-child { display: block; color: #323232; font: 120%; margin-bottom: 15px; }

.descGamePage .relatedGames ul li { float: left; position: relative; width: 22.8%; margin: 1%; }

.descGamePage .relatedGames ul li > a > strong { display: block; text-align: center; height: 100%; background: #ffc600; color: #000; padding: 2px; height: 34px; overflow: hidden; font-size: 90%; font-weight: 100; line-height: 18px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }

.descGamePage .relatedGames ul li > a > img { width: 100%; height: auto; }

.descGamePage .relatedGames ul li:active img { opacity: 0.5; }

.descGamePage .relatedGames ul li:active > a > strong { box-shadow: none; }

.myGamesPage .mgpProfile { margin-top: 36px; }

.myGamesPage .mgpProfile .mgpDetail { background: url(../di/mgp-profileDetailBg.png) repeat-y right top; width: 310px; height: 177px; }

.myGamesPage .mgpProfile .mgpDetail .mgpOwner { width: 140px; margin-left: 20px; }

.myGamesPage .mgpProfile .mgpDetail .mgpOwner img { box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }

.myGamesPage .mgpProfile .mgpDetail .mgpOwner h1 { text-align: center; font-size: 110%; font-weight: 100; color: #00a9af !important; background-color: #afd6da; border-radius: 3px; margin-top: 5px; word-wrap: break-word; padding: 3px 7px; }

.myGamesPage .mgpProfile .mgpDetail .mgpStat * { font-family: "sukhumvitreg", sukhumvitbold; color: #404040; vertical-align: middle; font-size: 115%; }

.myGamesPage .mgpProfile .mgpDetail .mgpStat h4 { font-size: 150%; color: #000; }

.myGamesPage .mgpProfile .mgpFav { position: relative; width: 270px; }

.myGamesPage .mgpProfile .mgpFav h2 { position: absolute; top: -59px; left: 0; font-size: 135%; }

.myGamesPage .mgpProfile .mgpFav ul { height: 205px; position: absolute; top: -15px; overflow-x: hidden; overflow: hidden; }

.myGamesPage .mgpProfile .mgpFav ul:hover { overflow-y: scroll; appearance: none; }

.myGamesPage .mgpProfile .mgpFav ul li { margin: 20px 0; }

.myGamesPage .mgpProfile .mgpFav ul li strong { display: block; line-height: 18px; height: 52px; overflow: hidden; font-size: 95%; }

.myGamesPage .mgpProfile .mgpFav ul li:hover strong { color: #000; }

.myGamesPage .mgpProfile .mgpFav ul .jspContainer { width: 100% !important; }

.myGamesPage .mgpProfile .mgpFav ul .jspPane { width: 30%; }

.myGamesPage .mgpBookmark > *:first-child { background: url(../di/mgp-icon.png) no-repeat 0 -82px; font-family: "sukhumvitreg", sukhumvitbold; color: #fff; text-indent: 20px; overflow: hidden; width: 287px; height: 46px; font-size: 160%; font-weight: 100; padding-top: 5px; position: relative; left: -20px; }

.myGamesPage .mgpBookmark > *:first-child strong { color: #000; font-weight: 700; }

.myGamesPage .mgpBookmark .mgpTabMenu { background: url(../di/mgp-BmTabBg.png) repeat-x; height: 44px; padding: 5px 10px 0; margin-bottom: 10px; }

.myGamesPage .mgpBookmark .mgpTabMenu > *:first-child { float: left; }

.myGamesPage .mgpBookmark .mgpTabMenu a { font-family: "sukhumvitreg", sukhumvitbold; font-size: 150%; display: block; float: left; padding: 10px 20px 0; }

.myGamesPage .mgpBookmark .mgpTabMenu a.selected { background-color: #fff; border: 1px solid #e6dfd7; border-bottom: 0; color: #2ac9e9; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools { float: right; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools > * { display: block; float: left; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools form { position: relative; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools form input[type="text"] { border: 2px solid #ccc; border-radius: 5px; padding: 2px 30px 2px 5px; color: #999; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools form input[type="text"]:focus { width: 200px; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools form .button { background-image: url(../di/bg-center.png); background-position: 6px -595px; background-repeat: no-repeat; cursor: pointer; height: 30px; width: 30px; overflow: hidden; text-indent: -300%; text-align: left; border: 0; border-radius: 5px; position: absolute; right: 0; top: -3px; border: 1px solid #ccc; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools form .button:hover { border: 1px solid #999; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools form .button:active { border: 1px solid #3cc0dc; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools #mgpRemoveBm { background: #f0f0f0 url(../di/mgp-icon.png) no-repeat 2px 1px; width: 28px; height: 28px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; text-align: left; text-indent: -300%; cursor: pointer; margin-left: 5px; margin-top: -3px; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools #mgpRemoveBm:hover { background-position: -41px 1px; border: 1px solid #999; }

.myGamesPage .mgpBookmark .mgpTabMenu .tools #mgpRemoveBm:active { border: 1px solid #3cc0dc; }

.myGamesPage .mgpBookmark #mgpBmCt-News { display: none; }

.myGamesPage .mgpBookmark #mgpBmCt-News section { margin-top: 15px; border-bottom: 1px dotted #ccc; }

.myGamesPage .mgpBookmark #mgpBmCt-News section a { display: block; width: 75%; border-right: 1px dotted #ccc; padding: 0 10px 15px 0; float: left; }

.myGamesPage .mgpBookmark #mgpBmCt-News section a p { color: #464646; text-indent: 20px; }

.myGamesPage .mgpBookmark #mgpBmCt-News footer { width: 21%; padding-left: 10px; float: left; }

.myGamesPage .mgpBookmark #mgpBmCt-News footer > * { display: block; float: none; margin-bottom: 5px; }

.myGamesPage .mgpBookmark #mgpBmCt-News footer .ic-remove { background: url(../di/mgp-icon.png) no-repeat -214px 2px; width: 70px; height: 21px; overflow: hidden; text-indent: -100%; cursor: pointer; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3); border-radius: 3px; padding: 3px; display: none; }

.myGamesPage .mgpBookmark #mgpBmCt-News footer .ic-remove.block { display: block; }

.myGamesPage .mgpBookmark #mgpBmCt-News footer .ic-remove:hover { background-position: -214px -28px; }

.myGamesPage .mgpBookmark #mgpBmCt-Games { text-align: center; margin-top: 20px; }

.myGamesPage .mgpBookmark #mgpBmCt-Games a { position: relative; overflow: hidden; display: inline-block; margin-bottom: 20px; z-index: 5; }

.myGamesPage .mgpBookmark #mgpBmCt-Games a strong { position: absolute; left: -100%; top: 0; background-image: url(../di/hilightCenter_Play.png); height: 100%; width: 100%; overflow: hidden; text-align: left; text-indent: -300%; z-index: 6; }

.myGamesPage .mgpBookmark #mgpBmCt-Games a:hover strong { left: 0; }

.myGamesPage .mgpBookmark #mgpBmCt-Games a:active strong { top: -100%; }

.myGamesPage .mgpBookmark #mgpBmCt-Games .ic-remove { position: absolute; right: 0; top: 0; background: url(../di/mgp-icon.png) no-repeat -214px -28px; width: 25px; height: 25px; overflow: hidden; text-align: left; text-indent: -300%; cursor: pointer; z-index: 7; display: none; }

.myGamesPage .mgpBookmark #mgpBmCt-Games .ic-remove.block { display: block; }

.myGamesPage .mgpBookmark #mgpBmCt-Games .ic-remove:active { top: -100%; }

.sprite-mgp-profileBgBottom, .sprite-mgp-profileBgTop { text-indent: -100%; overflow: hidden; background-repeat: no-repeat; }

.sprite-mgp-profileBgBottom, .sprite-mgp-profileBgTop, .sprite-mgp-profileBgRepeat { background-image: url(../di/mgp-profileBg.png); }

.sprite-mgp-profileBgBottom { background-position: 0 0; height: 26px; }

.sprite-mgp-profileBgRepeat { background-position: -630px 0; }

.sprite-mgp-profileBgTop { background-position: -1260px 0; height: 26px; }

@media only screen and (max-width: 959px), (max-device-width: 1024px) { body { background: none !important; }
  .nav-wrap { z-index: 99 !important; }
  .nav-wrap { display: block; }
  .navMain, .breadCrumbs, .spon, .SqThmb article h3, .archiveNew .s-article-info, .archivePage[class*="Games"] .thumb-slide, #sidebar .spon, .descGamePage #sidebar { display: none !important; }
  .childBlock > ul, .archivePage[class*="Games"] #content .flexslider, .gamesCenterPage #content .flexslider { display: block !important; }
  .wb-date-time { color: #777; font-size: 85%; display: block; width: 100%; }
  .top5hits > a { color: #000 !important; padding: 0 10px 5px !important; }
  .tabNews { height: auto; }
  .archiveNew article > section h2 { font-size: 140% !important; }
  .SqThmb article { overflow: hidden; width: 100%; height: 100%; }
  .btn-mainnav:active, .fanpage:active, .sanook-search:active, [class*="btn-show-rt2013"] > a:active, [class*="logo-channel"] > span > a:active, [id="main-navigation"] ul li > a:active, .archiveNew[class*="Games"] .voteAndDesc .buttonDesc:active { opacity: 0.3; }
  [alt="new icon"] { width: auto !important; height: auto !important; }
  [id="main-navigation"] ul > li > ul { display: none; margin-bottom: 0 !important; margin-top: 44px; background: #212121 !important; }
  [id="main-navigation"] ul > li > ul > li > a { border-top: 1px solid #323232 !important; border-bottom: 1px solid #0e0e0e !important; }
  [id="main-navigation"] ul > li > ul > li:first-child > a { border-top: none !important; font-weight: bold; color: #cbcbcb; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); font-size: 125%; }
  [id="main-navigation"] ul > li > ul > li:first-child ~ li > a { text-indent: 15px; }
  [id="main-navigation"] ul > li.sub { cursor: pointer; background: url(../di/navResponSubArrowGrey.png) no-repeat 195px 12px; }
  [id="main-navigation"] ul > li.sub:active { background: url(../di/navResponSubArrowGreyActive.png) no-repeat 195px 12px; }
  [id="main-navigation"] > ul > li:first-child > a:after { content: " " !important; }
  [class*="logo-channel"] { border-bottom: 3px solid #2ac9e9; }
  [class*="logo-channel"] a { background: url(../di/logoGAME_2013a.svg) no-repeat 0 2px !important; width: 115px; height: 40px !important; }
  [id="content"] section > a, [class*="sidebar"] aside > a, [class*="sidebar"] aside > div > a, [class*="category-page"] [class*="lastupdate-content-category"] article h3 a:hover { color: #17a4c0; font-weight: 700; }
  [class*="search-content"] > div { margin: 6px 78px 6px 8px !important; }
  [class*="search-content"] input[type="submit"]:active { box-shadow: none; }
  .tabba-list ol li ul li .c-level { font-size: 90%; }
  .related-content ul li { float: left; width: 116px; text-align: center; margin: 3px; height: 175px; overflow: hidden; }
  [class*="topSym"] article > section { height: 107px; overflow: hidden; }
  [class*="topSym"] article > section > *:first-child a { font-size: 135%; }
  [class*="topSym"] article > section > p { height: 45px; line-height: 23px; overflow: hidden; margin-bottom: 5px; }
  [class*="truehit"] img { visibility: hidden; }
  .archivePage[class*="Games"] .thmb-new-games ul li { width: 22.8%; margin: 1% !important; text-align: center; }
  .archivePage[class*="Games"] .thmb-new-games ul li p a span img { width: 85%; }
  .gamesCenterPage .hiGameCen .repeat { padding-left: 1%; }
  .gamesCenterPage .hiGameCen .repeat ul li { width: 22.8%; margin: 1% !important; }
  .gamesCenterPage .bluPop { margin-top: 30px !important; }
  .gamesCenterPage .bluPop .repeat ul li span { width: 100%; background-color: rgba(0, 0, 0, 0.5); background-image: none; font-weight: 700; font-size: 110%; text-align: center; padding-bottom: 5px; }
  .gamesCenterPage .bluPop .repeat ul li:hover span { left: -200% !important; }
  .gamesCenterPage .bluPop .repeat ul li span:before { content: url(../di/hilightCenter_AmongBg_v4.gif); vertical-align: middle; display: inline-block; margin-right: 4%; }
  .gamesCenterPage .yelloNew .repeat ul li > a { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); background-position: center 50%; background-repeat: no-repeat; left: -200%; }
  .gamesCenterPage .yelloNew .repeat ul li > a strong { background-color: rgba(0, 0, 0, 0.4); background-image: none; font-weight: 700; font-size: 110%; text-align: center; width: 100%; padding-left: 0; padding-bottom: 5px; }
  .gamesCenterPage .popCate section ul li { width: 17%; margin: 1%; }
  .gamesCenterPage .GaCtSideCate .top { background-color: #53c5c6; background-image: none; border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .gamesCenterPage .GaCtSideCate footer { background-color: #53c5c6; background-image: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
  .gamesCenterPage .GaCtSideCate .repeat ul { width: 49%; }
  .gamesCenterPage .GaCtSideSocial .top { background-color: #cfdf37; background-image: none; border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .gamesCenterPage .GaCtSideSocial .repeat { text-align: center; }
  .gamesCenterPage .GaCtSideSocial .repeat .bx-wrapper { display: inline-block; }
  .gamesCenterPage .GaCtSideSocial footer { background-color: #cfdf37; background-image: none; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
  .myGamesPage .mgpProfile { margin-top: 10px; }
  .myGamesPage .mgpProfile > * { background-image: none; }
  .myGamesPage .mgpProfile .sprite-mgp-profileBgRepeat { background-color: #c7e2e5; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.4), 0 0 2px rgba(0, 0, 0, 0.4); border-radius: 10px; border: 8px solid #fff; padding: 15px 10px 13px; }
  .myGamesPage .mgpProfile .sprite-mgp-profileBgRepeat > * { width: 48.5%; }
  .myGamesPage .mgpProfile img { width: auto !important; height: auto !important; }
  .myGamesPage .mgpProfile .mgpFav ul .jspContainer { width: 100% !important; }
  .myGamesPage .mgpProfile .mgpFav ul .jspPane { width: 90% !important; }
  .myGamesPage .mgpBookmark #mgpBmCt-Games a { width: 22.5%; }
  .myGamesPage .mgpBookmark #mgpBmCt-Games a strong { background-image: none; text-align: center; text-indent: 0; background-color: rgba(0, 0, 0, 0.65); color: #fff; font-family: "sukhumvitreg", sukhumvitbold; padding-top: 45%; font-size: 200%; }
  .myGamesPage .mgpBookmark #mgpBmCt-Games a strong:before { content: ""; color: #fff; border-left: 20px solid #fff; border-bottom: 20px solid transparent; border-top: 20px solid transparent; height: 1px; width: 1px; display: inline-block; vertical-align: middle; margin-right: 10px; } }
@media only screen and (max-width: 767px) { .archiveNew .div-sortby > p, .read > div:first-child .t-gray p { float: none; }
  [class*="sanook-menu"] > div span a { font-size: 90%; }
  .top5hits > div > article > a > span { padding-top: 5px; }
  .read > div:first-child .share-button { float: left; margin: 15px 0; }
  ul.tabMenu li a { font-size: 100%; }
  .read > div:first-child .t-gray p + div { padding-top: 20px; }
  .archiveNew .div-sortby ul { float: left; margin-left: 0; margin-bottom: 10px; }
  .archiveNew article > section h2 { font-size: 120% !important; }
  .archivePage[class*="Games"] .thmb-new-games ul li { width: 46.5%; }
  .gamesCenterPage .hiGameCen .repeat { padding-left: 3%; }
  .gamesCenterPage .hiGameCen .repeat ul li { width: 46.5%; }
  .gamesCenterPage .hiGameCen .repeat ul li:first-child { margin-left: 5px; }
  .gamesCenterPage .popCate section ul li { width: 46.5%; }
  .gamesCenterPage .GaCtSideSocial .flexsliderSocial ul li { clear: none !important; }
  .descGamePage .hiBlue header > h1 a { font-size: 110%; }
  .myGamesPage .mgpProfile { margin-top: 0; }
  .myGamesPage .mgpProfile .sprite-mgp-profileBgRepeat { width: 87%; }
  .myGamesPage .mgpProfile .sprite-mgp-profileBgRepeat > * { width: 100%; }
  .myGamesPage .mgpProfile .mgpDetail { background-image: none; height: auto; text-align: center; }
  .myGamesPage .mgpProfile .mgpDetail .mgpOwner { margin-left: 0; float: none; width: 100%; }
  .myGamesPage .mgpProfile .mgpFav { margin-top: 20px; }
  .myGamesPage .mgpProfile .mgpFav h2 { position: relative; top: 0; text-align: center; }
  .myGamesPage .mgpProfile .mgpFav ul { background-color: #a6c8cc; position: relative; top: 0; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.15), inset 0 -2px 2px rgba(0, 0, 0, 0.15); padding-left: 5px; border: 1px solid #d6ebed; border-radius: 5px; width: 100% !important; }
  .myGamesPage .mgpProfile .mgpFav ul .jspContainer { width: 100% !important; }
  .myGamesPage .mgpBookmark .mgpTabMenu { height: auto; text-align: center; }
  .myGamesPage .mgpBookmark .mgpTabMenu .tools { float: none; display: inline-block; margin-top: 10px; }
  .myGamesPage .mgpBookmark .mgpTabMenu .tools > * { margin-top: 0; }
  .myGamesPage .mgpBookmark #mgpBmCt-Games a { width: 45.5%; float: left; margin-left: 2.5%; height: auto; padding: 0; }
  .myGamesPage .mgpBookmark #mgpBmCt-Games a:before, .myGamesPage .mgpBookmark #mgpBmCt-Games a:after, .myGamesPage .mgpBookmark #mgpBmCt-News section a:before, .myGamesPage .mgpBookmark #mgpBmCt-News section a:after { content: normal; }
  .myGamesPage .mgpBookmark #mgpBmCt-News section a { width: 100%; height: auto; padding-bottom: 0; }
  .myGamesPage .mgpBookmark #mgpBmCt-News section a figure { width: 140px; }
  .myGamesPage .mgpBookmark #mgpBmCt-News footer { width: 100%; text-align: center; padding: 0 5px 15px; margin-top: 10px; }
  .myGamesPage .mgpBookmark #mgpBmCt-News footer > * { display: block; float: left; margin: 0 5px; }
  .myGamesPage .mgpBookmark #mgpBmCt-News footer .ic-remove { text-align: left; margin: 15px auto 0; float: none; }
  .myGamesPage .mgpBookmark #mgpBmCt-News footer > *:first-child, .myGamesPage .mgpBookmark #mgpBmCt-News footer > *:first-child + *, .myGamesPage .mgpBookmark #mgpBmCt-News footer > *:first-child + * + * { display: none; } }
@media only screen and (max-device-width: 1024px) { .archiveNew[class*="Games"] .voteAndDesc, .archivePage[class*="Games"] #content .flexslider, .gamesCenterPage #content .flexslider, .gamesCenterPage .sBox, .hideDesktopDevice { display: block !important; } }
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation: portrait) { .sideNews > *:first-child + * { float: left; }
  .sideNews > *:first-child + * + *, .sideNews > *:first-child + * + * + * { float: right; }
  .sideIndex > *:first-child + *, .sideIndex > *:first-child + * + * { float: left; }
  .sideIndex > *:first-child + * + * { margin-left: 20px; }
  .sideIndex > *:first-child + * + * + *, .sideIndex > *:first-child + * + * + * + * { float: right; }
  .myGamesPage #sidebar > * { float: left; }
  .myGamesPage #sidebar > *:first-child + *, .myGamesPage #sidebar > *:first-child + * + * + *, .myGamesPage #sidebar > *:first-child + * + * + * + * + * { margin-left: 20px; } }
.credit { font-size: 110%; line-height: 1.4; }

.credit span, .credit a { color: #33c0dc; }

.credit a { text-decoration: underline; }

.credit a:hover { text-decoration: none; }

.pagenotfound { background: #fff9d4; text-align: center; padding: 45px 0 55px; margin-bottom: 30px !important; }

.pagenotfound > p { font-family: sukhumvitreg; color: #55441c; font-size: 160%; }

.pagenotfound > p > span { font-family: sukhumvitbold; font-weight: 400; color: #d3b97a; display: block; font-size: 650%; line-height: 100%; }

@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation: portrait) { .pagenotfound > p { font-size: 140%; } }
@media only screen and (min-width: 768px) and (max-width: 959px) and (orientation: landscape), (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .pagenotfound > p { font-size: 180%; }
  .pagenotfound > p > span { font-size: 600%; } }
@media only screen and (max-width: 767px) { .pagenotfound > p { font-size: 130%; }
  .pagenotfound > p > span { font-size: 450%; } }
.hidden { display: none; }

.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border-bottom: 2px solid transparent; white-space: nowrap; border-radius: 2px; padding: 6px 12px; font-size: 13px; line-height: 1.42857; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.btn-default { color: #333333; background-color: #e6e6e6; border-color: #cccccc; }

.btn-lg { padding: 10px 16px; font-size: 17px; line-height: 1.33; }

.warning-iconz { width: 52px; height: 52px; background-image: url(../di/warning-01b.png); background-repeat: no-repeat; display: inline-block; margin-right: 10px; position: relative; top: 3px; }

.rate-authen { padding: 60px 0 30px; font-size: 16px; text-align: center; height: 360px; min-height: 360px; height: auto; background-color: #fff; width: 960px; margin: 0 auto; }

.rate-authen__heading { font-size: 52px !important; color: #d3222a; font-family: sukhumvitbold; }

.rate-authen__desc { margin: 0; }

.rate-authen strong { color: #d3222a; font-size: 28px; font-family: sukhumvitbold; margin: 10px 0 6px; display: block; }

.rate-authen a.btn { font-size: 26px !important; font-family: sukhumvitbold !important; padding-top: 15px; margin-right: 15px; }

.rate-authen a.btn:hover { background: #d3222a; color: #FFF; border-bottom-color: #91171d; text-decoration: none; }

.rate-authen .btn-group { margin-top: 30px; text-align: center; }

@media only screen and (max-width: 1024px) { .rate-authen { padding-top: 210px; padding-bottom: 40px; font-size: 17px !important; width: 100%; min-height: 450px; } }
@media only screen and (max-width: 640px) { .rate-authen { padding-top: 70px; padding-bottom: 40px; font-size: 17px !important; width: 100%; min-height: inherit; }
  .rate-authen__desc { padding: 0 20px; }
  .rate-authen a.btn { font-size: 18px !important; margin-right: 5px !important; } }
@media only screen and (max-width: 440px) { .rate-authen { font-size: 14px !important; }
  .rate-authen a.btn { font-size: 18px !important; margin-right: 5px !important; } }


.container {
	width: 1150px;
	margin: 0 auto;
	background: #fff;
}

.sidebar-widget {
	padding: 10px;
}
.sidebar-widget--online-game {
	background-color: #ffc424;
}
.sidebar-widget__header {
	position: relative;
}

.sidebar-widget__title,
.sidebar-widget__title a {
	color: #000;
	font-family: sukhumvitbold;
}
.sidebar-widget__post-badge {
	position: absolute;
    top: -15px;
	right: -7px;
}

.game-online-post {
	margin: 15px 0;
	position: relative;
}
.game-online-post img{
	max-width: 100%;
}
.game-online-post .post-overlay{
	background-color: rgba(0,0,0,.7);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.post-play-btn {
	font-size: 18px;
	position: absolute;
	z-index: 2;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	padding: 5px 30px 3px;
	margin-left: -58px;
	margin-top: -18px;
	font-family: sukhumvitreg;
	top: 50%;
	left: 50%;
	border-radius: 2px;
	-webkit-border-radius: 2px;
}
.post-play-btn,
.game-online-post .post-overlay {
	opacity: 0;
	transition: opacity .2s ease-in-out;
	-webkit-transition: opacity .2s ease-in-out;
}
.game-online-post:hover .post-play-btn,
.game-online-post:hover .post-overlay {
	opacity: 1;
}
.post-play-btn:hover {
	color: #ffc424;
}


.game-online-single #main-content,
.game-online-single .breadCrumbs {
	width: 1130px !important;
}
.game-online-single .breadCrumbs {
	background: url(../di/breadCrumbBG-lg.png) top right no-repeat !important;
}

.gameonline__header {
	margin: 0 0 20px;
}
.gameonline__header:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.gameonline__title {
	font-size: 30px;
	color: #2e788b;
	font-family: sukhumvitbold;
}
.gameonline__title--lg {
	font-size: 40px;
}
.game-player {
	background: #e8eced;
	padding: 10px;
	min-height: 820px;
}
.game-player__embed {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 70%;
}
.game-player__embed--full {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed !important;
	z-index: 9999;
	background-color: rgb(0, 0, 0);
}
.game-player__embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.game-player__embed--full iframe {
	position: relative;
}
.gameonline {
	padding: 10px;
}
.gameonline-detail {
	float: left;
	width: 732px;
	margin-right: 20px;
}
.gameonline-detail p {
	font-size: 14px;
	color: #55585b;
}
.gameonline-social {
	float: left;
	width: 358px;
}
.gameonline-share-group {
	width: 300px;
	float: right;
}
.gameonline__body {
	margin-top: 30px;
}
.fullscreen-btn {
	margin: 15px auto;
	background: #f0f5f6 url(../di/fullscreen-icon.png) 76% 9px no-repeat;
	display: block;
	border: 1px solid #b6b9bd;
	color: #55585b;
	font-family: sukhumvitreg;
	padding: 8px 60px 5px 40px;
	font-size: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	cursor: pointer;
	outline: none;
}
.close-fullscreen-btn {
	display: inline-block;
	color: #fff;
	background: #000;
	border: none;
	cursor: pointer;
	z-index: 12000;
	position: fixed;
	bottom: 4px;
	right: 4px;
	outline: none;
	font-size: 14px;
	display: none;
	padding: 3px;
}

.gameonline-relate__container {
	padding: 20px;
	margin-bottom: 20px;
}

.gameonline-relate {
	margin-top: 20px;
}
.gameonline-relate__row {
	margin-left: -10px;
	margin-right: -10px;
}
.gameonline-relate__row:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.gameonline__name {
	width: 840px;
	float: left;
}
.gameonline-relate__col {
	width: 25%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	padding: 0 10px;
	position: relative;
}
@media screen (min-width: 1024px) {
	.more-coc {
		font-family: 'sukhumvitreg';
		font-size: 16px;
		display: block;
	}
}
