@charset "utf-8";
/* CSS Document */
* { outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 line-height:1.5;
 font-size: 101.5%;
 }
input,textarea{outline:none}  
a{text-decoration:none;}
a:hover{ text-decoration:none;}
a, a:hover, a:active {
	-webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}

input[type*="text"]:focus,
textarea:focus,
input[type*="password"]:focus {
    background-color: #fbefe8 !important
}

a:focus,
input[name*="Collapse"]:focus,
input[type*="submit"]:focus,
input[type*="reset"]:focus {
    outline: 2px #ff3400 dotted !important;
}

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}



body {	
	margin: 0px 0px 0px 0px;
	font-family:微軟正黑體;
	
	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
}
#wrapper { margin:0px auto; width:100%; height:auto; }
header { margin:0px auto 0px auto; width:100%; height:auto; }
main { margin:0px auto 0px auto; width:100%; height:auto;  }
footer { margin:0px auto 0px auto; padding:0px 0; width:100%; height:auto; overflow: hidden; }
footer .fbg{ width:100%; height:auto; overflow: hidden; background:#f5f5f5; padding:30px 0 30px 0;}
footer .fbg ul{ width:100%; margin:0 0px 0px 0; padding:0; list-style:none; text-align:center;}
footer .fbg ul li{ margin:0 0px 0px 0; padding:0 25px; list-style:none; font-size: 0.9375em; color:#4d4d4d; font-weight: bold; display: inline-block;}
footer .fbg ul li a{ color:#4d4d4d; }
footer .fbg ul li a:hover{ color:#289bc6; text-decoration:underline;}
footer .fbg02{ width:100%; height:auto; overflow: hidden; background:#0063a6; padding:30px 0 30px 0;}
footer .fbg02 ul{ width:100%; margin:0 0px 15px 0; padding:0; list-style:none; text-align:center;}
footer .fbg02 ul li{ margin:0 0px 0px 0; padding:0 25px; list-style:none; font-size: 1.0625em; color:#fff; font-weight: bold; display: inline-block;}
footer .fbg02 ul li a{ color:#fff;}
footer .fbg02 ul li a:hover{ color:#fff; text-decoration:underline;}
footer .copyright { width:100%; background:#003865; text-align:center; padding:15px 0px 15px 0px;}
footer .copyright .fleft{ width:auto; float: left; font-size: 1.0625em; color:#fff;}
footer .copyright .fright{ width:auto; float: right; font-size: 1em; color:#fff;}
footer .copyright a{ color:#FFF; }
footer .copyright a:hover{ color:#fff; text-decoration:underline;}
@media only screen and (min-width: 0px) and (max-width: 1160px){
footer .copyright .fleft{ width:100%;}
footer .copyright .fright{ width:100%;}
}   

/* 定義無障礙標點 */
.sr-only {
    position: absolute;
    width: 0.063rem;
    height: 0.063rem;
    padding: 0;
    margin: -0.063rem;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}
.ace {
    color: #fff; position: absolute;
    font-size: 84%
}

.accesskey {
    display: inline-block;
}
.accesskey a {
    color: #fff;
    letter-spacing: normal;
}

/* 定義區塊 */
.box-1{ width:92%; margin:0px auto; padding:0px 0; height:auto; overflow: hidden; }
.box-2{ width:1440px; margin:0px auto; padding:0px 0; height:auto; overflow: hidden;}
.box-3{ padding:0vh 0px 0px 0px; }
.box-c{ width:80%; margin:0px auto; }
@media only screen and (min-width: 0px) and (max-width: 1650px){
.box-2{ width:90%;}
}  
@media only screen and (min-width: 0px) and (max-width: 1280px){
.box-c{ width:100%; margin:0px auto; }  
} 
@media only screen and (min-width: 1201px) and (max-width: 1450px){
.box-3{ padding:80vh 0px 0px 0px; }
} 
@media only screen and (min-width: 900px) and (max-width: 1200px){
.box-3{ padding:70vh 0px 0px 0px; }
} 
@media only screen and (min-width: 0px) and (max-width: 899px){
.box-3{ padding:400px 0px 0px 0px; }
}   
.title01{ width:100%; text-align: center;}
.title01 h2{
    width:100%; margin:0 0 10px 0;
    font-size: 2.3125em; color: #393939; 
    font-family: 'Garamond Premier Pro';
    font-weight: normal;
    font-style: normal;
}
.title01 h3{
    width:100%; 
    font-size: 1.5625em; color: #3c3c3c; 
    font-weight: bold;
}