/* 导航 */
#nav a{color:#8c8c8c}
#nav a:hover,#nav a.cur{color:#428bca}
#nav .navbar-brand{background-image:url(../imgs/logo2_4x.png)}
html*~body #nav .navbar-brand{background-image:url(../imgs/logo2.png)}

.arrow-down{border-left:solid 1px #8c8c8c;border-bottom:solid 1px #8c8c8c;}

/* 页首 */		
#header{background-color:#1c1c1c;}
	#header .container{position:relative;height:480px;padding-top:160px;background:url(../imgs/dw_planbanner.png) right top no-repeat}
		.bannertxt{padding-left:60px}
			#header h1{color:#fff;font-size:36px;font-weight:100;margin:0 0 30px}
			#header p{color:#8c8c8c}
			.register{position:relative;margin-top:60px;width:420px;height:50px;}
				.txt{font-size:16px;color:#fff;background:#1c1c1c;border:solid 1px #616161;border-right:none;height:50px;width:260px;padding:6px 12px;border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;}
				.regbtn{position:absolute;right:0;top:0;width:160px;font-size:16px;line-height:50px;text-align:center;color:#fff;background:#428bca;border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;}
				.regbtn:hover,.regbtn:focus{background:#2d9ed9;color:#fff}
				
				.txt::-webkit-input-placeholder{color:#8c8c8c}
	　　			.txt:-moz-placeholder {color:#8c8c8c;}
				.txt::-moz-placeholder {color:#8c8c8c;}
				.txt:-ms-input-placeholder {color:#8c8c8c;}
		
/* 内容 */
#plan{padding-bottom:0}	
	#plan .wrap{border:solid 1px #e4e4e4}
		#plan .line{right:60%;border-right-style:solid}
		#plan .col-plan1 {width: 40%;}
		#plan .col-plan2 {width: 60%;}
		#plan .col-plan1,#plan .col-plan2{padding:60px 30px}	
		#plan .col-plan1:hover,#plan .col-plan2:hover{-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2);-moz-box-shadow:0 0 15px rgba(0,0,0,0.2);box-shadow:0 0 15px rgba(0,0,0,0.2)}
			#plan h3{margin:0 0 10px;font-size:36px;font-weight:100}
			#plan p{line-height:3;color:#8c8c8c;}
			#plan .more{margin-bottom:45px}
			
			#plan ul{list-style:none;padding:0;margin:0;}
				#plan li{line-height:3;padding-left:25px;background:url(../imgs/list_icon1.png) 0 1.3em no-repeat}
				
			#plan ul.bluelist{color:#428bca}	
				#plan ul.bluelist li{background:url(../imgs/list_icon2.png) 0 1.3em no-repeat}

#configure{}
	#configure .col-xs-4{padding-top:25px}
		#configure p{margin:12px 0 0;color:#141414}

@media (max-width:767px){
	.navbar-toggle .icon-bar{background:#fff}
	
	.arrow-down{border-left:solid 1px #b2e5e9;border-bottom:solid 1px #b2e5e9;}
	#nav a{padding:8px 15px;color:#b2e5e9;}
	#nav a:hover,#nav a.cur{color:#fff}
	
	#nav .navbar-nav >li >a:hover .arrow-down,
	#nav .navbar-nav >li >a.cur .arrow-down{border-left:solid 1px #fff;border-bottom:solid 1px #fff;}	
	
	.bannertxt{text-align:center;padding-left:0}
		#header p{color:#fff}
		.register{margin:60px auto 0;width:300px;text-align:left;}
			.txt{width:200px;}
			.regbtn{width:100px}
	
	#plan .wrap{margin:0}
		#plan .line{display:none;}	
		#plan .col-sm-6{padding:40px}
		#plan .bottom-line{border-bottom:solid 1px #e4e4e4}
}


@media (min-width:768px){
	#navbar a.free{border:solid 1px #8c8c8c;color:#8c8c8c}
	#navbar a.free:hover{background:#fff;color:#428bca;border-color:#fff}
}
  	
@media (min-width:768px) and (max-width:991px){
	.bannertxt{padding-left:20px}
	
	#plan .col-sm-6{padding:40px}
	
	#configure .col-xs-4{width:20%;}
}

@media (min-width:992px) and (max-width:1199px){
	.bannertxt{padding-left:40px}
}