body , td, th, table, caption, tbody, tfoot, thead, tr, th, td, img, ul, li, ol, dl, dt, dd, span, fieldset, form, label, legend, input, textarea, select, button, form{
	border: none;
	outline:none;
	margin: 0;
	padding: 0;
}
body, body.en{font-family: Helvetica Neue, Helvetica, Arial, '微軟正黑體', Microsoft JhengHei, sans-serif;}
body.jp, body.kr{font-family:-apple-system,'微軟正黑體', Microsoft JhengHei, sans-serif; }
h1, h2, h3, h4, h5, h6, p{padding: 0;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{ 
	font-size:1rem;
	line-height: inherit;
	background-attachment: fixed;
	background: rgb(229,241,224);
	background: linear-gradient(180deg, rgba(229,241,224,1) 0%, rgba(255,255,255,1) 100%);
}
html, body{ position: relative;}
ul, ol{padding-left: 2rem;}
li{	line-height: inherit;}
img, figure img{border:0 none; max-width:100%;-ms-interpolation-mode: bicubic;}
figure img{margin-bottom: .25rem;}
a:link, a:visited{text-decoration:none;}
a[href]:focus, select:focus, input:focus, button:focus, textarea:focus{ outline: none; border: 2px dashed orange;}
noscript{    background-color: rgba(247,182,43,1);}

div[class*="div_"] {position: absolute;left: 0px;top: 0px;}
.topBlk div[class*="div_"] a{ color: rgba(200,200,200,.01);}
.mainBlk div[class*="div_"] a, footer div[class*="div_"] a{color: rgba(200,200,200,.25);}
.mainBlk div[class*="div_"]{top: -1.5rem;}
.mainBlk.index div[class*="div_"]{top: 0;}
footer div[class*="div_"] a{top: -1.5rem;position: absolute;}
.wrapper{margin:0px auto;width: 1200px;position:relative;}
.wrapper:after, .topBlk:after, .topBlk nav:after, .logoBlk:after, .navBlk:after, .rd>li.srvc>ul:after, .iSearchBlk .blk:after
.mainBlk:after, footer:after, .footer-branch:after, .footer-wrap:after, .navBlk:after, .navBlk ul li a:after, .rd>li>ul:after, .rd>li.srvc .service:after, .rd>li.township>ul:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sticky-wrapper{ height:110px !important;}
.topBlk, .mainBlk{ position: relative;}
.topBlk{
	width:100%;
	z-index:999;
	background-color:white;
	padding:0 0;
	min-height:110px;
}
.is-sticky .topBlk{
	-webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
	padding:0 0;
}
.logoBlk{float:left;padding-top: 29px;}
.logoBlk a{
	display:block;
	width:230px;
	height:60px;
}
.logoBlk a img{width:100%;height:auto;}
.topBlk nav{ position: relative; }
.navGroupBlk{
	float:right;
	padding-top:11px; 
	position: relative;
	z-index: 0;
}
.navGroup-toggle{ display: none;}
.navBlk ul{ padding: 0;}
.navBlk .rt, .navBlk .rd{ clear: both;}
.navBlk li{ list-style-type: none;}
.navBlk ul li a {display: block;position: relative;transition: all 0.125s ease-in;border: 1px solid rgba(255,255,255,0);}
.navBlk .rt{float:right; margin-bottom: .5rem; height: 40px;}
.rt li{float:left;position: relative;}
.rt li.headerIcon{font-size: 1.5rem;}
.minheight0{min-height:0px;}
.rt li a{color: #333333;padding: .5rem;}
.rt li.headerIcon a{padding:.25rem 0;color: #3b5998;font-size: 1.5rem; }
.rt li a:hover{color: #5b7023; text-decoration: underline;}
.rt li.headerIcon a:hover{color: #5b7023;}
.rt li:nth-child(2) a{padding-right: .875rem}
.rt li.gate{padding-left: .5rem}
.rt li.gate:before{
	position:absolute; 
	left: 0; 
	top: 12px; 
	content: ""; 
	display: block; 
	width: 1px; 
	height: 18px; 
	background: #dadada;
}
.rt li.lang a{ color: #666666;}
.rt li.lang.active a{ color: #5b7023;}
.rt li.lang a:hover{color: #5b7023;}
.rt li.lang.active a:hover{ text-decoration: none;}
.rt li.nearBy{margin-left: .5rem;}
.rt li.nearBy a{padding-left: 40px; padding-right: 0; position: relative;}
.rt li.nearBy a:before{
	display: block;
    position: absolute;
    left: 0;
    margin: 0 0 0 0;
    top: 0;
    text-align: center;
    content: "\e90c";
    color: #5b7023;
    font: normal normal normal 2.5rem/1 'icomoon' !important;
    text-indent: 0;
}
.navBlk .rd{padding: 0;float: right; margin-right: 195px; margin-top: 3px;}
.navBlk .rd.nch{float: left;}
.rd>li{ float: left; position: relative;}
.rd>li>a {
    text-align: center;
    color: #333333;
    padding: 0 .575rem;
    height: 32px;
    line-height: 32px;
}
.rd>li:hover>a{background: #5b7023;color: #ffffff;}
.rd>li ul{background: #ffffff;margin-left: -1px;border: 1px solid #5b7023;}
.rd>li>ul{
	display: none;
    position: absolute;
    left: 1px;
    top: 100%;
    z-index: 10;
    width: 200px;
    padding: .5rem .55rem;
    background-color: rgba(255,255,255,1.0);
    margin: -1px 0 0 0;
}
.rd>li.last>ul{ left: inherit; right: 0; margin-right: 1px; }
.rd>li ul li a {
    padding: 0.25rem 0.5rem;
    color: #333333;
    font-size: 0.875rem;
    border: 1px solid rgba(50,50,50,0.01);
    white-space: nowrap;
}
.rd>li ul li a:hover {background: #5b7023;color: #ffffff;}
.rd>li.link>ul, .rd>li.feature .featureI, .rd>li.township>ul{display: none; /*無JS下hover*/}
.rd>li.link:hover>ul, .rd>li.feature:hover>.featureI, .rd>li.township:hover>ul{display: block;/*無JS下hover*/}
.featureI{ padding:.5rem .75rem;}
.featureI li {position: relative; list-style-type: none;}
.featureI li a{
    display: block;
    padding: 0 0 0 2.875rem;
    height: 39px;
    line-height:39px;
    margin-bottom: .5rem;
}
.rd>li.feature .featureI{ width: 160px;}
.rd>li.feature .featureI li {padding: 0 0;}
.rd>li.feature .featureI li a{
	display: block;
	padding: 0 0 0 2.875rem;
    height: 39px;
    line-height:39px;
    margin-bottom: .5rem;
}
.feature01:after, .feature02:after, .feature03:after, .feature04:after, .feature05:after, .feature06:after, .feature07:after{
	display:block;
	width:39px;
	height:39px;
	line-height: 39px;
	position:absolute;
	left: 5px;
    top:50%;
    margin-top: -20px;
	content: "";
	font-family: 'icomoon' !important;
	font-size: 2.25rem;
	color: #5b7023;
}
.feature01:after{ content: "\e917";}
.feature02:after{ content: "\e918";}
.feature03:after{ content: "\e919";}
.feature04:after{ content: "\e91a";}
.feature05:after{ content: "\e91b";}
.feature06:after{ content: "\e91c";}
.feature07:after{ content: "\e91d";}
.rd>li.feature .featureI li a:focus{ color: #5b7023;text-decoration: underline;}
.rd>li.feature .featureI li a:hover{ background: transparent; color: #5b7023;text-decoration: underline; }
.rd>li.srvc .serviceI{ width: 516px;display: none; /*無JS下hover*/}
.rd>li.srvc:hover .serviceI{display: block;/*無JS下hover*/}
.rd>li.srvc>.serviceI>li {
    width: 50%;
    float: left;
    padding: 4px 0 4px 0;
    position: relative;
    height: 45px;
    line-height: 45px;
}
.rd>li.srvc>.serviceI>li .group{position: relative;}
.rd>li.srvc>.serviceI>li input[type="checkbox"] {margin: 0 0 0 .5rem;display: inline-block;}
.rd>li.srvc>.serviceI>li label {
    display: inline-block;
    padding: 0 0 0 4rem;
    position: relative;
    font: normal .875rem/1.5rem Verdana, Arial, "Microsoft JhengHei", 微軟正黑體, sans-serif;
    cursor: pointer;
    border:1px solid rgba(255,255,255,1);
}
.rd>li.srvc>.serviceI>li input[type="checkbox"]:focus+label{ color: #5b7023;text-decoration: underline;}
.srvc01 label:after, .srvc02 label:after, .srvc03 label:after, .srvc04 label:after, .srvc05 label:after, .srvc06 label:after, 
.srvc07 label:after, .srvc08 label:after, .srvc09 label:after, .srvc10 label:after, .srvc11 label:after, .srvc12 label:after, 
.srvc13 label:after, .srvc14 label:after, .srvc15 label:after, .srvc16 label:after, .srvc17 label:after, .srvc18 label:after, .srvc19 label:after{
	display:block;
	width:39px;
	height:39px;
	line-height: 39px;
	position:absolute;
	left:25px;
	top:50%;
	margin-top: -20px;
	content:"";
	font-family: 'icomoon' !important;
	font-size: 2.25rem;
	color: #5b7023;
}
.srvc01 label:after{ content: "\e934";}
.srvc02 label:after{ content: "\e935";}
.srvc03 label:after{ content: "\e936";}
.srvc04 label:after{ content: "\e937";}
.srvc05 label:after{ content: "\e938";}
.srvc06 label:after{ content: "\e939";}
.srvc07 label:after{ content: "\e93a";}
.srvc08 label:after{ content: "\e93b";}
.srvc09 label:after{ content: "\e93c";}
.srvc10 label:after{ content: "\e93d";}
.srvc11 label:after{ content: "\e93e";}
.srvc12 label:after{ content: "\e93f";}
.srvc13 label:after{ content: "\e940";}
.srvc14 label:after{ content: "\e941";}
.srvc15 label:after{ content: "\e942";}
.srvc16 label:after{ content: "\e943";}
.srvc17 label:after{ content: "\e944";}
.srvc18 label:after{ content: "\e945";}
.srvc19 label:after{ content: "\e946";}
.rd>li.srvc>.serviceI>li label:hover{ color: #5b7023;}
.rd>li.srvc>.serviceI>li input[type="checkbox"]:focus+label{ color: #5b7023;text-decoration: underline; }
.rd>li.srvc>.serviceI>li.query{
	clear: both;
	width: 100%;
	height: inherit;
	line-height: inherit;
	text-align: center;
	margin-top: .5rem;
}
.rd>li.srvc>.serviceI>li.query button{ height: inherit;line-height: inherit; width: 100%; background: #5b7023; border:2px solid #5b7023; color: #ffffff; letter-spacing: 1rem; text-indent: 1rem; padding: .5rem 1rem; }
.rd>li.srvc>.serviceI>li.query button:hover{border:2px solid rgba(91,112,35,.0);background:rgba(91,112,35,.875);}
.rd>li.srvc>.serviceI>li.query button:focus{border:2px dashed orange;}
.rd>li.township>ul{ width: 240px;}
.rd>li.township>ul li {width: 33.33%;float: left;padding: 4px 0;position: relative;}
.rd>li.township>ul li a{ text-align: center;border:1px solid #ffffff;}
.rd>li.township>ul li a:focus{ background: #5b7023;color: #ffffff;}

.iSearchBlk{ position: absolute; right: 0; top: 63px;}
.iSearch-toggle, .iSearchBlk .overlay{ display: none; }
.iSearchBlk .blk .search{
	float: left;
	width: 163px;
	padding: 4px 4px;
	margin: 0 0;
	border:1px solid rgba(50,50,50,0.01);
	border-bottom: 1px solid #5b7023;
	border-radius: 0;
    font-size: 1.0rem;
    height: 31px;
    vertical-align: top;
}
.iSearchBlk .blk .search:hover, .iSearchBlk .blk .search:focus{border:1px solid rgba(50,50,50,0.01);border-bottom: 1px solid #5b7023;}
.iSearchBlk .blk button{
	float: left;
	background: #5b7023; 
	color: #ffffff;
	width: 32px;
	height: 32px;
	line-height: 30px;
	text-align: center;
	font-size: 1rem;
	border-radius: 50%;
	cursor: pointer;
}
.iSearchBlk .blk button:hover, .iSearchBlk .blk button:focus{ background: rgba(91,112,35,.75); }

.mainBlk {position: relative;min-height: 560px;padding: 2rem 0;}
	  
		
		  
		   
		  
			
 
.index .mainBlk {padding-top: 0;}
.title {   
    color: #535353;
    padding-bottom: 1.5rem;
    margin: 0;
    font-weight: bold;   
}
.title span{
    font-size: .75rem;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
}
.title .nearBy:after{
	position: absolute;
	right: -36px;
	bottom: 0;
	display: block;
	width: 30px;
	height: 30px;
	content: "\e916";
	color: #5b7023;
    font: normal normal normal 1.875rem/1 'icomoon' !important;
}
.title.map {
    font-size: 1.75rem;
    padding: 2px 0 0 50px;
    margin: 0;
    position: absolute;
    left: 18px;
    top: 43px;
	background: transparent url(/export/system/modules/com.thesys.project.ilmuseums/resources/images/icon-title-map.png) no-repeat 0 0;
    height: 35px;
    line-height: 35px;
}
.title.map2, .indexGrid {display: none;}
.title.feature01, .title.feature02, .title.feature03, .title.feature04, .title.feature05, .title.feature06, .title.feature07{ position: relative; display: inline-block; margin: 0; padding-right: 2rem;}
.title.feature01:after, .title.feature02:after, .title.feature03:after, .title.feature04:after, .title.feature05:after, .title.feature06:after, .title.feature07:after{
    right: 0;
    bottom:inherit;
    left: inherit;
    top: -6px;
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    font-size: 1.875rem;
    color: #5b7023;
    font-weight: normal;
}
.title .feature01, .title .feature02, .title .feature03, .title .feature04, .title .feature05, .title .feature06, .title .feature07{ 
    position: relative; 
    display: inline-block; 
    margin: 0 0 0 .5rem;
    top: 0; 
    padding-right: 2rem;
    color: #5b7023;
    width: 60px;
    height: 30px;
}
.title .feature07{top: -.5rem;}
.title .feature01:after, .title .feature02:after, .title .feature03:after, .title .feature04:after, .title .feature05:after, .title .feature06:after, .title .feature07:after{
	right: 0;
	bottom:inherit;
	left: inherit;
	top: -9px;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 0;
    font-size: 1.875rem;
	color: #5b7023;
    font-weight: normal;
}
.title.feature01:after, .title .feature01:after{ content: "\e90f";}
.title.feature02:after, .title .feature02:after{ content: "\e910";}
.title.feature03:after, .title .feature03:after{ content: "\e911";}
.title.feature04:after, .title .feature04:after{ content: "\e912";}
.title.feature05:after, .title .feature05:after{ content: "\e913";}
.title.feature06:after, .title .feature06:after{ content: "\e914";}
.title.feature07:after, .title .feature07:after{ content: "\e915";}
.title .feature01:before, .title .feature02:before, .title .feature03:before, .title .feature04:before, .title .feature05:before, .title .feature06:before, .title .feature07:before{display: none;}
.indexmap {
    width: 1200px;
    height: 1000px;
    margin: 0 auto;
}
.indexmap svg, .indexmap image{margin: 0 auto;}

footer {width: 100%;display: block;border-top: 1px solid #c7d4a8;margin-top: 4rem;}
a.gotop {
    display: none;
    width: 46px;
    height: 46px;
    position: fixed;
    right: 20px;
    bottom: 5px;
    background: rgba(255,255,255,.85);
    font-family: Verdana;
    color: #fff;
    font-size: .813rem;
    text-align: center;
    line-height: 53px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 3;
    color: #51661b;
    border: 1px solid #51661b;
}
.gotop .fa {
    font-size: 1.5rem;
    color: #51661b;
    position: absolute;
    left: 14px;
    top: 0;
}
.gotop:hover, a.gotop:focus {background: rgba(130,159,51,.25);opacity: 0.9;text-decoration: none;}
footer .toogle, 
body.jp footer .toogle, footer .toogle.jp, 
body.kr footer .toogle, footer .toogle.kr{
    position: absolute;
    right: 50%;
    top: -30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #c7d4a8;
    background-color: transparent;
    color: #536620;
    font-size: .875rem;
    text-align: center;
    z-index: 2;
    transition: all 0.125s ease-in;
}
footer .toogle{
    width: 120px;
    margin-right: -62px;
}
footer .toogle::after {
    content: "\f106";
    font-family: 'FontAwesome';
    transition:all 0.3s;
    display: inline-block;
    margin-left: 0.25rem;
    transform-origin: center;
}
footer .toogle.checked::after {
    transform: rotate(180deg);
}
body.jp footer .toogle, footer .toogle.jp, 
body.kr footer .toogle, footer .toogle.kr{
    width: 153.81px;
    margin-right: -76.5px;
}
footer .toogle .fa {margin-left: 5px;display: none;}
footer .toogle.active{border: 1px solid rgba(130,159,51,.5);}
footer .toogle.active .fa-angle-up:before{content: "\f107";}
footer .toogle:hover, footer .toogle:focus{background-color: #ccd8af; color: #4e601e;}
.footer-wrap {margin: 0 auto;padding: 1rem 0 1rem 0;clear: both;}
.footerNav {
    clear: both;
    height: 230px;
    padding-top: .5rem;
    padding-left: 0;
    text-align: center;
}
.footerNav li, .footer-branch li{list-style-type: none;}
.footerNav>li {
	display: inline-block;
    width: 23.125%;
    margin: 0 0.65% 10px 0.65%;
    padding: 0 0 7px 0;
    list-style-type: none;
    text-align: center;
    height: 11.25rem;
    vertical-align: top;
}
.footerNav>li>a {
    display: block;
    font-weight: bold;
    padding: 7px 10px 7px 10px;
    font-size: 1.0rem;
    letter-spacing: 1px;
    background: #e6ecd6;
    color: #536620;
    border-bottom: 2px solid #5b7023;
}
.footerNav>li>a:hover, .footerNav>li>a:focus {text-decoration: underline;}
.footerNav>li>ul {
    display: block;
    clear: both;
    padding: 7px 7px 7px 7px;
    border: 1px solid #e6ecd6;
    border-top: none;
    height: 160px;
    background-color: #fff;
}
.footerNav>li>ul>li {
    padding: 0 0 0 0;
    min-height: inherit;
}
.footerNav>li>ul>li>a {
    display: block;
    font-size: .875rem;
    color: #666666;
    padding: 3px 5px 3px 5px;
    border: 1px solid #ffffff;
}
.footerNav>li>ul>li>a:hover, .footerNav>li>ul>li>a:focus {background: rgba(230,236,214,.75); text-decoration: none;}
.footer-branch {padding: 2rem 0 0 0;}
.footer-branch>li {
    list-style-type: none;
    color: #353535;
    margin: 0 0.65% 10px 0.65%;
    padding: 0 0px 5px 0px;
    width: 12.985%;
    display: block;
    float: left;
    border: 1px solid #ddd;
    background-color: #fff;
    position: relative;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.footer-branch>li>a {
    display: block;
    margin: 0 auto;
    padding: 20px 10px 8px 10px;
    font-size: 1rem;
    border-bottom: 2px solid #5b7023;
    color: #536620;
    line-height: 1.0;
    letter-spacing: 1px;
    font-weight: bold;
    position: relative;
    text-align: center;
    cursor: default;
}
.footer-branch .feature01:after, .footer-branch .feature02:after, .footer-branch .feature03:after, .footer-branch .feature04:after, .footer-branch .feature05:after, .footer-branch .feature06:after, .footer-branch .feature07:after {
	width: 46px;
    height: 45px;
    content: "";
    left: 50%;
    margin-left: -21px;
    top: 0;
    margin-top: -32px;
	background: #ffffff;
	border-radius: 50%;
	z-index: 0;
}
.footer-branch>li>a:before {
    display: block;
    content: "";
    width: 48px;
    height: 47px;
    position: absolute;
    left: 50%;
    margin-left: -23px;
    bottom: 1.75rem;
    color: #5b7023;
    font: normal normal normal 2.875rem/1 'icomoon' !important;
    z-index: 1;
}
.footer-branch>li.feature01>a:before{ content: "\e91e";}
.footer-branch>li.feature02>a:before{ content: "\e91f";}
.footer-branch>li.feature03>a:before{ content: "\e920";}
.footer-branch>li.feature04>a:before{ content: "\e921";}
.footer-branch>li.feature05>a:before{ content: "\e922";}
.footer-branch>li.feature06>a:before{ content: "\e923";}
.footer-branch>li.feature07>a:before{ content: "\e924";}
.footer-branch>li>ul {padding: 5px 0 0 0;text-align: center;}
.footer-branch>li>ul li a {
    display: block;
    width: 100%;
    margin: 0 auto 3px auto;
    padding: 3px 5px 3px 5px;
    font-size: .75rem;
    color: #222222;
    border: 1px solid #ffffff;
    word-break: break-word;
}
.footer-branch>li>ul li a:hover {color: #5b7023;text-decoration: underline;}
footer .aplus {position: absolute;left: 0;top: 24px;}
footer .aplus img{width: 88px; height: 31px;}
footer .table{ position: relative; margin: 0; border: none;}
footer .table, footer .table .tr{ background: transparent;}
footer .table .td {
    padding: 30px 0 30px 100px;
    vertical-align: middle;
    font-size: .75rem;
    border-bottom: none;
    text-align: left;
    color: #666666;
    position: relative;
    letter-spacing: 0.0325rem;
}
footer .table .td p{ display: inline-block; padding: 0; margin: 0; }

/*===============================English===================================*/
.en .rd>li>ul{ width: 260px;}
.en .rd>li.feature .featureI{ width: 260px;}
.en .rd>li.srvc .serviceI {width: 540px;}
.en .rd>li.srvc .serviceI li.query button{letter-spacing: .125rem; text-indent: .125rem;}
.en .rd>li.township>ul {width: 400px;}
.en .rd>li.township>ul li {width: 50%;}
.en .rd>li ul li a {white-space:normal;}
.en footer .aplus {bottom: 34px;}
.en .title .feature01, .en .title .feature02, .en .title .feature03, .en .title .feature04, .en .title .feature05, .en .title .feature06, .en .title .feature07 {width: auto;}

/*===============================日本語/韓語===================================*/
.en .navBlk .rd, .jp .navBlk .rd, .kr .navBlk .rd{float: left; margin-right: 0;}			
.jp .rd>li>ul, .kr .rd>li>ul{ width: 260px;}
.jp .rd>li.feature .featureI, .kr .rd>li.feature .featureI{ width: 260px;}
.jp .rd>li.srvc .serviceI, .kr .rd>li.srvc .serviceI {width: 540px;}
.jp .rd>li.srvc .serviceI li.query button, .kr .rd>li.srvc .serviceI li.query button{letter-spacing: .125rem; text-indent: .125rem;}
.jp .rd>li.township>ul, .kr .rd>li.township>ul {width: 400px;}
.jp .rd>li.township>ul li, .kr .rd>li.township>ul li {width: 50%;}
.jp .rd>li ul li a, .kr .rd>li ul li a {white-space:normal;}
.jp footer .aplus, .kr footer .aplus {bottom: 34px;}
.jp .title .feature01, .jp .title .feature02, .jp .title .feature03, .jp .title .feature04, .jp .title .feature05, .jp .title .feature06, .jp .title .feature07, 
.kr .title .feature01, .kr .title .feature02, .kr .title .feature03, .kr .title .feature04, .kr .title .feature05, .kr .title .feature06, .kr .title .feature07 {width: auto;}
.jp .rt li.headerIcon a, .kr .rt li.headerIcon a{ font-size: 1.5rem; }


		 
 


@media (max-width: 1240px){
body{overflow-x: hidden;}
.wrapper {width: 1024px; padding: 0 1rem;}
.rd>li>a {padding: 0 .5rem;font-size: .937rem;}
.navBlk .rd {margin-right: 50px;}
.iSearchBlk {position: absolute;right: 0;top: 64px;}
.iSearch-toggle, .iSearch-toggle a{display: block;height: 30px;}
.iSearch-toggle{float: right;margin-top: 10px;text-indent: -9999px;position: relative;z-index: 9;}
.iSearch-toggle a{width: 30px;position: absolute;right: 1rem;top: -10px; border: 1px solid rgba(255,255,255,.01);}
.iSearch-toggle a:before {
    text-indent: 0;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    content: "\f002";
    font-size: 1.625rem;
    color: #5b7023;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}
.iSearch-toggle a:focus{border: 1px dashed rgba(130,159,51,.5);}
.iSearch-toggle a.active:before {content: "\f00d";}
.iSearchBlk .blk {display: none;}
.iSearchBlk .blk.active {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 110px;
    height: 59px;
    padding: 17px 60px 15px 17px;
    background: transparent url(../images/bg-grdnt-search.png) repeat-x left top;
    z-index: 1;
}
.iSearchBlk .blk input[type="text"] {width: 100%;height: auto;padding: 3px 2% 5px 0;}
.iSearchBlk .blk button {right: 12px;top: 12px;position: absolute;}
.iSearchBlk .overlay {display: none;opacity: 0;left: -100%;}
.iSearchBlk .overlay.active {
    display: block;
    opacity: 1;
    width: 100%;
    height: 100% !important;
    position: fixed;
    top: 0;
    left: 0%;
    background:rgba(255,255,255,1);
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}
.rd>li.srvc .serviceI, .rd>li.township>ul {left: inherit; right: 1px;}
.jp .rd>li.srvc .serviceI, .jp .rd>li.township>ul, .kr .rd>li.srvc .serviceI, .kr .rd>li.township>ul {left: 1px; right: inherit;}
.indexmap {width: 100%;min-height: 985px;}
.indexmap svg, .indexmap image{width: 100%; height: 100%;margin: 0 auto;}
footer {margin-top: 2.5rem;}
footer .aplus {bottom: 34px;}
.en .logoBlk a, .jp .logoBlk a, .kr .logoBlk a {width: 173px;height: 45px;}
.en .rd>li.srvc .serviceI, .en .rd>li.township>ul {left: inherit; right: 1px;}
.kr .navBlk ul li a{ font-size: .875rem; }
}


@media (max-width: 1023px){
html, body{ height: 100%;}
body{background-attachment: fixed;}
.wrapper {width: 100%;}
.topBlk {min-height: 60px;}
.is-sticky .topBlk {
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0,0,0,0);
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0);
    padding: 0 0;
}
.sticky-wrapper {height: auto !important;}
.topBlk .wrapper {padding: 0 0;}
.logoBlk {float: none;padding-top: 0;}
.logoBlk a {
    width: 157px;
    height: 41px;
    position: absolute;
    left: 50%;
    top: 9px;
    margin-left: -79px;
    padding-top: 0;
    z-index: 1;
}
.logoBlk a h1{width: 157px;height: 41px; line-height: 1rem;}
.navGroupBlk {
    float: left;
    width: 100%;
}
.navGroup-toggle{display: block;}
.navGroup-toggle a{
    display: block;
    width: 40px;
    height: 40px;
    padding: 0 0 0 0;
    text-align: center;
    color: #5b7023;
    position: relative;
    margin-left: 1rem;
}
.navGroup-toggle a:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	content: "\f0c9";
	font-size: 1.875rem;
	padding-top: 4px;
	text-indent:0;
}
.navGroup-toggle a:focus{border: none;}
.navGroup-toggle a.active:before {content: "\f00d";}
.navGroupBlk .overlay {
    display: none;
    opacity: 0;
    left: -100%;
}
.navGroupBlk .overlay.active {
    display: block;
    opacity: 1;
    width: 100%;
    height: 100% !important;
    position: fixed;
    top: 0;
    left: 0%;
    background: rgba(231,236,214,.875);
    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    z-index: -1;
}
.navBlk {
	display: block;
    width: 100%;
    height: 100%;
    overflow-y: auto;    
    margin-top: 7px;
}
.navBlk.active {border-top: 1px solid rgba(231,236,214,1);    }
.navBlk ul {display: none;}
.navBlk ul.active {
    display: block;
	z-index: 3;
    position:static;
    width: 100%;
}
.navBlk ul li a{border: none;}
.navBlk ul li:nth-child(1) a{ white-space: nowrap;}
.navBlk .rt, .navBlk .rd {float: none;background: rgba(255,255,255,1);}
.navBlk .rt.active {
    margin: 0 0 0 0;
    height: auto;
    padding: 0 .875rem 0 .875rem;
}
.rt li {margin: 0 0;padding:0 0;border-bottom: 1px solid #dddddd;width: auto;}
.rt li a{ 
	height: 45px;
	line-height: 45px;
    padding:0 .125rem;
    font-size: .775rem; 
    text-align: center;
    padding:0 .5rem;
}
.rt li:nth-child(2) a {padding-right: .125rem;}
.rt li a:focus{border: none;}
.rt li.lang {border-bottom: 1px solid #dddddd;margin: 0 0;}
.rt li.gate {padding-left: 0;}
.rt li.gate:before{display: none;}
.rt li.lang a{
	height: 45px;
	line-height: 45px;
}
.rt li.headerIcon a{padding:0 .5rem;font-size: 1.25rem;}
.rt li.nearBy {
    float: none;
    border-bottom: 1px solid #dddddd;
    margin: 0 0;
    clear: both;
    width: 100%;
}
.rt li.nearBy a {
	height: auto;
    line-height: inherit;
    font-size: 1rem;
    padding:.725rem 40px .725rem .5rem;
    text-align: left;
}
.rt li.nearBy a:before {
    left: inherit;
    right: 0;
    top: 3px;
}
.rt li a:hover, .rt li.lang a:hover{
	background: #5b7023;
	color: #ffffff;
	text-decoration: none;
}
.rt li.headerIcon a:hover{background: transparent;}
.rt li.lang.active a, .rt li.lang.active a:hover {
	background: #5b7023;
    color: #ffffff;
    color: #5b7023;
    background-color: transparent;
    text-decoration: underline;
}
.rt li.nearBy a:hover{ color: #333333;background-color: transparent;}
.rt li.nearBy a:focus{border: none;}
.navBlk .rd{margin: 0 0 0 0;padding-bottom: .75rem;}
.rd li {float: none; border-bottom: 1px solid #dddddd;margin: 0 .875rem;}
.rd>li>a {
    padding: .725rem .5rem;
    font-size: 1rem;
    text-align: left;
    height: auto;
    line-height: inherit;
}
.rd>li.hasub>a{position: relative;padding-right: 40px;}
.rd>li.hasub>a .arrow{position: absolute;right: 3px;top: 50%; margin-top: -18px; width: 36px; height: 36px; text-align: center;}
.rd>li.hasub>a .arrow:after{
    width: 36px;
    content: "\f105";
    font: normal normal normal .875rem/1 FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.75rem;
    font-size: 1.5rem;
    color: #5b7023;
    transition: all 0.125s ease-in;
}
.rd>li.hasub>a.active .arrow:after{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);}
.rd>li:hover>a{background: inherit; color: inherit;}
.rd>li.hasub>a.active{color: #5b7023;background: #f5f5f5;}
.rd>li.hasub>a+ul{display: none !important;}/*強制收合*/
.rd>li.hasub>a.active+ul{display: block !important;}/*強制收合*/
.rd>li>a:hover{background: transparent;color: inherit;}
.rd>li>a:focus{border:1px solid #f5f5f5;}
																																				
.rd>li ul {
    position:static;
    left:inherit;
    top:inherit;
    z-index: 10;
    width: 100%;
    padding: 0 .5rem .5rem .5rem;
    border:none;
    background: #f5f5f5;
    margin: 0;
}
.rd>li ul li{margin: 0; border-bottom: 1px solid transparent;}
.rd>li ul li a {
    padding: .5rem 0.5rem;
    font-size: 1rem;
    border: none;
    white-space: normal;
}
.rd>li ul li a:hover, .rd>li ul li a:focus{background: rgba(91,112,35,.25);color: #333333; border: none;}
.rd>li.feature .featureI, .rd>li.srvc .serviceI, .rd>li.township>ul{width: 100%;overflow: hidden; position: static;}
.rd>li.feature .featureI li{ float: left; width: 50%; }
.feature01:before, .feature02:before, .feature03:before, .feature04:before, .feature05:before, .feature06:before, .feature07:before{
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    left: 6px;
    top: 5px;
    content: "";
    background: #ffffff;
    border-radius: 50%;
    z-index: 0;
}
.title.feature01:before, .title.feature02:before, .title.feature03:before, .title.feature04:before, .title.feature05:before, .title.feature06:before, .title.feature07:before{display: none;}
.feature01.ff:before, .feature02.ff:before, .feature03.ff:before, .feature04.ff:before, .feature05.ff:before, .feature06.ff:before, .feature07.ff:before, 
.feature01.ie:before, .feature02.ie:before, .feature03.ie:before, .feature04.ie:before, .feature05.ie:before, .feature06.ie:before, .feature07.ie:before, 
.feature01.edge:before, .feature02.edge:before, .feature03.edge:before, .feature04.edge:before, .feature05.edge:before, .feature06.edge:before, .feature07.edge:before{width: 35px;height: 35px;}
.feature01.ff:before, .feature02.ff:before, .feature03.ff:before, .feature04.ff:before, .feature05.ff:before, .feature06.ff:before, .feature07.ff:before{left: 4px;top: 2px;}
.feature01.ie:before, .feature02.ie:before, .feature03.ie:before, .feature04.ie:before, .feature05.ie:before, .feature06.ie:before, .feature07.ie:before, 
.feature01.edge:before, .feature02.edge:before, .feature03.edge:before, .feature04.edge:before, .feature05.edge:before, .feature06.edge:before, .feature07.edge:before{left: 5px;top: 6px;}
.rd>li.srvc .serviceI li{margin: 0; }
.rd>li.srvc .serviceI li label{border: none;}
.srvc01 label:before, .srvc02 label:before, .srvc03 label:before, .srvc04 label:before, .srvc05 label:before, .srvc06 label:before, .srvc07 label:before, .srvc08 label:before, 
.srvc09 label:before, .srvc10 label:before, .srvc11 label:before, .srvc12 label:before, .srvc13 label:before, .srvc14 label:before, .srvc15 label:before, .srvc16 label:before, 
.srvc17 label:before, .srvc18 label:before, .srvc19 label:before{
    display: block;
    width: 36px;
    height: 36px;
    position: absolute;
    left: 25px;
    top: -5px;
    content: "";
    background: #ffffff;
    border-radius: 50%;
    z-index: 0;
}
.srvc01 label.ff:before, .srvc02 label.ff:before, .srvc03 label.ff:before, .srvc04 label.ff:before, .srvc05 label.ff:before, .srvc06 label.ff:before, .srvc07 label.ff:before, .srvc08 label.ff:before, 
.srvc09 label.ff:before, .srvc10 label.ff:before, .srvc11 label.ff:before, .srvc12 label.ff:before, .srvc13 label.ff:before, .srvc14 label.ff:before, .srvc15 label.ff:before, .srvc16 label.ff:before, 
.srvc17 label.ff:before, .srvc18 label.ff:before, .srvc19 label.ff:before, 
.srvc01 label.ie:before, .srvc02 label.ie:before, .srvc03 label.ie:before, .srvc04 label.ie:before, .srvc05 label.ie:before, .srvc06 label.ie:before, .srvc07 label.ie:before, .srvc08 label.ie:before, 
.srvc09 label.ie:before, .srvc10 label.ie:before, .srvc11 label.ie:before, .srvc12 label.ie:before, .srvc13 label.ie:before, .srvc14 label.ie:before, .srvc15 label.ie:before, .srvc16 label.ie:before, 
.srvc17 label.ie:before, .srvc18 label.ie:before, .srvc19 label.ie:before, 
.srvc01 label.edge:before, .srvc02 label.edge:before, .srvc03 label.edge:before, .srvc04 label.edge:before, .srvc05 label.edge:before, .srvc06 label.edge:before, .srvc07 label.edge:before, .srvc08 label.edge:before, 
.srvc09 label.edge:before, .srvc10 label.edge:before, .srvc11 label.edge:before, .srvc12 label.edge:before, .srvc13 label.edge:before, .srvc14 label.edge:before, .srvc15 label.edge:before, .srvc16 label.edge:before, 
.srvc17 label.edge:before, .srvc18 label.edge:before, .srvc19 label.edge:before{width: 35px;height: 35px;;left: 25px;}

.srvc01 label.ff:before, .srvc02 label.ff:before, .srvc03 label.ff:before, .srvc04 label.ff:before, .srvc05 label.ff:before, .srvc06 label.ff:before, .srvc07 label.ff:before, .srvc08 label.ff:before, 
.srvc09 label.ff:before, .srvc10 label.ff:before, .srvc11 label.ff:before, .srvc12 label.ff:before, .srvc13 label.ff:before, .srvc14 label.ff:before, .srvc15 label.ff:before, .srvc16 label.ff:before, 
.srvc17 label.ff:before, .srvc18 label.ff:before, .srvc19 label.ff:before{top: -9px;}

.srvc01 label.ie:before, .srvc02 label.ie:before, .srvc03 label.ie:before, .srvc04 label.ie:before, .srvc05 label.ie:before, .srvc06 label.ie:before, .srvc07 label.ie:before, .srvc08 label.ie:before, 
.srvc09 label.ie:before, .srvc10 label.ie:before, .srvc11 label.ie:before, .srvc12 label.ie:before, .srvc13 label.ie:before, .srvc14 label.ie:before, .srvc15 label.ie:before, .srvc16 label.ie:before, 
.srvc17 label.ie:before, .srvc18 label.ie:before, .srvc19 label.ie:before, 
.srvc01 label.edge:before, .srvc02 label.edge:before, .srvc03 label.edge:before, .srvc04 label.edge:before, .srvc05 label.edge:before, .srvc06 label.edge:before, .srvc07 label.edge:before, .srvc08 label.edge:before, 
.srvc09 label.edge:before, .srvc10 label.edge:before, .srvc11 label.edge:before, .srvc12 label.edge:before, .srvc13 label.edge:before, .srvc14 label.edge:before, .srvc15 label.edge:before, .srvc16 label.edge:before, 
.srvc17 label.edge:before, .srvc18 label.edge:before, .srvc19 label.edge:before{top: -6px;}
.rd>li.township>ul li {width: 33.33%;}
.rd>li.township>ul li a {border: none;}
.iSearchBlk{ position: static; right: inherit; top: 0; display: block; float: right;}
.iSearch-toggle a {top: .5rem;}
.iSearchBlk .blk.active {
    display: block;
    position: fixed;
    width: 100%;
    left: 0;
    top: 60px;
    height: 59px;
    padding: 17px 60px 15px 17px;
    background: transparent url(../images/bg-grdnt-search.png) repeat-x left top;
    z-index: 1;
}
.iSearch-toggle a:focus{ border: none; }
.mainBlk{padding-top: 30px;}
.title.map2, .indexGrid{display: block;}
.title.map2 {
    display: block;
    width: 100%;
    clear: both;
    padding: 0 0 0 50px;
    margin: 20px 0 30px 0;
    background-image: none;
    position:relative;
    top: inherit;
    left: inherit;
    height: 35px;
    text-align: center;
    font-size: 1.75rem;
}
.title.map2:before{
	display: block;
	width: 42px;
	height: 35px;
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
    margin-left: -114px;
    margin-top: -19px;
	background: transparent url(../images/icon-title-map.png) no-repeat 0 0;
}
.title.feature01:before, .title.feature02:before, .title.feature03:before, .title.feature04:before, .title.feature05:before, .title.feature06:before {display: none;}
.indexGrid {display: block;width: 100%;text-align: center;clear: both;}
.indexGrid ul {display: inline-block;text-align: center;padding: 0;}
.indexGrid ul li {
    list-style-type: none;
    float: left;
    text-align: center;
    width: 16.666%;
    padding: 0 0 30px 0;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}
.indexGrid ul li a {
    display: block;
    width: 62px;
    height: 62px;
    margin: 0 auto;
    font-size: .875rem;
    letter-spacing: 0.0625rem;
    text-align: center;
    background-color: #1ea5b0;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    white-space: normal;
    padding-top: 1.425rem;
}
.indexGrid ul li a:focus{border: none;}
.title.map, .indexmap {display: none;}
footer .toogle, .footer-wrap{display: none;}
footer .table .td {padding: 10px 0 10px 0;text-align: center;}
footer .aplus {
	display: none;
    position: absolute;
    left: 50%;
    margin-left: -47px;
    bottom: inherit;
    top:13px;
}

.en .indexGrid ul li a, .jp .indexGrid ul li a, .kr .indexGrid ul li a{
    width: 82px;
    height: 82px;
    font-size: .813rem;
    word-break: break-word;
    letter-spacing: 0;
    padding-top: 2rem;
}
/*===============================English===================================*/
.en .rd>li>ul, .en .rd>li.feature .featureI, .en .rd>li.srvc .serviceI, .en .rd>li.township>ul{width: 100%;}
.en .rd>li.feature .featureI li, .en .rd>li.srvc .serviceI li {width: 100%; float: none;}
.en .title.map2{letter-spacing: 0;}
.en .title.map2:before{margin-left: -150px;}
/*===============================日本語/韓語===================================*/
.kr .navBlk .rt li a{font-size: .775rem;}
.jp .rt li.nearBy a, .kr .rt li.nearBy a{font-size: 1rem;}
.jp .rd>li>ul, .jp .rd>li.feature .featureI, .jp .rd>li.srvc .serviceI, .jp .rd>li.township>ul, 
.kr .rd>li>ul, .kr .rd>li.feature .featureI, .kr .rd>li.srvc .serviceI, .kr .rd>li.township>ul{width: 100%;}
.jp .rd>li.feature .featureI li, .jp .rd>li.srvc .serviceI li, 
.kr .rd>li.feature .featureI li, .kr .rd>li.srvc .serviceI li {width: 100%; float: none;}
.jp .title.map2, .kr .title.map2{display: inline-block;clear: both;}
.jp .title.map2:before, .kr .title.map2:before{}
.jp .title.map2:before{margin-left: -220px;}
.kr .title.map2:before{margin-left: -150px;}
}


@media (max-width: 768px){
.indexGrid ul li{ width: 33.333%;}
}


@media (max-width: 640px){
.mainBlk {min-height: inherit;}
.rd>li.srvc .serviceI li {width: 100%;float: none;}
}


@media (max-width: 600px){
.en .rd>li.township>ul li, .jp .rd>li.township>ul li, .kr .rd>li.township>ul li {width: 100%;}
}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ */
img{max-height : 100vh;}
.indexmap svg{min-height: 985px;}
}