@charset "utf-8";
html,body {
	height:100%;
	margin:0;
	padding:0;
}
main {
  display:block;
}
body {
    font:62.5%/1 Arial, Helvetica, sans-serif, "微軟正黑體", Microsoft JhengHei;
    background:#f2efef;
    -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
            text-size-adjust:100%;
}
/* 修正粗體 */
@font-face {
    font-family:"微軟正黑體修正";
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:bold;
    src:local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face {
    font-family:"微軟正黑體修正";
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
	font-weight:normal;
    src:local("微軟正黑體");
}
a {
	color:#CC4B00;
	text-decoration:none;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
a:hover,
a:focus {
	text-decoration:none;
	color:#E3007F;
}
a:active{color:#E15315;}
a:focus, button:focus, input:focus, select:focus {
	outline:1px dashed #EB0000 !important;
}
a, button, textarea, select, input {
	-webkit-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-border-radius:0;
	   -moz-border-radius:0;
			border-radius:0;
}
img {
	border:none;
	vertical-align:middle;
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup {
	top:-0.5em;
}
sub {
	bottom:-0.25em;
}


/** Layout **/
#wrapper{
	position:relative;
	width:100%;
	padding:0;
	margin:0 auto;	
}
#wrapper h1 {
	position:absolute;
	left:50%;
	top:39px;
	margin-left:-495px;
	z-index:6666;
}
#wrapper h1 a {
	position:relative;
	display:block;
	font-size:1em;
	text-indent:-9999px;
}
#wrapper h1 .logo {
	display:block;
	width:257px;
	height:71px;
	background:url(../../images/eng/logo.png) no-repeat 0 50%;
	background-size:100% auto;
}
#wrapper h1 .IDA-logo {
	position:absolute;
	left:0px;
	top:-30px;
	display:block;
	width:155px;
	height:25px;
	background:url(../../images/eng/IDA-logo.png) no-repeat 50% 50%;
	background-size:100% auto;
}
.noscript {
	display:block;
	width:100%;
	font-size:1.5em;
	line-height:120%;
	padding:20px 0px;
	margin:0 auto;
	box-sizing:border-box;
	background:#ffe5e6;
}
.sr-only {
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}
.sr-only-focusable {
    position:fixed;
	top:0;
	left:0;	
	color:#000;
	font-size:0;	
	opacity:0;	
	z-index:9999;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	width:auto;
	height:auto;
	color:#000;
	font-size:1.2em;
	opacity:1;
	background:#fbd4b5;
	text-align:center;
	padding:10px;
}
.acKey,
.acKey a {
	color:transparent;
	font-size:0.8rem;
}
.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
	color:#FFF;
}
.container {
	width:100%;
	margin:0 auto;
}
.row {
    margin-right:-10px;
    margin-left:-10px;
}
@media screen and (max-width:990px) {
	#wrapper h1 {
		left:10px;
		top:20px;
		margin-left:0px;
	}
	#wrapper h1 .logo {
		width:165px;
		height:45px;
		background-size:cover;
	}
	#wrapper h1 .IDA-logo {
		top:-15px;
		width:59px;
		height:13px;
	}
	.pc-mode {
	  display:none !important;
	} 
	.container {
		padding:0 20px;
		box-sizing:border-box;
	}
	#header .container { padding:0;} 
}
@media screen and (min-width:991px) {
	.sp-mode {
	  display:none !important;
	}
	.container {
		width:100%;
		max-width:990px;
	}	
}
@media screen and (min-width:1200px) {
	#wrapper h1 {
		margin-left:-600px;
	}
	.container {
		max-width:1200px;
	}
}
@media screen and (min-width:1440px) {
	#wrapper h1 {
		margin-left:-720px;
	}
	#header .container {
		max-width:1440px;
	}
}

.font-pink{color:#E3007F;}
.font-red{color:#ee0000;}
.font-orange{color:#CC4B00;}


/** header **/
#header{width:100%;min-height:55px;margin:0 auto;}
#header.sp-fix{position:absolute;left:0;top:0;height:auto;z-index:999;}
#topHead{position:relative;width:100%;padding:15px 10px;background:#FFFFFF;box-sizing:border-box;margin:0 auto;-webkit-box-shadow:0 0px 10px rgba(0%,0%,0%,0.3);-moz-box-shadow:0 0px 10px rgba(0%,0%,0%,0.3);box-shadow:0 0px 10px rgba(0%,0%,0%,0.3);z-index:1;}
@media screen and (min-width:991px){#topHead{padding:10px 0;}
#topHead:before{content:"";position:absolute;display:block;width:calc((100vw - 990px)/2 + 320px);height:80px;top:55px;left:0;background:url(../../images/eng/navMenu_bg.png) no-repeat right 50%;z-index:2;}
}
@media screen and (min-width:1200px){#topHead:before{width:calc((100vw - 1200px)/2 + 320px);}
}
@media screen and (min-width:1440px){#topHead:before{width:calc((100vw - 1440px)/2 + 320px);}
}
#addon{float:left;width:calc(100% - 45px);}
#addon > ul{list-style:none;text-align:right;vertical-align:middle;letter-spacing:-9px;margin:-5px;}
#addon > ul > li{display:inline-block;letter-spacing:0; margin:5px;}
#addon > ul > li a{display:inline-block;color:#000000;font-size:1.5em;vertical-align:middle;margin:10px 0;}
#addon > ul > li a:hover,
#addon > ul > li a:focus{color:#D60000;}
#addon a.icon{line-height:33px;padding:0 10px;margin:0;border:1px solid #000000;box-sizing:border-box;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
#addon a.icon:hover,
#addon a.icon:focus{color:#FFFFFF;border-color:#D60000;background:#D60000;}
@media screen and (max-width:990px){#addon{width:calc(100% - 50px);}
#addon > ul {margin:-2.5px;}
#addon > ul > li {text-align:left;margin:2.5px;}
#addon a.icon{position:relative;width:45px;height:45px;text-indent:-999px;overflow:hidden;}
#addon a.icon::before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-size:1.4em;font-weight:bold;text-align:center;text-indent:0;}
#addon a.icon.ch::before{content:"繁";font-family:"微軟正黑體",Microsoft JhengHei;line-height:41px;}
#addon a.icon.jp::before{content:"JP";line-height:43px;}
#addon a.icon.sitemap::before{
	background-color:#0f1d26;
    -webkit-mask-position:50% 50%;
			mask-position:50% 50%;
    -webkit-mask-repeat:no-repeat;
			mask-repeat:no-repeat;
    -webkit-mask-size:50% 50%;
			mask-size:50% 50%;
	-webkit-mask-image:url(../../images/eng/icon-sitemap.svg);
			mask-image:url(../../images/eng/icon-sitemap.svg);
}
#addon a.icon.sitemap:hover::before,
#addon a.icon.sitemap:focus::before {
	background-color:#ffffff;
}
}

.shareBtn{position:relative;float:right;text-align:left;}
.shareBtn > a{ position:relative;float:left;width:45px;height:45px;padding:0;background:#000000;box-sizing:border-box;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.shareBtn > a span{position:absolute;left:0;top:0;display:block;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.shareBtn > a span.open{display:block;background:url(../../images/eng/icon-share.svg) 50% 50% no-repeat;}
.shareBtn > a.show span.open{display:none;}
.shareBtn > a span.close{display:none;}
.shareBtn > a.show span.close{display:block;}
.shareBtn > a.show span.close::before{content:"";display:block;position:absolute;left:50%;top:50%;width:25px;height:3px;margin:-1.5px 0 0 -12.5px;background:#FFF;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.shareBtn > a.show span.close::after{content:"";display:block;position:absolute;left:50%;top:50%;width:25px;height:3px;margin:-1.5px 0 0 -12.5px;background:#FFF;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.shareBtn .shareMenu{display:none;position:absolute;top:45px;right:0;width:45px;margin:0;text-align:left;z-index:200;list-style:none;}
.shareBtn .shareMenu li{float:left;margin:5px 0 0 0;}
.shareBtn .shareMenu a{display:block;width:45px;height:45px;text-indent:-9999px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.shareBtn .shareMenu a.icon-fb{background:#3b5998 url(../../images/eng/icon-fb-sp.png) no-repeat 50% 50%;background-size:40px auto;}
.shareBtn .shareMenu a.icon-gplus{background:url(../../images/eng/icon-gplus-sp.png) no-repeat 50% 50%;background-size:40px auto;}
.shareBtn .shareMenu a.icon-twitter{background:#000 url(../../images/eng/icon-Twitter-X.svg) no-repeat 50% 50%;background-size:40px auto;}
.shareBtn .shareMenu a.icon-line{background:#01b901 url(../../images/eng/icon-line-sp.png) no-repeat 50% 50%;background-size:40px auto;}
.shareBtn .shareMenu a.icon-fb,
.shareBtn .shareMenu a.icon-gplus,
.shareBtn .shareMenu a.icon-line{background-size:40px auto;}
.shareBtn .shareMenu a.icon-twitter{background-size:30px auto;}
.shareBtn .shareMenu a.icon-fb:hover,
.shareBtn .shareMenu a.icon-gplus:hover,
.shareBtn .shareMenu a.icon-twitter:hover,
.shareBtn .shareMenu a.icon-line:hover{background-color:#D60000;}
@media screen and (min-width:991px){.shareBtn .shareMenu{top:35px;width:35px;}
.shareBtn > a{width:35px;height:35px;}
.shareBtn > a.show,
.shareBtn > a.show:focus{background:#e4165c;}
.shareBtn .shareMenu a{width:35px;height:35px;}
.shareBtn .shareMenu a.icon-fb,
.shareBtn .shareMenu a.icon-gplus,
.shareBtn .shareMenu a.icon-line{background-size:35px auto;}
.shareBtn .shareMenu a.icon-twitter{background-size:25px auto;}
}
#main{width:100%;margin:0 auto;}
#footer{width:100%;text-align:center;padding:40px 0;margin:0 auto;background:#2a2a2a;}
.copyright{width:100%;font-size:1.5em;line-height:170%;margin:0 auto;}
.copyright .accessibility{width:100%;margin:0 auto;}
.copyright .accessibility a{display:inline-block;}
.copyright .accessibility a + a{margin-left:15px}
.copyright ul{color:#999999;list-style:none; margin-top:15px;}
.copyright ul li{width:100%;}
.copyright ul li img{display:inline-block;margin:5px 0;}
.copyright ul li strong{font-size:1.1em;color:#FFF;font-weight:bold;}
.copyright ul li span{ display:inline-block;}
.copyright ul li span + span,
.copyright ul li span + dl{margin-left:15px}
.copyright ul li .font-pink{color:#FF47A3;}
.copyright ul li .font-orange{color:#FF5E00;}
.copyright ul li a{color:#FF5E00;}
.copyright ul li a:hover,
.copyright ul li a:focus,
.copyright ul li a:active{color:#E9A92B;}
.copyright .view{display:inline-block;}
.copyright .view dt{display:inline;color:#999;}
.copyright .view dd{display:inline;color:#FFF;font-size:0.9em;background:#457aae;padding:1px 5px;}
.copyright .seo {display:inline;color:#999999;font-weight:normal;}
.copyright .seo:hover,
.copyright .seo:focus,
.copyright .seo:active{color:#999999;text-decoration:none;cursor:text;}
@media screen and (max-width:440px){
	.copyright .accessibility a img{ width:auto; height:50px;}
}
@media screen and (min-width:1200px){
	#footer{padding:50px 0;}
	.copyright { font-size:1.7em; }
	.copyright .accessibility a + a{margin-left:20px}
	.copyright ul li span + span,
	.copyright ul li span + dl{margin-left:15px}{margin-left:20px}
}
#goTop{position:fixed;display:block;right:20px;bottom:20px;z-index:900;}
#goTop a {
	position:relative;
	display:block;
	width:55px;
	height:55px;
	overflow:hidden;
	background:rgba(0,0,0,.6);
	-webkit-border-radius:100%;
	   -moz-border-radius:100%;
			border-radius:100%;
}
#goTop a:hover,
#goTop a:focus {
	background-color:rgba(0,0,0,1);
}
#goTop a::after {
	position:absolute;
	content:"";
    display:block;
    position:absolute;
	left:50%;
	top:23px;
    width:11px;
    height:11px;    
    border-left:2px solid #FFF;
	border-top:2px solid #FFF;
	margin:0 0 0 -6.5px;
    z-index:2;
    -webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
}


@page {
    size:A4 portrait;
	margin:1cm 0.5cm;
}
@media print {
	* {
		-webkit-print-color-adjust:exact !important;
		-moz-print-color-adjust:exact !important;
		color-adjust:exact !important;
	}
	body {
		width:1020px;
		margin:0!important;
		padding:0!important;
	}
	a:link, a:visited, a {
		word-wrap:break-word;
	}
	.container {
		display:block;
		width:100%;
		max-width:990px;
	}
	#header{
		width:100%;
		min-height:55px;
		margin:0 auto;
	}
	#topHead {
		position:relative;
		width:100%;
		padding:10px 0;
		background:#FFFFFF;
		box-sizing:border-box;
		margin:0 auto;
		-webkit-box-shadow:0 0px 10px rgb(0 0 0 / 30%);
		-moz-box-shadow:0 0px 10px rgba(0%,0%,0%,0.3);
		box-shadow:0 0px 10px rgb(0 0 0 / 30%);
		z-index:1;
	}
	#addon{float:left;max-width:calc(100% - 100px);}
	.shareBtn {
		float:left; margin-right: 10px;
	}
	.shareBtn > a {
		width:35px;
		height:35px;
	}
	#goTop {display:none!important;}
}