.banner{
	background-image: url(../img/join/join-banner.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	height: 376px;
	position: relative;
}
.banner .inner{
	position: relative;
}
.cooperation
{
	width: 458px;
}
.cooper-item{
	width: 100%;
	height: 222px;
	border-top: 1px solid #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
.cooper-item.active:after{
	content: "";
	display: block;
	border-top:16px solid transparent;
	border-bottom: 16px solid transparent;
	border-right:16px solid #fff ;
	position: absolute;
	top: 96px;
	right: 0px;
}
#support{
	background-image: url(../img/join/support.jpg);
}
#support.active{
	background-image: url(../img/join/b-support.jpg);
}
#condition{
	background-image: url(../img/join/condition.jpg);
}
#condition.active{
	background-image: url(../img/join/b-condition.jpg);
}
#process{
	background-image: url(../img/join/process.jpg);
}
#process.active{
	background-image: url(../img/join/b-process.jpg);
}
#poily{
	background-image: url(../img/join/policy.jpg);
}
#poily.active{
	background-image: url(../img/join/b-policy.jpg);
}

.join-from{
	width: 458px;
	height: 216px;
	background-color: #fff;
	border-radius: 5px;
    position: absolute;
    z-index: 10;
   top: 139px;
   right: 0;
}
.from-group{
	margin-left: 16px;
	margin-top: 26px;
}
.input-box{
	width:193px;
	padding-left: 40px;
	height: 31px;
	background-repeat: no-repeat;
	margin-bottom: 14px;
	
}
.input-box input{
	border: none;
	width: 173px;
	padding: 0 10px;
	height: 30px;
	border-bottom: 1px solid #031427;
	line-height: 30px;
	font-size: 14px;
	color: #011520;
}
.company-box{
	background-image: url(../img/join/house.png);
	background-position: 10px center;
}

.contact-box{
	background-image: url(../img/join/man.png);
	background-position: 10px center;
}

.phone-box{
	background-image: url(../img/join/phone.png);
	background-position: 12px center;
}
.email-box{
	background-image: url(../img/join/email.png);
	background-position: 10px center;
}

.commit{
	font-size: 28px;
	color: #fff;
	padding: 36px;
	background-color: #00b4ff;
	line-height: 1.1em;
	border-radius: 5px;
	box-shadow: 5px 5px 10px rgba(0,180,255,0.5);
	margin: 55px 20px 0 0 ;
	cursor: default;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.condition-body{
	width:696px;
	
	
}
.container{
	width:696px !important;
	background-color: #FFFFFF !important;
	padding:5px 0 0 0!important;
	margin-left: 0 !important;
	height: 900px;
	
}
.div_scroll.easy_scrollable{
	height: 857px !important;
}

.scroll_container{
	height: 857px !important;
	background-color: #FFFFFF !important;
}

.content-list{
  padding-right: 50px;
  display: none;
}
.content-item{
	margin-top: 35px;
	padding-top: 12px;
}
.content-tit{
	font-size: 17px;
	color: #545964;
	line-height: 2em;
}
.content-msg{
	font-size: 15px;
	color: #545964;
	line-height: 2em;
	
}
.txtindent{
	text-indent: 30px;
}
.scroll_vertical_bar{
	width: 8px !important;
	height: 857px !important;
}
.scroll_track{
	width: 8px !important;
	height: 857px !important;
	background-color: #eeeeee !important;
}
.scroll_drag{
	background-color: #00B4FF !important;
	height:50px !important;
}


.content-l-tit{
	font-size: 20px;
	color: #031427;
}
.pl{
	padding-left: 30px;
}
.content-h2{
	text-align: center;
	font-size: 24px;
	color: #011520;
	padding-bottom: 30px;
}