@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');


body{
	font-family:'Montserrat', "微軟正黑體 Light";
	/*font-family: 'Montserrat','微軟正黑體', sans-serif;*/
	font-size: 20px; 
	background: url(../images/bg.png) repeat-y/*, url(../images/bg_line.png) no-repeat left 20vw*/, #fff;
	background-size: 100%, 8%;
	color: #1b1b1b;
}

#wrapper{padding-top: 80px;}
.content{padding: 0 10% 5%; box-sizing: border-box;}
.title{position: relative;color: #000;text-align: center;display: flex;justify-content: center;font-size: 32px;letter-spacing: 1px;font-weight:bold;}
.search{text-align: right; position: relative; color: #0e0e0e; display: flex;justify-content: flex-end;align-items: center; margin: 0 0 5%;}
.search input, .csrsub select{width: 300px; min-height: 50px; border-radius: 5px; border: 1px solid #274773; padding: 0 48px 0 8px;box-sizing: border-box;background: none;}
.search button{position: absolute; right: 10px;background: none;}
.search button:hover{color: #008cd6; cursor: pointer;}


/*csr*/
.csrsub{float: left; position: relative;}
.csrsub:after{content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 20px; top: 11px;}

.inv_date:after{display: none;}

.news_search form:nth-child(1){width: 60%; float: left;}
.news_search form:nth-child(2){float: right;}
.news_search form:nth-child(1) input, .csrsub input[type="date"]{width: auto; min-height: 49px; background: none; border: 1px solid #000; padding: 0 10px; border-radius: 7px; box-sizing: border-box;}
.news_search input[type="submit"]{background: #000 !important; color: #fff; margin: 0 0 0 10px; width: 88px !important;}
.news_search2{width: fit-content !important; margin: 0 auto; float: none !important;}
.s_date{margin: 0 15px 0 0; float: left;}

.news-wrap{	width:1024px; margin:0 auto; padding: 0 0 5% 0; box-sizing: border-box;}
.news-text{	font-size:1.2rem;	line-height:1.8; letter-spacing:2px; color:#333;}

/*banner*/
#banner{width: 100%; overflow: hidden; height: 21vw;display: flex; align-items: center; justify-content: center;}
#banner li{ height: 33vw; display: flex !important; align-items: center; justify-content: center; flex-direction: column;}
.callbacks_tabs a{display: none;}
.callbacks_container {margin-bottom: 0%;  padding-top: 80px;  position: relative; float: left; width: 100%;}
.callbacks_nav {position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  top: 52%; left: 5px; opacity: 0.7;  z-index: 3; text-indent: -9999px;   overflow: hidden;   text-decoration: none;  height: 5vw; width: 3%; background: transparent url("../images/banner_arrow.png") no-repeat left top; background-size: contain;}
.callbacks_nav:active { opacity: 1.0;}
.callbacks_nav.next {left: auto; transform: rotate(180deg); background-position: right top; right: 0;}
.rslides{ position: relative; list-style: none; overflow: hidden;   width: 100%;    padding: 0; margin: 0;}
.rslides li{ -webkit-backface-visibility: hidden; position: absolute;   display: none;  width: 100%;    left: 0;    top: 0;}
.rslides img{ display: block; height: auto; float: left; width: 100%; border: 0; margin: -3px 0 0;}
.callbacks_tabs{bottom: 3.2vw; text-align: center; z-index: 2; position: relative;}
.callbacks_tabs li{width: 7px; height: 7px; border-radius: 50%; margin: 0 10px 0 0; border:3px solid #fff; display: inline-block;}
.callbacks_here{background: #008cd6; border:3px solid #008cd6 !important;}


/*BG WHITE*/
.content_box{width: 100%; padding: 6% 5% 3%; box-shadow: 0 0 20px 0 #b0b5cd4d; border-top-left-radius: 5px; border-top-right-radius: 5px; box-sizing: border-box;background: #fff;}






.footer{ 
padding:3% 5% 2% 5%;
box-sizing:border-box;
z-index: 9; 
background: url(../images/footer_bg1.png) no-repeat left top, url(../images/footer_bg2.png) no-repeat right top, url(../images/footer_bg3.png) no-repeat bottom, #008cd6; 
 box-sizing: border-box;  color: #fff;
 background-size: 1.5%, 6%, 100%;
  
  height: auto; 
  width: 100%;
  overflow:hidden;
  }
.footer a{color: #fff;word-break: break-all;word-wrap: break-word;}
.footer a:hover{color: #003397; font-weight: bold;}
.footer_nav{
	width:30%;
	height:auto;
	font-size: 14px;
	color: #fff; 
	letter-spacing: 1px;
	float: left; 
	padding:0 2% 0%;
	box-sizing:border-box;
}
.footer_nav ul{
}
.footer_nav ul li{
	
	line-height: 20px;
}
.footer_nav ul li:last-child{font-size: 20px;}
.map{
	width:55%;
	float:left;
	margin:0 0 0 15%;
}
.map dl{
	width: 25%; 
	padding: 0 2% 0 0; 
	float: left; 
	box-sizing: border-box;
}
.map dl:nth-last-child(2){margin-right: 0; padding: 0;}
.map dl dt{font-size: 16px; margin: 0 0 3%; position: relative;}
.map dl dt:before{
	content: ""; width: 1.5px; height: 16px; top: 6px; left: -15px; 
	background: -moz-linear-gradient(top,  rgba(0,239,249,1) 0%, rgba(0,239,249,0.99) 1%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(top,  rgba(0,239,249,1) 0%,rgba(0,239,249,0.99) 1%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to bottom,  #00eff9 0%,rgba(0,239,249,0.99) 1%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eff9', endColorstr='#00ffffff',GradientType=0 ); 
	display: block; 
	position: absolute;}
.map dl dd{font-size: 14px; margin: 0 0 2%;}
.copyr{
	font-size: 12px; color: #f0faff;
	clear:both;
	text-align:right;
}

.footer_nav img{
	width: 100%;
 }












/*top*/
.top{  display: inline-block; height: 67px; width: 25px; position: fixed; bottom: 15%; right: 27px; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s;}
.top img{width: 25px;}
.top.cd-is-visible, .top.cd-fade-out, .no-touch .top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s;}
.top.cd-is-visible { visibility: visible; opacity: 1;}
.top.cd-fade-out { opacity: .95;}
.no-touch .top:hover { opacity: 1;}




/*page*/
.page{margin: 2% 0 8%;display: flex;justify-content: center;;}
.page li{ color: #274773; margin: 0 1%; position: relative; width: 138px; display: flex; align-items: center; text-align: center;}
.page li button, .page li select{ color: #274773;border: 1px solid #274773;background: none;border-radius: 5px; position: relative; width: 100%; height: 47px; text-align-last: center; font-size: 20px;}
.page select{font-size: 36px;padding: 0 38px 0 0; cursor: pointer;}
.page li:nth-child(2):after{content: "\f107";font-weight: 900;font-family: "Font Awesome 5 Free";position: absolute;right: 12px;color: #274773;font-size: 20px;display: block;}
.page option{background: none; position: absolute; appearance: none;}
.page li button:hover{color: #fff; background: #274773; cursor: pointer;}


/*back*/
.dwload{width: 100%; margin: 3% 0 0; font-size: 24px;}
.dwload button{padding: 4px 12px;display: block;background: #fff;border: 1px solid #064279;color: #064279;border-radius: 5px;float: right;margin: 0 0 0 2%;}
.dwload button:hover{color: #fff; background: #064279; cursor: pointer;}
.dwload i{margin: 0 5px 0 0;}
.back{color: #064279;display: flex;float: right;margin: 2% 0 0; position: relative;align-items: center;}
.back:before, .back:after{content: ""; display: block; position: absolute;}
.back:before{width: 8px; height: 8px; border-radius: 50%; border: 2px solid #064279;right: 178px;}
.back:after{width: 70px; height: 2px; background: #064279;right: 110px;}
.back:hover{color: #ff512f;}
.back:hover.back:before{border: 2px solid #ff512f;right: 183px;}
.back:hover.back:after{background: #ff512f; right: 115px;}


/*news
.news_content{padding: 0px 4% 0 0 !important;}

.in_news{width: 100%; background: url(../images/in_news1.png) no-repeat center 62%; background-size: 2.6%, 2%; padding-bottom: 1%; overflow: hidden; }
.in_news:after{content: ""; width: 129px; height:106px; display: block;  background: url(../images/in_news3.png) no-repeat; background-size: auto; position: absolute; left: 0.5%; }
.in_news li{width: 50%; float: left; box-sizing: border-box;}
.in_news dl{color: #1a1a1a;}
.in_news dl dt{width: 45px; height: 45px; color: #fff; margin: 0 2% 0 0; display: flex; align-items: center; justify-content: center; background: #10398a;position: relative; float: left;}
.in_news dl dt span{font-size: 17px; display: block;}
.in_news dl dt span:nth-child(1){margin: 0 2% 35% 0;}
.in_news dl dt span:nth-child(2){margin: 35% 0 0 2%;}
.in_news dl dt:after{content: ""; width: 1px; height: 16px; display: block; background: #fff; transform: rotate(45deg); position: absolute;}
.in_news dl dd{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.in_news dl dd:nth-child(2){font-size:20px; line-height: 38px;}
.in_news dl dd:nth-child(3){font-size: 18px;}

.in_news dl:hover dt:after{background: #1b1b1b;}
.in_news dl:hover dt{background: #fdf50d; color: #1b1b1b;}
.in_news dl:hover dd{color: #10398a;}
*/

/*news*/
.news_content{padding: 0px 4% 0 !important;}

.in_n_t{font-size: 32px; position: relative; line-height: 34px; margin: 0 0 5%; font-weight:bold;}
.in_n_t span{font-size: 18px; display: block; margin: 0 0 0 38px;}
.in_n_t:before{content: ""; width: 12px; height: 8px; border-left: 1px solid #1b1b1b; border-bottom: 1px solid #1b1b1b; position: absolute; bottom: 12px; left: 15px;}


.in_news a{margin: 0 0 5%; display: block;}
.in_n_m{width: 90px; font-size: 14px; text-align: right; position: relative; display: flex !important; align-items: center; justify-content: flex-end; color: #1a1a1a; float: right;}
.in_n_m:before, .in_n_m:after{content: ""; width: 30px; height: 1px; display: block; background: #566473; position: absolute; right: 65px;}
.in_n_m:hover{color: #10398a;}
.in_n_m:hover:before{background: #10398a;}
.in_n_m:hover:after{height: 3px; background: #10398a; animation: morel 1.2s infinite; }
@keyframes morel{
  0% {width: 30px;}
  100% {width: 0;}
}

/*
.in_news{width: 100%; background: none; background-size: 2.6%, 2%; padding-top: 5%; padding-bottom: 1%; overflow: hidden; background: #fff; margin: 0;}
.in_news:after{display: none; }
.in_news li:nth-child(1){padding: 0 5% 0 0; border-right: 2px solid #e8f1f9;}
.in_news li:nth-child(2){padding: 0 0 0 5%;}
.in_news dl{color: #1a1a1a;}
.in_news dl dt{width: 45px; height: 45px; color: #fff; margin: 6px 5% 0 0; display: flex; align-items: center; justify-content: center;position: relative; float: left; background: none; flex-direction: column;}
.in_news dl dt:before{content: ""; width: 1px; height: 50px; display: block; background: #1a1a1a; position: absolute; right: -34%; top: 5px;}
.in_news dl:hover dt:before{background: #10398a;}
.in_news dl dt span{font-size: 14px; display: block; font-family: 'Zen Antique';}
.in_news dl dt span:nth-child(1){margin: 0; font-size: 30px; color: #1a1a1a;}
.in_news dl dt span:nth-child(2){margin: 0; line-height: 16px; background: #1a1a1a; color: #fff; border-radius: 3px; width: 100%; padding: 0 5px 2px; box-sizing: border-box; text-align: center;}
.in_news dl dd{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;;}
.in_news dl dd:nth-child(2){font-size:20px; line-height: 38px;}
.in_news dl dd:nth-child(3){font-size: 18px;}
.in_news dl dt:after{display: none;}
.in_news dl:hover dt span:nth-child(1){color: #10398a;}
.in_news dl:hover dt span:nth-child(2){background: #10398a;}
.in_news dl:hover dt{background: none; color: #10398a;}
.in_news dl:hover dd{color: #10398a;}
*/




/*left_nav*/
.content_flex{display: flex;}
.left_nav{width: 395px; min-width: 300px; padding: 8.5vw 0 3%; float: left; box-sizing: border-box;}
/*.left_nav{width: 300px; min-width: 300px; padding: 14.8% 0 0 0; float: left; box-sizing: border-box;}*/
.left_nav .search{ margin: 0 0 3.5vw;}
.left_nav .search input{width: 100%;/*height: 34px;*/}
.left_nav ul{padding: 0 10%;}
.left_nav ul li{ position: relative;text-align: center; margin: 0 0 5%; border-bottom: 1px solid #f1f1f1; background: #fff;}
.left_nav ul li a{font-size: 26px; color: #3fa8df; padding: 5% 0; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.left_nav form{display: none; padding: 0 10%;}
.left_nav ul li.nav_act a{color: #fff; font-weight: 900; border-bottom: 1px solid #f1f1f1;}
.left_nav ul li.sol_act a{color: #083388;}
.left_nav ul li.sol_act ul{padding: 0;}
.left_nav ul li.sol_act ul li a{font-size: 18px; color: #3fa8df;}
.left_nav ul li.sol_act ul li a:hover{color: #fff !important; background: #083388;}
.sol_nav ul li ul li{margin: 0;}
.sol_nav ul li ul li:last-child{margin: 0;}
.left_nav ul li.nav_act{background: #083388;}
.left_nav ul li.sol_act{background: #fff;}
/*.left_nav ul li.nav_act:before{content: ""; width: 107px; height: 112px; background: url(../images/nav_act.png) no-repeat left; position: absolute; display: block;background-size: 100%;left: -135px;top: 32px;}*/


/*right_box*/
.right_box{ flex-grow: 1; padding: 2% 0 0 8%;}
.right_probox{ 
    padding: 2% 0 0 8%;box-sizing: border-box;
	width:1290px;
	float:left;
}
.right_box .in_news{box-sizing: border-box;}
.right_box .page{padding-top: 10%;}

.item4{
	width:100%;
}
.item4 img{
	width:100%;
	height:auto;
}
.item4_name{
	font-size:20px;
	font-weight:bold;
	color:#333;
}
.item4_list{
	font-size:16px;
	line-height:1.6;
	color:#222;
}
.item4_inner{
	padding:15px;
	box-sizing:border-box;
}
.promap{
	width:100%;
	height:200px;
	clear:both;
	display:block;
	margin:2% 0 0 0;
}
.promap iframe{
	width:100%;
	height:100%;
}




/*careers_link_contact*/
.alink{ display: inline-block;  position: relative; border: none; color: #fff; font-size: 18px; cursor: pointer; margin: 20px 30px; background: #008cd6e0; letter-spacing: 1px;}
.alink span{ display: block;  padding: 25px 80px;}
.alink::before, .alink::after{ content:"";  width: 0; height: 3px; position: absolute; transition: all 0.2s linear; background: #083388;}
.alink span::before, .alink span::after{ content:""; width:3px; height:0; position: absolute; transition: all 0.2s linear; background: #083388;}
.alink:hover::before, .alink:hover::after{ width: 100%;}
.alink:hover span::before, .alink:hover span::after{ height: 100%;}
.alink::after{ right:0;  bottom: 0; transition-duration: 0.4s;}
.alink span::after{ right:0;  bottom: 0; transition-duration: 0.4s;}
.alink::before{ left: 0;  top: 0; transition-duration: 0.4s;}
.alink span::before{ left: 0;  top: 0; transition-duration: 0.4s;}
.alink:hover{box-shadow: 1px 3px 5px 0 #00000040;}






@media screen and (max-width: 1600px) {
.right_probox{ 
	width:80%;
}
}


@media screen and (max-width: 1440px) {
body{font-size: 18px;}  
.callbacks_tabs li{width: 5px; height: 5px;}
.title{font-size: 28px;}
.in_b_box .title:before, .s_box_s:before{height: 45px; bottom: 25px; }
.in_b_box .title:after, .s_box_s:after{bottom: 15px;}
.in_b_box .title{margin: 0;}
.footer_nav ul li{}
.map{}
.page li{width: 120px;}
.page li button, .page li select{height: 40px; font-size: 16px;}
.page select{font-size: 26px;padding: 0 10px 0 0;}
.page li:nth-child(2):after{font-size: 20px;}
.left_nav ul li a{font-size: 24px;margin: 0 0 8%;}
.left_nav ul{padding: 0 0 0 20px;}
.left_nav ul li.nav_act:before{left: -84px;width: 70px;top: 9px;}
.left_nav{width: 200px;min-width: 200px;padding: 18% 0 0;}
.right_box{padding: 2% 0 0 5%;}
.search input, .csrsub input[type="date"], .news_search form:nth-child(1) input{min-height: 40px;}
.back:hover.back:after{right: 84px;}
.back:hover.back:before{right: 153px;}
.dwload button{font-size: 20px;}
.back:before{right: 150px;}
.back:after{right: 81px;}
.content{padding: 0 8% 3%;}
.footer{}
/*.left_nav ul li{margin: 0 0 18%;}*/
.page li{width: 90px;}
.in_news dl dd:nth-child(2){line-height: 41px;}
}







@media screen and (max-width: 1024px) {
body{font-size: 16px}
.title{font-size: 24px;}

/*.map dl{padding: 0;margin: 0 5% 5% 0;width: 30%;}*/
.map dl:nth-child(3n){margin-right:0 ;}
.footer_nav ul{}
.left_nav ul li a{margin: 0 0 10%;}
.search input{width: 195px;}
.back:after{width: 40px;right: 75px;height: 1px;}
.back:before{right: 114px;border: 1px solid #064279;}
.dwload button{font-size: 16px;}
.back:hover.back:before{right: 120px;border: 1px solid #ff512f;}
.back:hover.back:after{right: 80px;}
.content{padding: 0 5% 8%;}
.map dl dt{font-size: 14px;}
.map dl dd{font-size: 13px;}
.left_nav{width: 180px; padding: 18% 0 0;}
.left_nav ul li a{width: 80%; margin: 0 auto;}
.left_nav ul li.nav_act a{margin: 0 auto;}
.left_nav ul li{margin: 0px 0 15%;}
.page li{width: 90px;}
.page li button, .page li select{height: 35px;}
.in_news dl dd:nth-child(2){line-height: 45px;}
.news_content .left_nav ul li a{width: 100%;}
.news-wrap{width:100%;}
.footer{
}
.footer_nav{
	width:100%;
	float:none;
	overflow:hidden;
	padding:2%;
}
.footer_nav img{
	width:20%;
	float:left;
}
.footer_nav ul{
	width:80%;
	float:left;
	padding:0 0 0 4%;
	box-sizing:border-box;
}
.map{
	width:100%;
	float:none;
	margin:0;
	
}


}



@media screen and (max-width: 979px) {
body{background-size: auto, 9%;background-position: 0, left 30vw; font-size: 16px;}
.callbacks_tabs{bottom: 5.5vw;}
.callbacks_container{padding-top: 70px;}
.title{font-size: 22px;}
.left_nav, .right_box{width: 100%;}
.content_flex{display: block;position: relative;padding-bottom: 5% !important;}
.left_nav ul{display: none;}
.left_nav form{ position: relative;align-items: center; float: right; display: flex;}
.left_nav form select{border: 1px solid #000; border-radius: 5px; height: 35px; padding: 0 29px 0 8px; max-width: 100 width: fit-content; background: none;}
.left_nav form p{position: relative; margin: 0 2% 0 0;}
.left_nav form span{position: absolute; right: 4%; top: 5px;}
.left_nav .search{width: 190px;float: left; margin: 0;}
.right_box{padding: 0;}
.left_nav{position: absolute; padding: 0 4%;/*top: 11%;*/ top: 18vw; min-width: 0;left: 0;}
.page li button{font-size: 16px;}
.page li select{font-size: 20px;}
.right_box .page{padding-top: 3%;}
.search input, .csrsub input[type="date"], .news_search form:nth-child(1) input{height: 35px;}
/*
.footer{}
.footer_nav, .map dl dd{font-size: 12px;}
.footer_nav ul li{margin: 0 0 1%;font-size: 12px;line-height: 16px;}
.footer_nav{width: 100%;font-size: 12px;height: auto; bottom: auto;padding: 5% 5% 5%;box-sizing: border-box;position: relative;margin: 0 0 3%;
 border-top-right-radius: 10px; border-top-left-radius: 10px;display: flex; box-shadow: none; border-radius: 0;}
.footer_nav ul{width: 80%; position: relative;margin: 0 0 0 5%;}
.footer_nav img{width: 190px;margin: 0 0 5vw;}
.map dl dt{font-size: 14px;}
.footer_nav, .map dl dd{width: relative;font-size: 12px;padding: 5% 5% 0; }
.map{width: 100%;padding: 5% 2% 1% 5%;box-sizing: border-box; margin: 0;}
.map dl dt:before{top: 5px;}
.map dl{position: relative;}
.map dl dd{float: left;box-sizing: border-box;margin: 0 0 3px;min-width: 100%;padding: 0 4px 0 0;}
.footer_nav ul li:last-child{position: absolute; right: 0; top: 0;}
*/

.copyr, .footer_nav ul li br{}
.footer_nav ul li:nth-child(4){display: block;}
.right_box .in_news { padding: 0;}
.right_probox{ 
	width:100%;
	padding:150px 0 0 0;
}
.news_search2 input{width: 145px !important;}
}




@media screen and (max-width: 640px) {
body {  background-position: 0, left 36vw;}
.callbacks_container{padding-top: 55px;}
.callbacks_tabs li{border: 2px solid #fff;}
.callbacks_here{border: 2px solid #008cd6 !important;}
.callbacks_tabs{bottom: 6.5vw;}
.top img{width: 100%;}
.top{height: 52px; width: 19px; bottom: 10%;right: 10px;}
.dwload button, .back{font-size: 14px;}
.dwload{margin: 8% 0 1%;}
.back{margin: 2% 0 5%;}
.back:before{right: 89px;width: 6px;height: 6px;}
.back:after{right: 59px;width: 30px;}
.back:hover.back:before{right: 90px;}
.back:hover.back:after{right: 61px;}
.search input{width: 100%;font-size: 15px;}
.search button{font-size: 15px;}
.left_nav form select{height: 30px;}
.callbacks_tabs li{border:1.5px solid #fff}
.callbacks_here{border: 1.5px solid #008cd6 !important;}
.callbacks_tabs li{margin: 0 5px 0 0;}
.callbacks_nav{width: 6%; height: 8vw; top: 33%;}
.map dl{
	width:100%;
}
.map dl dt:before{height: 2px;left: 0;top: 24px;width: 19%;background: linear-gradient(to right,  rgba(0,239,249,1) 0%,rgba(0,239,249,0) 100%);}
.map dl{}
.footer_nav img{}
.footer_nav{}
.footer_nav ul{}
.footer_nav ul li:last-child{}
.copyr{}
.map dl dd{
	width:33.3333%;
	float:left;
}
.left_nav .search{width: 140px; margin: 0 0 2.5%;}
.search{margin-top: 5%; width: 100%;}
.left_nav{top: 25vw;}
.right_box .in_news{padding:0 0 4% ;}
.news_search form:nth-child(1){width: 100%; display: flex; align-items: center;}
.news_search{margin: 8% 0 0;}
.news_search form:nth-child(1) input:nth-child(1){margin: 0 7px 0 0;}
.news_search form:nth-child(1) input:nth-child(2){margin: 0 0 0 7px;}
.news_search form:nth-child(2){width: 100%;}
.news_search2 .search{width: 100%; margin: 10px 0 0;}
.news_search input[type="submit"]{margin: 0 0 0 1%; width: 19% !important;}
.news_search2{ display: block !important;}
.s_date{margin: 0; width: 100%;}
.news_search2 input[type="text"]{width: 80% !important;}
.news_search2 input[type="date"]{ width: 47% !important; max-width: 272px; margin: 0 !important;}

.footer_nav{
	padding:2% 0;
}
.footer_nav img{
	width:300px;
	float:none;
	margin:0 0 20px 0;
}
.footer_nav ul{
	width:100%;
	float:none;
	padding:0;
	margin:0 0 20px 0;
}

}



@media screen and (max-width: 370px) {
body, .map dl dt{font-size: 14px;}
.title{font-size: 20px;}
.back:after{width: 20px;right: 57px;}
.back:before{right: 77px;}
.back:hover.back:before{right: 81px;}
.back:hover.back:after{right: 62px;}
.left_nav{top: 22vw;}

}