@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0; background:#fff; font:13px/1.4 Verdana, Arial, Helvetica, sans-serif; color:#000;}
div,ul,ol,li,dl,dt,dd,p,form,legend,h1,h2,h3,h4,h5,span,a{ margin:0; padding:0;}
ul,ol{ list-style:none;}
input, select, textarea { font:13px/1.4 Verdana, Arial, Helvetica, sans-serif; vertical-align:middle;}
img{border:none;}
a { color:#36c; text-decoration:underline; }
a:hover { color:#f60; text-decoration:none; }
.clear{clear:both; float:none; height:0; line-height:0; font-size:0; overflow:hidden;}
.line{ height:5px; line-height:5px; overflow:hidden; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/92/92b4e98977873f42caa7cb8d6bfedd564b23b660.gif) repeat-x left center; }
/* 以css属性名的首字母+属性值的首字母组合而成, 可结合其他样式产生一定的效果，也可单独使用，单独使用注意css的优先级 */
.fl { float:left; }
.fr { float:right; }
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }
.tdu { text-decoration:underline; }
.tdn { text-decoration:none; }
.strong{}
#mask{ display:none; position:absolute; width:100%; left:0; top:0; background:#315F8C; filter:alpha(opacity=30); opacity:0.3; z-index:9;}

/* form button */
.submit, .submit2, .submit3, .reset{ display:inline-block; zoom:1; width:173px; height:36px; line-height:36px; border:none; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/0d/0d6a664afee555d4013496a07d3e17d6f53e813d.png) no-repeat 0 0; font-size:14px; color:#FFF; text-decoration:none; text-align:center; cursor:pointer;}
.submit:hover, .submitH{ background-position:0 -36px; color:#FFF; }
.reset{ width:93px; background-position:0 -72px; }
.reset:hover, .resetH{ background-position:0 -108px; color:#FFF;}
.submit2{ width:100px; background-position:0 -144px; }
.submit2:hover, .submit2H{ background-position:0 -180px;  color:#FFF;}
.submit3{ width:130px; background-position:0 -216px; }
.submit3:hover, .submit3H{ background-position:0 -252px;  color:#FFF;}

#top, #main, #footer{margin: 0 auto; width:auto;}
#top {background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/f6/f67369fe79e41517ff5affa6f7d9a37779a24e09.gif) repeat-x 0 -22px; height:100px;}
.header{width:950px; margin:0 auto; padding:20px 10px 0; overflow:hidden; zoom:1;}
.tips{ float:right; width:200px; height:48px; margin-top:15px; padding:10px 0 0 200px; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/0c/0c0122aa17b1a5c35efb2f423a8681a303055c60.png) no-repeat; color:#659900; font-style:italic; font-size:13px; }

#main{ background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/61/612f8fc11ce792d72b5b891bfea433c89aa0bc76.png) repeat-x #677997; height:auto; padding:20px 0; overflow: hidden;}
.container{ position:relative; overflow: hidden; width:960px; background:#FFF; margin:0 auto; }

.b1, .b2, .b3, .b4{ position:absolute; width:9px; height:9px; overflow:hidden; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/a0/a05984e64df0622b5f208f597dedd9df49f9fe0d.png) no-repeat;}
.b1{ left:0; top:0; background-position: 0 0; }
.b2{ right:0; top:0; background-position: -9px 0;}
.b3{ left:0; bottom:0; -bottom:-1px; background-position: 0 -9px; }
.b4{ right:0; bottom:0; -bottom:-1px; background-position: -9px -9px;}
.path{float:left;  padding:24px 0 24px 35px;}
.pwdPage .path{float:none !important;  padding:24px 0 24px 35px;}
.center{ margin:135px 0 0 100px;}
.center img{ display:inline-block; zoom:1; vertical-align:middle;}
.center .return{ position:relative; margin-right:70px; zoom:1; text-decoration:none;}
.center .time{ position:absolute; right:8px; top:-6px; *top:0; width:15px; height:16px; color:#FFF; z-index:2; text-align:center; text-decoration:none;} 
.center .mc{ display:inline-block; margin-top:-10px;}

.mbox{width:960px; height:180px; background-color:#e7f4da; border-top: 4px solid #7fc237; border-bottom:4px solid #7fc237; margin-bottom:26px; }
.mbox li{ float:left; width:280px; height:136px; padding:16px 0 16px 40px;}
.mbox .book, .mbox .plan, .mbox .news{ line-height:40px; padding-left:55px; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/d4/d468ed6a1491396d831e0254f9b7bfa5d7d1f010.png) no-repeat; font-size:16px;}
.mbox .plan{ background-position:0 -40px;}
.mbox .news{ background-position:0 -80px;}
.mbox p{ margin-top:10px;}


.select{ width:644px; padding:10px;}
.topics{color:#548802; font-style: Oblique; font-size:13px;  text-align:left; padding: 15px 0 0 42px;}

.sform{width:584px; padding:15px 0 15px 60px; }
.sform .bdt{ margin-top:10px; padding-top:10px; border-top:1px dashed #CCC;}
.reason{ width:540px; height:80px; border:1px solid #CCC; margin:15px 0 0 60px; padding:15px;}

.leftbox{ float:left; width:625px; }
.leftbox img{margin-left:70px ; }
.banner{ width:550px; height:140px; padding:10px 0 10px 0;}
.content{ padding:30px 65px 14px; }
.content p{ margin-bottom:20px;}
.text1{color:#659900; font-style:italic; font-size:14px; padding-bottom:10px;}
.joinus{width:547px; height:36px;padding-left:65px;  }	

.boxline{float:right;width:2px; height:501px; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/3b/3b342796b0e4e8a5fed9bc18387fd73a997ee001.gif) no-repeat; } 

.rightbox{ float:right; width:333px; height:490px; background: url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/3e/3e7582399bed9dd962b2424aeec19c7c33cb04f9.gif) repeat-x;}
.rightbox2{  width:333px; height:190px; background: url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/3e/3e7582399bed9dd962b2424aeec19c7c33cb04f9.gif) repeat-x;}
.rightbox .loginbox{ margin:100px 0 0 20px; background:none;}
.msg{padding:70px 0 0 60px; width:260px; height:35px; line-height:25px; font-size:14px;}

.loginbox{ margin-right:4px; padding:15px; background-color:#f1f8ff; }
.loginbox .title{}
.loginbox .labelLi{ margin:5px 0 10px;}
.loginbox label{ display:block; padding:5px 0;}
.loginbox label span{ display:inline-block; width:72px;}
.loginbox .hello{ margin-bottom:15px;}
.loginbox .hello .name{ margin-left:20px; font-weight:bold;}
#username ,#password { border:1px solid #CCC; color: #000; padding:1px 2px; vertical-align: middle; width:228px;}
.btn{ width:74px; height:20px; float:left;}
.lostpw{ margin-left:35px;}
.sub{ border-style:none; background-color: Transparent; background-image: url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/dc/dcdd482eb065bdc8fb1f21f18d5a32b7c1b6e050.gif); width:47px;height:20px; vertical-align:middle;}


#footer{ background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/c0/c0c7d2aab8c38ff0408138888c0a0308946cb832.gif) repeat-x; height:66px; clear:both; padding:18px 0; text-align:center; font-size:13px;}
.copy { width:970px; margin:15px auto 0; padding-top:15px; background: url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/92/92b4e98977873f42caa7cb8d6bfedd564b23b660.gif) repeat-x; font-size:11px; line-height:1.2; color:#666; clear:both; }
.copy img { height:18px; margin-right:15px; vertical-align:middle; width:125px; }

.inpic{width:960px; height:245px; margin: 0 auto; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/8a/8a008442e1ea474ad6a7f51c27568c443be53047.jpg) no-repeat;}
.inpic2{width:960px; height:298px; margin: 0 auto; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/e0/e07f4105e8ee51823e588647c7a9ca2daa892c09.jpg) no-repeat;}
.inpic3{width:960px; height:245px; margin: 0 auto; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/b0/b0472d32575d3841a292d36e157b1c59f95ec9a3.jpg) no-repeat;}

.lbox{ float:left; width:664px; padding:12px 12px 30px;}
.rbox{width:266px; height:auto; background-color:#fff; float:right;}
.rbox .formTips{ position:relative; zoom:1; border:3px solid #EF9800; border-radius:6px; margin:5px 5px 0 0; padding:10px 0 10px 15px; background:#F5FFDF;}
.rbox .formTips .arrow{ position:absolute; right:25px; bottom:-16px; *bottom:-15px; -bottom:-16px; width:28px; height:16px; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/d0/d06cd906d3bd86c8b696b9bdcf2cc4582b5689af.png) no-repeat;}


.enjoy{ width:260px; height:355px; background-color:#eeffdf; margin-right:4px;}
.enjoy .expert{ padding:20px 30px 30px;}
.enjoy .more{ margin-left:30px; color:#7FC237; }
.txt3{color:#FFF; font-size:20px; font-style: oblique;  background-color:#7fc237; width:236px; height:66px; padding:8px 0 8px 25px;}
.enjoyLi{ padding-top:10px;}
.enjoyLi li{ padding:6px 8px 8px 50px;  background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/c4/c4c7f7db14865d484b0f289c3dc63772dadf6caf.png) no-repeat 16px 10px;}

.text2{ color:#000;  font-size:14px;  padding:15px 0 15px 50px;font-weight:normal}
.text2 .step{ margin-right:15px; font-size:24px; color:#87b201; font-weight:normal;}
.text2 .num{ color:#F60;}
.newuser{font-size:13px; margin-right: 10px; width:648px;}
.newuser th{ vertical-align:top; padding-top:8px;}
.succIco, .failIco{ margin-left:5px; padding-left:7px; background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/91/91dfeedb8177a06506ef4229077dd90b288a240e.png) no-repeat left center;}
.failIco{ background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/1f/1fd49cb40188ff7b06e1b4dabd10fe75930b2bbf.png) no-repeat left center; }

.newuser td{ padding:6px;}
.txt{ border: 1px solid #CCC; height: auto; padding: 2px 5px; vertical-align: middle; width:206px; height:18px;}
.focus{ border-color:#F60;}
.newuser th{color:#548802; font-style: Oblique; font-size:13px;font-weight:normal; text-align:right; padding-right: 5px; line-height:18px;font-weight:normal}
.red{ color:#fe3200; font-size:11px; padding-right:15px;}

.navtext{ padding:20px; height:150px; width:220px; }
.navtext a{ color:#87b201;}
.navtext a:hover{ color:#f60}

.check{ padding:0 5px 2px; background: url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/55/55a63eed01f6fecabcad2a6c9bab646701d94bf5.png) no-repeat 0 1px; color:#fff; font-size:11px; cursor:pointer;}

.errMsg{ border:#FF9A00 solid 1px; line-height:1.6; margin:5px 0; padding-left:25px; background:#FFFBD0 url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/c4/c40ac4a66a8d5b12252c3c81ad138c461b1ef963.gif) no-repeat 5px 3px; color:#F24306; font-size:12px;line-height:16px}

.agree{ height:54px; line-height:54px; margin:30px 0; padding:0 20px; -padding-top:15px; background:#f1f8ff; overflow:hidden; zoom:1;}
.policy{ padding:0 20px;}

/* agreement pop box */
#agreement{ display:none; position:absolute; z-index:10; width:610px; border:2px solid #95B1D1; padding:20px; background:#EBEBEB url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/2c/2ceed21deda95e68dc2d390f979c9df8aab1f283.png) repeat-x;}
#agreement .close{ position:absolute; right:-15px; top:-15px; width:38px;height:38px;background:url(https://vipbest.com/wp-content/uploads/jatu-legacy-assets/80/804cb7c0469f6a90f3f02014f9705e162fcfce57.png) no-repeat;-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=https://vipbest.com/wp-content/uploads/jatu-legacy-assets/80/804cb7c0469f6a90f3f02014f9705e162fcfce57.png); -background:none; cursor:pointer;}
#agreement .strong{}
#agreement .agreeCont{ height:250px; overflow:auto; border:1px solid #CCC; margin-top:15px; padding:15px; background:#FFF; color:#666;}
#agreement .agreeCont li{ list-style:decimal; margin:15px 0 0 20px;}
#agreement .agreeCont li li{ list-style:lower-alpha; margin:8px 0 0 20px;}

.losePwd{ height:400px;}
.losePwd p{ margin:20px 100px;}
.losePwd form{ margin:60px 100px;}

.hide{display:none}
.txtLabel {width:185px; }

@media screen and (max-width: 955px){
	.copy , .header{width:95%;}
	.tips, .boxline {display:none; }
	.container {width:100%; }
    .path{	width: 100%;}
	.rightbox .loginbox {margin-top:60px; }
	.rightbox {margin:10px auto; height:190px; float:none;}
	.leftbox {margin:10px auto; float:none; }
	
	/*-----join.asp------*/
	.rbox {display:none; }
}
@media screen and (max-width: 700px){
	.lbox {width:98%; padding-left:5px !important; }

}

@media screen and (max-width: 660px){
	.agree {height:110px; }
}
@media screen and (max-width: 600px){
	#agreement {width:75%;}
	.leftbox {width:100%;}
	.leftbox img{margin:0px 5px ; }
	.leftbox .content {padding:30px 5px 14px;}
	.logo {height: auto; width: 280px;}

	.newuser{width:100%;}
	.text2 {padding-left:10px; }
}
@media screen and (max-width: 470px){
	.leftbox img {width:98% !important; height:auto;}
	.newuser .txt {width:130px; }
	
	.losePwd form{ margin:60px 0px;}
	.txtLabel {width:125px; }
}
@media screen and (max-width: 430px){
	.inpic{height:0px; background:none;}	
	.agree {padding:0px; }
	.header {padding-right:0px; }
}
@media screen and (max-width: 350px){
	.rightbox {width:100%; }
	.agree {line-height:30px; }
	.losePwd p{ margin:20px 10px;}
}