html{ background:#e1e1e1}
body {
  position: relative;

}
.content{ background:#fff; width:960px; padding:0 10px; margin:0 auto;}

/* Code in headings */
h3 code {
  font-size: 14px;
  font-weight: normal;
}
a:hover{ text-decoration:underline}
*,a,span{ font-family:"\65b0\5b8b\4f53"; color:#000; font-size:12px;} 
.wrap{}
.wrap-in{ width:100%; background:url(/ue1/images/pc/index/2013/bgs-top.png) repeat-x}
.header{ height:158px;  margin:0 auto; width:980px; position:relative;}
.header .logo-part{ width:141px; height:82px; position:absolute; left:20px; top:25px; }
.header .banner{ position:absolute; top:24px; right:24px;}
.header .nav{ height:40px; line-height:40px; width:980px; position:absolute; bottom:0; left:0; overflow:hidden; background: #000; text-indent:0; }
.menu{ height:40px  }
.menu li{ float:left; width:93px; position:relative; }
.menu li a{font-size:14px;display:block; cursor:pointer;  text-align:center; color:#fff; text-decoration:none;font-weight:bold}
.menu li a:hover{ color:#fff; background:#0066a4 ; border:none}
.menu li .gep{ width:1px; background:#414141; height:26px; display:block; position:absolute; right:0; top:7px;}
.menu li a:hover .gep{ display:none}
.menu li a.current{ color:#fff; }
.menu li a.current .gep{ display:none}

.page-index .menu li.item01 a,.page-video .menu li.item03 a,.page-pic .menu li.item04 a,.page-news .menu li.item02 a,.page-zt .menu li.item06 a,.page-down .menu li.item09 a{background:#0066a4; border:none;}

.game-type{   background:#fff; padding:10px; width:960px;/* height:140px;*/ margin:  0 auto}
.game-type .game-con{ border:1px solid #cdcdcd}
.game-con .hd{ height:30px; text-align:center; background:#f4f4f4;border-bottom:1px solid #cdcdcd; line-height: 30px; }
.game-con .bd{ overflow:hidden; *zoom:1; padding:10px 0 5px 10px}
.game-c1{ float:left; width:150px; margin-top:-8px}
.game-c2{ overflow:hidden; *zoom:1}

.game-mod{ float:left; _display:inline; width:240px; margin-left:15px}
.game-mod .hd{ height:26px; padding:0 5px; line-height:24px;}
.game-mod .hd .tit{ font-size:12px; font-weight:bold; color:#fff282}
.game-mod .hd .more{ float:right; color:#575757}
.game-mod .hd .link{ color:#8a5a34}
.game-mod .bd{ padding:5px 0 0}

.game-tab{  *zoom:1; height:30px; float:left;background:#e8e8e8;}
.game-tab .gb-tab-item{ float:left; height:30px;border-right:1px solid #cdcdcd; line-height:30px; position: relative;width:78px;}
.game-tab .gb-tab-c{  position:absolute; width:78px; top: 0; left: 0; font-size:12px; color:#000; text-align:center; white-space:nowrap; display:block; font-weight:bold;}
.game-tab .gb-tab-c:hover{ text-decoration:none}
.game-tab .current{ z-index:3; color:#006699;border-bottom: 1px solid #fff; background:#fff; font-size:14px}

.game-con .other{ float: right; display: block; width:85px; text-align: center;}
.game-list{ padding:0 10px;}
.game-list li{ line-height:18px; padding-bottom:5px; clear:both; height:18px; vertical-align: bottom;}
.game-list li .tit{ display:block; width:56px; height:18px; padding-left:18px;color:#fff; font-weight:bold; float:left; margin-right:10px;background:url(/ue1/images/pc/index/2013/bgs.png) no-repeat;}
.game-list li .tit01{ background-position: 0 -132px; }
.game-list li .tit02{ background-position:0 -103px;}
.game-list li .tit03{ background-position: 0 -75px; }
.game-list li .tit04{ background-position:0 -154px;}
.game-name{ float:left; color:#d5d5d5; font-size:12px;}
.game-name a{ padding: 0 5px; color:#333333;}
.game-name a.red{color:#cc0000;}
/*
 * common form
 */

 .h10{ height: 10px; clear: both;}
.comm-table .tit{font-size:116.7%; color:#333; vertical-align:top; font-weight:normal; text-align:right; padding-right:10px;}
.comm-table .con{ padding-bottom:20px;}
.comm-textarea,.comm-text{ padding:5px; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-shadow:inset 0 1px 1px #f0f0f0}
.comm-table .note{ color:#666; margin-top:4px;}
.comm-table .error{ font-size:116.7%; color:#fa4b2a}
.comm-select{ padding:5px;}
#footer {color:#535353; height:100px;  border-top: 1px solid #c2c2c2; width: 980px; margin: 0 auto ;margin-top: 20px;}
#footer .global-footer{color:#535353;  padding-top:20px;}
#footer a{color:#535353; }
.copyright{color:#535353;}


.map-box{ color:#666666; padding-left: 10px; height: 40px; line-height: 40px;}
.text-ellispsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/*online style restruction*/
.page-con{ text-align:center}
.mod-page-switcher {margin: 10px 0 0 0;	padding-top: 12px ;font-size: 12px;font-family: "Arial", "\5b8b\4f53";line-height: 14px;	text-align: center;	color: #c7b6ab; height: 50px; }
.mod-page-switcher a { margin:0 2px 0 0;text-decoration: none;  border:none; -moz-border-radius: 3px;   -webkit-border-radius: 3px; border-radius: 3px; 
	border: 1px solid #b3b3b3; padding: 5px 8px;  color:#515151}

.mod-page-switcher a:hover,.mod-page-switcher a.current,.mod-page-switcher .page-current{ padding:5px 8px;text-align:center; line-height:23px; border-radius: 3px; border: 1px solid #b3b3b3; background: #3c93da;   color:#fff;}
.mod-page-switcher ul{ margin: 0 auto; text-align:center;}
.mod-page-switcher ul li{list-style-type: none; display:inline; text-align: center; margin-left:2px;}
.mod-page-switcher  .page-previous,.mod-page-switcher  .page-next , 
{   height:24px; line-height:24px; color:#515151;  text-align:center; border-radius: 3px; border: 1px solid #b3b3b3; }
.mod-page-switcher  .page-previous:hover ,.mod-page-switcher  .page-next:hover{color:#fff;}
.mod-page-switcher .goto {line-height: 23px}
.mod-page-switcher .goto span{ color:#a1a1a1}
.mod-page-switcher .goto .page-num{ width: 36px; height: 21px; line-height: 21px; border: 1px solid #dedede; margin-left: 5px;}
.goto a.a-go{border-radius: 3px;border: 1px solid #b3b3b3; line-height:23px;height:23px; padding:5px 8px; margin-left: 10px;}

.news-list01{ overflow: hidden; *zoom:1; }
.news-list01 li{ line-height:23px;}
.news-list01 .date{ float:right ; color: #7c7c7c;}
.news-list01 a:hover,.news-list02 a:hover,.con01-c02-c01 .news-list04 li a:hover{ color:#0066a4;}
.news-list01 a{ text-overflow:ellipsis; white-space: nowrap;
 overflow: hidden; *zoom:1; display: block;background:url(/ue2/images/pc/index/2013/icos.gif) -1px -203px no-repeat; padding-left:10px;  width: 95%;  }

.news-list01 .a01{ /*width:75%;*/ }

.pic-list02{ text-align: center;   }
.pic-list02 li{ float: left;  width: 49.9%; overflow:hidden; display: inline;}
.pic-list02 li a{ }
.pic-list02 li a img{ width: 108px; height: 54px; padding:1px; border: 1px solid #d1d1d1}
.pic-list02 li a:hover img{ border-color:#cc0000;  }
.pic-list02 li .txt{ display: block;  text-align: center; padding: 0 4px;}


.line01, .line02 {height: 2px;overflow: hidden;font-size: 0;border-bottom: 1px dashed #b3b3b3;clear: both;margin: 12px 0;}
.c-a li.line01{ height:2px; line-height:1px; font-size:0px; overflow:hidden; vertical-align:bottom; border-bottom: 1px dashed #b3b3b3;} 
.more01 {color: #fff;float: right;padding-right: 5px;}
@media only screen and (max-width:1024px){
	a,span,p{ font-family: "Microsoft YaHei"; font-size: 14px;}
	.header {height:50px; width: 100%; background: #525252; }
	.header .logo-part{ padding:0 ; max-width: 20%;left: 0; top: 0}
	.header .logo-part img{ width:80px;}
	.header .nav{ width: 80%;}
	.item02,.item04,.item05,.item06,.item07,.item08,.item09,.item10,.c-a li.line01{ display: none;}
	#footer,.header .banner{ display:none;}
	.game-type{ display:none;}
	.header .nav{ width: 80%; left: 20%;top: 10px; background: none;}
	.menu li.item01 ,.menu li.item03 { width:49%; height: 44px;  }
	.menu li.item01 a,.menu li.item03 a{ width: 100%;border-top-left-radius: 15px; border-top-right-radius: 15px; text-align: center; }
	

	.page-index .menu li.item01 a{ background: #fff; color:#000;}
	.page-index .menu li.item01 a:link{ background: #fff; color:#000;}
	.page-index .menu li.item01 a:visited{ background: #fff; color:#000001;}
	.page-video .menu li.item03 a{ background: #fff; color:#000;}
	.page-video .menu li.item03 a:link{ background: #fff; color:#000;}
	.page-video .menu li.item03 a:visited{ background: #fff; color:#000001;}
	.menu li a,.menu li a:hover{ background: #486a84;background-image: -moz-linear-gradient(top, #8ab7d2, #4b708c); /* Firefox */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8ab7d2), color-stop(1, #4b708c)); /* Saf4+, Chrome */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ab7d2', endColorstr='#4b708c', GradientType='0'); /* IE*/
border-top:1px solid #fff;}
	.menu li a:hover{ }
	.menu li .gep{ display:none}
}

@media only screen and (max-width:480px){
	.item02,.item04,.item05,.item06,.item07,.item08,.item09,.item10{ display: none;}
	.header .banner{ display:none;}
	.game-type{ display:none;}
	
}