/* 导航 */
#nav a{color:#8c8c8c}
#nav a:hover,#nav a.cur{color:#1d95ea}
#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:#1d95ea;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:50%;border-right-style:solid}
		#plan .col-sm-6{padding:60px}	
		#plan .col-sm-6: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:#1d95ea}	
				#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:#1d95ea;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}
}

#frm_purchase {color:#999;background-color: #f5f5f5;border-radius: 4px;}
#frm_purchase .modal-header{border-bottom: none; padding-left: 30px; padding-right: 30px;}
#frm_purchase .modal-header .modal-title{color: #333;}
#frm_purchase .modal-footer{border-top: none; padding-right: 30px;}
#frm_purchase #container_email {
	margin: -15px 15px;
	background-color: #fff;
	padding: 15px 0;
}
#frm_purchase input.readonly{background:#fff;border:none;box-shadow:none;}
#frm_purchase .control-label{font-size:12px;padding-top:6px;font-weight:normal;}
#frm_purchase .form-group .col-sm-6{padding: 0}
#frm_purchase #input_amount + .msg-box {white-space: nowrap;}
#input_amount{color:red;font-size:12px;}
.require {color:red !important;}
#frm_purchase .btn-default{background:#c7cbd6}
#frm_purchase .msg-box{position:absolute;color:#fc5f3a;font-size:12px;top: 100%}
#frm_purchase .businessmanEmail .msg-box,
#frm_purchase .productPeriod .msg-box,{left: 0; top: 100%;}
#frm_purchase .codebox{position:relative;padding-right:100px;}
#frm_purchase .codebox img{position:absolute;right:0;top:0;cursor:pointer;}
#frm_purchase .agree { 
	color: #666;
	font-size: 14px;
}
#frm_purchase .inof-spite-line {
	height: 0;
	margin: 0 -15px 15px;
	border-top: 4px solid #f5f5f5;
}
#frm_purchase .fee-description-item {
	margin-bottom: 0;
}
#frm_purchase .description {
	background-color: #f5f5f5;
	border: solid 1px #e5e5e5;
	display: none;
	font-size: 12px;
	color: #333333;
	line-height: 1.5;
	padding: 10px;
}

#frm_purchase a{
	color:#4dbebd;
	-webkit-transition:color .3s;
	-moz-transition:color .3s;
	transition:color .3s	
}
#frm_purchase a:hover,#frm_purchase a:focus{text-decoration:none;color:#32E2E1;}