@charset "utf-8";
html,body{height:100%;margin:0;padding:0;}
main{display:block;}
body{font:62.5%/1 "微軟正黑體", Microsoft JhengHei, Arial, Helvetica, sans-serif;-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("微軟正黑體");}
*{font-family:微軟正黑體修正, 微軟正黑體, Arial, Helvetica, sans-serif;}
a{color:#CC4B00;text-decoration:none;}
a:hover,
a:focus{color:#E3007F;text-decoration:none;}
a:active{color:#E15315;}
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;}
#wrapper{position:relative;float:left;width:100%;margin:0 auto;padding:0;overflow:hidden;}
#wrapper h1{position:absolute;left:50%;top:39px;font-size:0;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:188px;height:71px;color:#000000;background:url(../images/logo.png) no-repeat 0 50%;background-size:100% auto;}
#wrapper h1 .IBD-logo{position:absolute;left:0px;top:-30px;display:block;width:117px;height:26px;color:#000000;background:url(../images/IDB-logo2.png) no-repeat 50% 50%;background-size:100% auto;}
@media screen and (max-width:990px){#wrapper h1{left:10px;top:20px;margin-left:0px;}
#wrapper h1 .logo{width:120px;height:45px;}
#wrapper h1 .IBD-logo{top:-15px;width:59px;height:13px;}
}
@media screen and (min-width:1200px){#wrapper h1{margin-left:-600px;}
}
@media screen and (min-width:1440px){#wrapper h1{margin-left:-720px;}
}
::selection{
	background-color:#e11258;
	color:#ffffff;
}
.hide-panel{display:none;}
.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:85px;left:0;
	color:#000;font-size:0;
	opacity:0;z-index:1100;
}
.sr-only-focusable:active,
.sr-only-focusable:focus{
	color:#000;
	font-size:1.2em;
	padding:5px 10px;
	opacity:1;
	background:#fbd4b5;
	max-width:20px;
	text-align:center;
	padding:10px 3px;
}
.acKey,
.acKey:hover,
.acKey:focus,
.acKey a ,
.acKey a:hover,
.acKey a:focus{color:transparent;font-size:1.2em;}
.container{width:100%;margin:0 auto;}
*:first-child+html .container{width:990px;}
.row{margin-right:-10px;margin-left:-10px;}
@media screen and (max-width:990px){.pc-mode{display:none !important;}
.container{padding:0 20px;box-sizing:border-box;}
#header .container{padding:0;}
}
@media screen and (max-width:420px){.container{padding:0 15px;}
}
@media screen and (min-width:991px){.sp-mode{display:none !important;}
.container{max-width:990px;}
}
@media screen and (min-width:1200px){.container{max-width:1200px;}
}
@media screen and (min-width:1440px){.container{max-width:1440px;}
}
.font-pink{color:#E3007F;}
.font-red{color:#ee0000;}
.font-orange{color:#CC4B00;}
#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:20px 0 10px calc(100% - 155px);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;}
}
#addon{float:left;width:calc(100% - 80px);}
#addon > ul{float:right;list-style:none;text-align:left;vertical-align:middle;letter-spacing:-9px;}
#addon > ul > li{display:inline-block;letter-spacing:0;margin-right:10px;}
#addon > ul > li:nth-child(2),
#addon > ul > li:nth-child(3){position:relative;padding-left:13px;}
#addon > ul > li:nth-child(2)::before,
#addon > ul > li:nth-child(3)::before{content:"";position:absolute;left:1px;top:16px;display:block;width:3px;height:3px;background:#000000;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
#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-eng,
#addon a.icon-jp{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-eng:hover,
#addon a.icon-eng:focus,
#addon a.icon-jp:hover,
#addon a.icon-jp:focus{color:#FFFFFF;border-color:#D60000;background:#D60000;}

#addon-sp {float:left;width:100%;}
#addon-sp > ul {list-style:none;}
#addon-sp > ul > li {float:left;display:block;width:50%;letter-spacing:0;border-right:1px solid rgba(255,255,255,.4);box-sizing:border-box;vertical-align:top;}
#addon-sp > ul > li:last-child {border:none;}
#addon-sp > ul > li span {display:none;}
#addon-sp > ul > li a {float:left;width:100%;height:100%;color:#e11258;font-size:1.5em;font-weight:bold;text-align:center;vertical-align:middle;padding:15px 0;background:rgba(255,255,255,.7);box-sizing:border-box;	}
#addon-sp > ul > li a:hover,
#addon-sp > ul > li a:focus {background:#fff9b2;}

.shareBtn{position:relative;float:left;text-align:left;margin-right:5px;}
.shareBtn > a{ position:relative;float:left;width:45px;height:45px;padding:0;background:#000000 url(../images/icon-share.svg) 50% 50% no-repeat;box-sizing:border-box;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.shareBtn > a.show span{position:relative;display:block;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.shareBtn > a span.open{display:block;}
.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/icon-fb-sp.png) no-repeat 50% 50%;background-size:40px auto;}
.shareBtn .shareMenu a.icon-gplus{background:url(../images/icon-gplus-sp.png) no-repeat 50% 50%;background-size:40px auto;}
.shareBtn .shareMenu a.icon-twitter{background:#00aced url(../images/icon-twitter-sp.png) no-repeat 50% 50%;background-size:40px auto;}
.shareBtn .shareMenu a.icon-line{background:#01b901 url(../images/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-twitter,
.shareBtn .shareMenu a.icon-line{background-size:40px 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:#000000;}
@media screen and (max-width:990px){.shareBtn > a{background:url(../images/icon-share2.svg) 50% 50% no-repeat;}
.shareBtn > a.show,
.shareBtn > a.show:focus{background:none;}
.shareBtn > a.show span.close::before{background:#000;}
.shareBtn > a.show span.close::after{background:#000;}
}
@media screen and (min-width:991px){.shareBtn{margin-right:10px;}
.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-twitter,
.shareBtn .shareMenu a.icon-line{background-size:35px auto;}
}
.headSearchZone{position:relative;float:left;}
.headSearchZone .searchTag a{float:left;width:45px;height:45px;text-align:center;background:#000000;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.headSearchZone .searchTag a span{position:relative;display:block;background:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.headSearchZone .searchTag a span::before{position:absolute;display:block;content:'';left:12px;top:11px;height:18px;width:18px;border:3px solid #FFF;box-sizing:border-box;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;}
.headSearchZone .searchTag a span::after{position:absolute;display:block;content:'';left:25px;top:28px;width:8px;height:3px;background:#FFF;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s, -webkit-transform .2s;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.headSearchZone .searchTag a.show span::before{left:10px;top:21px;width:25px;height:3px;border:none;background:#FFF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.headSearchZone .searchTag a.show span::after{left:10px;top:21px;width:25px;height:3px;background:#FFF;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.headSearchZone .search{display:none;position:absolute;right:-60px;top:55px;width:100vw;background:#F4ECE1;-webkit-box-shadow:0px 5px 5px rgba(0,0,0,.3);-moz-box-shadow:0px 5px 5px rgba(0,0,0,.3);box-shadow:0px 5px 5px rgba(0,0,0,.3);}
.headSearchZone .box{position:relative;float:left;width:100%;padding:20px 20px 0 20px;background:none;box-sizing:border-box;-webkit-transition:.3s;transition:.3s;-webkit-transition:all 200ms ease;transition:all 200ms ease;}
.headSearchZone .search-txt{float:left;width:100%;height:42px;color:#000;font-family:"微軟正黑體", Microsoft JhengHei, Helvetica, sans-serif;font-size:1.5em;line-height:40px;padding:0 40px 0 10px;border:none;border-bottom:2px solid rgba(201,160,99,1);box-sizing:border-box;background:none;}
.headSearchZone .search-txt:focus{color:#bf2626;border-bottom:2px solid #bf2626;}
.headSearchZone .search-btn{position:absolute;top:20px;right:20px;display:block;width:40px;height:40px;text-indent:-9999px;padding:0;margin:0;border:none;cursor:pointer;overflow:hidden;background:none;}
.headSearchZone .search-btn em{position:relative;display:block;width:26px;height:26px;margin:7px auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.headSearchZone .search-btn em::before{position:absolute;display:block;content:'';left:0;top:0;height:20px;width:20px;border:3px solid #000;box-sizing:border-box;-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.headSearchZone .search-btn em::after{position:absolute;display:block;content:'';left:15px;top:18px;width:10px;height:3px;background:#000;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.headSearchZone .search-btn:hover em::before,
.headSearchZone .search-btn:focus em::before{border-color:#e4165c;}
.headSearchZone .search-btn:hover em::after,
.headSearchZone .search-btn:focus em::after{background-color:#e4165c;}
.headSearchZone .keyWd{float:left;width:100%;font-size:1.5em;line-height:125%;padding:10px 20px 20px 20px;box-sizing:border-box;}
.headSearchZone .keyWd a{margin:0 5px 0 0;}
@media screen and (max-width:990px){.headSearchZone .searchTag a{background:#FFF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.headSearchZone .searchTag a span::before{border-color:#000;}
.headSearchZone .searchTag a span::after{background:#000;}
.headSearchZone .searchTag a.show span::before{background:#000;}
.headSearchZone .searchTag a.show span::after{background:#000;}
}
@media screen and (min-width:991px){.headSearchZone .searchTag a{float:left;display:block;width:35px;height:35px;}
.headSearchZone .searchTag a span::before{left:7px;top:6px;}
.headSearchZone .searchTag a span::after{left:20px;top:23px;}
.headSearchZone .searchTag a.show,
.headSearchZone .searchTag a.show:focus{background-color:#e4165c;}
.headSearchZone .searchTag a.show span::before,
.headSearchZone .searchTag a.show span::after{left:5px;top:16px;}
.headSearchZone .search{display:none;position:absolute;right:0;top:45px;width:300px;background:#FFF;z-index:100;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;-webkit-box-shadow:0px 10px 10px rgba(0,0,0,.3);-moz-box-shadow:0px 10px 10px rgba(0,0,0,.3);box-shadow:0px 10px 10px rgba(0,0,0,.3);}
.headSearchZone .box{padding-top:10px;}
.headSearchZone .search-txt{background:#F4F4F4;border:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.headSearchZone .search-btn{top:10px;}
}
#main{width:100%;margin:0 auto;}
#footer{float:left;width:100%;margin:0 auto;background:#2a2a2a;}
.fatfooter{position:relative;width:100%;padding:30px 0;margin:0 auto;background:#eeeeee;}
.fatfooter ul{list-style:none;letter-spacing:-9px;margin:-10px;z-index:1;}
.fatfooter ul li{display:inline-block;width:13%;padding:10px;box-sizing:border-box;letter-spacing:0;vertical-align:top;}
.fatfooter ul li.ft3,
.fatfooter ul li.ft5{width:17%;}
.fatfooter dl{float:left;margin-right:45px;}
*:first-child+html .fatfooter dl{margin-right:25px;}
.fatfooter dl:last-child{float:left;margin-right:0;}
.fatfooter dt{font-family:"PingFang TC Semibold", "微軟雅黑", "Microsoft YaHei";color:#000;font-size:1.9em;font-weight:bold;background:url(../images/icon-fat-list1.png) no-repeat 0 50%;padding-left:17px;margin-bottom:10px;}
.fatfooter dt a{color:#333;}
.fatfooter dt a:hover,
.fatfooter dt a:focus{color:#E3007F;}
.fatfooter dd{color:#606060;font-size:1.5em;line-height:125%;background:url(../images/icon-fat-list2.png) no-repeat 0 2px;padding-left:17px;margin:10px 0;}
.fatfooter dd a{color:#606060;}
.fatfooter dd a:hover,
.fatfooter dd a:focus{color:#E3007F;}
.copyright{width:100%;padding:20px 0;margin:0 auto;}
.copyright .accessibility{float:left;margin:3px 0 0 0;}
.copyright ul{float:right;width:calc(100% - 150px);font-size:1.3em;line-height:170%;color:#999999;list-style:none;}
.copyright ul li{float:left;width:100%;}
.copyright ul li img{display:inline;margin-right:10px;}
.copyright ul li strong{font-size:0.95rem;color:#FFF;font-weight:bold;}
.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;margin:5px 0 0 0;}
.copyright .view dt{display:inline;color:#999;}
.copyright .view dd{display:inline;color:#FFF;background:#457aae;padding:0px 5px;}
.copyright .seo,
.copyright .seo h2{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:990px){.copyright .accessibility{float:left;width:100%;text-align:center;}
.copyright ul{float:left;width:100%;margin-top:10px;}
}
@media screen and (max-width:640px){.copyright .view{display:block;width:100%;}
}
#goTop{position:fixed;display:block;right:40px;bottom:45px;z-index:900;}
#goTop a{float:left;display:block;width:59px;height:37px;font-size:0;background:url(../images/nhome-btn-top.png) no-repeat;}
#goTop a:hover,
#goTop a:focus{background-position:0 -37px;}
@media screen and (max-width:990px){#goTop{right:15px;bottom:15px;}
#goTop a{width:50px;height:50px;font-size:0;box-sizing:border-box;background:rgba(0,0,0,.6) url(../images/btn-top.png) no-repeat 50% 50%;background-size:50px auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#goTop a:hover,
#goTop a:focus{background:#E3007F url(../images/btn-top-hover.png) no-repeat 50% 50%;background-size:50px auto;}
}


@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;
	}
	.headSearchZone{float:left;}
	.headSearchZone .searchTag a{float:left;display:block;width:35px;height:35px;}
	.headSearchZone .searchTag a span::before{left:7px;top:6px;}
	.headSearchZone .searchTag a span::after{left:20px;top:23px;}
	.headSearchZone .search,
	#goTop {display:none!important;}
}