@charset "UTF-8";
/* =RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}li{display:-moz-inline-stack;display:inline-block;vertical-align:top;zoom:1;*display:inline;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}strong{font-weight:bold;}textarea{overflow:auto;vertical-align:top;}html {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a {background:transparent; text-decoration: none; -webkit-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; -moz-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; -ms-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; -o-transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; transition: color 0.1s linear, border 0.1s linear, opacity 0.1s linear, background-color 0.1s linear; } a:active, a:hover, a:focus {border: none; outline:0; text-decoration: none; } ::selection {background: #6a6a6a; color: #f5f5f5; text-shadow: 1px 1px 1px #060606; } ::-moz-selection {background: #6a6a6a; color: #f5f5f5; text-shadow: 1px 1px 1px #060606; } .sr-only {position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } ::-webkit-input-placeholder {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; } :-moz-placeholder {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; } ::-moz-placeholder {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; } :-ms-input-placeholder {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 300; }

.clearfix:before,.clearfix:after,.container:before,.container:after,form>p:before,form>p:after{display:table;content:" "}.clearfix:after,.container:after,form>p:after{clear:both}



/*	=DEFAULT & BASIC STYLES
	========================================================================== */



body {
background:#ffffff;
/*background: url("/assets/img/backgrounds/1.jpg")no-repeat top center;height:100%;-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: auto auto;#75188B	color: #dfdfdf;*/
	font:400 65%/1 "Helvetica Neue",Helvetica,Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
	padding-bottom: 3em;
}

.container {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	max-width: 1600px;
	PADDING:10px;
	PADDING-TOP: 2px;
}

.container2 {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}


.container3 {
	BORDER-BOTTOM: #bbbbbb 1px solid; BORDER: #bbbbbb 1px solid; WIDTH: 100%; HEIGHT: aotu; COLOR: #f4f4f4; FONT-SIZE:14px; PADDING:20px;line-height:30px; MARGIN-TOP:50px; PADDING-TOP: 2px;
}

.btn:hover {
	cursor: pointer;
}
#join input.btnRed:active,
.btn:active {
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5) inset;
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5) inset;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.5) inset;
	position: relative;
	left: 1px;
	top: 1px;
	opacity: 0.7;filter: alpha(opacity=70);
}

#join input.btnRed,
.btnRed {
	background: #d4050c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.43);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.43);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.43);
	border: none;
	color: #fff;
	font: bold 1em/2.24 "Avenir","Helvetica Neue",Helvetica,Arial,sans-serif;
	height: 2.24em;
	letter-spacing: -1px;
	text-align: center;
	text-shadow: 2px 2px 2px rgba(128,0,4,0.75);
}
	#join input.btnRed:hover,
	.btnRed:hover {
		background: #e92a31;
	}

.right {
	float: right;
}

section {
	clear: both;
	margin-bottom: 4em;
}

/*	HEADER 
	========================================================================== */
header {
	padding: 1em 0;
}
h1 {
	float: left;
	margin-top: 1%;
}
header .btnRed {
	display: block;
	font-size: 3em;
	padding: 0 1em;
}

.tdivh {cursor:pointer;COLOR: #ffffff; TEXT-DECORATION: none;FONT-SIZE: 14px;line-height:30px; font-family:Microsoft YaHei}
:hover.tdivh {COLOR: #f4f4f4;}
.tdivh2 {cursor:pointer;COLOR: #d7d7d7; TEXT-DECORATION: none;FONT-SIZE: 14px;line-height:30px; font-family:Microsoft YaHei}
:hover.tdivh2 {COLOR: #cccccc;}
.ie_btn{float:left;text-align:center;margin-left: margin-top:5px;border:0px;width:180px;height:50px;line-height:48px; COLOR:#333333;font-family:Microsoft YaHei;font-size:18px; background:#ffffff;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
:hover.ie_btn {background:#f6f6f6;COLOR:#333333; cursor:pointer;}
.iv2 {FLOAT:left; margin-left:4px;margin-top:5px;margin-bottom:0px;PADDING-left:6px;PADDING-right:6px; PADDING-top:2px; PADDING-bottom:4px; LINE-HEIGHT:14px; color:#e6e6e6;font-family:Microsoft YaHei;font-size: 12px;background:#666666;}
:hover.iv2 {COLOR:#FCB364; }
/*	FORM 
	========================================================================== */
#join {
	padding-top: 8em;
}

.subtitle,
h2 {
	font: bold 3em/1 "Avenir","Helvetica Neue",Helvetica,Arial,sans-serif;
	letter-spacing: -1px;
	margin-bottom: 1em;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	text-transform: uppercase;
}
	.subtitle span {
		font-size: 1.5em;
	}
	.subtitle em {
		color: #d4050c;
	}

#join .right {
	max-width: 100%;
	width:330px;
}
#join form {
	background: #fff;opacity: 0.8;filter: alpha(opacity=80);
	-webkit-box-shadow: 0 0 85px rgba(0,0,0,0.18) inset, 25px 25px 25px rgba(0, 18, 33, 0.57);
	-moz-box-shadow: 0 0 85px rgba(0,0,0,0.18) inset, 25px 25px 45px rgba(0, 18, 33, 0.57);
	box-shadow: 0 0 85px rgba(0,0,0,0.18) inset, 25px 25px 145px rgba(0, 18, 33, 0.57);
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 2em;
	padding:6%;
}
	#join form > p {
		clear: both;
		margin-bottom: 1.0em;
	}
	#join form h2 {
		color: #686868;
		font-size: 1.5em;
		letter-spacing: -1px;
		text-transform: uppercase;
		text-align: left;
		padding-left:3em;
		text-shadow: none;
	}

	#join #age > span,
	#join label {
		color: #686868;
		float: left;
		font: 1.5em/1.65 "Avenir","Helvetica Neue",Helvetica,Arial,sans-serif;
		height: 1.65em;
		margin-right:5px;
		overflow: hidden;
		text-align: right;
		width: 60px;
	}
	#join input,
	#join select {
		background: #eee;
		border: 1px solid #8b8b8b;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		color: #000;
		float: left;
		font: 1.3em/1.65 "Avenir","Helvetica Neue",Helvetica,Arial,sans-serif;
		height: 2.2em;
		padding: 0 0.66em;
		width: 180px;
	}
	#join input.btn {
		font-size: 2.6em;
		margin-left:60px;
		text-transform: uppercase;
	}
	#join #age input {
		width: 180px;
	}
	#join #age > span {
		line-height: 1.8;
		margin-right: 0;
		text-align: center;
		width: 60px;
	}



.testimonial {
	margin-bottom: 4em;
}
	.profileSmall {
		float: left;
		max-width: 80px;
		width: 20%;
	}
		.profileSmall img {
			display: block;
			height: auto;
			max-width: 100%;
		}
	.profileDescription {
		float: right;
		font-size: 1.5em;
		line-height: 1.2;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.75);
		width: 80%;
		color: #fff;
	}
	
.rtop{COLOR: #686868;font-size:14px; font-family:Microsoft YaHei;}
A.rtop:hover{COLOR: #1F8EDB;}

.btop{margin-left:0px;COLOR: #686868;font-size:14px; font-family:Microsoft YaHei;}
A.btop:hover{COLOR: #1F8EDB;}

.btopf{margin-left:15px;COLOR: #686868;font-size:14px; font-family:Microsoft YaHei;}
A.btopf:hover{COLOR: #1F8EDB;}

.bgo{float:left;margin-right:5px;line-height:18px; width:38px;height:20px;text-align:center;background:#666666;COLOR: #ffffff;font-size:12px; font-family:Microsoft YaHei;-moz-border-radius: 2px; -webkit-border-radius:2px; border-radius:2px;}
A.bgo:hover{background: #1F8EDB;}

.buot{float:left;margin-right:5px;line-height:18px; width:38px;height:20px;text-align:center;background:#ff4000;COLOR: #ffffff;font-size:12px; font-family:Microsoft YaHei;-moz-border-radius: 2px; -webkit-border-radius:2px; border-radius:2px;}
A.buot:hover{background: #1F8EDB;}

.tex{font-family:Microsoft YaHei;COLOR: #cc0000;font-size:22px;LINE-HEIGHT:60px }
.tex1{font-family:Microsoft YaHei;COLOR: #cc0000;font-size:18px;LINE-HEIGHT:35px }
.ya12{margin-left:10px;COLOR: #808080;font-size:12px; font-family:Microsoft YaHei;}
:hover.ya12{COLOR: #999999;}

.ic {COLOR: #ff4400;font-size:12px;font-family:Microsoft YaHei}
.ib {COLOR: #f4f4f4;font-size:12px;font-family:Microsoft YaHei}
.t20 {;COLOR: #ffffff; TEXT-DECORATION: none;FONT-SIZE: 20px;line-height:30px; font-family:Microsoft YaHei;}
.viplogin {FLOAT:left; margin:0px;margin-left:0px;border:0px;width:306px;height:44px;line-height:38px; COLOR: #ffffff; font-family:Microsoft YaHei; font-weight:bold; font-size:16px; background:#d54545;-moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px;}
:hover.viplogin {FLOAT:left;background:#e54545; cursor:pointer}

.viploginpc {FLOAT:left; margin:0px;margin-left:0px;border:0px;width:304px;height:44px;line-height:38px; COLOR: #ffffff; font-family:Microsoft YaHei; font-weight:bold; font-size:16px; background:#d54545;-moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px;}
:hover.viploginpc {FLOAT:left;background:#e54545; cursor:pointer}

.logn {FLOAT:left;text-align:left; BORDER-BOTTOM: #BDBDBD 1px solid; BORDER-LEFT: #BDBDBD 1px solid; WIDTH: 254px; HEIGHT: 38px; COLOR: #999999; FONT-SIZE: 12px; BORDER-TOP: #BDBDBD 1px solid; BORDER-RIGHT: #BDBDBD 1px solid; line-height:22px; PADDING-left: 45px; PADDING-TOP: 2px;text-align:left;  background:#ffffff url("../images/boxu.gif") repeat-x;-moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px; }
.pwd {FLOAT:left;text-align:left; BORDER-BOTTOM: #BDBDBD 1px solid; BORDER-LEFT: #BDBDBD 1px solid; WIDTH: 254px; HEIGHT: 38px; COLOR: #999999; FONT-SIZE: 12px; BORDER-TOP: #BDBDBD 1px solid; BORDER-RIGHT: #BDBDBD 1px solid; line-height:22px; PADDING-left: 45px; PADDING-TOP: 2px; background:#ffffff url("../images/boxp.gif") repeat-x;-moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}

.ya1{margin-left:10px;COLOR: #f4f4f4;font-size:15px; font-family:Microsoft YaHei;}
:hover.ya1{COLOR: #1F8EDB;}
.logn11 {
	BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 160px; HEIGHT: 32px; COLOR: #666666; FONT-SIZE:12px; BORDER-TOP: #bbbbbb 1px solid; BORDER-RIGHT: #bbbbbb 1px solid; PADDING-left:42px;line-height:30px; MARGIN-TOP:4px; PADDING-TOP: 2px;background:url(/images/loginpic1.gif) repeat-x; 
}
.logn22 {
	BORDER-BOTTOM: #bbbbbb 1px solid; BORDER-LEFT: #bbbbbb 1px solid; WIDTH: 160px; HEIGHT: 32px; COLOR: #666666; FONT-SIZE:12px; BORDER-TOP: #bbbbbb 1px solid; BORDER-RIGHT: #bbbbbb 1px solid; PADDING-left:42px;line-height:30px; MARGIN-TOP:4px; PADDING-TOP: 2px;background:url(/images/loginpic2.gif) repeat-x; 
}
.c_btn{FLOAT:left; margin:0px;margin-top:5px;margin-left:10px;border:0px;width:106px;height:40px;line-height:38px; COLOR: #474747; font-family:Microsoft YaHei;font-size:16px; background:#fdfdfd;-moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;}
:hover.c_btn {background:#f5f5f5;COLOR:#1576B3; cursor:pointer;}
button{
    cursor: pointer;
    width: 180px;
    height: 32px;
	line-height:28px;
    padding: 0;
    background: #ef4300;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ff730e;
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.25) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0,0,0,.1);
    -o-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
}

button:hover {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
}

button:active {
    -moz-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    -webkit-box-shadow:
        0 15px 30px 0 rgba(255,255,255,.15) inset,
        0 2px 7px 0 rgba(0,0,0,.2);
    box-shadow:        
        0 5px 8px 0 rgba(0,0,0,.1) inset,
        0 1px 4px 0 rgba(0,0,0,.1);

    border: 0px solid #ef4300;
}



/*	==========================================================================
	MEDIA QUERIES 
	========================================================================== */
@media (max-width:1359px){
	#benefits ul {
		float: none;
		margin: 1em auto;
		width: 70%;
	}
	#benefits .right {
		float: none;
	}
	#benefits .btn.btnRed {
		font-size: 4em;
	}
}
@media (min-width:1080px) and (max-width:1359px){
	.container {
		max-width: 900px;
	}
}
@media (min-width:480px) and (max-width:1079px){
	#faqs dt {
		font-size: 2.3em;
	}
	#faqs dd {
		font-size: 1.6em;
	}
}
@media (min-width:800px) and (max-width:1079px){
	.container {
		max-width: 760px;
	}
}
@media (max-width:1079px){
	#benefits ul {
		width: 95%;
	}
}
@media (min-width:800px) and (max-width:879px){
	.slick-slider {
		max-width: 80%;
		margin: auto;
	}
}
@media (min-width:480px) and (max-width:799px){
	.container {
		max-width:70%;
	}
	header .btnRed {
		font-size: 1.5em;
		margin-top: 0.5em;
	}
	.subtitle, h2 {
		font-size: 2.6em;
	}

	#join input
	#join select {
		width: 180px;
	.chosen-container {
		width: 180px !important;
	.chosen-container {
		width: 180px !important;

	}
	#join #age input {
		width: 85px;
	}
	#members > h2 {
		font-size: 1.8em;
	}
	#benefits > h2 {
		font-size: 2.3em;
	}
	footer .right {
		width: 70%;
	}
}
@media (min-width:480px) and (max-width:579px){
	.slick-slider {
		max-width: 579px;
		margin: auto;
	}
}

@media (min-width:330px) and (max-width:479px){

	.container {
		max-width:330px;
		margin: auto;
	
	}
		footer .left, footer .right {
		margin: 0 ;
		text-align: center;
		width: 380px;
	}
}

@media (max-width:329px){

	.container {
		max-width: 203px;
		
	}
	
	section {
		margin-bottom:1em;
	}
	h1,
	header .right {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.subtitle, h2 {
		font-size: 1.5em;
	}
	#join form h2 {
		font-size: 1.8em;
		letter-spacing: -1px;
	}
	#join label {
		display: block;
		float: none;
		text-align: left;
		width: 100%;
	}
	#join input.btn {
		margin-left: auto;
		letter-spacing: -1px;
		font-size: 1.5em;

	}
	
	.profileSmall {
		margin: 0 1em 1em 0;
		width: auto;
	}
	.profileDescription {
		float: none;
		width: 100%;
	}
	.testimonial {
		margin-bottom: 0;
	}
	#members > h2 {
		font-size: 2.9em;
		letter-spacing: -1px;
		text-align: center;
	}
	.slick-slider {
		max-width: 70%;
		margin: auto;
	}
	.slick-prev {
		left: -4em;
	}
	.slick-next {
		right: -4em;
	}
	#benefits > h2 {
		font-size: 3.8em;
		letter-spacing: -1px;
	}
	.box {
		padding: 0.5em 1em;
	}
	#benefits ul {
		width: 100%;
	}
	#benefits li {
		font-size: 1.6em;
		margin-bottom: 1em;
		padding-left: 30px;
	}
	.btn.btnRed {
		font-size: 1.8em;
		letter-spacing: -1px;
	}
	#benefits .btn.btnRed {
		font-size: 1.5em;
		letter-spacing: -1px;
	}
	#faqs dt {
		font-size: 2.6em;
		letter-spacing: -1px;
	}
	#faqs dd {
		font-size: 1.5em;
		margin-bottom: 3em;
	}
	footer .left, footer .right {
		float: none;
		margin: 0 auto 1em;
		text-align: center;
		width: auto;
	}
	footer .right p {
		text-align: center;
	}