/*
LS CSS
by HYH
*/

.page_main.page_dc p{
/*	letter-spacing: -1.2px;*/
}


.page_title.dc{
	background:url(../images/dc/dc1_vol11.png) no-repeat center top;
}

.page_title.dc .title_box h2,
.page_title.dc .title_box h3,
.page_title.dc .title_box h4{
	color:#000;
	letter-spacing: -1px;
}
.page_title.dc .title_box h2 span:before,
.page_title.dc .title_box h2 p{
	border-color:#000;
}

.page_dc div_top{
	font-size:2.0rem;
	font-weight:300;
	line-height:36px;
}

.page_dc .div_top .p1{
	letter-spacing: -1px;
}

.page_dc section{
	margin-top:120px;
}

.page_dc section h5{
	margin-bottom:60px;
	text-align:center;
}


/* sec1 */

.sec1 .div_info{
	width:100%;
	padding:60px;
	background:url(../images/dc/dc2-1_vol11.png) no-repeat left top;
}
.sec1 .div_info h5{
	padding-bottom: 35px;
	margin-bottom: 0;
}

.sec1 .info_box{
    margin: 0 auto;
    padding:0;
    width: 575px;
    letter-spacing: -1px;
}
.sec1 .info_box li{
	display:inline-block;
	font-size: 2.0rem;
	background:url(../images/dc/dc2-3_vol11.png) no-repeat left 6px;
	padding-left: 26px;
	margin-top: 10px;
}
.sec1 .info_box .bold {
	font-weight: 400;
	padding-right: 15px;
}


/* sec2 */
.page_dc .sec2 p {
	
}

.sec2 .div_edu {
	width:100%;
	padding:60px 50px 100px 50px;
	background-color:#fdc071;
	overflow:hidden;
	margin-bottom:40px;
}
.sec2 .div_edu .img1{
 	text-align: center;
 	padding-top: 30px;
}
.sec2 .div_edu .img2{
 	text-align: left;
	display: inline-block;
	padding-left: 50px;
	padding-top: 40px;
}
.sec2 .div_edu .img3{
 	text-align: left;
	display: inline-block;
	padding-left: 60px;
	padding-bottom: 60px;
}

.sec2 .div_edu .img4{
 	text-align: left;
	display: inline-block;
	padding-left: 95px;
	padding-top: 60px;
}
.sec2 .div_edu .img5{
 	text-align: left;
	display: inline-block;
	padding-left: 60px;
}

.sec2 .div_edu .img6{
 	text-align: left;
	float: left;
	padding-left: 0;
	padding-top: 40px;
}
.sec2 .div_edu .img7{
 	text-align: left;
	float: left;
	padding-left: 25px;
	padding-bottom: 40px;
	padding-top: 100px;
}

.sec2 .div_edu .img1 p, 
.sec2 .div_edu .img4 p, 
.sec2 .div_edu .img5 p, 
.sec2 .div_edu .img6 p, 
.sec2 .div_edu .img7 p {
	font-size: 1.8rem;
	padding: 0;
}
.clear {clear: both;}

/* sec3 */
.page_dc .sec3 .read_text {
	padding-bottom: 60px;	
}

.con_box{
	width:100%;
	padding:60px;
	background-color:#ffee7c;
	overflow:hidden;
	margin-bottom:40px;
}

.con_box.con_box2{
	background-color:#fdc071;
}

.con_left{
	float:left;
	width:596px;
	background-image: url(../images/dc/dc_line01.png), url(../images/dc/dc_line02.png);
	background-position: left top, left bottom;
	background-repeat: no-repeat, no-repeat;
	padding:90px 0;
}
.con_left p.st{
	display:block!important;
	font-size:3.0rem;
	font-weight:600;
	line-height:38px;
	margin-bottom:30px;
}

.con_left1 {
	float:left;
	width:596px;
	background:url(../images/dc/dc_line03.png) no-repeat left top;
	padding:90px 0 0 0;
}
.con_left1 p.st{
	display:block!important;
	font-size:3.0rem;
	font-weight:600;
	line-height:28px;
	margin-bottom:30px;
}

.clear { clear: both; }

.con_right{
	float:right;
	width:300px;
}
.con_right p {
	line-height: 26px;
	padding-top: 10px;
}
.con_right .name {
	font-weight: 400;
}
.con_right .position {
	font-size: 1.8rem;
}

.con_box.con_box2 .con_left{
	float:right;
}

.con_box.con_box2 .con_right{
	float:left;
}

.con_right .text_part{
	font-size: 1.8rem;
	letter-spacing: -1.2px;
}


/* sec4 */


/* sec5 */

.page_dc .sec5{
	width:100%;
	padding:60px 90px 80px 90px;
	background-color:#ffee7c;
	overflow:hidden;
	text-align:center;
	margin-top:120px;
}

.page_dc .sec5 p{
	text-align:center;	
}

.page_dc .sec5_img1{
	margin:24px 0 7px 0;
}

.page_dc .sec5 .text {
	font-size: 1.8rem;
	padding-bottom: 43px;
	padding-right: 40px;
	text-align: right;
}


/* sec6 */
.div_about {
	width:100%;
	padding:60px 50px 60px 50px;
	background-color:#c7cafc;
	overflow:hidden;
	text-align:justify;
	font-size:2.0rem;
	font-weight:300;
	line-height:36px;
	letter-spacing: -1px;
}


/***********************************************/

@media all and (max-width:1279px){

	.page_main.page_dc{
		padding:50px 0;
	}

	.page_dc section{
		margin-top:70px;
	}
	
	.page_main.page_dc p{		
		display: inline;
	}

	.page_main.page_dc .div_top p,
	.page_main.page_dc .sec2_div p{
		display:block!important;
	}

	.pt_left,
	.pt_right{
		width:48%;
	}

	.con_left {
		width:70%;
		padding: 8% 0;
		background-size: 90%, 90%;
	}

	.con_left1 {
		width:70%;
		padding: 8% 0;
		background-size: 90%, 90%;
	}
	.con_right{
		width:28%;
	}

	.ep_top {
		width: 100%;
		padding-bottom: 35px;
	}

	.page_dc .sec5{
		padding: 30px 60px 40px 60px;
	}

	.sec2_part {
	padding: 10px 30px 30px 30px;
	}

	.page_dc .sec5 .text {
		padding: 0 0 30px 0;
		text-align: center;
	}

}

@media all and (max-width:768px){
	.page_title.dc {
		background:url(../images/dc/dc1-1_vol11.png) no-repeat left top;
	}
}


@media all and (max-width:567px){
	.page_title.dc{
		padding-top: 80px;
	}
	.page_dc section {
		margin-top: 20%;
	}

	.sec1 .div_info{
		padding:30px;
	}
	.sec1 .info_box {
		width: 100%;
	}
	.pt_div {
		margin-bottom: 10%;
	}
	.pt_left,
	.pt_right{
		width:100%;
	}

	.con_box {
		padding:15% 10%;
	}

	.con_left {
		width:100%;
		padding: 8% 0;
		background-size: 90%, 90%;
		margin-bottom: 10%;
	}
	.con_left1 {
		width:100%;
		padding: 8% 0;
		background-size: 90%, 90%;
		margin-bottom: 10%;
	}

	.con_right{
		width:100%;
	}

	.con_box.con_box2 .con_right{
		margin-bottom: 10%;

	}
	.page_dc .sec5 {
		padding: 10% 10% 15% 10%;
		margin-top: 100px;
	}
	.page_dc .sec5 .text {
		padding: 0 0 30px 0;
		text-align: center;
	}

	.sec2 .div_edu {
		padding: 30px;
	}
	.sec2 .div_edu .img2,
	.sec2 .div_edu .img3,
	.sec2 .div_edu .img4,
	.sec2 .div_edu .img5,
	.sec2 .div_edu .img6,
	.sec2 .div_edu .img7 {
		display: block;
		text-align: center;
		padding-left: 0;
		padding-top: 20px;
	}

	.page_dc .sec3 .read_text {
		padding-bottom: 30px;	
	}
}

.line-break { display: block; }