@charset "utf-8";html{overflow-y:scroll}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,address,pre,caption,cite,code,dfn,var{font-size:100%;font-style:normal;font-weight:400;margin:0;padding:0;text-decoration:none}
img{border:0;vertical-align:bottom}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left}
fieldset{border:0}
hr{display:none}
ol,ul{list-style:none}
li{width:100%}
q:before,q:after{content:''}
abbr,acronym{border:0}
em{font-style:normal}
a{color:#000;outline:0;text-decoration:none}
a:hover{color:#c9980d;text-decoration:none}
body{background:url(../../images/home/bg_header.gif) repeat-x left top;color:#000;font-size:12px;font-family:Arial,Helvetica,sans-serif;line-height:1.5}
div#layout{margin:0 auto;width:1046px}
div#header{height:115px;position:relative}
#logo{float:left;padding:12px 0 0}
div#header p.customColor{color:#fff;position:absolute;right:0;top:5px}
div#header p.customColor a{color:#fff}
div#header p.customColor a:hover{color:#999dd3}
div#header p.customColor a.colorC,div#header p.customColor a.colorB,div#header p.customColor a.colorA{background:#036;border:1px solid #fff;display:inline-block;height:10px;vertical-align:middle;width:10px}
div#header p.customColor a.colorC{background:#fff}
div#header p.customColor a.colorB{background:#3CF}
div#gNav{float:right;height:27px;padding:58px 0 0;width:800px}
.solidblockmenu li{float:left;width:95px}
.solidblockmenu li a{background:url(../../images/home/bg_gnav.gif) no-repeat left top;color:#fff;display:block;height:24px;font-weight:700;padding:3px 0 0;text-align:center;width:85px}
.solidblockmenu li a:hover,.solidblockmenu li a.current{background:url(../../images/home/bg_gnav_o.gif) no-repeat left top}
.tabcontainer{bottom:0;clear:both;left:0;position:absolute;width:994px;height:30px;text-align:center}
* html .ieclass{height:29px}
.tabcontent{display:none;padding:5px 0 0}
.tabcontainer,.tabcontainer a{color:#fff}
.tabcontainer a:hover{color:#c9980d}
div#pageBody{padding:0px 0 10px}
div.visual{padding:5px 0}
div#content{float:right;width:690px}
div.fullscreen{float:none!important;width:1016px!important}
div#content .mHead{background:url(../../images/home/bg_mh.gif) no-repeat left top;font-weight:700;height:18px;padding:0 10px}
div#content .mHead .latest{float:left;text-align:center;width:65px}
div#content .mHead .list{color:#fff;float:left;font-size:80%;padding:1px 0 0 10px;width:280px}
div#content .mHead a{background:url(../../images/home/ico_02.gif) no-repeat 0 7px;color:#fff;float:right;font-size:70%;padding:3px 0 0 8px;text-align:right}
div#content .styleBoxContent{border:1px solid #bbb;clear:both;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:10px;padding:7px 9px 8px}
div#content p{margin-bottom:0}
div#content .listSection{clear:both;padding:10px 0 0}
div#content .listSection li{border:1px solid #bbb;float:left;display:inline;margin:0 0 10px 5px;padding:5px;width:150px}
div#content .listSection li p.detail{padding:5px 0 0;text-align:center}
div#content .listSection li p.detail span{background:url(../../images/home/ico_arrow01.gif) no-repeat 0 center;display:block;padding:0 0 0 15px;text-align:left}
div#content p.banner{clear:both;text-align:center}
div#content .formSection{background:#ddd;margin:10px 0;padding:5px}
div#content .formSection p{float:left;display:inline}
div#content .formSection p.select{width:330px}
div#content .formSection p.search{width:250px}
div#content .formSection p.rss{padding:5px 0 0;width:50px}
div#content .formSection p.theme{padding:3px 0 0;width:140px}
div#content .formSection p.theme img{margin:0 3px;vertical-align:middle}
div#content .formSection select{margin:0 5px 0 0;width:110px}
div#content .formSection .sizeM{background:url(../../images/home/bg_input.gif) no-repeat left top;border:0;font-size:90%;height:21px;padding:0 0 0 25px;width:105px}
div#content .updateList{clear:both;padding:15px 0 5px}
div#content .updateList p{float:left;display:inline;text-align:right;width:120px}
div#content .updateList p.title{color:red;text-align:left;width:545px}
div#content .other{clear:both;padding:20px 0}
div#content .other li{border:1px solid #bbb;float:left;display:inline;margin:0 2px 10px;padding:5px;text-align:center;width:150px}
div#content .other li span{display:block}
div#content .viewMonth{clear:both;padding:0 0 0 8px}
div#content .viewMonth span{padding:0 16px 0 12px}
div#content .viewMonth a{background:#a4a4a4;color:#fff;font-size:130%;display:inline-block;height:24px;margin:0 2px 5px 0;text-align:center;width:50px}
div#content .viewMonth a:hover{background:#c9980d}
div#content .google{clear:both;padding:20px 0 5px}
div#content .google li{float:left;display:inline;padding-right:5px;width:175px}
div#content .google li dt a{color:#00f;font-weight:700;text-decoration:underline}
div#content .google li dt a:hover{text-decoration:none}
div#content .google li dd a:hover{color:#000;text-decoration:none}
div#content .google li dd span{display:block}
div#content .google li dd span a{color:green;font-size:90%}
div#content .google li dd span a:hover{color:green}
div#content .textlogo{padding-bottom:20px;text-align:right}
div#content .local p{float:left;display:inline;width:330px}
div#content .local p select{margin:0 5px 0 0;width:110px}
div#content .local span{background:#5e5e5e;color:#fff;font-weight:700;padding:0 4px}
div#content .local p.topic{float:left;padding:3px 0 0;width:250px}
div#content .local p.search{width:225px}
div#content .google{height:83px;padding-bottom:20px;width:670px}
div#content .bHead{border-left:8px solid #d95700;font-weight:700;padding:0 0 0 10px}
div#content .local p.search input.sizeM{height:21px;padding:0;width:150px}
div#content .caption{border-bottom:1px solid #ccc;font-weight:700;margin:0 0 10px;padding:0 0 5px 10px}
div#content .caption span{float:left;display:inline;width:400px}
div#content .caption span.play{float:right;text-align:right;width:200px}
div#content .caption em{color:red}
div#content .adver{border:1px solid #bbb;clear:both;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:30px;padding:7px 9px 8px}
div#content .adver dl dd em{color:#F60}
div#content .pageLink{padding:10px 0 0;text-align:center;clear:both;padding-top:10px}
div#content .pageLink a{border:1px solid #bbb;display:inline-block;height:18px;margin:0 3px;padding:2px 4px}
.home{font-weight:700;text-align:right}
div#sidebar{float:left;display:inline;width:346px}
.sHead{background:#d95700;color:#fff;font-weight:700;height:19px;margin:0 0 7px;padding:0 0 0 10px}
div#sidebar .styleBoxContent{border:1px solid #bbb;text-align:center;clear:both;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:20px;margin-bottom:20px;padding:7px 7px 0}
div#sidebar .styleBoxContent .imgA{clear:both;padding:1px 0 10px;text-align:center}
div#sidebar .styleBoxContent .imgA span{display:block;padding:3px 0 0}
div#sidebar .styleBoxContent .imgA span em{color:red;font-weight:700}
div#sidebar .resolution{padding:5px 0 10px 7px}
div#sidebar .resolution li{float:left;display:inline;padding-right:5px;width:140px;text-align:left;}
div#sidebar .resolution li a{background:url(../../images/home/ico_arrow01.gif) no-repeat 0 2px;padding:0 0 0 15px}
div#sidebar .game-event{padding:10px 10px 0}
div#sidebar .game-event li{padding:0 0 10px}
div#sidebar .game-event li a.text{background:url(../../images/home/ico_arrow02.gif) no-repeat 0 center;display:block;padding:0 0 0 8px;width:269px}
div#sidebar .master{padding:10px 8px 0 14px}
div#sidebar .master li{float:left;display:inline;padding:0 10px 5px 7px;width:120px}
div#sidebar .master li a.text{background:url(../../images/home/ico_arrow02.gif) no-repeat 0 center;display:block;padding:0 0 0 5px;width:115px}
div#sidebar .listLink{background:url(../../images/home/bg_dot.gif) repeat-x left top;clear:both;margin:0 8px;padding-bottom:10px}
div#sidebar .listLink li{padding:3px 0 0}
div#sidebar .listLink li a{background:url(../../images/home/ico_arrow02.gif) no-repeat 0 center;padding:0 0 0 5px}
div#sidebar .top{padding:10px 7px 0}
div#sidebar .top li{background:url(../../images/home/bg_dot.gif) repeat-x left bottom;clear:both;margin:0 0 10px;padding:0 0 10px}
div#sidebar .top li p{float:left}
div#sidebar .top li p.text{padding:0 0 0 10px;width:155px}
div#sidebar .top li p.text a{background:url(../../images/home/ico_arrow02.gif) no-repeat 0 center;font-weight:700;padding:0 0 0 6px}
div#sidebar .top li p.text span{background:url(../../images/home/ico_arrow02.gif) no-repeat 0 center;display:block;padding:0 0 0 6px}
div#sidebar .topLast{clear:both;padding:0 0 0 7px}
div#sidebar .topLast li{padding:0 0 10px}
div#sidebar .topLast li a.text{background:url(../../images/home/ico_arrow02.gif) no-repeat 0 center;display:block;padding:0 0 0 6px;width:208px}
div#sidebar .guild dt{background:url(../../images/home/ico_01.gif) no-repeat 0 4px;border-bottom:1px solid #ccc;font-weight:700;padding:0 0 3px 20px}
div#sidebar .guild dt span{color:#666;font-size:80%;font-weight:400;padding:0 0 0 10px}
div#sidebar .guild dd{padding:10px 7px}
div#sidebar .guild dd img{display:block;padding:5px 0 0}
div#sidebar .album{padding:0 0 10px}
div#sidebar .album li a.text{background:url(../../images/home/ico_arrow02.gif) no-repeat 0 center;padding:0 0 0 5px}
div#footer{clear:both;padding:0 0 20px}
div#footer .fIcon-game{border:1px solid #bbb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin-bottom:15px;padding:9px 0}
.fGameC,.fGameA{text-align:center}
.fGameC li,.fGameA li{display:inline;padding:0 3px;width:auto}
.fGameA li img{border:1px solid #f0f0f0}
.fGameC li img{border:2px solid #ccc}
.fGameB{clear:both;padding:5px 0 0;text-align:center}
.fGameB li{display:inline;padding:0 6px;width:auto}
.fGameD{padding:6px 0;text-align:center;font-weight:700}
.fGameD li{display:inline;padding:0 4px 0 0;width:auto}
.fGameD li a{padding:0 7px 0 0}
.copyright{text-align:center}
div#content .caption,div#sidebar .master,div#sidebar .styleBoxBottom,div#content .styleBoxBottom,div#content .local,div#content .google,div#content .other,div#content .updateList,div#content .formSection,div#content .listSection,div#content .mHead,div#sidebar .top li,div#sidebar .resolution,.sHead,div#pageBody{zoom:1}
div#content .caption:after,div#sidebar .master:after,div#sidebar .styleBoxBottom:after,div#content .styleBoxBottom:after,div#content .local:after,div#content .google:after,div#content .other:after,div#content .updateList:after,div#content .formSection:after,div#content .listSection:after,div#content .mHead:after,div#sidebar .top li:after,div#sidebar .resolution:after,.sHead:after,div#pageBody:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
@media only screen 
and (min-width : 320px) {
	div#layout{ width: 100%;}
	div#sidebar .ads, div#sidebar .topgame, div#sidebar .gameevent{ display: none;}
	div#sidebar{ width: 100%;}
	div#content{ width: 100%;}
	div#content .listSection li{ width: 44%;}
	div#content .listSection li img{ width: 100%; height: auto;}
	.customColor{ display: none;}
	#logo{ float: none; width: 100%; height: auto; text-align: center;}
	#logo img{ width: 50%; height: auto;}
	div#gNav a{ font-size: 12px;}
	.solidblockmenu li a{ width: auto;
  padding: 3px 10px 0;
  background: #61648d;
  height: 40px; }
	.solidblockmenu li{ width: 23%; margin: 1%;}
	div#header{ background: #474b71; height: auto; overflow: hidden;}
	div#gNav { float: none; height: 27px; padding: 0px 0 0; width: 100%;}
	body{ font-size: 30pt;}
	div#sidebar .resolution li{ width: 48%; font-size: 12px;}
	div#content .pageLink a {border: 1px solid #bbb;  display: inline-block;  margin: 0px;  padding: 2px 4px;  height: 15px;  line-height: 15px; font-size: 12px;}
  .sHead{ height: auto; font-size: 12px;}
	div#content .caption span{ width: auto;}
	div#content .caption span.play{ width: auto; float: none;}
	div#content .other li{ width: 30%; height: 360px;}
	div#content .other li img{ width: 100%; height: auto;}
	#gameContainer object, #gameContainer object object{ width: 100%;}
	div#content .mHead .latest{width: auto; font-size: 12px;}
	div#content .mHead {background: none;}
	div#content .listSection li p.detail{ font-size: 12px;}
	div#content .styleBoxContent{ padding:7px 5px 8px;}
	div#footer{ font-size: 12px;}
	.tabcontainer{ display: none;}
}
/* iPads (landscape) ngang ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.tabcontainer{ display: block;}
	div#sidebar .ads, div#sidebar .topgame, div#sidebar .gameevent{ display:none;}
	div#sidebar{ width: 100%;}
	div#content{ width: 100%;}
	div#content .listSection li{ width: 150px;}
	.customColor{ display: block;}
	#logo{ float: left; width: auto; height: auto; text-align: left;}
	#logo img{ width: auto; height: auto;}
	div#gNav a{ font-size: 12px;}
	.solidblockmenu li a{ width: 85px;padding: 3px 0 0;background: url(../../images/home/bg_gnav.gif) no-repeat left top;height: 24px;}
	.solidblockmenu li{ width: 85px; margin: 0 5px;}
	div#header{ background: none; height: 115px;}
	div#gNav { float: right; height: 27px; padding: 58px 0 0; width: 800px;}
	body{ font-size: 14pt;}
	div#sidebar .resolution li{ width: 30%;}
	div#content .pageLink a { border: 1px solid #bbb;  display: inline-block;  height: 18px; line-height: 18px;  margin: 0 3px;  padding: 2px 4px;}
  .sHead{ height: auto;}
	div#content .caption span{ width: 400px;}
	div#content .caption span.play{ width: auto; float: right;}
	div#content .other li{ width: 150px; height: 130px;}
	div#content .mHead .latest{width: auto;}
	div#content .mHead {background: none;}

}
/* iPads (portrait) dung ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.tabcontainer{ display: block;}
	div#sidebar .ads, div#sidebar .topgame, div#sidebar .gameevent{ display:none;}
	div#sidebar{ width: 100%;}
	div#content{ width: 100%;}
	div#content .listSection li{ width: 150px;}
	.customColor{ display: block;}
	#logo{ float: left; width: auto; height: auto; text-align: left;}
	#logo img{ width: auto; height: auto;}
	div#gNav a{ font-size: 12px;}
	.solidblockmenu li a{ width: 85px;padding: 3px 0 0;background: url(../../images/home/bg_gnav.gif) no-repeat left top;height: 24px;}
	.solidblockmenu li{ width: 85px; margin: 0px 5px;}
	div#header{ background: none; height: 115px;}
	div#gNav { float: right; height: 27px; padding: 58px 0 0; width: 800px;}
	body{ font-size: 14pt;}
	div#sidebar .resolution li{ width: 30%;}
	div#content .pageLink a { border: 1px solid #bbb;  display: inline-block;  height: 18px; line-height: 18px;  margin: 0 3px;  padding: 2px 4px;}
  .sHead{ height: auto;}
	div#content .caption span{ width: 400px;}
	div#content .caption span.play{ width: 200px; float: right;}
	div#content .other li{ width: 150px;height: 130px;}
	div#content .mHead .latest{width: auto;}
	div#content .mHead {background: none;}
}
@media only screen 
and (min-width : 1360px) {
	.tabcontainer{ display: block;}
	div#layout{ width: 1046px;}
	div#sidebar .ads, div#sidebar .topgame, div#sidebar .gameevent{ display:block;}
	div#sidebar{width: 346px;}
	div#content{ width: 690px;}
	div#content .listSection li{ width: 150px;}
	.customColor{ display: block;}
	#logo{ float: left; width: auto; height: auto; text-align: left;}
	#logo img{ width: auto; height: auto;}
	div#gNav a{ font-size: 12px;}
	.solidblockmenu li a{ width: 85px;padding: 3px 0 0; background: url(../../images/home/bg_gnav.gif) no-repeat left top;height: 24px;}
	.solidblockmenu li{ width: 85px; margin: 0px 5px;}
	div#header{ background: none; height: 115px;}
	div#gNav { float: right; height: 27px; padding: 58px 0 0; width: 800px;}
	body{ font-size: 12px;}
	div#sidebar .resolution li{ width: 48%;}
	div#content .pageLink a { border: 1px solid #bbb;  display: inline-block;  height: 18px; line-height: 18px;  margin: 0 3px;  padding: 2px 4px;}
  .sHead{ height: 19px;}
	div#content .caption span{ width: 400px;}
	div#content .caption span.play{ width: auto; float: right;}
	div#content .other li{ width: 150px;height: 130px;}
	div#content .mHead .latest{width: auto;  background: #fff;
  padding: 0 10px;}
	div#content .mHead {background: url(../../images/home/bg_mh.gif) no-repeat left top;}
}
#ads-play{ margin: 10px 0;}