/*************** [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:50px 0 50px;}
#section_type_location_1 .vision h2{font-size:38px; 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:30px; font-weight:500; text-shadow:1px 1px 1px #222; letter-spacing:-1px; line-height:135%;}
#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:#8efc96;}
#section_type_location_1 .vision .inner div h3:nth-child(5) span{color:#e3a0ff;}
#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;}
#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: #1b658c;}
#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: 30px 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:70px;}

/*footer*/
#section_type_location_1 footer {padding:30px 0; background:#252525;}
#section_type_location_1 footer p{font-size:15px; color:#9e9e9e; line-height:140%;}

/*************** [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*/
@media screen and (max-width:1024px){
	#section_type_location_1 footer {text-align:center;}
}

/*************** [location]animation ***************/