@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
	========================================================================== */

#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
body { width:100%; margin:0 auto; padding:0;BACKGROUND-COLOR:#FAFAFA; font-size:14px; color:#3D362B; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,hr,div,p,form { margin:0; padding:0; font-size:14px; font-weight:normal; text-indent:0; list-style-type:none; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif}
hr {height:1px; line-height:1px; margin:0; padding:0; font-size:12px; font-weight:normal; text-indent:0; list-style-type:none}
TD {font-size:17px; color:#4a4a4a;; font-family:Microsoft YaHei,Arial, Helvetica, sans-serif;TEXT-DECORATION: none;}
input{outline:medium;}
A {COLOR: #3D362B; TEXT-DECORATION: none}
a:hover {color:#ff6600; text-decoration:none}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
img{
	border:0;
}

.divs{width:auto;height:auto;line-height:30px;margin-bottom:10px; text-align:left;COLOR:#333333;font-family:Microsoft YaHei; font-size:14px; PADDING-left:5px; PADDING-right:5px; background-color:#ffffff; BORDER: #dddddd 1px solid;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
img{border:0;}
input::-webkit-input-placeholder {font-size:16px;COLOR:#515151; }
::-webkit-input-placeholder {font-size:16px;COLOR:#515151; }
::-moz-placeholder {  font-size:16px;COLOR:#515151;} /* firefox 19+ */
:-ms-input-placeholder {font-size:16px; COLOR:#515151;} /* ie */
input:-moz-placeholder {font-size:16px;COLOR:#515151; }

#img2 { float:left;padding-right:10px;width:80px; height:80px;
} 
.txt1 { COLOR:#515151;width:160px; 
}
.txt2 { float:right;COLOR:#515151;
} 
.txt12 { float:right;COLOR:#515151;
}
.txt13{COLOR:#6F93DB; TEXT-DECORATION: none;FONT-SIZE: 13px;font-family:Microsoft YaHei}
.txt3 { float:right;COLOR:#ff6600;font-size:14px;
} 
.txt33 { float:right;COLOR:#515151;font-size:14px;
}
.txt32 { float:left;COLOR:#515151;font-size:14px;
}
.txt4 { COLOR:#ff6600;font-size:14px;
} 
.txt14 {float:left; COLOR:#3D362B;font-size:14px;line-height:25px;
} 
.txt12t {COLOR:#3D362B;font-size:14px;
} 
.txt14t {COLOR:#3D362B;font-size:14px;
} 
.txt16t {COLOR:#3D362B;font-size:16px;
} 
.txt18t {COLOR:#3D362B;font-size:18px;
} 
.txt12g {COLOR:#808080;font-size:12px;
}
.txt13g {COLOR:#808080;font-size:13px;
}
.txt14g {COLOR:#808080;font-size:14px;
}
.red2 {COLOR:#ff4000;}

.div50{width:100%;height:60px;line-height:60px; text-align:left;COLOR:#ff4000;font-family:Microsoft YaHei; font-size:14px; background-color:#ffffff;}
.app_x1{width:100%;height:1px; background-color:#e6e6e6;}
.txt{COLOR:#0083DE; TEXT-DECORATION: none;FONT-SIZE: 14px;height:20px;line-height:20px; font-family:Microsoft YaHei}
a:hover.txt {COLOR: #0083DE; text-decoration:none}

a { color:#3D362B; text-decoration:none;}
a:hover {COLOR: #3D362B; text-decoration:none}
a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */ 
.ic{COLOR:#ff4000;}

.buuum {cursor:pointer;height:42px; width:150px;line-height:31px;background:#FE8422 url("../images/bg.gif") no-repeat;border:1px solid #FE8422; font-weight:bold; font-size:15px; PADDING-TOP: 0px;color:#ffffff;text-decoration:none; font-family:Microsoft YaHei; font-weight:bold;-moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px;}
:hover.buuum{cursor:pointer;background:#FE8422;border:1px solid #FE8422;}

.tpic_bb30 {;width:300px;height:35px;line-height:35px;background:#ffffff;border:1px solid #cccccc; padding:0px;padding-left:5px; solid; font-size: 16px; color:#515151;text-decoration:none; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px}
:hover.tpic_bb30{background:#f6f6f6;}
.tpic_cc { -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;width:300px;height:40px;line-height:38px;border:1px solid #cccccc; padding:0px;margin-top:5px;text-align:center; solid; font-size: 16px; PADDING-TOP: 0px;color:#515151;text-decoration:none;}
.tpic_100 { -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;width:100px;height:30px;line-height:28px;border:1px solid #cccccc; padding:0px;padding-left:5px; solid; font-size: 16px; PADDING-TOP: 0px;color:#515151;text-decoration:none;}
.tpic_180 { -moz-border-radius: 3px; -webkit-border-radius:3px; border-radius:3px;width:180px;height:30px;line-height:28px;border:1px solid #cccccc; padding:0px;padding-left:5px; solid; font-size: 16px; PADDING-TOP: 0px;color:#515151;text-decoration:none;}
.box{float:left;margin:0 auto;width:100%;background: #ffffff; padding:0;text-align:center; padding-top:5px;padding-BOTTOM:5px;border:0px solid #E1E1E1; box-shadow: 0 0 0px #000;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
#box1 { float:left;text-align:left;margin:0 auto; width:70px;padding-bottom:2px;padding-top:5px;padding-left:3px; padding-right:3px; height:20px;}
.txtback{ float:right;COLOR:#515151; font-size:50px;margin-top: -5px;} 
.container {
font-family:Microsoft YaHei;FONT-SIZE:14px; 
	margin-left: auto;
	margin-right: auto;
		PADDING:10px;
max-width: 480px;
}
.container1 {
COLOR:#515151;

	HEIGHT: 50px; 
	line-height:30px; 

		PADDING-top:10px;
		PADDING-BOTTOM:10px;
	max-width:1200px; 
_width:expression_r(this.width<1200px?"auto":"1200px")
}

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


.container3 {
	BORDER: #bbbbbb 0px solid; WIDTH: aotu; HEIGHT: aotu; COLOR: #727272; FONT-SIZE:14px; PADDING:0px;line-height:30px; MARGIN-TOP:30px; 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;
	}
.btnwhite  {
	background:#fff ;
	-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:;
}
.white{COLOR: #3D362B}
.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;
}
.pay1 {
LINE-HEIGHT: 20px; WIDTH: 90px; TEXT-DECORATION: none; FLOAT: left; COLOR: #4a5a5a; FONT-SIZE: 14px; PADDING-TOP: 0px 
}
.h14 {COLOR: #3D362B; TEXT-DECORATION: none;FONT-SIZE: 14px;height:20px;line-height:20px; font-family:Microsoft YaHei}
.h14f {COLOR: #3D362B;FONT-WEIGHT: bold; TEXT-DECORATION: none;FONT-SIZE: 14px;height:20px;line-height:20px; font-family:Microsoft YaHei}
.h14b {COLOR:#0083DE; TEXT-DECORATION: none;FONT-SIZE: 14px;height:20px;line-height:20px; font-family:Microsoft YaHei}
:hover.h14b {COLOR: #ff6600;}
.h14r {COLOR:#ff4000; TEXT-DECORATION: none;FONT-SIZE: 14px;height:20px;line-height:20px; font-family:Microsoft YaHei}
.h20 {cursor:pointer;COLOR: #3D362B; TEXT-DECORATION: none;FONT-SIZE: 21px;height:30px;line-height:30px; font-family:Microsoft YaHei}
.h30 {cursor:pointer;COLOR: #3D362B; TEXT-DECORATION: none;FONT-SIZE: 30px;height:30px; line-height:30px; margin-bottom:0px;font-family:Microsoft YaHei}
.tdivh {cursor:pointer;COLOR: #ffffff; TEXT-DECORATION: none;FONT-SIZE: 12px;line-height:30px; font-family:Microsoft YaHei}
:hover.tdivh {COLOR: #f4f4f4;}
.tdivh1 {cursor:pointer;COLOR: #f4f4f4; TEXT-DECORATION: none;FONT-SIZE: 14px;line-height:30px; font-family:Microsoft YaHei}
.tdivh2 {cursor:pointer;COLOR: #474747; TEXT-DECORATION: none;FONT-SIZE: 14px;line-height:30px; font-family:Microsoft YaHei}
:hover.tdivh2 {COLOR: #ff6600;}
.ie_btn{float:left;text-align:center;margin-left: margin-top:5px;border:0px;width:150px;height:40px;line-height:38px; COLOR:#ffffff;font-family:Microsoft YaHei;font-size:14px; FONT-WEIGHT: bold;BACKGROUND:#0083DE url("../images/nbg.png") no-repeat;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
:hover.ie_btn {background:#0E9AF2;COLOR:#ffffff; 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; }
.ito {
LINE-HEIGHT: 44px; WIDTH: 167px; text-align:center; MARGIN-left:5px;MARGIN-right:5px; TEXT-DECORATION: none; BACKGROUND: url("../images/ih1.gif") no-repeat; FLOAT: left; HEIGHT: 45px; COLOR: #4a4a4a; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: -2px}
.ito {
COLOR: #4a4a4a; FONT-SIZE: 14px
}
A.ito:visited {
COLOR: #4a4a4a
}
A.ito:hover {
LINE-HEIGHT: 44px; WIDTH: 167px; TEXT-DECORATION: none; BACKGROUND: url("../images/ih.gif") no-repeat; FLOAT: left; HEIGHT: 45px; COLOR: #4a4a4a; FONT-SIZE: 14px; FONT-WEIGHT: bold; PADDING-TOP: 0px; solid: 
}
A.ito:link {
COLOR: #4a4a4a
}

/*	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: #3D362B;font-size:12px; font-family:Microsoft YaHei;}
:hover.ya12{COLOR: #999999;}

.co{margin-left:0px;COLOR: #f4f4f4;font-size:33px;line-height:50px;  font-family:Microsoft YaHei;}

.coi{margin-left:0px;COLOR: #f4f4f4;font-size:16px;line-height:50px;  font-family:Microsoft YaHei;}


.ya1{margin-left:10px;COLOR: #f4f4f4;font-size:15px; font-family:Microsoft YaHei;}
:hover.ya1{COLOR: #1F8EDB;}

.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;
}