@charset "utf-8";

html,body {
	height:100%;
	margin:0;
	padding:0;
}
main {
  display:block;
}
body {
	font:62.5%/1 "Roboto", "Noto Sans TC", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	background: url(../images/bg_body.png) 50% top repeat;
}
body.font-size-s {
    font-size:56.3%;
}
body.font-size-l {
	font-size:68.8%;
}
/* 修正粗體 */
@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:#D13F00;
	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 {
	color:#cfa972;
	text-decoration:none;	
}
/*
a:focus, button:focus,
input:focus, select:focus, textarea:focus {
	outline:1px dashed #FF6600;
}*/
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%;
	margin:0 auto;
	overflow:hidden;
}
.noscript {
	display:block;
	width:100%;
	font-size:1.5em;
	line-height:120%;
	padding:20px 0px;
	margin:0 auto;
	box-sizing:border-box;
	background:#ffe5e6;
}
.hide-panel {
    display:none !important;
}
.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;
	opacity:0;
	z-index:9999;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
	color:#FFF;
	font-size:1.2em;
	padding:5px 10px;	
	opacity:1;
	background:rgba(0,0,0,.7);
}
.acKey,
.acKey a {
    color:transparent;
    font-size:0.8rem;
}

.acKey:hover,
.acKey:focus,
.acKey a:hover,
.acKey a:focus {
    color:#cfa972;
}
.container{
    width:100%;margin:0 auto;
	max-width:calc(100% - 40px);
}
@media screen and (max-width:990px) {
	img {
		max-width:100%;
		height:auto;
	}
    .pc-mode {display:none !important;}
}
@media screen and (min-width:991px) {
    .sp-mode {display:none !important;}
	.container{max-width:calc(100% - 60px);}
}
@media screen and (min-width:1280px) {
    .container {max-width:1240px;}
}
@media screen and (min-width:1320px) {
    .container {max-width:1314px;}
}
/** header **/
#wrapper header{
	background: url(../images/bg_header.png) top center no-repeat;
	background-size: 100% 6px;
	position: relative;
	border-bottom: 6px solid #ddd; 
}
#wrapper header .logo {
	width:auto;
	margin:0;
}
#wrapper header .logo a {
    display:block;
    width:160px;
    height:40px;
    font-size:0;
    background:url(../images/logo.png) no-repeat 0 50%;
    background-size:contain;
}
@media screen and (min-width:991px) {
	#wrapper header {
		position:relative;
		left:auto;left:auto;
		z-index:999;
	}
    #wrapper header .logo a {
        width:173px;
        height:122px;
    }	
}
/* ----- topHead ----- */
#topHead {
    position:relative;
    width:100%;
    margin:0 auto;
	box-sizing:border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-height:70px;
	padding:0 15px;
	background-color:transparent;
}
#topHead .addon {
	width:auto;
	text-align:right;
}
#topHead .ieatLogo a{
	display:block;
    width:229px;
    height:25px;
    font-size:0;
    background:url(../images/ieat_logo.png) no-repeat 0 50%;
    background-size:100% auto;
}
@media screen and (min-width:991px) {
	#topHead {padding:22.5px 52.5px 7.5px;}
}

.right_link{
	text-transform: uppercase;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding-top: 18.75px;
	padding-right: 18.75px;
	list-style-type:none;
	font-family:"微軟正黑體", sans-serif;
	font-weight:bold;
}
.right_link li{
	position: relative;
	margin-right: 18.75px;
	padding-left: 22.5px;
}
.right_link li a{
	color: #666;
	font-size: 1rem;
}
.right_link li::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
}
.right_link li.home::before{
	width: 19px;
	height: 15px;
	background: url(../images/icon_home.svg) left 50% no-repeat;
}
.right_link li.contact::before {
  width: 16px;
  height: 16px;
  background: url("../images/addlink_contact.svg") left 50% no-repeat;
}
.right_link li.facebook::before {
  width: 16px;
  height: 16px;
  background: url("../images/icon_fb_gray.svg") left 50% no-repeat;
}

.right_link li.language::before {
  width: 17px;
  height: 17px;
  background:url("../images/icon_language.svg") left 50% no-repeat;
}
.right_link li a:hover{
	color: #cc0000;
}
/** articleWrap **/
.articleWrap{
	width:100%;
	line-height: 200%;
	word-wrap: break-word;
	box-sizing: border-box;
	font-size: 1rem;
    font-weight: 400;
	color: #444;
	min-height:56vh;
}
.articleWrap h3{
	font-size: 1.375em;
	font-weight:bold;
    color: #da816e;
	margin-top:1.5em;
}
.focusTx{color: #da816e;}
.articleWrap p + p,
.articleWrap p + h3{ margin-top:1.5em;}
.articleWrap p + *,
.articleWrap h3 + *{ margin-top:0.5em;}
.articleWrap > ul li{list-style-type:disc;}
.articleWrap > ol{
	counter-reset: li;
    list-style: none;
}
.articleWrap > ol li{
	counter-increment: li;
	position:relative;
	padding-left:2em;
	box-sizing:border-box;
}
.articleWrap > ol li::marker { display:none;}
.articleWrap > ol li:before {
    content: counter(li);
    background-color:#666;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    padding: 4px;
    min-width: 26px;
    text-align: center;
    box-sizing: border-box;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 110%;
    position: absolute;
    left: 0;
    top:0.25em;
}

/** footer **/
footer#footer{
	display: block;
	background: url(../images/bg_footer.png) top center no-repeat #fff;
	background-size: 100% 6px;
	padding-top: 45px;
	padding-bottom: 31.5px;
}
#footer .footer_link .copyright {
    color: #333;font-size: 1.6em;
	font-family:"微軟正黑體", sans-serif;
    text-align: center;
	font-weight:bold;
}
/*PRINT*/
@media print {
	body {
		margin:0!important;
		padding:0!important;
	}
	h1, h2, h3, h4, h5, h6 {
		page-break-after:avoid;
		page-break-inside:avoid;
	}
	blockquote, table, pre {
		page-break-inside:avoid;
	}
	ul, ol, dl {
		page-break-before:avoid;
	}
	img {
		max-width:100%!important;
		page-break-inside:avoid;
	}
	#wrapper {
		padding-top:60px;
		background:none!important;
	}
	#wrapper header {
		position:absolute!important;
		background:#FFFFFF!important;
	}
	#footer {
		padding:20px!important;
	} 
}

@page {
	size:A4 portrait; /*a4尺寸 直式 */
    margin:1cm; /*邊距1公分 */
    orphans:2; /*頁面最後一段段落行數，預設值為2 */
    widows:2; /*頁面第一段段落行數，預設值為2 */
}