@charset "utf-8";
li{ list-style:none;}
*{	margin:0;
	padding:0;}
/*General Style*/
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.hide{ display:none;}

/*style sheet*/
body {
	font-family:Arial, Helvetica, sans-serif;
	background:url(bg-body.gif) repeat-x left top #fff;
	font-size:12px;
	padding:0px;
	margin:0px;
}
#wrapper{
	width:100%;
	background:url(bg-body.jpg) no-repeat center -90px;
	margin:-7px 0 0 0px;
	padding:0px;
}
td{
	font-size:12px;
}
a:link{
	color:#000;
}
a:hover{
	text-decoration:none;
}
.back2 {
    background: url("nav-bg.gif") repeat-x scroll 0 0 #B5DFF5;
}
.color1 {
    background-color: #FFFFFF;
}
.color6 {
    background-color: #efefef;
}
.border2 {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333;
}
.nav a{
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
/*header*/
.header{
	width:1020px;
	margin:7px auto;
	height:36px;
}
.header img{
	border:0px;
}
/*center*/
.center{ width:1020px; height:534px; margin:7px auto;}

.center_left{width:362px;}
.logo img{ width:362px;}
.bg-search{
	background:url(banner03.png) no-repeat left top;
	width:387px;
	height:390px;
	margin-left:-25px;
	position:relative;
	overflow:hidden;
}
.n_search{
	margin:75px 0 0 50px;
	position:absolute;
}
.center_right{ width:642px; position:relative;}
.join-div{
	width:682px;
	height:149px;
	position:absolute;
	margin-top:-400px;
	margin-left:450px;
}
.join-div{ width:145px; height:151px;}

/*featuredmembers img*/
.featuredmembers{
	margin:50px auto 0 auto;
	width:1020px;
} 
.featuredmembers li{ float:left;}
.featuredmembers img{ 
	width:134px; 
	height:101px;
	background:url(bg-featuredmember.png) no-repeat left top;
	padding:14px;
	margin:0 4px;
	border:0px;}

/*main */
.mainbody{
	width:1020px;
	margin:20px auto;
}
.maintext{
	 font-size: 14px;
    line-height: 31px;

}
.maintext p{ margin:6px 0;}
.maintext .maintext-tit, .sidebar .sidebar-tit{
	font-size:24px;
	border-bottom:2px solid #333;
	padding-bottom:5px;
	line-height:30px;
}
/*footer*/
.footer{
	width:100%;
	background:#000;
	text-align:center;
	padding-top:18px;
	color:#ccc;
}
.footer p{
	padding:1px 0 15px 0;
	line-height:18px;
}
.footer p a{
	padding:0 5px;
	color:#ccc;
}	
	
	
	
	
	
	
	
	
	
.login-con{
	float:right;
	position:relative;
	width:157px;
	z-index:999;
	margin-top:5px;
}
.dropdownContainer {
    background-color: #FFFFFF;
    border: 3px solid #fff;
    color: #000000;
    display: block;
    padding: 10px;
    position: absolute;
    top: 28px;
	right:0px;
    width: 200px;
	box-shadow: 0 1px 3px #000;
-moz-box-shadow: 0 1px 2px #000;
-webkit-box-shadow: 0 1px 3px #000;

}
.dropdownContainer a{
	color:#000!important;
	background:none!important;
}
.row {
    margin-bottom: 0.5em;
    padding-bottom: 0;
    padding-left: 0;
}
.dropdownContainer .row label {
    color: #000000;
    font-weight: bold;
}
.submitButton {
    background:#ad4677;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    padding: 3px 12px;
}
.login-con a{
    font-size:20px;
	color:#fff;
	padding:0 15px 0 0;
	background:url(arrow-white.png) no-repeat right 6px;
}
.language a, .language span{
	color:#fff;
	font-weight:normal;
	padding:0 2px;
}
.banner{
	width:1069px;
}





.sidebar{
	width:265px;
}
.sidebar ul{
	list-style:none;
	padding:12px 0 0 0px;
	margin:0px;
	float:left;
	width:100%;
}
.sidebar ul li{
	padding:5px 0;
	font-size:14px;
	font-weight:bold;
	width:100%;
	float:left;
}
.sidebar ul li img{
	float:left;
}
.sidebar ul li a{
	float:left;
	padding:3px 0 0 8px;
	color:#333;
}

.n_search tr td{
	padding:2px 0;
}
.n_sel, .n_sel2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px;
	padding:2px;
	color:#333;
}
.n_sel2{
	width:76px;
}
.n_search label{
	font-weight:bold;
	padding-right:5px;
}
.innerfooter {
    background: none repeat scroll 0 0 #000;
    border-top: 1px solid #000;
    color: #FFFFFF;
    line-height: 22px;
    text-align: center;
}
.innerfooter a{
	color:#fff;
}
.innerfooter img, .footer img{
	border:0px;
}
.post{
	color: #9DD2E3;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    text-align: left;
    width: 100%;
}
.post .post-tit{
 border-bottom: 2px solid #333333;
    font-size: 24px;
    height: 30px;
    padding-bottom: 5px;
	color:#333;
}
.post ul{
	list-style:none;
	padding:0px;
	margin:10px 0 0 0px;
}
.post ul li{
	width:100%;
	float:left;
	padding:3px 0;
	margin:1px 0 0 0;
	line-height:18px;
}
.post ul li a{
	color:#333;
	font-weight:bold;
	padding:0 5px;
	text-decoration:none;
}
.post ul li a:hover{
	text-decoration:underline;
}
.post ul li span{
	color:#666;
}
.user-login{
    list-style:none;
    padding:0px;
    margin:0px;
}
.user-login li label{
    float:left;
    width:100%;
    padding:0px 0 2px 0;
}
.user-login li{
    float:left;
    width:100%;
    padding:5px 0;
}
.user-login li input{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    width:218px;
    padding:4px 2px;
}
.reg_tips{
    
    margin:0px;
    padding:0px;
    margin-left:20px;
}
.n-Button {
    border: 1px solid transparent;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    border-radius: .3em;
    cursor: pointer;
    display: inline-block;
    font-family:"helvetica neue", arial, sans-serif;
    font-weight: bold;
    line-height: 1em;
    margin: 0;
    padding: .11em .825em .21em;
    height:28px;
    float:left;
    text-align: center;
    -moz-transition: all .05s ease-in-out;
    -o-transition: all .05s ease-in-out;
    -webkit-transition: all .05s ease-in-out;
}
.n-Button.Button-white {
    background-color: #f0eded;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdfafb), to(#f0eded), color-stop(.5, #f9f7f7), color-stop(.5, #f6f3f4));
    background-image: -moz-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
    background-image: -o-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
    background-image: -webkit-linear-gradient(top, #fdfafb, #f9f7f7 50%, #f6f3f4 50%, #f0eded);
    border-color: #bbb;
    color: #524d4d;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfafb', endColorstr='#f0eded');
    text-shadow: 0 1px rgba(255, 255, 255, 0.9);
}
.n-Button.Button-orange{
    background-color: #f0933b;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f9c08b), to(#f0933b), color-stop(.0, #f9c08b), color-stop(.0, #f0933b));
    background-image: -moz-linear-gradient(top, #f9c08b, #f0933b 0%, #f9c08b 0%, #f0933b);
    background-image: -o-linear-gradient(top, #f9c08b, #f0933b 0%, #f9c08b 0%, #f0933b);
    background-image: -webkit-linear-gradient(top, #f9c08b, #f0933b 0%, #f9c08b 0%, #f0933b);
    border-color: #cf7015;
    color: #333;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9c08b', endColorstr='#f0933b');
    text-shadow: 0 1px #f9c08b;
}
.n-Button.Button-otherstyle {
    font-size: 16px;
    height: 35px;
    margin-left: 0;
}
.self-pc{ display:block;}
.self-mobile{ display:none;}
.self-pc1{ display:inline-block;}
.self-mobile1{ display:none;}
@media screen and (max-width:767px)
{
#wrapper{
	width:100%;
	background:#481830;
	margin:-7px 0 0 0px;
	padding:0px;
}
.header{
	width:100%;
	margin:7px auto;
	height:36px;
}
.login-con{
	float:right;
	position:relative;
	width:157px;
	z-index:999;
	margin-top:5px;
	margin-right:10px;
}
.center{ width:100%; margin:7px auto;}
.center_right, .featuredmembers{ display:none;}
.center_left{width:100%;}
.logo img{width:100%;}
.bg-search{
	background:#EFECEC;
	width:100%;
	height:440px;
	margin-left:0;
	position:relative;
	overflow:hidden;
}

.mainbody{
	width:100%;
	margin:10px auto;
	background-color:#FFF;
}
.n_search{
	margin:75px auto 0;
	position:absolute;
	 background-color:#EFECEC;
}
.n_search tr td{
	padding:7px 0;
}
.div_wrap{ width:299px; margin:0 auto;}
.maintext{
	 font-size: 14px;
    line-height: 31px;
	margin:0 10px;
}
.self-pc{display:none;}
.self-mobile{display:block;}
.self-pc1{display:none;}
.self-mobile1{display:inline-block;}
}