/*************** [location] ***************/

#section_type_location_1 {background: #252525;}

/*vision*/
#section_type_location_1 .vision{background:url(/section/location/location_1/img/loc_vis_bg.jpg) no-repeat top center; background-size:cover; width:100%; /*height:475px;*/padding:40px 0 40px;}
#section_type_location_1 .vision h2{font-size:42px; font-weight:400; color:#fff; margin-bottom:40px;}
#section_type_location_1 .vision .inner{display:table; width:95%; height:100%; color:#fff;}
#section_type_location_1 .vision .inner div{display:table-cell;vertical-align:middle; text-align:center; padding-top:80px; padding-bottom: 10px;}
#section_type_location_1 .vision .inner div h3{color:#fff; font-size:32px; font-weight:500; text-shadow:1px 1px 1px #222; letter-spacing:-1px; line-height:120%}
#section_type_location_1 .vision .inner div h3 span{font-weight:600;}
#section_type_location_1 .vision .inner div h3:nth-child(2) span{color:#fffd7a}
#section_type_location_1 .vision .inner div h3:nth-child(3) span{color:#ff7777}
#section_type_location_1 .vision .inner div h3:nth-child(4) span{color:#e3a0ff}
#section_type_location_1 .vision .inner div h3:nth-child(5) span{color:#8efc96}
#section_type_location_1 .vision .inner div p{margin:30px 0; font-size:18px; line-height: 120%; font-weight:200;}
#section_type_location_1 .vision .inner div a img {transition:all 0.3s; margin-top:30px;}
#section_type_location_1 .vision .inner div a img:hover {transform:scale(1.05);}

/*location*/
#section_type_location_1 .location{width:100%; overflow:hidden; background-color: #476ccf;height: 350px;}
#section_type_location_1 .location .inner_left{float:left; width:60%;}
#section_type_location_1 .location .inner_right{float:right; width:40%; position:relative;}
#section_type_location_1 .location .inner_right div{width: 70%; margin: 45px 0 0 50px; overflow:hidden;}
#section_type_location_1 .location .inner_right div h4 {display:inline-block; padding-left:20px;}
#section_type_location_1 .location .inner_right div h4 a {color:#fff; font-size:28px; font-weight:400;}
#section_type_location_1 .location .inner_right div h4 a:hover {text-decoration:underline;}
#section_type_location_1 .location .inner_right div p{font-size:16px; line-height: 150%; color: #fff; font-weight: 300;}
#section_type_location_1 .location .inner_right div img{margin-bottom:30px; width:80px;}

/*************** [location]responsive ***************/

/*vision*/
@media screen and (max-width:1366px){
	#section_type_location_1 .vision{padding:30px 0 20px;}
	#section_type_location_1 .vision h2 {font-size: 35px; margin-bottom:20px;}
	#section_type_location_1 .vision .inner div h3{color:#fff; font-size:26px; font-weight:400; line-height: 130%;}
	#section_type_location_1 .vision .inner div p{font-size:16px; margin:20px 0;}
	#section_type_location_1 .vision .inner div a img {width: 240px;}
}
@media screen and (max-width:1024px){
    #section_type_location_1 .vision{height:auto; background-size:cover; padding:80px 0 40px;}
	#section_type_location_1 .vision .inner div {padding-top:0;}
    #section_type_location_1 .vision .inner div p{text-shadow:1px 1px 1px #222;}
    #section_type_location_1 .vision .inner div p br{display:none;}

}
@media screen and (max-width:680px){
    #section_type_location_1 .vision h2{font-size:33px;}
    #section_type_location_1 .vision .inner div h3{font-size:28px;}
}
@media screen and (max-width:410px){
    #section_type_location_1 .vision h2{font-size:27px;margin-bottom:20px;}
    #section_type_location_1 .vision .inner div h3{font-size:24px; }
	#section_type_location_1 .vision .inner div a img{width:200px;}
	#section_type_location_1 .vision .inner div p{font-size:16px;}
}
@media screen and (max-width:320px){
    #section_type_location_1 .vision .inner div h3{font-size:20px; }
	#section_type_location_1 .vision .inner div p{font-size:15px;}
}

/*location*/
@media screen and (max-width:1440px){
	#section_type_location_1 .location .inner_left div iframe {height:330px !important;}
}
@media screen and (max-width:1366px){
	#section_type_location_1 .location .inner_left div iframe {height:280px !important;}
	#section_type_location_1 .location .inner_right div {margin: 25px 0 0 50px;}
	#section_type_location_1 .location .inner_right div img {width:70px; margin-bottom:15px;}
}
@media screen and (max-width:1024px){
	#section_type_location_1 .location .inner_left, #section_type_location_1 .location .inner_right{float: none; width: 100%;}
	#section_type_location_1 .location .inner_right div{margin: 30px; width: 90%;}
	#section_type_location_1 .location .inner_right div p{font-size:15px; line-height: 20px;}
}


/*************** Footer ***************/

#section_type_location_none {background: #fff;}

/*-------- [layout] --------*/
#section_type_location_none .layout {display: flex; justify-content: space-between; 
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
}
#section_type_location_none .layout .in80 {width: 79%;}
#section_type_location_none .layout .in80 .name p{color: white; margin-bottom: 10px;margin-top: 10px; font-size: 18px;}
#section_type_location_none .layout .in20 {width: 19%;}
#section_type_location_none .layout .in20 img{margin-left:0px;opacity: 0.9; filter: grayscale(1);}

/*-------- [layout] --------*/


/*footer*/
#section_type_location_none footer {padding:30px 0; background:#252525;}

#section_type_location_none footer address {font-size:15px; font-weight:300; line-height:140%; color:#fff;}
#section_type_location_none footer address a {color:#999;}
#section_type_location_none footer address a:hover {text-decoration:underline;}

/*************** [location]responsive ***************/


/*footer*/
@media screen and (max-width:1024px){
    #section_type_location_none .layout .in20 {display:none;}
    #section_type_location_none .layout .in80 {width: 100%;}
	#section_type_location_none footer {text-align:center;}
}
@media screen and (max-width:680px){ 
	#section_type_location_none footer address {font-size:12px;} 
}
@media screen and (max-width:414px){ /*mobile - iphone 6+,7+,8+*/
	#section_type_location_none footer address {font-size:12px;} 
}