.card{
	background: none;
	border-radius: 0;
	border: none;
}
.cke_editable img{
	max-width: 100%;
}
#home_sec1{
	padding: 8vw 0;
	background: #fff;
}
#home_sec1 .ms{
	text-align: center;
	line-height: 10em;
	font-weight: 400;
}
#home_sec1 .ms .ms1{
	font-size: 13em;
	color: #bf0202;
}
#home_sec1 .ms .ms2{
	font-size: 12em;
}

#home_sec2{
	height: 100vh;
	width: 100vw;
	position: relative;
}
#home_sec2 .bg{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;
}
#home_sec2 .bg video{
	width: 100%;
	min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
}
#home_sec2 .h_zoom{
	overflow: hidden;
	text-align: center;
	position:absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
    justify-content: center;
}
#home_sec2 .h_zoom > img{
	width: 100%;
	height: 100%;
}
#home_sec2 .ms{
	text-align: center;
	line-height: 10em;
	font-weight: 400;
	color: #fff;
}
#home_sec2 .ms > div{
	position: relative;
}
#home_sec2 .ms .ms1{
	font-size: 13em;
}
#home_sec2 .ms .ms2{
	font-size: 12em;
}
.linkbtn{
    font-size: 1em;
    background: #bf0202;
    display: inline-block;
    color: #fff;
    padding: 0.3em 2em;
    border-radius: 2em;
    text-decoration: none;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    
}
.linkbtn:hover{
	background: #000;
	color: #fff;
	text-decoration: none;
}
#home_sec2 > .container{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: relative;
	z-index: 2;
	min-height: 100%;
}
#home_sec2 .ms{
	padding-right: 5%;
	text-shadow: 0em 0em 1em rgba(0, 0, 0, 0.5);
}
#home_sec2 .desc{
	color: #fff;
	max-width: 40%;
	font-size: 2em;
	padding-top: 4vw;
	position: relative;
	padding-right: 2vw;
}
#home_sec2 .desc .link{
	padding-top: 2em;
}
#home_service{
	padding: 8em 0;
}
.sec_head{
	text-align: center;
	font-size: 12em;
	line-height: 0.8em;
}
.sec_head .ms1{
	color: #bf0202;
}

.sec_head2{
	text-align: center;
	font-size: 4.5em;
	line-height: 1.5em;
}
.sec_head2 .ms2 span,
.sec_head2 .ms1{
	color: #000;
}
.sec_head2 .ms2{
	color: #bf0202;
	font-size: 1.6em;
	font-weight: 600;
}
.sec_head3{
	text-align: center;
	font-size: 1.5em;
	line-height: 3em;
}
.sec_head3 .ms1{
	color: #bf0202;
	font-size: 3.5em;
}
.sec_head3 .ms1 span{
	color: #000;
}
.sec_head3 .ms2{
	color: #000;
}
.sec_head4{
	text-align: center;
	font-size: 2em;
	max-width: 1100px;
	margin: auto;
	padding-bottom: 2em;
}
.sec_head4 .ms1{
	font-size: 2em;
	margin-bottom: 0.5em;
}
.sec_head4 .ms2{
	
}
#home_service .boxservice{
	display: flex;
	padding: 8em 0;
}
#home_service .boxservice .left,
#home_service .boxservice .right{
	min-width: 50%;
	max-width: 50%;
}
#home_service .boxservice .left{
	display: flex;
    align-items: center;
}
#home_service .boxservice .left .colL,
#home_service .boxservice .left .colR{
	min-width: 50%;
	max-width: 50%;
}
#home_service .boxservice .left img{
	width: calc(100% - 3em);
	position: relative;
}
#home_service .boxservice .left .colR > img{
	margin-bottom: 3em;
}
#home_service .boxservice .right{
	padding-left: 3em;
	position: relative;
}
#home_service .boxservice .right > h3{
	font-size: 4em;
	font-weight: 600;
}
#home_service .boxservice .right > p{
	font-size: 1.5em;
	color: #000;
}
#home_service .boxservice .right .lists_service{
	padding-top: 2em;
}
#home_service .boxservice .right .lists_service > ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
#home_service .boxservice .right .lists_service > ul > li{
	padding: 1em 0;
	position: relative;
}
#home_service .boxservice .right .lists_service > ul > li > a{
	display: flex;
	align-items: center;
    justify-content: flex-start;
    color: #000;
    font-size: 2em;
}
#home_service .boxservice .right .lists_service > ul > li > a:hover{
	color: #bf0202;
	text-decoration: none;
}
.tw_icon{
	width: 97px;
	height: 97px;
	position: relative;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.tw_icon > img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#home_service .boxservice .right .lists_service > ul > li > a .tw_icon > img:last-child{
	opacity: 0;
}
#home_service .boxservice .right .lists_service > ul > li > a:hover .tw_icon > img:last-child{
	opacity: 1;
}
#home_service .boxservice .right .lists_service > ul > li > a:hover .tw_icon > img:first{
	opacity: 0;
}
#home_service .boxservice .right .lists_service > ul > li > a:hover .tw_icon{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	
}
#home_service .boxservice .right .lists_service > ul > li > a .ms{
	padding-left: 1em;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
#home_service .boxservice .right .lists_service > ul > li > a:hover .ms{
	-webkit-transform: translate(-5px);
	-moz-transform: translate(-5px);
	-ms-transform: translate(-5px);
	-o-transform: translate(-5px);
	transform: translate(-5px);
	
}

#home_family{
	background: #f1f1f1;
	padding: 10em 0;
}
#home_family .joinnow{
	padding-top: 5em;
}
#home_family .joinnow .col{
	text-align: center;
}
#home_family .joinnow .col img{
	max-width: 100%;
}
#home_family .joinnow #join2 .link{
	padding: 6em 0;
	padding-top: 2em;
}
#home_family .joinnow #join2 .link .linkbtn{
	font-size: 2em;
}
#home_family .joinnow .col#join1,
#home_family .joinnow .col#join2,
#home_family .joinnow .col#join3{
	position: relative;
}

.home_partners{
	padding: 8em 0;
}
.home_partners .partner_lists{
	padding-top: 5em;
}
.partner_lists > ul{
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
.partner_lists > ul > li{
	min-width: calc(100% / 6);
	max-width: calc(100% / 6);
	position: relative;
}
.partner_lists > ul > li .info{
	background: #bf0202;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
	align-content: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	opacity: 0;
	z-index: 1;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.partner_lists > ul > li:hover .info{
	opacity: 1;
}
.partner_lists > ul > li .info > .name{
	min-width: 100%;
	font-size: 2em;
	padding-bottom: 1em;
}
.partner_lists > ul > li .info .linkbtn{
	border: 2px solid #fff;
	font-size: 1.2em;
}
.partner_lists > ul > li .info .linkbtn:hover{
	background: #fff;
	color: #bf0202;
}
.partner_lists .img{
	height: 100%;
	display: flex;
    align-items: center;
}
.partner_lists .img > img{
	max-width: 100%;
}

/* ABOUT */
.about_sec1 .desc{
	display: flex;
	padding-top: 0;
	opacity: 1;
	left: 0;
	flex-wrap: wrap;
}
.about_sec1 .desc .ab_ms{
	font-size: 2.2em;
	line-height: 1em;
	position: relative;
}
.about_sec1 .desc .ab_html{
	padding-top: 0.7em;
	font-size: 1.2em;
	position: relative;
}
.about_sec2{
	background: url('../img/about/bg-sec2.jpg') top center no-repeat;
	background-size: cover;
	padding: 10em 0;
}
.about_sec2 .about_title{
	font-size: 7em;
	text-align: center;
	padding-bottom: 0.5em;
}
.about_sec2 .about_title span{
	color: #bf0202;
}
.about_sec2 .container{
	max-width: 1140px;
}
.about_sec2 .container .row{
	padding-left: 0em;
}
.about_sec2 .container .col{
	font-size: 1.4em;
	position: relative;
	text-align: left;
}
.about_sec2 .container .col .number{
	font-size: 4.5em;
	color: #000;
}
.about_sec2 .about_image{
	margin-top: 2em;
}
.about_sec2 .about_image .col img{
	max-width: 100%;
	position: relative;
}
.about_sec2 .about_image .col:first-child img,
.about_sec2 .about_image .col:last-child img{
	margin-top: 5em;
}
.about_sec3,
.about_sec5{
	min-height: 100vh;
	color: #fff;
	overflow: hidden;
	position: relative;
}
.app_title .bg,
.headinner .bg,
.about_sec3 .bg,
.about_sec5 .bg,
.about_sec9 .bg,
.about_sec11 .bg{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	overflow: hidden;
	background: url('../img/about/whowa1.jpg') center center no-repeat;
	background-size: cover;
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-transition: all .25s eaase;
	   -moz-transition: all .25s eaase;
	    -ms-transition: all .25s eaase;
	     -o-transition: all .25s eaase;
	        transition: all .25s eaase;
}
.about_sec5 .bg{
	background-image: url('../img/about/whatwedo1.jpg');
}
.about_sec11 .bg{
	background-image: url('../img/about/partner.jpg');
}
.about_sec3 .container,
.about_sec5 .container{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
    justify-content: center;
    align-content: center;
    height: 100vh;
}
.about_sec3 .ms,
.about_sec5 .ms{
	font-size: 11em;
	line-height: 0.8em;
	min-width: 100%;
	text-align: center;
	position: relative;
}
.about_sec6,
.about_sec4{
	padding: 10em 0;
	min-height: 100vh;
}
.about_sec6 .container,
.about_sec4 .container{
	max-width: 1600px;
}
.about_sec4 .row .col:first-child{
	max-width: 550px;
	min-width: 550px;
}
.about_sec4 .row .col:first-child img{
	max-width: 100%;
}
.about_sec4 .row .col:last-child{
	padding-left: 5em;
}
.about_sec4 .row .col:last-child{
	font-size: 1.2em;
	color: #000;
}
.about_sec4 .row .col:last-child .title{
	padding-bottom: 2em;
}
.about_sec4 .row .col:last-child strong{
	font-size: 2.5em;
	font-weight: 400;
	color: #000;
}

.about_sec6 .row .col:last-child{
	max-width: 550px;
	min-width: 550px;
}
.about_sec6 .row .col:last-child img{
	max-width: 100%;
}
.about_sec6 .row .col:first-child{
	/* padding-left: 5em; */
}
.about_sec6 .row .col:first-child{
	font-size: 1.5em;
}
.about_sec6 .row .col:first-child .title{
	padding-bottom: 2em;
}
.about_sec6 .row .col:first-child strong{
	font-size: 2.5em;
	font-weight: 400;
	color: #000;
}
.about_sec7{
	padding: 10em 0;
	background: url('../img/about/bg-sec7.jpg') center center no-repeat;
	background-size: cover;
}
.about_sec7 .s1{
	margin-bottom: 5em;
}
.about_sec7 .s1 > h2{
	font-size: 3em;
	position: relative;
}
.about_sec7 .s1 > p{
	font-size: 1.2em;
	color: #000;
	max-width: 50%;
	display: block;
	position: relative;
}
.about_sec7 .s2 > ul{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	row-gap: 2.5em;
  	column-gap: 2.5em;
}
.about_sec7 .s2 > ul > li{
	width: calc(33.33% - 2.5em);
	border-bottom: 15px solid #bf0202;
	padding: 2em;
	background: #fff;
	position: relative;
}
.about_sec7 .s2 > ul > li h3{
	font-size: 2em;
}
.about_sec7 .s2 > ul > li p{
	color: #000;
	font-size: 1.3em;
}
.about_sec8{
	padding: 10em 0;
}
@media (min-width: 1500px) {
	.about_sec8 .container{
		max-width: 1500px;
	}
}
.about_sec8 .s1{
	text-align: center;
	padding-bottom: 5em;
}
.about_sec8 .s1 h2{
	font-size: 3em;
	margin-bottom: 0.5em;
}
.about_sec8 .s1 h2 span{
	color: #bf0202;
}
.about_sec8 .s1 p{
	font-size: 1.2em;
	max-width: 900px;
	margin: auto;
	color: #000;
}
.about_sec8 .s2{
	text-align: center;
	padding-bottom: 4em;
}
.about_sec8 .s2 img{
	max-width: 100%;
}
.about_sec8 .s3{
	font-size: 1.2em;
	color: #000;
}
.about_sec8 .s3 .row{
	margin-bottom: 2em;
}
.about_sec9{
	background: url('../img/about/Powerful-bg.jpg') center center no-repeat;
	background-size: cover;
	min-height: 100vh;
	color: #fff;
	text-align:center;
	padding: 10vw 0;
	display: flex;
	align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.about_sec9 .message h2{
	font-size: 5em;
}
.about_sec9 .message p{
	font-size: 2.5em;
}
.about_sec9 .message .img{
	margin-top: 4em;
}
.about_sec9 .message .img img{
	max-width: 100%;
}
.about_sec10{
	padding: 10em 0;
	padding-bottom: 15em;
	display: flex;
	align-items: center;
    justify-content: center;
}
.about_sec10 .ms{
	text-align: center;
}
@media (min-width: 1920px) {
	.about_sec10 .container{
		max-width: 1440px;
	}	
}
.about_sec10 .ms h3{
	font-size: 3.2em;
	margin-bottom: 1.5em;
}
.about_sec10 .ms p{
	font-size: 1.4em;
	color: #000;
}
.about_sec11{
	color: #fff;
	display: flex;
	align-items: center;
    justify-content: center;
    min-height: 100vh;
    position: relative;
}
.about_sec11 .container{
	position: relative;
	z-index: 1;
}
@media (min-width: 1920px) {
	.about_sec11 .container{
		max-width: 1280px;
	}	
}
.about_sec11 .ms{
	text-align: center;
}
.about_sec11 .ms h3{
	font-size: 5em;
	margin-bottom: 0.3em;
}
.about_sec11 .ms h4{
	font-size: 2.5em;
	max-width: 800px;
	margin: auto;
	margin-bottom: 1em;
}
.about_sec11 .ms p{
	font-size: 1.2em;
}
.about_sec11 .ms .link{
	font-size: 1.5em;
	margin-top: 2em;
}
.new_html{
	/* font-size: 1.4em; */
}
.new_html hr{
	border-width: 2px;
	border-color: #e5e1e1;
	margin: 3em 0;
}
.new_html img{
	max-width: 100%;
}
/* career */
#home_family.career{
	background: #fff;
}
#home_family.career .sec_head2{
	max-width: 800px;
	margin: auto;
}
#home_family.career .sec_head2 .ms1{
	
}
#home_family.career .sec_head2 .ms2{
	font-size: 0.5em;
	font-weight: normal;
	color: #000;
}
#home_family.career .sec_head2 .linkbtn{
	white-space: nowrap;
	font-size: 0.6em;
	line-height: initial;
}
#home_family.career .joinnow #join2{
	padding-top: 5em;
}
#career_work{
	padding: 10em 0;
	background: #f1f1f1;
}
#career_work .vdobox{
	text-align: center;
	max-width: 1530px;
	margin: auto;
}
#career_work .vdobox video,
#career_work .vdobox img{
	max-width: 100%;
}
#career_life{
	background: url('/web-assets/img/career/it-life.jpg') top center no-repeat;
	background-size: cover;
	padding: 10em 0;
	height: 100vh;
}
#career_life .container{
	display: flex;
	flex-wrap: wrap;
	min-height: 100%;
	align-content: center;
	align-items: center;
}
#career_life .life_info{
	max-width: 60%;
}
#career_life .life_info h2{
	font-size: 4.5em;
	margin-bottom: 0.5em;
}
#career_life .life_info p{
	font-size: 1.5em;
}
#career_life .life_info .linkbtn{
	margin-top: 2em;
}
#career_explore{
	padding: 10em 0;
	background: url('../img/about/bg-sec7.jpg') center center no-repeat;
	background-size: cover;
}
@media (min-width: 1920px) {
	#career_explore .container{
		max-width: 1600px;
	}	
}
#career_explore .exp_Lists .col{
	padding-left: 20px;
	padding-right: 20px;
	max-width: 33.33%;
}
#career_explore .exp_Lists .col .expinfo{
	background: #fff;
	min-height: 100%;
	border-bottom: 10px solid #bf0202;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
#career_explore .exp_Lists .col .expinfo .img{
	display: block;
}
#career_explore .exp_Lists .col .expinfo .img img{
	width: 100%;
}
#career_explore .exp_Lists .col .expinfo .info{
	padding: 30px 40px;
	padding-bottom: 50px;
}
#career_explore .exp_Lists .col .expinfo .info .subject{
	color: #000;
	font-size: 2.2em;
	font-weight: bold;
}
#career_explore .exp_Lists .col .expinfo .info p{
	font-size: 1.5em;
	color: #000;
	margin-bottom: 2em;
}
#career_explore .exp_Lists .col .expinfo .info .linkbtn{
	font-size: 1.5em;
}
.contact_info{
	padding: 8em 0;
	padding-bottom: 0;
}
.contact_info .sec1{
	padding-bottom: 3em;
	text-align: center;
	font-size: 1.8em;
	max-width: 800px;
	margin: auto;
}
.contact_info .sec1 h1{
	margin: 0;
	font-size: 1.5em;
	margin-bottom: 0.4em;
}
.contact_info .sec2{
	border-top: 2px solid #e2eaef;
	border-bottom : 2px solid #e2eaef;
	padding: 5em 0;
}
.contact_info .sec2 .col{
	border-right: 2px solid #e2eaef;
	padding-left: 6em;
	padding-right: 6em;
}
.contact_info .sec2 .col:first-child{
	padding-left: 0;
}
.contact_info .sec2 .col:last-child{
	border-right: none;
}
.contact_info .sec2 .col h3{
	font-size: 2.2em;
	margin-bottom: 1.4em;
}
.contact_info .sec2 .col .info{
	font-size: 1.2em;
	padding-bottom: 15px;
}
.contact_info .sec2 .col .info i{
	font-size: 1.3em;
	color: #bf0202;
	margin-right: 10px;
}
.contact_info .sec2 .col .info.line i{
	color: #39ae41;
	font-size: 1.5em;
}
.contact_info address{
	font-size: 0.8em;
}
.contact_form{
	background: url('../img/about/bg-sec2.jpg') top center no-repeat;
	background-size: cover;
	padding: 7em 0;
}
.contact_form .ms{
	text-align: center;
	font-size: 1.4em;
	padding-bottom: 2.5em;
}
.contact_form .ms h2{
	font-size: 2.5em;
}
@media (min-width: 1920px) {
	.contact_form .container{
		max-width: 1300px;
	}
}
#formContact .form-control{
	font-size: 1.3em;
	padding: 30px 15px;
	border-radius: 10px;
}
#formContact span.is-invalid{
	position: absolute;
	right: 50px;
	top: 20px;
	color: #bf0202;
}
#formContact .form-control.is-invalid{
	border-width: 2px;
}
#formContact .row{
	margin-bottom: 20px;
}
#btnSubmit{
	font-size: 1.5em;
}
#GoogleCaptcha{
	margin: auto;
}
.contact_map_area{
	height: 800px;
}
.contact_map_area iframe{
	float: left;
	width: 100%;
	height: 100%;
}
.viewhtml{
	font-size: 1.3em;
	color: #000;
}
.viewhtml img{
	max-width: 100%;
}
.stu_sec1{
	padding: 8em 0;
	padding-top: 0;
}
.stu_sec1 .row{
	justify-content: center;
	align-items: center;
}
.stu_sec1 .row .img > img{
	max-width: 100%;
}
.stu_sec1 .colLeft h1{
	font-size: 4em;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.stu_sec1 .colLeft p{
	font-size: 2em;
}
.stu_sec1 .colLeft a.linkbtn{
	font-size: 2em;
	margin-top: 1em;
}
.stu_sec2{
	padding: 10em 0;
	min-height: 100vh;
	background: url('../img/career/Students-Interns/bg.jpg') center center no-repeat;
	background-size: cover;
}
.stu_sec2 .container > h1{
	text-align: center;
	font-weight: bold;
	font-size: 5em;
}
.stu_sec2 .heart_box{
	margin-top: 5em;
	margin-bottom: 10em;
}
.stu_sec2 .heart_box ul.heart{
	list-style: none;
	padding: 0;
	margin: 0 -15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
@media (min-width: 1920px) {
	.stu_sec2 .heart_box ul.heart{
		max-width: 1500px;
		margin: auto;	
	}
}
.stu_sec2 .heart_box ul.heart > li{
	min-width: 20%;
	max-width: 20%;
	padding: 15px;
}
.stu_sec2 .heart_box ul.heart > li .data{
	background: #fff;
	text-align: center;
	box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.15);
	height: 250px;
	display: flex;
	flex-wrap: wrap;
	justify-items: center;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.stu_sec2 .heart_box ul.heart > li .data .img{
	margin-bottom: 30px;
}
.stu_sec2 .heart_box ul.heart > li .data .img img{
	max-width: 100%;
}
.stu_sec2 .heart_box ul.heart > li .data .name{
	font-size: 1.2em;
	min-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}
.stu_sec2 .ms_box{
	color: #000;
}
.stu_sec2 .ms_box h3{
	font-size: 3.5em;
	margin-bottom: 1em;
}
.stu_sec2 .ms_box p{
	font-size: 2em;
}
.stu_sec3 #join2{
	padding-top: 10em;
}
.stu_sec3 .sec_head4{
	max-width: 100%;
	text-align: left;
}
.stu_sec3 .sec_head4 .ms1{
	margin-bottom: 1.5em;
}
.service_our{
	padding: 8em 0;
	text-align: center;
}
.service_our .container{
	max-width: 1200px;
}
.service_our h2{
	font-size: 4em;
	margin-bottom: 0.5em;
}
.service_our p{
	font-size: 1.5em;
	color: #000;
}
.service_box{
	background: url('../img/about/bg-sec2.jpg') top center no-repeat;
	background-size: cover;
	padding: 10em 0;
}
@media (min-width: 1920px) {
	.service_box .container{
		max-width: 1500px;
	}	
}
ul.servicelists{
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
ul.servicelists > li{
	min-width: 50%;
	max-width: 50%;
	padding: 20px 30px;
	display: flex;
}
ul.servicelists > li.isimg{
	min-width: 100%;
	max-width: 100%;
}
ul.servicelists > li .sbox{
	background: #fff;
	box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.1);
	border-bottom: 10px solid #bf0202;
	display: flex;
	min-width: 100%;
	max-width: 100%;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
ul.servicelists > li .sbox .info{
	padding: 2.5em 3em;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
ul.servicelists > li:hover .sbox{
	box-shadow: 0 0 0 2px #bf0202;
}
ul.servicelists > li .sbox .info .title{
	display: flex;
    align-content: center;
    align-items: center;
    color: #000;
    font-size: 2.6em;
    line-height: 1.2em;
    text-decoration: none;
    margin-bottom: 15px;
    font-weight: bold;
}
ul.servicelists > li .sbox .info .title .icon{
	display: block;
	min-width: 100px;
	max-width: 100px;
	height: 100px;
	margin-right: 30px;
	background: transparent center center no-repeat;
	background-image: var(--icon-img);
	background-size: cover;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
ul.servicelists > li:hover .sbox .info .title .icon{
	background-image: var(--icon-hover);
}
ul.servicelists > li .sbox .info .title .name{
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
ul.servicelists > li:hover .sbox .info .title .name{
	color: #bf0202;
}
ul.servicelists > li .sbox .info ul,
ul.servicelists > li .sbox .info p{
	font-size: 1.3em;
	color: #000;
}
ul.servicelists > li .sbox .img{
	max-width: 390px;
	min-width: 390px;
}
ul.servicelists > li .sbox .img > img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.app_title{
	padding: 5em 0;
	position: relative;
	overflow: hidden;
}
.app_title.type_bg{
	color: #fff;
	background-image: var(--icon-img);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.page_back{
	padding: 1em 0;
}
.service_back{
	background: url('../img/services/icon/icon-prev.png') left center no-repeat;
	padding-left: 50px;
	color: #bf0202;
	font-size: 1.7em;
	text-decoration: none;
	display: block;
}
.service_back:hover{
	text-decoration: none;
	color: #000;
}
.app_title .col{
	max-width: 50%;
}
.app_title .col.info{
	padding-right: 8em;
}
.app_title .col .img > img{	
	max-width: 100%;
}
.app_title .col.info h1{
	font-size: 4em;
	font-weight: bold;
}
.app_title .col.info ul{
	list-style: circle;
}
.app_title .col.info > p{
	/* font-size: 1.5em; */
}
.app_title.type_bg .col.image{
	display: none;
}
.app_capabilities{
	padding: 7em 0;
	padding-bottom:0em;
}
@media (min-width: 1920px) {
	.app_capabilities .container{
		max-width: 1500px;
	}	
}
.app_capabilities h2{
	/* font-size: 4em; */
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
}
.app_s_type{
	padding: 8em 0;
	background: url('/web-assets/img/about/bg-sec2.jpg') top center no-repeat;
	background-size: cover;
}
ul.app_type_lists{
	list-style: none;
	padding: 0;
	margin: 0 -20px;
	display: flex;
	flex-wrap: wrap;
}
ul.app_type_lists > li{
	padding: 20px;
	min-width: 33.33%;
	max-width: 33.33%;
}
ul.app_type_lists > li.col2_img{
	min-width: 66.66%;
	max-width: 66.66%;
}
.app_box{
	background: #fff;
	box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);
	position: relative;
	min-height: 200px;
	display: flex;
}
.app_box:hover{
	box-shadow: 0 0 0 3px #bf0202;
}
.app_box .seemore{
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.app_box:hover .seemore{
	-webkit-transform: translate(-5px,-5px);
	   -moz-transform: translate(-5px,-5px);
	    -ms-transform: translate(-5px,-5px);
	     -o-transform: translate(-5px,-5px);
	        transform: translate(-5px,-5px);
}
.app_box .seemore2{
	font-weight: bold;
	font-size: 1.2em;
	border-left: 15px solid #bf0202;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	color: #bf0202;
	position: absolute;
	text-decoration: none;
	left: 0;
	bottom: 0;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.app_box .seemore2 img{	
	margin-right: 15px;
}
.app_box:hover .seemore2{
	border-left-width: 20px;
}
.app_box .info{
	padding: 30px 40px;
	padding-bottom: 60px;
	position: relative;
	padding-bottom: 80px;
	width: 100%;
}
.app_box .subject{
	display: block;
	text-decoration: none;
	font-size: 2em;
	color: #000;
	margin-bottom: 15px;
	font-weight: bold;
}
.app_box:hover .subject{
	color: #bf0202;
}
.app_box .info p{
	font-size: 1.3em;
	color: #000;
}
.app_box .img{
	overflow: hidden;
}
.app_box .img > img{
	width: 100%;
	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.app_box:hover .img > img{
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}
ul.app_type_lists > li.col2_img .app_box{
	display: flex;
}
ul.app_type_lists > li.col2_img .app_box .img{
	max-width: 30%;
	min-width: 30%;
}
ul.app_type_lists > li.col2_img .app_box .img > img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.case_view .container > h1{
	font-size: 3em;
}
.case_view .container > hr{
	border-width: 2px;
	border-color: #e5e1e1;
	margin: 2em 0;
}
.htmlbox{
	padding: 3em 0;
	padding-top: 3em;
	font-size: 1.2em;
}
.htmlbox img{
	max-width: 100%;
}
.htmlbox h2{
	font-size: 2.2em;
	font-weight: bold;
	margin-bottom: 1em;
}
ul.case_client_lists{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
ul.case_client_lists > li{
	min-width: 100%;
	border-bottom: 1px solid #e5e1e1;
	padding: 10px 0;
	display: flex;
	align-content: center;
	align-items: center;
	font-size: 1.2em;
}
ul.case_client_lists > li .title{
	font-weight: bold;
	padding: 0 15px;
	white-space: nowrap;
}
ul.lists_image{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	padding-top: 15px;
}
ul.lists_image > li{
	padding-right: 5em;
	padding-bottom: 2em;
	text-align: center;
	max-width: 300px;
	min-width: 300px;
}
ul.lists_image > li .img img{
	max-width: 100%;
}
ul.lists_image > li .name{
	padding-top: 15px;
}
.headinner .container{
	position: relative;
}
.app_title .bg video,
.headinner .bg video,
.about_sec3 .bg video,
.about_sec5 .bg video,
.about_sec9 .bg video,
.about_sec11 .bg video{
	width: 100%;
	min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
}
@media (min-width: 1920px) {
	.app_title .container,
	.case_view .container,
	.stu_sec3 .container{
		max-width: 1500px;
	}
}
.case_view.bg{
	background: url('/web-assets/img/services/bg.jpg') top center no-repeat;
	background-size: cover;
}
.viewmeetion{
	max-width: 1500px;
	padding: 0;
}
.viewmeetion .sec1{
	display: flex;
	align-items: center;
	padding-right: 4em;
	padding-top: 5em;
	padding-bottom: 5em;
}
.viewmeetion .sec1 .img,
.viewmeetion .sec1 .info{
	max-width: 50%;
	min-width: 50%;
}
.viewmeetion .sec1 .info{
	padding-left: 2em;
}
.viewmeetion .sec1 .info .name{
	padding-left: 5em;
}
.viewmeetion .sec1 .info .name h2{
	font-size: 2.8em;
	font-weight: bold;
}
.viewmeetion .sec1 .info .name p{
	color: #999;
	font-size: 1.2em;
}
.viewmeetion .sec1 .ms{
	background: url('../img/career/career-MeetourPeople/b1.png?t=1') left center no-repeat;
	background-size: 100% 100%;
	padding: 30px;
	padding-left: 80px;
	padding-right: 50px;
	padding-bottom: 50px;
	color: #fff;
	font-size: 1.7em;
	min-height: 400px;
	max-height: 500px;
	overflow-y: auto;
}
.viewmeetion .sec1 .img img{
	max-width: 100%;
}
.viewmeetion .sec2 .row{
	padding:30px 150px;
}
.viewmeetion .sec2 .row:nth-child(2n+1){
	background: #f2f2f2;
}
.viewmeetion .sec2 .row .col.image{
	min-width: 400px;
	max-width: 400px;
}
.viewmeetion .sec2 .row .col.image .img > img{
	max-width: 100%;
}
@media (max-width: 767px) {
	h3 > img{
		width: 100%!important;
		margin-bottom: 15px;
	}	
}
@media (max-width: 1920px) {
	.sec_head{
		font-size: 10em;
	}
	.sec_head3 .ms1{
		font-size: 2.8em;
	}
	#home_sec2 .desc{
		font-size: 1.5em;
	}
	.about_sec1 .desc{
		padding-top: 0;
	}
	#home_sec2 .ms{
		line-height: 7em;
	}
	#home_sec2 .ms .ms1{
		font-size: 9em;
	}
	#home_sec2 .ms .ms2{
		font-size: 8em;
	}
	.app_title .bg video,
	.headinner .bg video,
	.about_sec3 .bg video,
	.about_sec5 .bg video,
	.about_sec9 .bg video,
	.about_sec11 .bg video,
	#home_sec2 .bg video{
		width: auto;
	}
	/* .about_sec1 .desc .ab_ms{
		font-size: 2.5em;
	} */
	/* .about_sec1 .desc .ab_html{
		font-size: 2em;
	} */
	#home_sec2 .desc{
		max-width: 50%;
	}
	.about_sec4 .container,
	.about_sec6 .container,
	.about_sec7 .container,
	.about_sec8 .container{
		max-width: 1440px;
	}
	.about_sec6 .row .col:last-child{
		max-width: 40%;
		min-width: 40%;
	}
	.about_sec6 .row .col:first-child{
		font-size: 1.2em;
	}
	.about_sec7{
		padding: 7em 0;
	}
	#home_service .container{
		min-width: 100%;
		max-width: 100%;
	}
	.about_sec10 .ms h3{
		font-size: 2.5em;
		margin-bottom: 1em;
	}
	.about_sec10 .ms p{
		font-size: 1.2em;
	}
	.contact_info .sec2 .col h3{
		font-size: 1.6em;
	}
	.contact_info .sec2{
		padding: 3em 0;
	}
	.contact_info .sec2 .col{
		padding-right: 0px;
		padding-left: 30px;
	}
	.contact_info .sec2 .col .info{
		font-size: 1em;
	}
	.contact_info .sec1{
		padding-bottom: 2em;
	}
	#home_family .joinnow #join2 .link .linkbtn{
		font-size: 2em;
	}
	#home_family.career .sec_head2{
		font-size: 3.5em;
		line-height: 1.2em;
	}
	.sec_head4{
		font-size: 1.3em;
	}
	#career_explore .exp_Lists .col .expinfo .info{
		padding: 15px 20px;
	}
	#career_explore .exp_Lists .col .expinfo .info{
		font-size: 0.7em;
	}
	.stu_sec1{
		padding: 6em 0;
		font-size: 0.7em;
	}
	.stu_sec2{
		padding: 6em 0;
	}
	.stu_sec2 .container > h1{
		font-size: 4em;
	}
	.stu_sec2 .heart_box{
		margin-top: 3em;
		margin-bottom: 4em;
	}
	.stu_sec2 .heart_box ul.heart > li .data{
		height: 200px;
	}
	.stu_sec2 .heart_box ul.heart > li .data .name{
		font-size: 0.9em;
	}
	.stu_sec2 .heart_box ul.heart > li .data .img{
		margin-bottom: 10px;
	}
	.stu_sec2 .ms_box h3{
		font-size: 2.3em;
	}
	.stu_sec2 .ms_box p{
		font-size: 1.3em;
	}
	#home_family.stu_sec3{
		padding: 6em 0;
	}
	.stu_sec3 .sec_head4 .ms1{
		margin-bottom: 1em;
	}
	.stu_sec3 #join2{
		padding-top: 7em;
	}
	.service_box{
		padding: 6em 0;
	}
	ul.servicelists > li{
		padding: 15px 20px;
	}
	ul.servicelists > li .sbox .info{
		font-size: 0.8em;
	}
	ul.servicelists > li .sbox .info .title .name{
		font-size: 0.9em;
	}
	.app_title .col.info{
		padding-right: 3em;
	}
	.app_title .col.info h1{
		font-size: 3em;
	}
	.app_title .col.info p{
		font-size: 1.2em;
	}
	.app_capabilities{
		padding: 2em 0;
	}
	.app_capabilities h2{
		/* font-size: 3em; */
		margin-bottom: 0.5em;
	}
	.app_s_type{
		padding: 3em 0;
	}
	.app_box .subject{
		font-size: 1.5em;
		line-height: 1.2em;
	}
	.app_box .info p{
		font-size: 1em;
	}
	.app_box .info{
		padding: 20px 25px;
		padding-bottom: 80px;
	}
	.about_sec7 .s1 > p{
		max-width: 100%;
	}
	.about_sec7 .s2 > ul > li h3{
		font-size: 1.5em;
	}
	.about_sec7 .s2 > ul > li p{
		font-size: 1em;
	}
	#career_life .life_info{
		font-size: 0.9em;
	}
	.partner_lists > ul > li .info > .name{
		font-size: 1.2em;
	}
	.partner_lists > ul > li .info .linkbtn{
		font-size: 0.8em;
	}
}
@media (max-width: 1440px) {
	#home_sec1{
		padding: 13vw 0;
	}
	#home_sec1 .ms{
		line-height: 7em;
	}
	#home_sec1 .ms .ms1{
		font-size: 10em;
	}
	#home_sec1 .ms .ms2{
		font-size: 8em;
	}
	#home_sec2{
		padding: 0;
	}
	#home_sec2 .desc{
		font-size: 1.2em;
	}
	#home_sec2 .ms{
		line-height: 6em;
	}
	#home_sec2 .ms .ms1{
		font-size: 8em;
	}
	#home_sec2 .ms .ms2{
		font-size: 7em;
	}
	#home_sec2 > .container{
		justify-content: center;
	}
	#home_service{
		padding: 8vw;
	}
	.sec_head{
		font-size: 12vw;
		line-height: 12vw;
	}
	#home_service .boxservice{
		padding: 5vw 0;
	}
	#home_service .boxservice .right > h3{
		font-size: 4vw;
	}
	#home_service .boxservice .right > p{
		font-size: 1.5vw;
	}
	#home_service .boxservice .right .lists_service{
		padding-top: 2vw;
	}
	#home_service .boxservice .right .lists_service > ul > li{
		padding: 0.5em 0;
	}
	#home_service .boxservice .right .lists_service > ul > li > a{
		font-size: 1.5vw;
	}
	.tw_icon{
		width: 5vw;
		height: 5vw;
	}
	#home_family{
		padding: 10vw 0;
	}
	.sec_head2{
		font-size: 4.5vw;
		line-height: 8vw;
	}
	.sec_head2 .ms2{
		font-size: 8vw;
	}
	#home_family .joinnow #join2 .link .linkbtn{
		font-size: 1.2em;
	}
	#home_family.career .joinnow #join2 .link .linkbtn{
		font-size: 1em;
	}
	#home_family .joinnow{
		padding-top: 7vw;
	}
	.home_partners{
		padding: 10vw 0;
	}
	.sec_head3{
		font-size: 2vw;
	}
	.sec_head3 .ms2{
		font-size: 2vw;
	}
	.partner_lists > ul > li{
		min-width: calc(100% / 3);
    	max-width: calc(100% / 3);
    	text-align: center;
	}
	.home_partners .partner_lists{
		padding-top: 5vw;
	}
	.about_sec2 .about_title{
		font-size: 6em;
	}
	.about_sec2 .container .col .number{
		font-size: 3.5em;
	}
	.about_sec2 .container .row{
		padding-left: 0;
	}
	.about_sec2 .container{
		max-width: 991px;
	}
	.about_sec2 .container .col{
		font-size: 1.3em;
	}
	.about_sec4 .container,
	.about_sec6 .container{
		max-width: 991px;
	}
	.about_sec4 .row .col:first-child{
		max-width: 40%;
		min-width: 40%;
	}
	.about_sec4 .row .col:last-child{
		padding-left: 5%;
		font-size: 1.2em;
	}
	.about_sec4{
		padding: 5em 0;
	}
	.about_sec7 .s2 > ul{
		row-gap: 1em;
		column-gap: 1em;
	}
	.about_sec7 .s2 > ul > li{
		width: calc(33.33% - 1em);
		padding: 1.5em;
	}
	.about_sec7 .s1{
		margin-bottom: 1em;
	}
	.about_sec7 .s1 > h2{
		font-size: 2.5em;
	}
	.about_sec7 .s1 > p{
		font-size: 1.3em;
		max-width: 100%;
	}
	.about_sec7 .s2 > ul > li h3{
		font-size: 1.6em;
	}
	.about_sec7 .s2 > ul > li p{
		font-size: 1.1em;
	}
	.about_sec8{
		padding: 5em 0;
	}
	.about_sec10 .ms h3{
		font-size: 3em;
	}
	.about_sec11 .ms h3{
		font-size: 5em;
	}
	.about_sec11 .ms h4{
		font-size: 2.5em;
	}
	.about_sec11 .ms p{
		font-size: 1.5em;
	}
	.about_sec11 .ms .link{
		font-size: 1.5em;
		margin-top: 1.5em;
	}
	.contact_info{
		padding: 5em 0;
		padding-bottom: 0;
	}
	.contact_info .sec1{
		padding-bottom: 1em;
	}
	.contact_info .sec1 h1{
		font-size: 1.3em;
	}
	.contact_info .sec1 address{
		font-size: 0.8em;
	}
	.contact_map_area{
		height: 50vw;
	}
	.contact_info .sec2 .col h3{
		font-size: 1.4em;
	}
	#career_life .life_info{
		font-size: 0.7em;
	}
	#career_explore{
		padding: 5em 0;
	}
	.sec_head4{
		padding-bottom: 1em;
	}
	.sec_head4 .ms1{
		font-size: 1.5em;
	}
	#career_explore .exp_Lists .col{
		padding-left: 15px;
		padding-right: 15px;
	}
	.stu_sec3 .sec_head4 .ms1{
		font-size: 2em;
	}
	.stu_sec3 .sec_head4{
		font-size: 1.3em;
	}
	.stu_sec2 .container > h1{
		font-size: 3em;
	}
	.stu_sec1{
		font-size: 0.6em;
	}
	.stu_sec2 .heart_box ul.heart > li .data{
		height: 170px;
	}
	.stu_sec2 .heart_box ul.heart > li .data .name{
		font-size: 1em;
	}
	.stu_sec2 .ms_box h3{
		font-size: 2em;
	}
	.stu_sec2 .ms_box p{
		font-size: 1.2em;
	}
	.service_our{
		padding: 4em 0;
	}
	.service_our h2{
		font-size: 3em;
	}
	.service_our p{
		font-size: 1.5em;
	}
	ul.servicelists > li .sbox .info{
		padding: 2em 2.5em;
	}
	ul.servicelists > li .sbox .info .title .name{
		font-size: 0.8em;
	}
	ul.servicelists > li .sbox .info .title .icon{
		min-width: 70px;
		max-width: 70px;
		min-height: 70px;
		max-height: 70px;
		margin-right: 15px;
	}
	.case_view .container > h1{
		font-size: 3em;
	}
	.htmlbox h2{
		font-size: 1.5em;
	}
	.viewmeetion{
		max-width: 991px;
	}
	.viewmeetion .sec1{
		padding: 0;
		padding-top: 50px;
		padding-right: 50px;
	}
	.viewmeetion .sec1 .ms{
		font-size: 1.5em;
		min-height: 300px;
		max-height: 300px;
		padding-left: 50px;
    	padding-right: 25px;
	}
	.viewmeetion .sec2 .row{
		padding-left: 30px;
		padding-right: 30px;
	}
	.viewmeetion .sec1 .info{
		font-size: 0.7em;
	}
	.viewmeetion .sec1 .info .name{
		padding-left: 2em;
	}
}
@media (max-width: 1199px) {
	.app_title .col.info h1{
		font-size: 2em;
	}
	.app_title .col.info p{
		font-size: 1em;
	}
	.service_back{
		font-size: 1.5em;
	}
	.app_title{
		padding: 3em 0;
	}
	.app_capabilities{
		padding-top: 0;
	}
	.app_capabilities h2{
		/* font-size: 2.2em; */
	}
	.viewhtml{
		font-size: 1.1em;
	}
	ul.app_type_lists{
		margin-left: -20px;
		margin-right: -20px;
	}
	ul.app_type_lists > li{
		padding: 10px;
	}
	.app_box .seemore img{
		height: 40px;
	}
	ul.app_type_lists > li.col2_img{
		max-width: 100%;
		min-width: 100%;
	}
	.app_box .info{
		padding-bottom: 50px;
	}
	.stu_sec2 .heart_box ul.heart > li{
		min-width: 25%;
		max-width: 25%;
	}
	.stu_sec2 .heart_box ul.heart > li .data{
		height: 200px;
	}
}
@media (max-width: 1024px) {
	#home_service .boxservice{
		flex-wrap: wrap;
	}
	#home_service .boxservice .left,
	#home_service .boxservice .right{
		min-width: 100%;
		max-width: 100%;
	}
	#home_service .boxservice .right > h3{
		font-size: 3em;
	}
	#home_service .boxservice .right > p{
		font-size: 1.5em;
	}
	.tw_icon {
	    width: 97px;
	    height: 97px;
	}
	#home_service .boxservice .right .lists_service > ul > li{
		padding: 1em 0;
	}
	#home_service .boxservice .right .lists_service > ul > li > a{
		font-size: 1.5em;
	}
	.about_sec2{
		padding: 5em 0;
	}
	.about_sec2 .container .col{
		font-size: 1.2em;
	}
	.about_sec9 .message h2{
		font-size: 3em;
	}
	.about_sec9 .message p{
		font-size: 1.6em;
	}
	.about_sec9 .message .img{
		margin-top: 2em;
	}
	ul.lists_image > li{
		padding-right: 30px;
		max-width: 33.33%;
		min-width: 33.33%;
	}
	ul.lists_image > li .img{
		max-width: 100px;
		margin: auto;
	}
}
@media (max-width: 991px) {
	#home_sec2 .desc{
		max-width: 50%;
	}
	#home_sec2 .desc{
		max-width: 80%;
	}
	.about_sec1 .desc .ab_ms{
		font-size: 2.3em;
	}
	.about_sec2 .about_title{
		font-size: 4em;
	}
	.about_sec7 .s2 > ul > li {
	    width: calc(50% - 1em);
	}
	.about_sec8 .s1 h2{
		font-size: 3em;
	}
	.about_sec8 .s1 p{
		font-size: 1.5em;
	}
	.about_sec8 .s1{
		padding-bottom: 1em;
	}
	.about_sec8 .s2{
		padding-bottom: 1em;
	}
	.about_sec8 .s3{
		font-size: 1em;
	}
	.about_sec10 .ms h3{
		font-size: 2.5em;
	}
	.about_sec10{
		padding: 5em 0;
	}
	.about_sec10 .ms p{
		font-size: 1em;
	}
	.about_sec10 .ms h3{
		font-size: 2em;
	}
	.new_html hr{
		margin: 2em 0;
	}
	#formContact .row{
		margin-bottom: 0;
	}
	#formContact .row .col-xs-12{
		margin-bottom: 15px;
	}
	.boxcaptcha{
		padding: 15px 0;
	}
	.contact_info .sec2 .col{
		min-width: 100%;
		border-right: none;
		padding: 0;
		padding-bottom: 30px;
	}
	.contact_info .sec2 .col:last-child{
		padding-bottom: 0;
	}
	.contact_info .sec2 .col h3{
		margin-bottom: 15px;
		font-size: 2em;
	}
	#home_family.career .joinnow #join2 .link .linkbtn{
		font-size: 0.8em;
	}
	#home_family .joinnow #join2 .link{
		padding-bottom: 1.5em;
	}
	#career_explore .exp_Lists .col{
		margin-bottom: 30px;
	}
	.stu_sec1{
		font-size: 0.5em;
	}
	.stu_sec2{
		padding: 4em 0;
	}
	.stu_sec2 .heart_box ul.heart > li{
		min-width: 33.33%;
		max-width: 33.33%;
	}
	.stu_sec2 .container > h1{
		font-size: 2.5em;
	}
	.stu_sec2 .heart_box{
		margin-bottom: 2em;
		margin-top: 1.5em;
	}
	.stu_sec3 #join2{
		padding-top: 3em;
	}
	#home_family .joinnow{
		padding-top: 2vw;
	}
	.stu_sec3 .sec_head4{
		font-size: 1em;
	}
	.stu_sec2 .ms_box{
		font-size: 0.8em;
	}
	ul.servicelists > li{
		min-width: 100%;
		max-width: 100%;
	}
	ul.servicelists > li .sbox{
		flex-wrap: wrap;
	}
	ul.servicelists > li .sbox .img{
		min-width: 100%;
		max-width: 100%;
	}
	ul.app_type_lists > li{
		min-width: 50%;
		max-width: 50%;
	}
	.app_title{
		padding-bottom: 1em;
	}
	.case_view .container > h1{
		font-size: 2em;
	}
	.htmlbox{
		padding: 1em 0;
	}
	.case_view .container > hr{
		margin: 1em 0;
	}
	#home_family.career .joinnow #join2{
		padding-top: 2em;
	}
	#home_family.career .sec_head2 .ms1{
		font-size: 0.8em;
	}
	.viewmeetion{
		max-width: 100%;
	}
	.viewmeetion{
		max-width: 767px;
	}
	.viewmeetion .sec1{
		padding-top: 30px;
	}
	.viewmeetion .sec1 .info{
		font-size: 0.6em;
	}
	.viewmeetion .sec1 .info .name h2{
		font-size: 2.5em;
	}
	.viewmeetion .sec1 .ms{
		padding-left: 50px;
		padding-right: 50px;
		min-height: 250px;
		max-height: 250px;
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.viewmeetion .sec1{
		padding-right: 20px;
	}
	.viewmeetion .sec2 .row .col.image,
	.viewmeetion .sec2 .row > .col{
		min-width: 100%;
		max-width: 100%: ;
	}
	.viewmeetion .sec2 .row > .col > h3{
		font-size: 1.5em;
	}
	.viewmeetion .sec2 .row .col.image{
		text-align: center;
	}
	.viewmeetion .sec1 .ms{
		padding-left: 40px;
		padding-right: 20px;
	}
	.contact_info .sec2 .col{
		padding-left: 15px!important;
	}
}
@media (max-width: 767px) {
	#home_sec1{
		padding: 7em 0;
	}
	#home_sec1 .ms .ms1{
		font-size: 8em;
	}
	#home_sec1 .ms .ms2{
		font-size: 5em;
	}
	#home_sec2 > .container{
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		align-content: center;
	}
	#home_sec2 .ms{
		padding-right: 0;
		min-width: 100%;
		max-width: 100%;
	}
	#home_sec2 .desc{
		padding: 0;
		min-width: 90%;
		text-align: center;
		padding-top: 5vw;
	}
	#home_service .boxservice .right{
		padding-left: 0;
	}
	.tw_icon {
	    width: 12vw;
	    height: 12vw;
	}
	#home_service .boxservice .right .lists_service > ul > li > a{
		font-size: 4vw;
	}
	#home_service .boxservice .right .lists_service > ul > li{
		padding: 2vw 0;
	}
	#home_service .boxservice .right > h3{
		font-size: 10vw;
	}
	#home_service .boxservice{
		padding-top: 40px;
	}
	.partner_lists > ul > li .info > .name{
		font-size: 1.5em;
	}
	.partner_lists > ul > li .info .linkbtn{
		font-size: 1em;
	}
	.sec_head3 .ms2{
		font-size: 1.5em;
	}
	.home_partners{
		padding-bottom: 0;
	}
	#home_sec2 .h_zoom > img{
		width: 200%;
		min-height: 100vh;
	}
	.about_sec2 .about_title{
		font-size: 4em;
	}
	.about_sec1 .desc .ab_ms{
		font-size: 2em;
	}
	/* .about_sec1 .desc .ab_html{
		font-size: 1.5em;
	} */
	#home_sec2 .desc{
		justify-content: center;
	}
	.about_sec2 .container .col{
		min-width: 100%;
		text-align: center;
		font-size: 1em;
		margin-bottom: 2em;
	}
	.about_sec2 .container .col .number{
		font-size: 4em;
	}
	.about_sec2 .about_image .col:first-child img,
	.about_sec2 .about_image .col:last-child img{
		margin-top: 0em;
	}
	.about_sec3 .ms, 
	.about_sec5 .ms{
		font-size: 8em;
	}
	.about_sec4 .row .col:first-child {
	    max-width: 100%;
	    min-width: 100%;
	    text-align: center;
	    display: none;
	}
	.about_sec4 .row .col:last-child{
		padding-left: 15px;
		padding-top: 1em;
	}
	.about_sec4 .row .col:last-child .title{
		text-align: center;
	}
	.about_sec6, .about_sec4{
		padding: 15px;
	}
	.about_sec6 .row .col:first-child,
	.about_sec6 .row .col:last-child{
		padding: 15px;
		max-width: 100%;
		min-width: 100%;
	}
	.about_sec6 .row .col:last-child{
		text-align: center;
		display: none;
	}
	.about_sec8 .s1 p{
		font-size: 1em;
	}
	.about_sec8 .s3 .row .col{
		min-width: 100%;
		max-width: 100%;
	}
	.about_sec8 .s1 h2{
		font-size: 2em;
	}
	.about_sec8{
		padding: 3em 0;
	}
	.about_sec9 .message .img.img2 > img{
		max-width: 50%;
	}
	.about_sec11{
		min-height: auto;
		padding: 4em 0;
	}
	.new_html{
		font-size: 1.1em;
	}
	.new_html hr {
	    margin: 1em 0;
	}
	.contact_info .sec1 h1{
		font-size: 1em;
	}
	.contact_info .sec1 address{
		font-size: 0.7em;
	}
	.contact_info .sec2 .col h3{
		font-size: 1.7em;
	}
	.contact_form{
		padding: 4em 0;
	}
	.contact_form .ms{
		padding-bottom: 1em;
	}
	.contact_form .ms h2{
		font-size: 1.5em;
	}
	.contact_form .ms p{
		font-size: 0.8em;
	}
	#home_family.career .joinnow #join2 .link .linkbtn{
		font-size: 1em;
	}
	#home_family.career .joinnow #join2 .link{
		margin-top: 5vw;
	}
	#home_family.career .sec_head2{
		font-size: 2.5em;
	}
	#career_life{
		padding: 0vw 0;
	}
	#career_life .life_info{
		font-size: 0.6em;
		max-width: 100%;
	}
	#career_explore .exp_Lists .col{
		min-width: 100%;
		max-width: 100%;
	}
	#career_work{
		padding: 5em 0;
	}
	.sec_head4{
		font-size: 1.2em;
	}
	#career_explore{
		padding-bottom: 0;
	}
	.stu_sec1 .row .col{
		min-width: 100%;
		max-width: 100%;
	}
	.stu_sec1{
		padding-top: 5em;
	}
	.stu_sec1 .row .col.colLeft{
		padding-bottom: 30px;
	}
	#home_family.stu_sec3{
		padding: 3em 0;
	}
	ul.app_type_lists > li{
		min-width: 100%;
		max-width: 100%;
	}
	.app_title .col{
		min-width: 100%;
		max-width: 100%;
	}
	.app_title .col.info{
		padding-right: 15px;
	}
	.app_box{
		min-height: 250px;
	}
	.app_s_type{
		padding: 1em 0;
	}
	ul.app_type_lists{
		margin: 0 -5px;
	}
	ul.app_type_lists > li.col2_img .app_box{
		flex-wrap: wrap;
	}
	ul.app_type_lists > li.col2_img .app_box .img{
		min-width: 100%;
		max-width: 100%;
	}
	.app_title{
		padding-top: 1em;
	}
	.app_capabilities{
		
	}
	ul.case_client_lists > li{
		font-size: 0.8em;
	}
	ul.case_client_lists > li .icon{
		max-width: 40px;
	}
	.htmlbox h2{
		margin-bottom: 15px;
	}
	ul.lists_image > li{
		padding-right: 15px;
		max-width: 50%;
		min-width: 50%;
	}
	.about_sec7 .s2 > ul > li{
		width: 100%;
	}
	.about_sec7 .s1 > h2{
		font-size: 2em;
	}
	.about_sec7 .s1 > p{
		font-size: 1.2em;
	}
	.viewmeetion .sec1 .img, .viewmeetion .sec1 .ms
	.meeting_layout .headinner{
		height: 40vw;
	}
	.viewmeetion .sec1 .img{
		min-width: 40%;
		max-width: 40%;
	}
	.viewmeetion .sec1 .img > img{
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.viewmeetion .sec1 .info{
		min-width: 60%;
		max-width: 60%;
	}
	.viewmeetion .sec1 .ms{
		font-size: 2vw;
		padding-top: 2vw;
		padding-bottom: 2vw;
		padding-left: 6vw;
		padding-right: 3vw;
		min-height: 35vw;
		max-height: 35vw;
	}
	.viewmeetion .sec2 .row{
		font-size: 0.8em;
	}
	.stu_sec2 .heart_box ul.heart > li{
		padding: 10px;
	}
	.about_sec2{
		padding-bottom: 0;
	}
	.about_sec6, .about_sec4{
		min-height: auto;
	}
	.contact_info .sec2 .col:first-child{
		
	}
	.page_back .container{
		max-width: 100%;
	}
}
@media (max-width: 650px) {
	#home_sec1 .ms{
		line-height: 20vw;
	}
	#home_family .joinnow .col{
		min-width: 100%;
		max-width: 100%;
	}
	#home_family .joinnow #join2 .link{
		padding: 5vw 0;
	}
	#home_family .joinnow #join2 .link .linkbtn{
		font-size: 5vw;
	}
	#join2{
		padding-bottom: 5vw;
	}
	.partner_lists > ul > li {
	    min-width: calc(100% / 2);
	    max-width: calc(100% / 2);
	}
	footer .sec2 .copyright{
		min-width: 70%;
	}
	.about_sec2 .container .col{
		min-width: 100%;
	}
	.about_sec2 .about_title{
		font-size: 3em;
	}
	.about_sec2{
		padding: 3.5em 0;
	}
	.about_sec7 .s2 > ul {
	    column-gap: 0em;
	}
	.about_sec7 .s2 > ul > li {
	    width: calc(100%);
	}
	.about_sec7{
		padding: 2em 0;
	}
	.about_sec11 .ms h3{
		font-size: 3.5em;
	}
	.about_sec11 .ms h4{
		font-size: 1.8em;
	}
	.about_sec11 .ms p{
		font-size: 1.1em;
	}
	.about_sec11 .ms .link{
		font-size: 1.1em;
	}
	#home_family .joinnow{
		padding-top: 0;
	}
}
@media (max-width: 575px) {
	.contact_info{
		padding-top: 3em;
	}
	.contact_info .sec1{
		font-size: 1.5em;
	}
	.contact_info .sec2{
		font-size: 0.9em;
	}
	.contact_form .ms{
		font-size: 1.2em;
	}
	#btnSubmit{
		font-size: 1.5em;
	}
	.contact_map_area{
		height: 100vw;
	}
	.stu_sec2 .heart_box ul.heart{
		margin: 0;
	}
	.stu_sec2 .heart_box ul.heart > li {
	    min-width: 50%;
	    max-width: 50%;
	    padding: 5px;
	}
	.stu_sec2 .heart_box ul.heart > li .data{
		height:50vw;
	}
	.stu_sec1{
		padding: 3em 0;
	}
	.stu_sec3 #join2{
		padding-top: 20px
	}
	#home_family.stu_sec3{
		padding-bottom: 15px;
	}
	.service_box{
		padding: 2em 0;
		padding-bottom: 5px;
	}
	.service_our h2{
		font-size: 2em;
	}
	.service_our p{
		font-size: 1.2em;
	}
	ul.servicelists > li{
		padding: 0;
		margin-bottom: 15px;
	}
	ul.servicelists > li .sbox .info .title .name{
		font-size: 0.7em;
		line-height: 1.2em;
	}
	ul.servicelists > li .sbox .info{
		padding: 1.5em 2em;
	}
	.viewmeetion .sec1{
		flex-wrap: wrap;
		padding: 15px;
		padding-top: 40px;
	}
	.viewmeetion .sec1 .img,
	.viewmeetion .sec1 .info{
	    min-width: 100%;
	    max-width: 100%;
	}
	.viewmeetion .sec1 .img{
		height: auto;
		margin-bottom: 15px;
	}
	.viewmeetion .sec1 .img > img{
		height: auto;
		width: 100%;
		object-fit: inherit;
	}
	.viewmeetion .sec1 .info .name,
	.viewmeetion .sec1 .info{
		padding: 0;
	}
	.viewmeetion .sec1 .info .name{
		text-align: center;
	}
	.viewmeetion .sec1 .ms{
		padding: 20px;
		color: #fff;
		background: rgb(52,0,107);
		background: linear-gradient(207deg, rgb(107,0,112,1) 0%, rgb(52,0,107,1) 100%);
		font-size: 14px;
		border-radius: 20px;
		max-height: inherit;
	}
	.viewmeetion .sec1 .info .name h2{
		font-size: 5vw;
	}
	#career_life .life_info p{
		font-size: 2em;
	}
}
@media (max-width: 425px) {
	#home_sec2 .ms{
		line-height: 4em;
	}
	#home_sec2 .ms .ms1{
		font-size: 6em;
	}
	#home_sec2 .ms .ms2{
		font-size: 5em;
	}
	.sec_head{
		font-size: 4em;
	}
	#home_service .boxservice .left img{
		width : calc(100% - 1em);
	}
	#home_service .boxservice .right > h3{
		font-size: 2em;
	}
	#home_service .boxservice .right > p{
		font-size: 1.2em;
	}
	.sec_head3{
		font-size: 0.7em;
		line-height: initial;
	}
	.sec_head3 .ms2{
		line-height: initial;
		margin-top: 15px;
	}
	.about_sec2{
		padding: 30px 0;
		padding-bottom: 0;
	}
	.about_sec4 .row .col:last-child,
	.about_sec6 .row .col:first-child{
		font-size: 1em;
	}
	.about_sec9 .message h2{
		font-size: 2.5em;
	}
	.about_sec10 .ms h3{

	}
	.about_sec11{
		padding: 3em 0;
	}
}
@media (max-width: 375px) {
	footer .sec2 .row{
		flex-wrap: wrap;
	}
	footer .sec2 .row .col,
	footer .sec2 .copyright{
		max-width: 100%;
		min-width: 100%;
		text-align: center;
	}
	footer .sec2 .copyright{
		padding-top: 15px;
	}
	.about_sec2 .about_title{
		font-size: 2.5em;
	}
	.about_sec2 .container .col .number{
		font-size: 3em;
	}
	.about_sec2 .container .col{
		font-size: 1em;
	}
}