@charset "utf-8";
/* CSS Document */
body{
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#9DA5B2;
	background-color: #000000;
}
form{
margin:0px;
padding:opx;
}
.out{
	margin-right: auto;
	margin-left: auto;
	width:1002px;
 }
.logo{	
	margin-right: auto;
	margin-left: auto;
	width:960px;}
 .logo_left{
	width:271px;
	float:left;
	height:101px;
	background-image: url(logo.jpg);
	background-repeat:no-repeat;
}
.logo_mid{
	float: left;
	height: 78px;
	width: 370px;
	padding-top: 20px;
}
.logo_mid a{
	text-decoration:none;
	color:#F6F4F7;
}
.logo_mid a:hover{
	text-decoration:underline;
}
.logo_mid li {
	text-align:left;
	float:right;
	margin:5px;
	padding:0px;
	width:20%;
}
.logo_right{
	float: right;
	height: 88px;
	width: 270px;
	padding-top: 10px;
}
.nav_bg{
	clear: both;
	background-image: url(nav_bg.gif);
	background-repeat:repeat-x;
	height: 43px;
}
.nav a{
	color:#A1BEE0;
	text-decoration:none;
	font-size: 12px;
}
.nav a:hover{
	color:#A1BEE0;
	text-decoration:underline;
	font-size: 12px;}
.nav ul{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 35px;}
.nav li{
	float:left;
	background-image: url(li_ico.gif);
	background-repeat: no-repeat;
	background-position: right;
	list-style-type: none;
	text-align: center;
	padding-right: 26px;
	padding-left: 26px;
	padding-bottom:3px;
		margin-top: 15px;

}
.nav_l{
	width:792px;
	float:left;}
.nav_r{
	width:210px;
	float:left;
	padding-top:16px!important;
	padding-top:12px;}
.search_input{
	margin-top:0px !important;
	margin-top:3px;
	width:170px;
	height:14px;
	background-color: #DBE5EE;
	color: #092848;
	font-size: 12px;
}
.search_but{
	margin-top:0px !important;
	margin-top:3px;
	background-repeat:no-repeat;
	background-image: url(search.gif);
	width:25px;
	height:19px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor:pointer;
}
.bottom{
	font-size:10px;
	width:1002px;
	padding-top:10px;
	height:80px;
 	text-align:center;
  	clear: both;
	color:#727272;
}
.main_l{
	width:762px;
	padding-left:5px;
	float:right;}
.main_r{
	width:210px;
	float: left;
}
.bottom a{
	text-decoration:none;
	color:#727272;
}
.bottom a:hover{
	text-decoration:underline;
}
h5{
	width:730px;
	padding-top:2px;
	height:28px;
	background-repeat:no-repeat;
	background-image: url(box_bar.gif);
	font-size:18px;
	text-indent: 80px;
	margin:12px 0 20px 0;
}
h5 a{
	color:#9DA5B2;
	text-decoration:none;
}
h5 a:hover{
	color:#9DA5B2;
	text-decoration:underline;
}
h4{
	width:360px;
	padding-top:4px;
	height:28px;
	background-repeat:no-repeat;
	background-image: url(box_bar2.gif);
	font-size:18px;
	text-indent: 80px;
	margin:12px 0 12px 0;
}
p{
margin:3px 0 0 0;}
.main_box{
float:left;
width:762px;}
.main_box div{
	margin-top: 0px;
	margin-right: 7px;
	margin-bottom: 8px;
	margin-left: 0px;
	}
.box{
	margin:0  5px 10px 0;
	width:115px;
	float:left;
	font-size:12px;
	text-align:center;
	background-color:#0F1215;
	padding:4px 0 4px 0;
	}
.box img{
	width:106px;
	height:159px}
.box a{
	color:#9DA5B2;
	text-decoration:none;
}
.box a:hover{	
	color:#9DA5B2;
	text-decoration:underline;
}
.page2 img{
	padding: 2px;
	border: 1px solid #0C1C29;
}
.main_box2{
	width:360px;
	float:left;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 10;
	margin-left: 0;
}
.main_box2 a{
	color:#9DA5B2;
	text-decoration:none;
}
.main_box2 a:hover{
	color:#9DA5B2;
	text-decoration:underline;
}
h1{
	background-image: url(cage.jpg);
	background-repeat: no-repeat;
	height:26px;
	margin:0px 0 12px 0;
	background-color:#99CC99;
	font-size: 12px;
	font-weight: normal;
}
h2{
	font-size:12px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #333333;
	width: 250px;
	font-weight: normal;
	text-indent: 4px;
}
.box_l{
	width:180px;
	float:left;
	background-image: url(left_line.gif);
	background-repeat: repeat-y;
	margin:12px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C1C29;
}
.box_l ul{
	margin:0 0 10px 6px;
	padding:0px;
	font-size:12px;
	list-style-type:none;}
.box_l li{
  	line-height: 20px;
	width:163px;
	background-color:#07131F;
	margin:3px 0 0 3px;
	text-indent:4px;
}
.box_l a{
	color:#9DA5B2;
	text-decoration:none;
	background-color:#07131F;
	display:block;
	width:163px;
}
.box_l a:hover{
	color:#fff;
	text-decoration:underline;
	background-color:#102B47;
}
.announce{
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
 }
.box_img{
	height:560px;
	float:left;
	width:370px;
	margin-top:20px;
	padding:10px 0 0 50px;}
	
.box_img img{
	border: 4px solid #4F4F4F;
}
.box_img_r{
	float:left;
	width:310px;
	height:560px;
	margin-top:20px;}
.imgInfo{
height:auto;}
.imgInfo p{
	font-size: 10px;
	padding: 4px;
}
.imgInfo ul{
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 4px;
	font-size: 12px;
}
.imgInfo li{
	float:left;
	border: 1px solid #333333;
	padding: 2px;
}
.share_img{
	border: 1px solid #232323;
	padding: 2px;
	margin: 4px;
}
.page{
	width:720px;
	margin:15px 0 0 0;
	float: left;
	clear: both;
	font-size:18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

.page a{
	color:#98AABE;
	text-decoration:none;
 	background-color:#102B48;
	padding:5px;

}
.page a:hover{
	color:#102B48;
	text-decoration:none;
 	background-color:#98AABE;
	padding:5px;

}
.page2 a:hover{
	color:#98AABE;
	text-decoration:none;
	font-size:12px;
}
.page2 a{
	color:#98AABE;
	text-decoration:underline;
	font-size:12px;
}
.page2 td{
  vertical-align:top;
}
.theme{
	width:720px;
	float: left;
	clear: both;
	text-align:center;
}
.theme_page{
	font-size:12px;
	width:720px;
	float: left;
	clear: both;
 }

.theme_down{
	width:160px;
	float:right;
	 
 }
.theme_down img{
		border: 1px solid #232323;
	padding: 2px;
	margin: 4px;
}
.theme img{
border: 4px solid #4F4F4F;}
.theme_view{
font-size:12px;
padding-top:8px;
float:left;
width:240px;}
.theme_share{
	width:500px;
	float:left;
	
	padding-top: 10px;
}
.theme_share a{
	color:#9DA5B2;
	text-decoration:underline;}
.theme_share a:hover{
	color:#fff;
	text-decoration:underline;}
.theme_share img{
	border: 1px solid #232323;
	padding: 2px;
	margin: 4px;
}
.theme_list{
	font-size:12px;
	width:350px;
	float: left;
	margin-right: 8px;
}
.theme_list a{
	color:#9DA5B2;
	text-decoration:underline;
}
.theme_list a:hover{
	color:#000000;
	text-decoration:underline;
	background-color: #9DA5B2;
}
.theme_list img{
	float:left;
	padding:3px;
	margin:5px;
	border: 1px solid #232323;
}
 .theme_other{
 float:left;
	width:180px;
	background-image: url(left_line.gif);
	background-repeat: repeat-y;
	margin:12px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C1C29;
}
.theme_other h1{
	background-image: url(othertheme.jpg);
	background-repeat: no-repeat;
	height:26px;
	margin:0px 0 5px 0;
	background-color:#99CC99;
	font-size: 12px;
	font-weight: normal;
}
.theme_other a{
	color:#9DA5B2;
	text-decoration:none;
	font-size: 12px;
	padding:5px;
  }
.theme_other a:hover{
	color:#9DA5B2;
 	text-decoration:underline;}
 .ring_other{
 float:left;
	width:180px;
	background-image: url(left_line.gif);
	background-repeat: repeat-y;
	margin:12px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0C1C29;
}
.ring_other h1{
	background-image: url(otherring.jpg);
	background-repeat: no-repeat;
	height:26px;
	margin:0px 0 5px 0;
	background-color:#99CC99;
	font-size: 12px;
	font-weight: normal;
}
.ring_other a{
	color:#9DA5B2;
	text-decoration:none;
	font-size: 12px;
	padding:5px;
  }
.ring_other a:hover{
	color:#9DA5B2;
 	text-decoration:underline;}
.ring_list{
	font-size:12px;
	width:350px;
	margin-right:9px;
	float:left;
  	border: 1px solid #0C1C29;
	padding:5px;
 }
.ring_list a{
	color:#9DA5B2;
	text-decoration:underline;
}
.ring_list a:hover{
	color:#000000;
	text-decoration:underline;
	background-color: #9DA5B2;
}
.ring_ico{
	background-image: url(ring_ico.jpg);
	background-repeat:no-repeat;
	width:32px;
	height:58px;
	float:left;

}
.intro{
text-align:center;}
.app_intro{
text-align:left;}
.app_intro img{
	padding:10px;
	border:0px;
}
.app_h1{
	background-image: url(applist.jpg);
	background-repeat: no-repeat;
	height:26px;
	margin:0px 0 12px 0;
	background-color:#99CC99;
	font-size: 12px;
	font-weight: normal;
}
.app_left{
	width:400px;
	float:left;
 	}
.app_right{
	width:305px;
	float:right;
 	}
.links{
	font-size:10px;
	width:952px;
	float: left;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 5px;
	text-align:center;
	padding-left: 25px;
}
.links a{
	text-decoration:none;
	color:#727272;
}
.links a:hover{
	text-decoration:underline;
}

.topTheme{

	background-image: url(topTheme.jpg);
	background-repeat: no-repeat;
	height:26px;
	margin:0px 0 12px 0;
	background-color:#99CC99;
	font-size: 12px;
	font-weight: normal;

}
.box_l2 {
	FLOAT: left; BACKGROUND-IMAGE: url(left_line.gif); MARGIN: 12px 0px 0px; WIDTH: 180px; BORDER-BOTTOM: #0c1c29 1px solid; BACKGROUND-REPEAT: repeat-y
}
 
.box_l2 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px 6px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
.box_l2 LI {
	MARGIN: 3px 0px 0px 3px; WIDTH: 163px; TEXT-INDENT: 4px; LINE-HEIGHT: 20px
}
.box_l2 A {
	DISPLAY: block; WIDTH: 163px; COLOR: #9da5b2; TEXT-DECORATION: none
}
.box_l2 A:hover {
	COLOR: #fff; TEXT-DECORATION: underline
}
.box_l3 {
	FLOAT:left; BACKGROUND-IMAGE: url(left_line.gif); MARGIN: 2px 0px 0px; WIDTH: 180px; BORDER-BOTTOM: #0c1c29 1px solid; BACKGROUND-REPEAT: repeat-y
}
.box_l3 UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; LIST-STYLE-IMAGE: none; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
.language a{
	text-decoration:none;
	color:#727272;
}
.language a:hover{
	text-decoration:underline;
}
.language li {
	text-align:left;
	float:left;
	margin:5px;
	padding:0px;
	width:20%;
}