@charset "UTF-8";

/*----banner--------*/
.banner{
	background-image:url(/junior/images/course01.jpg);
}
.banner .txt{
	float:right;
	width:240px;
	padding-top:60px;
	text-align:center;
	color:#333;
	font-size:2.2rem;
	font-weight:bold;
}
.banner .color{
	color:#00c170;
}

.customize{
	padding:25px 10px 0px 25px;
}
.customize li{
	padding:0 0 15px 30px;
	border-left:solid 1px #ddd;
}
.customize-bd{
	position:relative;
	padding-left:12px;
	min-height:140px;
	background-color:#e5e5e5;
	border-radius:5px;
}
.customize-bd .icon{
	position:absolute;
	left:-48px;
	top:0;
	z-index:10;
	width:30px;
	height:33px;
	color:#fff;
	font-size:1.4rem;
	text-align:center;
	line-height:33px;
	background:url(/junior/images/icon-bg.png) no-repeat;
	background-size:100% 100%;
}
.customize-bd .arrow{
	position:absolute;
	left:-10px;
	top:0;
	z-index:10;
	width:0;
	height:0;
	border-right:20px solid #e5e5e5;
	border-top:transparent 20px solid;
	border-bottom:transparent 20px solid;
}
.customize-bd b{
	display:block;
	padding:10px 0;
	font-size:1.5rem;
	font-weight:normal;
}
.customize-bd p{
	font-size:1.2rem;
	line-height:1.6em;
}
.customize-bd img{
	width:100%;
}
.customize-bd .img{
	position:absolute;
	right:5px;
	bottom:0;
	width:130px;
}
.customize-bd .img2{
	float:right;
	width:70%;
	margin-right:5px;
}
.customize-bd .img2 img{
}
.customize-bd.bd1 .img{
	width:100px;
}
.customize-bd.bd3 .img{
	width:120px;
}
.customize-bd.bd5 .img{
	left:0;
	right:auto;
	width:110px;
}