/*----------------------header---------------------*/
* { font-size: 11px; font-family: Arial; margin:0; padding:0; border:none; -webkit-text-size-adjust:none; }
ul , li { list-style: none; float: left; margin:0; padding:0;}
::selection { color: #fff; background: #FF7D00; } 
img { float: left; }
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu,ins{display:block}
header { width: 1003px; height: 154px; margin:0 auto; }
footer{ width:1003px; height:220px; margin:0 auto;}
#game-recommend { height: 76px; float: left; margin: 13px 0 0; }
#game-recommend h3 { font: normal 12px/21px Arial; color: #767676; text-decoration: underline; float: left; width:88px; }
#game-recommend li { padding: 0 9px; position: relative; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";/* ie8  */filter:alpha(opacity=70);/* ie5-7  */opacity: 0.7; }
#game-recommend span { position:absolute; top:43px; left:10px; display:none; background:url(../images/recommend-bg.jpg) no-repeat; width:156px; height:33px; float:left; line-height:35px; padding:0 0 0 10px;}
#recommend-first { display:block;}
nav { width: 1003px; height: 40px; float: left; background: url(../images/nav-bg.jpg); }
nav ul { width: 997px; }
nav a { color: #FFF; margin: 0 3px; padding: 0 2px/9; height: 40px; text-decoration: none; display:block;}
nav a:hover { text-decoration: underline; }
nav a:visited { text-decoration: none; }
#game-list a { font: bold 11px/40px arial; }
/*search*/
#__suggest_keyword li span { float:right; padding:0 10px 0 0; width: 100px; }
#__suggest_keyword li {
width: 299px;
border-bottom: 1px solid #E6E6E6;
margin: 0 0 0 4px;
padding: 5px 0 5px 8px;
cursor: pointer;
}
.select_key { background:#F4F4F4;}
/*search*/
/*Picture*/ 
/*aside span ,*/ .search_go  , #linker a { background: url(../images/common.png) no-repeat; float: left; }
#logo { background: url(../images/logo.jpg); width: 94px; height: 70px; float: left; margin: 21px 54px 0 0; }
#search { border:1px solid #D4D4D4; width: 407px; height: 36px; float: left; margin: 39px 46px 0 0; background: #FFF; padding: 1px; }
#search_box { width: 408px; height:36px; background: url(../images/search-box-bg.jpg);  float: left; }
.search_input { width: 300px; height: 30px; border:1px solid #EFEFEF; margin: 3px 0 0 2px; line-height: 30px; color: #C2C2C2; float: left; padding: 0 0 0 10px; }
.search_go { width: 90px; height: 32px; background-position: 0 0; margin: 3px 0 0 2px; cursor:pointer; }
.index-but { color:#5F5F5F; float:right; padding:10px 9px 0 0;}
/*switch*/
.center { width: 991px; height: 280px; margin: 0 auto; background: #FFF; padding: 12px 0 0 12px; }
/*carousel*/
.flashgame-list { width:85px; height:220px; overflow:hidden; position:relative;}
#game-carousel { padding: 10px; width: 405px; height: 256px; float: left; background: #F2F2F2; }
#game-carousel ul { width: 73px; height: 220px; float: left; margin: 0 0 0 8px; position:absolute;}
#game-carousel img { padding: 2px 0; }
.cur-link { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";/* ie8  */filter:alpha(opacity=60);/* ie5-7  */opacity: 0.6; }
.cur { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* ie8  */filter:alpha(opacity=100);/* ie5-7  */opacity: 1;}
.big-game { float: left; height: 240px; width:320px; overflow:hidden; }
.arrow { padding:1px 0 1px 25px; float:left; width:60px; cursor:pointer;}
/*Top 10*/
#top-ten { margin: 0 20px 0 20px; width: 366px; height: 240px; float: left; }
#top-ten span { width: 20px; height: 20px; margin: 0 8px 0 0; float: left; text-align: center; font: bold 10px/20px Arial; color: #FFF; }
#top-ten li { padding: 13px 0 ;  border-bottom: 1px dotted #A1A1A1; line-height: 30px; }
#top-ten a:link , #top-ten a:visited { color: #767676; text-decoration:none; }
#top-ten a:hover { color: #767676; text-decoration:underline; }
#top-ten div { width: 183px; float: left; line-height: 20px; }
#top-game { width: 366px; line-height: 30px; font: bolder 12px/20px arial; float:left; border-bottom: 2px solid #D4631D; color: #d4641e; }
.top-first { background: #DA7817; }
.top-last { background: #B6B6B6; }
/*right*/
.sort a:link , .sort a:visited , .sort-game a:link , .sort-game a:visited , .sort-game a , .ipad-game a:link , .ipad-game a:visited , .download-game a:link , .download-game a:visited { color:#767676; text-decoration:none;}
.sort span:hover , .ipad-game a:hover , .download-game a:hover , .sort-game a:hover  { text-decoration:underline;}
#topic0 { float:left; padding:21px 0 0 26px;}
.ipad-game li , .download-game li { text-align:center; line-height:27px; color:#767676; }
.ipad-game li { width:62px; padding:0 0 4px 21px; }
#iphone-ipad-games { width:110px; }
#iphone-games , #ipad-games { width:104px; padding:15px 0 0;}
.download-game { background:url(../images/down-load-bg.jpg) repeat-x; width:110px; height:199px; float:left; margin:-11px 0 0; padding:10px 0 0;}
.download-game span , .ipad-game span { float:left; line-height:13px}
.download-game span { width:100px; text-align:center; float:left; line-height:13px; }
.ipad-game span { width:60px; padding:3px 0 0; }
.download-game li { width:102px; padding:0 0 0 5px; height:115px; }
/*footer*/
#foot-solid { width:1003px; height:2px; float:left; background:#d1621d; margin:1px 0;}
#game-active li { padding:10px 11px; float:left;}
#foot-nav { background:url(../images/foot-nav-bg.jpg) repeat-x; width:1003px; height:37px; float:left;}
#foot-nav li { float:left; padding:0 5px;}
body:nth-of-type(1) #foot-nav li {padding:0 4px;}
#foot-nav a { padding:0 0 0 12px; background:url(../images/foot-nav-Triangle.jpg) no-repeat; height:5px; float:left; color:#5f5f5f; line-height:5px; margin:16px 0 0 2px;}
#linker { background:url(../images/linker-bg.jpg) repeat-x; margin:11px 0 0; width:1003px; height:22px; line-height:22px; border-top:1px dashed #cdcdcd; border-bottom:1px dashed #b2b2b2;}
#linker a:link , #linker a:visited { line-height:22px; color:#767676; background-position:-747px -11px; margin:0 0 0 15px; padding: 0 0 0 10px; text-decoration:none; }
#linker a:hover { text-decoration:underline;}
#foot-link { color:#3d3d3d; font:bold 12px/23px Arial, Helvetica, sans-serif; } 
#introduction { margin:35px 0 30px 20px; float:left;}
#flash-games { float:left; width:322px; color:#aeaeae; padding:0 0 0 20px; line-height:18px; }
.footer-solid { height:155px; border-left:1px solid #e3e3e3; float:left; margin:-10px 35px 0 35px ; }
.coryright { background:url(../images/coryright.jpg) no-repeat; width:1003px; height:79px; color:#FFF; text-align:center; line-height:17px; float:left; padding:10px 0 0;}
.coryright a:link , .coryright a:visited { color:#FFF; text-decoration:none;}
.coryright a:hover { text-decoration:underline;}
.download-game img {
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 3px 3px #929292;
	-moz-box-shadow: 0 3px 3px #929292;	
	margin:0 0 3px;
}

/* -------------------------------------------------------------------------------webmaster----------------------------------------------------------------------------------- */
#overlay,#view-image-back,#upload-form-back {
	background:url(../images/overlay.png);
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	z-index:8888;
	display:none;
}
#message,.form-alert,#upload-form {
	z-index:9999;
	position:absolute;
	width:460px;
	padding:13px 10px 15px;
	margin:200px 0 0 -242px;
	left:50%;
	top:0;
	background:#FCF147;
	border:2px solid #b7e160;
	color:#ff4c29;
	text-align:center;
	display:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow:0 2px 4px rgba(50,56,42,0.34);
	-webkit-box-shadow:0 2px 4px rgba(50,56,42,0.34);
	box-shadow:0 2px 4px rgba(50,56,42,0.34);
}
#message,#upload-form {
	position:fixed;
}
#message p,.form-alert p {
	padding:8px 0 0 0;
	color:#8e6442;
}
#message p.red,.form-alert p.red {
	font-weight:400;
	color:#FF6800;
}
#message h4,.form-alert h4 {
	color:#FF6800;
	font-size:26px;
	line-height:30px;
	display:block;
	padding:0 0 3px 0;
	margin:0;
	font-weight:700;
}
.form-alert {
	display:block;
	position:static;
	left:auto;
	top:auto;
	z-index:auto;
	margin:0 auto 14px;
	border:none;
	width:360px;
}
#login .form-alert input {
	margin:14px auto 1px;
	background:#f8ffe4;
	width:80px;
}
#login .form-alert input {
	border-color:#FF944B;
}
#login .form-alert label {
	color:#4183CB;
}
input#file {
	width:17px;
	background:none;
	border:none;
	moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	padding-left:0;
}
/* Toolbar */
#toolbar {
	background:#3b3b3b url(../images/button.png) 0 -18px;
	height:30px;
	overflow:hidden;
	border-bottom:1px solid #222;
	font-size:13px;
	line-height:20px;
	font-family:Helvetica,Arial,sans-serif;
	text-shadow:#222 -1px -1px 0;
	z-index:9999;
	position:relative;
}
#toolbar a {
	float:left;
	display:block;
	border-left:1px solid #585858;
	border-right:1px solid #222;
	padding:6px 10px 4px;
	color:#bdbdbd;
}
#toolbar .first,#toolbar .first:hover {
	border-left:none;
	border-right:1px solid #222;
	margin-left:1px;
	padding:7px 6px 5px;
	height:28px;
}
#toolbar .last {
	border-left:1px solid #585858;
	border-right:none;
	display:block;
	float:left;
	height:28px;
	padding:0;
}
#toolbar a:hover,#toolbar a.cur {
	background:#2f2f2f;
	border-left:1px solid #303030;
	color:#b8b8b8;
	margin-left:0;
}
#toolbar a.cur {
	color:#FF6;
}
#toolbar .toolbar-right {
	float:right;
	padding:6px 10px 4px;
	display:block;
}
/* Close Me */
#close-me {
	right:0;
	top:0;
	position:absolute;
	font-weight:700;
	background:#b7e160;
	padding:2px 5px 3px 6px;
	margin:0 0 0 0;
	display:block;
	color:#4183CB;
	border-left:solid 1px #b2ca2c;
	border-bottom:solid 1px #b2ca2c;
	cursor:pointer;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
}
#close-me:hover {
	color:#5796db;
}
/* Upload Form */
.upload-form-frame {
	border:none;
	width:560px;
	height:600px;
	overflow-y:scroll;
	overflow-x:hidden;
}
#upload-form {
	padding:0;
	margin-top:60px;
	width:560px;
	margin-left:-292px;
}
/* View Image */
#view-image {
	width:100%;
	text-align:center;
	position:absolute;
	z-index:9999;
	top:20px;
	left:0;
}
#view-image img {
	cursor:pointer;
}
#notice {
	background:#FF6 url(../images/manage/notice.png) bottom;
	height:38px;
	padding-top:14px;
	color:#4183CB;
	font-family:Helvetica,Arial,sans-serif;
	font-size:16px;
	text-align:center;
}
#notice span {
	color:#FF6800;
}