/* ==========================================================================
    About Content Company Intro
========================================================================== */

.rwdbr{
	display: block;
}
@media screen and (max-width: 767px){
	.rwdbr{
		display: none;
	}
}

.sub.nav-tabs{
	margin-bottom: 55px;
    padding: 18px 0;

}
.sub.nav-tabs li{
	width: 240px;
	text-align: left;
	float: left;
}
.sub.nav-tabs li a{
	margin: 0;
	padding: 0;
    padding-left: 32px;
    float: left;
    width: 100%;
}
.sub.nav-tabs li a h4:before{
	font-family: "icomoon";
	content: "\f575";
	color: #00a1e1;
	font-size: 26px;
    padding-right: 10px;
    float: left;
}
.sub.nav-tabs li a h4{
	font-size: 16px;
    margin: 0;
    line-height: 35px;
}

@media screen and (max-width: 1407px){
	.sub.nav-tabs li{
		width: 14.2857142857%;
	}
	.sub-body > .tab-content > .tab-pane{
		float: left;
	    padding: 0 15px;
	    width: 1200px;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-mos-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	#about .sub-body > .tab-content > .tab-pane#milestone{
	    left: auto;
	    -webkit-transform: none; /* Safari and Chrome */
        -moz-transform: none; /* Firefox */
        -ms-transform: none; /* IE 9 */
        -o-transform: none; /* Opera */
        transform: none;
	}
}
@media screen and (max-width: 1199px){
	.sub.nav-tabs li{
		width: 20%;
	}
	.sub-body > .tab-content > .tab-pane{
	    width: 100%;
	}
}
@media screen and (max-width: 767px){
	.sub.nav-tabs{
		margin-bottom: 40px;
	}
}

@media screen and (max-width: 479px){
	.sub.nav-tabs li a h4:before{
		padding-right: 5px;
	}
}

/*=== intro  ===*/

#intro .intro-container .up,
#intro .intro-container .down{
	float: left;
	width: 100%;
}
#intro .intro-container .up{
	border-bottom: solid 1px #d7dfdc;
	padding-bottom: 48px;
}
#intro .intro-container .down{
	margin-top: 70px;
	margin-bottom: 115px;
}
#intro .intro-container{
	margin: 0 auto;
	margin-top: 35px;
}
#intro .intro-container .image1{
	float: right;
}
#intro .intro-container .pic{
	position: relative;
	float: left;
}
#intro .intro-container .image2{
	float: left;
	/*margin-right: 20px;*/
}
#intro .intro-container .image2-inner{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#intro .intro-container article h5{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.3px;
}

#intro .intro-container .up article h5{
	margin-bottom: 26px;
    line-height: 32px;
    color: #565962;
}
#intro .intro-container .down article .group{
	position: relative;
}
#intro .intro-container .down .article2 .group h5{
	padding: 0 11px;
	position: relative;
	left: 50%;
    -webkit-transform: translateX(-50%);
    -mos-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #565962;
}
#intro .intro-container .down .article2 .group img,
#intro .intro-container .down .article2 .group h5{
	display: inline-block;
}
#intro .intro-container .down .article2 .group h5:before,
#intro .intro-container .down .article2 .group h5:after{
	content: "";
	display: inline-block;
    width: 11px;
    height: 23px;
    line-height: 23px;
    background-size: 11px;
    padding: 0 7px;
    position: absolute;
}
#intro .intro-container .down article h5:before{
	background: url(images/left-mark.png) no-repeat 0 0;
	float: left;
	left: -3px;
}
#intro .intro-container .down article h5:after{
	background: url(images/right-mark.png) no-repeat 0 0;
	float: right;
	right: 0px;
    top: 20px;
}
#intro .intro-container article h6,
#intro .intro-container article p{
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.1px;
	color: #565962;
}
#intro .intro-container article h6{
	text-align: center;
	font-weight: bold;
}
#intro .intro-container article h6:after,
#intro .intro-container article h6:before{
    content: "";
    background: url(images/h-Line.png) no-repeat;
    display: inline-block;
    width: 55px;
    height: 6px;
    margin: 0 10px;
    color: #565962;
}
#intro .intro-container .down article p{
	margin-top: 18px;
}
#intro .intro-container .article2{
	float: right;
	margin-top: 48px;
}

@media screen and (min-width: 1200px){
	#intro .intro-container .up,
	#intro .intro-container .down{
		width: 1100px;
		padding-right: 10px;
	}
	#intro .intro-container .down{
		padding-right: 13px;
	}

}

@media screen and (max-width: 1199px){

	#intro .intro-container .pic{
		width: 50%;
	}
	#intro .intro-container .image2{
		padding: 10px;
		width: 80%;
		position: relative;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
		-mos-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (max-width: 991px){

	#intro .intro-container article h5{
		font-size: 22px;
	}
	#intro .intro-container .down .article2 .group h5 {
	    padding: 0 6px;
	}
	#intro .intro-container .down .article2 .group h5:before, 
	#intro .intro-container .down .article2 .group h5:after{
		background-size: 9px;
	}
	#intro .intro-container .article2{
		margin-top: 0;
		width: 57%;
	}
	#intro .intro-container .down{
		position: relative;
	}
	#intro .intro-container .pic{
	    width: 43%;
	    padding: 20px;
	    position: absolute;
	    top: 50%;
	    -mos-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#intro .intro-container .image2{
		width: 100%;
	}
	#intro .intro-container .image2-inner{
		width: 20%;
	}
}
@media screen and (max-width: 767px){
	.rwdbr{
		display: none;
	}
	#intro .intro-container{
		margin-top: 0;
	}
	#intro .intro-container .image1{
		display: none;
	}
	#intro .intro-container .up,
	#intro .intro-container .down .article2 p,
	#intro .intro-container .down .pic{
	    padding: 0 15px;
	}
	#intro .intro-container .up{
		margin-top: -10px;
		padding-bottom: 30px;
	}
	#intro .intro-container article h5{
		font-size: 16px;
		line-height: 25px;
	}
	#intro .intro-container .down article h5{
		text-align: center;
	}
	#intro .intro-container article h6{
		font-size: 14px;
		line-height: 14px;
	}
	#intro .intro-container article p{
		font-size: 13px;
    	line-height: 22px;
	}
	#intro .intro-container .down article p {
	    margin-top: 40px;
	    margin-bottom: 40px;
	}
	#intro .intro-container .down{
		margin-top: 20px;
		margin-bottom: 40px;
	}
	#intro .intro-container .article2{
		float: left;
		margin-top: 0;
		width: 100%;
		position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	#intro .intro-container .article2 .group,
	#intro .intro-container .article2 h6{
		width: 385px;
	}
	#intro .intro-container .article2 .group,
	#intro .intro-container .article2 .group h5,
	#intro .intro-container .article2 h6{
		position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	#intro .intro-container .image2 {
	    float: none;
	    margin-right: 0px;
	}
	#intro .intro-container .pic {
	    float: left;
	    width: 360px;
	    position: relative;
	    left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	#intro .intro-container .image2 {
	    margin-right: 0px;
	    width: 100%;
	}
	#intro .intro-container .image2-inner{
		width: 20%;
	}

}
@media screen and (max-width: 479px){
	#intro .intro-container .pic{
		width: 95%;
	}
	#intro .intro-container .article2 .group,
	#intro .intro-container .article2 h6{
		width: 100%;
	}
	#intro .intro-container .down .article2 .group h5{
		padding: 0;
		letter-spacing: 0;
	}
	#intro .intro-container .down article h5:before{
		left: -9px;
	}
	#intro .intro-container .down article h5:after{
		right: -13px;
		top: 18px;
	}
}

/*=== milestone  ===*/

.milestone-container{
	margin-top: 54px;
	margin-bottom: 107px;
    float: left;
    position: relative;
}

@media screen and (min-width: 768px){
	.milestone-container{
		min-height: 900px;
	}
}

/* event-year */

#event-year{
	position: absolute;
    margin-top: -3px;
    z-index: 10;
    background: #FFF;
}
#event-year li{
	height: 40px;
    font-size: 14px;
}
#event-year li label{
	font-weight: normal;
	color: #565962;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 40px;
    cursor: pointer;
    -webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	-ms-transition: all .4s linear;
	transition: all .4s linear;
}
#event-year li label:before{
	font-family: "icomoon";
	content: "\f129";
    font-size: 12px;
    padding-right: 6px;
}
#event-year li:hover label{
	color: #00a1e1;
}


/* timeline */

.timeline{
	background:url("images/about-timeline.png") repeat-y 50px 0;
	/*overflow:hidden;*/
	position:relative;
	/*height:100px;*/
	/*margin:20px 10px;*/
	width:520px;
	margin:0px 0 0 113px;
}
.timeline-date{
	/*overflow:hidden;*/
	position:relative;
}
.timeline-date h2{
	background:url("images/about-timeline-circle.png") no-repeat 43px 0;
	height:16px;
	margin-bottom:0px;
	margin-top: 0px;
}
.timeline-date  h3{
	float: left;
	color:#00a1e1;
	display:inline-block;
	font-size:40px;
	margin:-30px 0px 0 110px;
}
.timeline-date ul{
    margin: 30px 0 85px 0;
}
.timeline-date:last-child ul{
    margin: 30px 0 0px 0;
}
.timeline-date ul li{
	/*background:url("../images/icon7.png") no-repeat 42px 5px;*/
	zoom:1;
	height:51px;
	width: 675px;
	margin-left: 108px;
	border-bottom: solid 1px #e0e4e8;
}


.timeline-date ul li .left,
.timeline-date ul li .right{
	display: inline-block;
	font-size: 16px;
}
.timeline-date ul li .left{
	color: #00a1e1;
	width: 36px;
	text-align: center;
}
.timeline-date ul li .right{
	color: #565962;
	padding-left: 17px;
}

.timeline-date ul li .right p{
	margin: 0;
    padding: 0;
    line-height: 51px;
    display: inline-block;
    letter-spacing: 0.1px;
	color: #565962;
}
.timeline-date ul li .right span,
.picArea .pic span{
	display: inline-block;
    height: 17px;
    width: 17px;
    line-height: 17px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #565962;
    color: #FFF;
    text-align: center;
    font-size: 7.5px;
    -webkit-font-smoothing: antialiased;
}
.timeline-date ul li .right span{
    margin-left: 7px;
}
.timeline-date ul li .right span:before{
	border-radius: 100%;
	border: solid 1px #000;
	background: #000;
	padding: 20px;
}
.timeline-date ul.description,
.timeline-date .picArea,
.picArea .pic{
	display: inline-block;
	position: relative;
}
.timeline-date ul.description{
	position: relative;
}
.timeline-date .picArea{
	position: absolute;
	bottom: 0;
    /*margin-bottom: -33px;*/
    margin-bottom: -55px;
    margin-left: 662px;
    width: 490px;
}
.timeline-date .picArea .pic{
	padding-right: 15px;
}
.timeline-date .picArea .pic span{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -mos-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	background-color: #00a1e1;
	display: block;
    margin-top: 10px;
}
@media screen and (max-width: 1407px){
	
	.timeline{
		margin: 0 0 0 78px;
	}
	.timeline-date .picArea{
		margin-left: 618px;
	}
}
@media screen and (max-width: 1199px){
	.timeline-date .picArea{
		position: relative;
		margin-left: 108px;
		width: 675px;
	}
	.timeline-date .picArea .pic{
		width: 25%;
		float: left;
		padding-right: 0;
	}
	.timeline-date .picArea .pic img{
		position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
}

@media screen and (max-width: 991px){
	.timeline{
		width: 320px;
		margin: 0 0 0 50px;
		padding-bottom: 30px;
	}	
	.timeline-date ul li{
		width: 600px;
	}
	.timeline-date .picArea{
		width: 600px;
		margin-left: 85px;
	}
	.timeline-date h3{
		margin: -30px 0 0 85px;
	}
	.timeline-date ul li{
		margin-left: 85px;
	}
}

@media screen and (max-width: 767px){


	#event-year{
		position: relative;
		padding-left: 15px;
		padding-right: 35px;
		width: 100%;
	}
	#event-year ul{
		padding: 0 15px;
	}
	#event-year li{
		display: inline-block
	}
	.timeline{
		width: 100%;
		margin: 20px 0 0 0;
		background: url("images/about-timeline.png") repeat-y 10px 0;
	}
	.timeline-date h2{
		background: url("images/about-timeline-circle.png") no-repeat 3px 0;
	}
	.timeline-date h3 {
	    margin: -30px 0 0 35px;
	    position: absolute;
	    font-size: 32px;
	    top: 22px;
	}
	.timeline-date ul {
	    margin: 30px 0 40px 0;
	}
	.timeline-date ul li .left,
	.timeline-date ul li .right{
		float: left;
		padding: 10px 0;
	}
	.timeline-date ul li{
	    margin-left: 35px;
	    float: left;
	    width: 100%;
	    height: auto;
	}
	.timeline-date ul li .right{
		width: 85%;
		padding-right: 20px;
	}
	.timeline-date ul li .right p{
		line-height: normal;
	}
	.timeline-date ul li .right span,
	.timeline-date .picArea{
		display: none;
	}
	.timeline-date .picArea{
		display: block;
		width: 100vw;
		margin-left: 20px;
		margin-bottom: 0px;
	}
	.timeline-date .picArea .pic{
		width: auto;
		padding: 0 15px;
	}

}

@media screen and (max-width: 479px){

	.timeline-date h3{
		font-size: 28px;
		top: 25px;
	}
	.timeline-date ul{
		margin: 30px 0;
	}
	.timeline-date ul li .right{
		width: 80%;
	}
	.timeline-date ul li .right p{
		font-size: 13px;
		line-height: 22px;
	}

}

/*=== mission  ===*/

#mission .mission-container{
	float: left;
	position: relative;
	margin-bottom: 80px;
	margin-top: 19px;
}
#mission .mission-container .left,
#mission .mission-container .right{
	display: inline-block;
	position: relative;
	float: left;
}
#mission .mission-container .right{
	height: 425px;
	margin-left: 70px;
}
#mission .mission-container .right .txtArea{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#mission .mission-container .right .txtArea .group{
	margin-bottom: 40px;
}
#mission .mission-container .right .txtArea .group h4,
#mission .mission-container .right .txtArea .group p{
	font-size: 16px;
}
#mission .mission-container .right .txtArea .group h4{
	color: #00a1e1;
	font-weight: bold;
}
#mission .mission-container .right .txtArea .group p{
	color: #565962;
	letter-spacing: 0.2px;
}

@media screen and (max-width: 1199px){
	#mission .mission-container .left, 
	#mission .mission-container .right{
		width: 50%;
		display: inline-block;
	}
	#mission .mission-container .left .pic,
	#mission .mission-container .left .pic img{
		width: 100%;
	}
	#mission .mission-container .right{
		margin-left: 0;
		padding-left: 40px;
	}
}

@media screen and (max-width: 991px){

	#mission .mission-container .left, 
	#mission .mission-container .right{
		width: 100%;
		display: block;
	}
	#mission .mission-container .left .pic{
		position: relative;
		width: 60%;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	#mission .mission-container .left .pic img{
		width: 100%;
	}
	#mission .mission-container .right{
	    margin-left: 0;
	    padding-left: 0;
	}
	#mission .mission-container .right .txtArea .group:last-child{
		margin-bottom: 0;
	}

}

@media screen and (max-width: 767px){
	#mission .mission-container .left .pic{
		position: relative;
		width: 75%;
	}
}

@media screen and (max-width: 479px){

	#mission .mission-container .left .pic{
		width: 100%;
	}

}

/*=== gm-intro  ===*/

#gm-intro .pic{
	position: relative;
	margin-top: 34px;
	margin-bottom: 101px;
}
#gm-intro .pic .mask{
	position: absolute;
    right: 0;
    bottom: 40px;
    padding: 26px;
    width: 603px;
	height: 240px;
    background: rgba(0,0,0,0.7);
    text-decoration: none !important;
    color: #fff;
}
#gm-intro .pic p{
	color: #FFF;
	font-size: 16px;
	letter-spacing: 0.2px;
	line-height: 30px;
    font-weight: bold;
    margin: 0;
    text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#gm-intro .pic .mask .sign{;
	height: 30px;
	float: right;
}
#gm-intro .pic .mask .sign span{
	font-size: 16px;
	letter-spacing: 0.2px;
    font-weight: bold;
	line-height: 30px;
	padding-right: 12px;
}
@media screen and (max-width: 1407px){
	#gm-intro .pic > img{
		width: 100%;
	}
}
@media screen and (max-width: 991px){
	#gm-intro .pic .mask{
		width: 100%;
		height: auto;
		bottom: 0;
		padding: 15px;
	}
}
@media screen and (max-width: 767px){
	#gm-intro .pic {
		margin-bottom: 0;
	}
	#gm-intro .pic > img{
		width: 100%;
	}
	#gm-intro .pic .mask{
		position: relative;
		bottom: 0;
		width: 100%;
		height: 100%;
		padding-bottom: 50px;
	}
	#gm-intro .pic p{
		font-size: 13px;
		line-height: 22px;
		margin-bottom: 10px;
	}

}

/*=== team  ===*/

#team .pic{
	margin-top:46px;
	margin-bottom: 86px;
}
#team .pic img{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -mos-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (max-width: 991px){
	#team .pic img{
		width: 98%;
	}
}

/*=== policy  ===*/

#policy .policy-container{
	margin: 0 auto;
	float: left;
	margin-top: 20px;
	margin-bottom: 86px;
}
#policy .policy-container .left,
#policy .policy-container .right{
	float: left;
	display: inline-block;
}
#policy .policy-container .left{
	width: 470px;
	margin-right: 112px;
}
#policy .policy-container .left .article{
	margin-bottom: 47px;
}
#policy .policy-container .left .article h5{
	font-size: 24px;
	letter-spacing: 0.2px;
	font-weight: bold;
	line-height: 35px;
	margin-bottom: 20px;
	color: #565962;
}
#policy .policy-container .left .article p{
	font-size: 16px;
	letter-spacing: 0.2px;
	line-height: 30px;
	color: #565962;
}
#policy .policy-container .left .pic{
	display: inline-block;
	margin-right: 14px;
}
#policy .policy-container .left .pic:last-child{
	margin-right: 0px;
}
#policy .policy-container .left .pic img{
	margin-bottom: 13px;
}
#policy .policy-container .left .pic p{
	text-align: center;
	font-size: 14px;
	color: #565962;
}
@media screen and (max-width: 1407px){

	#policy .policy-container .left{
		margin-right: 92px;
	}

}
@media screen and (max-width: 1199px){

	#policy .policy-container .left,
	#policy .policy-container .right{
	    width: 50%;
	    margin-right: 0;
	}
	#policy .policy-container .right .pic img{
		width: 96%;
	}
	
}

@media screen and (max-width: 767px){
	#policy .policy-container .left,
	#policy .policy-container .right{
	    width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	#policy .policy-container .left .pic{
		width: 33.333333333334%;
		float: left;
		margin-right: 0;
	}
	#policy .policy-container .left .pic img{
		width: 90%;
		max-width: 144px;
		position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	#policy .policy-container .left .article h5{
		font-size: 16px;
		line-height: 25px;
	}
	#policy .policy-container .left .article p{
		font-size: 13px;
		line-height: 22px;
	}
	#policy .policy-container .right .pic {
		width: 100%;
	}
	#policy .policy-container .right .pic img{
		width: 96%;
		max-width: 599px;
		position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}

}

@media screen and (max-width: 479px){
	#policy .policy-container .left,
	#policy .policy-container .right{
	    width: 100%;
	}
	#policy .policy-container .left .pic{
		width: 50%;
		float: left;
		margin-right: 0;
	}
	#policy .policy-container .right .pic img{
		width: 96%;
	}

}

/*=== award  ===*/

#content #award {
	float: left;
    margin-bottom: 55px;
}
#award #LeftBorderTitle h3{
	margin-top: 0;
}
#award #LeftBorderTitle.down{
	margin-top: 61px;
}
#award .award-container,
#award .lic-container{
	float: left;
	width: 100%;
}
#award .award-container .award1,
#award .award-container .award2,
#award .lic-container .lic1,
#award .lic-container .lic2{
	float: left;
	width: 100%;
	border-bottom: solid 1px #d7dfdc;
}
#award .lic-container .lic:last-child{
	border-bottom: 0;
}
#award .award-container .award1{
	margin-top: 45px;
	padding-bottom: 35px;
	margin-bottom: 30px;
}
#award .award-container .award2{
	margin-top: 20px;
	padding-bottom: 41px;
}
#award .lic-container .lic1{
	margin-top: 43px;
    padding-bottom: 37px;
}
#award .lic-container .lic2{
	margin-top: 45px;
    padding-bottom: 37px;
}
#award .award-container .pic,
#award .lic-container .pic{
	display: inline-block;
    float: left;
}
#award .award-container .pic img,
#award .lic-container .pic img{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -mos-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
#award .award-container .pic p,
#award .lic-container .pic p{
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
	color: #565962;
}
#award .award-container .award1 .pic{
    padding-right: 55px;
}
#award .award-container .award2 .pic{
    padding-right: 72px;
}
#award .lic-container .lic1 .pic{
	padding-right: 60px;
}
#award .lic-container .lic2 .pic{
	padding-right: 58px;
}
#award .award-container .award1 .pic:last-child,
#award .award-container .award2 .pic:last-child,
#award .lic-container .lic1 .pic:last-child,
#award .lic-container .lic2 .pic:last-child{
    padding-right: 0px;
}

@media screen and (max-width: 991px){
	#award .award-container .award .pic,
	#award .award-container .pic,
	#award .lic-container .lic2 .pic{
		width: 33.333333333334%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	#award .lic-container .lic1 .pic:first-child{
		width: 60%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	#award .lic-container .lic1 .pic:last-child{
		width: 40%;
		padding-right: 0;
		margin-bottom: 40px;
	}
	#award .award-container .award .pic,
	#award .lic-container .lic .pic img{
		width: auto;
	}
	#award .award-container .award .pic,
	#award .lic-container .lic .pic{
		padding: 10px;
	}	
	#award .lic-container .pic img {
	    width: 100%;
	}
	#award .award-container .award .pic,
	#award .award-container .lic2 .pic{
		width: 33.33333333334%;
	}
}

@media screen and (max-width: 767px){
	#award .award-container .award .pic,
	#award .award-container .pic,
	#award .lic-container .lic2 .pic{
		width: 50%;
	}
	#award .award-container .pic p, 
	#award .lic-container .pic p{
		font-size: 13px;
		line-height: 22px;
	}
	#award .lic-container .lic2{
		margin-top: 43px;
	    padding-bottom: 37px;
	}

}

@media screen and (max-width: 599px){
	#award .lic-container .lic .pic img{
		width: 100%;
	}	
}

@media screen and (max-width: 479px){
	#award .lic-container .lic .pic img{
		width: auto;
	}	
	#award .award-container .award .pic,
	#award .award-container .pic,
	#award .lic-container .lic2 .pic{
		width: 50%;
		margin-bottom: 20px;
	}
	#award .lic-container .lic1 .pic:first-child,
	#award .lic-container .lic1 .pic:last-child{
		width: 100%;
		margin-bottom: 20px;
	}
	#award .award-container .award .pic img,
	#award .lic-container .pic img {
	    width: auto;
	    height: 180px;
	}
}
/* ==========================================================================
    About Content Social Trust
========================================================================== */

/*=== protect  ===*/

#protect{
	margin-top:-19px;
}
#protect #em{
	padding-top: 49px;
	padding-bottom: 59px;
}
#protect #esd{
	padding-top: 46px;
    padding-bottom: 52px;
}
#protect #ep, 
#protect #em,
#protect #esd{
	width: 100%;
}
#protect #ep, 
#protect #em{
	border-bottom: solid 1px #d7dfdc;
	float: left;
}

#protect #ep .ep-container p,
#protect #ep .ep-container .pic p,
#protect #em .em-container p,
#protect #esd .esd-container p{
	font-size: 16px;
	color: #565962;
}
#protect #ep #LeftBorderTitle,
#protect #em #LeftBorderTitle,
#protect #esd #LeftBorderTitle{
	margin-bottom: 33px;
}

@media screen and (max-width: 767px){
	
	#protect #em,
	#protect #esd{
		padding: 20px 0;
	}

}

/*ep*/

#protect .ep-container .pic{
	display: inline-block;
	margin-top: 35px;
	float: left;
    margin-bottom: 61px;
    margin-right: 30px;
}
#protect .ep-container .pic img{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
    -mos-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
	height: 113px;
}
#protect .ep-container .pic p{
	margin-top: 18px;
    width: 130px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 19px;
}



/*em*/

#em .left, #em .right{
	float: left;
    display: inline-block;
}
#em .left{
	width: 680px;
    margin-right: 58px;
}
#em .left .em-container article h4{
	font-size: 24px;
	font-weight: bold;
	margin: 0;
    line-height: 33px;
    margin-top: -4px;
    letter-spacing: 0.2px;
	color: #565962;
}
#em .left .em-container article p{
    margin-top: 21px;
    line-height: 30px;
	color: #565962;
}

@media screen and (max-width: 1199px){

	#em .left{
		width: 60%;
		margin-right: 0;
		padding-right: 20px;
	}
	#em .right{
		width: 40%;
		margin-top: 60px;
	}

}
@media screen and (max-width: 767px){

	#em .left,
	#em .right{
		width: 100%;
		display: block;
	}
	#em .right{
		margin-top: 20px;
	}
	#em .left .em-container article h4{
		font-size: 16px;
		line-height: 25px;
	}
	#em .right .pic img{
		position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	    width: 75%;
	    max-width: 200px;
	}

}


/*esd*/

#protect .esd-container {
	position: relative;
	width: 100%;
    height:auto;
    margin: auto;
    text-align:center;
}
#protect .esd-container .bg{
	position: relative;
}
#protect .esd-container .list-item{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	height: 315px;
}
#protect .esd-container .list-item .group ul{
	display: inline-block;
}
#protect .esd-container .list-item .group ul li .left,
#protect .esd-container .list-item .group ul li .right{
	display: inline-block;
}
#protect .esd-container .list-item .group ul li{
	text-align: left;
    margin: 19px 60px;
}
#protect .esd-container .list-item .group ul li .left{
	height: 65px;
	margin-right: 5px;
}
#protect .esd-container .list-item .group ul li .right{
	margin-left: 8px;
}
#protect .esd-container .list-item .group ul li .left span{
	border: solid 2px #FFF;
    border-radius: 100%;
    padding: 22px;
}
#protect #esd .esd-container p{
	color: #FFF;
}
#protect .esd-container .list-item .group ul li .right p{
	letter-spacing: 0.2px;
}

@media screen and (max-width: 991px){

	#protect .esd-container .list-item .group ul li{
		margin: 20px 10px;
	}

}

@media screen and (max-width: 767px){

	#protect .ep-container .pic{
		width: 25%;
		margin: 20px 0;
	}
	#protect .ep-container .pic img{
		width: auto;
		max-width: 95px;
    	height: auto;
	}
	#protect .ep-container .pic p{
		width: 100%;
		padding: 0 5px;
	}
	#protect #ep .ep-container p, 
	#protect #ep .ep-container .pic p, 
	#protect #em .em-container p, 
	#protect #esd .esd-container p{
		font-size: 13px;
		line-height: 22px;
	}
	#protect #ep .ep-container > p,
	#em .left .em-container article h4,
	#protect #em .em-container article > p{
		padding-left: 15px;
		padding-right: 15px;
	}
	#protect .esd-container .list-item .group ul li{
		margin: 10px 5px;
	}

}



@media screen and (max-width: 599px){

	#protect .esd-container .list-item{
		height: 100%;
	}
	#protect .esd-container .list-item .group{
		position: relative;
	    top: 50%;
	    -webkit-transform: translateY(-50%);
	    -mos-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
	}
	#protect .esd-container .list-item .group ul{
		margin: 0;
		width: 60%;
	}
	#protect .esd-container .list-item .group ul li{
		margin: 10px 0;
	}
	#protect .esd-container .list-item .group ul li .left{
		height: 40px;
	}
	#protect .esd-container .list-item .group ul li .left span{
		padding: 10px;
	}
	#protect .esd-container .list-item .left-group li:last-child,
	#protect .esd-container .list-item .right-group li:last-child{
		margin-bottom: 0;
	}
}

@media screen and (max-width: 479px){
	#protect .ep-container .pic img{
		width: 80%;
		max-width: none;
	}
	#protect .esd-container .list-item .group ul{
		margin: 0;
		width: 90%;
	}

}

/*=== attend  ===*/

#attend{
	margin-bottom: 56px;
}
#attend video{
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -mos-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 388px;
}
#attend .attend-container p{
	margin-top: 40px;
    margin-bottom: 41px;
	font-size: 16px;
	line-height: 32px;
	color: #565962;
}

@media screen and (max-width: 767px){
	#attend .attend-container p{
		font-size: 13px;
		line-height: 22px;
		padding: 0 15px;
		margin: 20px 0;
	}
	#attend video{
		width: 80%;
		height: auto;
	}
}

@media screen and (max-width: 479px){
	#attend .attend-container p{
		font-size: 13px;
		line-height: 22px;
		padding: 0 15px;
		margin: 20px 0;
	}
	#attend video{
		width: 95%;
		height: auto;
	}
}

/*=== welfare  ===*/
#welfare .welfare-container,
#welfare .article{
	float: left;
}
#welfare .welfare-container{
	margin-top: 21px;
	margin-bottom: 24px;
}
#welfare .article{
	margin-bottom: 58px;
}
#welfare .article article h4{
	font-size: 24px;
	font-weight: bold;
	color: #565962;
}
#welfare .article article p{
	font-size: 16px;
	letter-spacing: 0.2px;
    margin-top: 23px;
    line-height: 30px;
	color: #565962;
}
#welfare .article .pic{
	margin-top: 37px;
}

@media screen and (min-width: 1200px) and (max-width: 1407px){
	#welfare .article .pic {
		width: 100%;
	}
	#welfare .article .pic img{
		float: left;
		width: 24%;
		margin-right: 1%;
	}
}

@media screen and (max-width: 1199px){
	#welfare .article .pic {
	    width: auto;
	    width: 700px;
	    float: left;
	    position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
	#welfare .article .pic img{
		width: 50%;
	    padding: 5px;
	    float: left;
	}
}
@media screen and (max-width: 767px){
	#welfare .article{
		padding: 0 15px;
		margin-bottom: 20px;
	}
	#welfare .article article h4{
		font-size: 16px;
		line-height: 25px;
	}
	#welfare .article article p{
		font-size: 13px;
		line-height: 22px;
	}
	#welfare .article .pic {
		width: 100%;
		margin-top: 20px;
	}
}
@media screen and (max-width: 479px){
	#welfare .article .pic img{
		width: auto;
    	max-width: 100%;
    	position: relative;
		left: 50%;
	    -webkit-transform: translateX(-50%);
	    -mos-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	    -o-transform: translateX(-50%);
	    transform: translateX(-50%);
	}
}




/*=== Container  ===*/

@media screen and (max-width: 767px){

	#milestone .milestone-container,
	#mission .mission-container,
	#team .pic{
		margin-top: 20px;
		margin-bottom: 40px;
	}

}