@charset "UTF-8";
@font-face {
  font-family: '新微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: bold;
  src: local(MS Gothic), local(Yu Gothic);
}
@font-face {
  font-family: '新微軟正黑體';
  unicode-range: U+7db0, U+78A7, U+7B75;
  font-style: normal;
  font-weight: normal;
  src: local(微軟正黑體), local(Microsoft JhengHei);
}
body {
    margin: 0;
    font-family: 'Open Sans', Verdana, Geneva, "新微軟正黑體","Microsoft JhengHei", "微軟正黑體", sans-serif ,Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
    background-color: #f5f3ee; /* #f5f3ee;  fefaf0 */
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
/* IE 10, 11不顯示語音認證碼區塊*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .audio-block { display: none !important; }
}
a { text-decoration: none; }
a:link, a:visited { color: #0051FF; border: transparent 2px solid !important; /*display: inline-block;*/ }
a:focus { border:#149059 2px dashed !important; /*display: inline-block;*/ }
a:hover { border:#149059 2px dashed !important; /*display: inline-block;*/ }
a:active { border:#149059 2px dashed !important; /*display: inline-block;*/ }

abbr { font-size: 1.1em; font-weight: 600; text-decoration: none !important; margin-left: .1em; margin-right: .1em; }

input[type="number"]:focus, input[type="number"]:hover { background-color: #febe57; }
input[type="text"]:focus, input[type="text"]:hover, input[type="file"]:focus, input[type="file"]:hover { background-color: #febe57; }
input[type="email"]:focus, input[type="email"]:hover, input[type="password"]:focus, input[type="password"]:hover { background-color: #febe57; }
textarea:focus { background-color: #febe57; }
textarea:hover { background-color: #febe57; }
select:focus { background-color: #febe57; }
select:hover { background-color: #febe57; }

/*無障礙連結*/
#AC:link, #AC:visited,#AL:link, #AL:visited { color: #fff; }

.btn-secondary:link, .btn-secondary:visited { color: #fff; }


/*.header { background-color: #503245; }*/
.header {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e2558+0,513546+100 */
background: #FFFFFF; /* Old browsers */
background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFFFFF 0%,#FFFFFF 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/*background: #8e2558; /* Old browsers */ 
/*background: -moz-linear-gradient(top, #8e2558 0%, #513546 100%); /* FF3.6-15 */ 
/*background: -webkit-linear-gradient(top, #8e2558 0%,#513546 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom, #8e2558 0%,#513546 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e2558', endColorstr='#513546',GradientType=0 ); /* IE6-9 */
}
.header .hd .logo { max-width: 100%; height:auto; }
::-ms-backdrop, .header .hd .logo { width: 100%; height:auto; margin-top: 1em; margin-bottom: 1em; } /*For IE 11, logo會放大的處理*/
.header .hd h1 { margin: 0; padding: 0; font-size: 1em; }
.header .hd h1 a { display: inline-block; }
.header #AU { color: #fff; }
.header .link,.header .link2 { font-size: .9em;  }
.header .link { text-align: right; }
.header .link ul { display: inline; text-align:center;  margin: 0 0 .2em 0; }
.header .link ul li { display: inline; padding-right: .5em;  }
.header .link ul li a:link { color: #000000 !important; }
.header .link ul li a:visited { color: #000000 !important; }
.header .link2 a:link { color: #fff190;  }
.header .link2 a:visited { color: #fff190;  }

/*左方選單*/
#leftmenu .list-group-item:first-child { 
    /*background: #01adc3; */
    background: #006d7b;
    color:#fff; 
    text-align:center; 
    
}
#leftmenu .list-group-item h2 { font-size: 1.3em; font-weight: bold; margin: 0; }
#leftmenu .list-group-item.active { background: #ebe4ca; border-color: #ccc; }
#leftmenu .list-group-item a { display: inline-block; }

#main { background-color: #fff; }

/*頁面導覽*/
ol.breadcrumb { background: none; display: inline; }
ol.breadcrumb li { color:#333; display: inline; }
ol.breadcrumb li a:link, ol.breadcrumb li a:visited { color:#333; }
.breadcrumb > li+li:before {color: rgba(0, 0, 0, 1); content: "\003E\00a0";}

/*分享連結*/
.pg-share { text-align: right; }
.pg-share a { margin-left: .5em; display: inline-block; }
.fa-print { color: #666; }
.fa-line { color: #2AA649; }
.fa-facebook { color: #3E5994; }
.fa-google-plus-square { color: #DA5047; }

/*分頁*/
#pagenav .pg { display: inline-block; }
.pagination { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.pagination a { display: inline; }
.pagination .actpage { font-size: 1.2em; }
@media (max-width: 640px) {
	/*#pagenav .pg-xs { display: none; }*/
}


/*頁尾*/
#footer-collapse { background:url(img/footer-close.png) bottom center no-repeat; padding-top: .5em; }
#footer-collapse a:link { color: #fff; font-size: 1.2em; }
#footer-collapse a:visited { color: #fff; font-size: 1.2em; }

#footer-content {
	/*background-color: #ecca84;  /* e85a59 */
	/*background: #ecca84; /* Old browsers */
	/*background: -moz-linear-gradient(top, #fadb9c 0%, #ecca84 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #fadb9c 0%,#ecca84 100%); /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #fadb9c 0%,#ecca84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	
	background-color: #00BE64;  /* e85a59 */
	background: #00BE64; /* Old browsers */
	background: -moz-linear-gradient(top, #00BE64 0%, #00BE64 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #00BE64 0%,#00BE64 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #00BE64 0%,#00BE64 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadb9c', endColorstr='#ecca84',GradientType=0 ); /* IE6-9 */
	
}
#fat-footer .tit { color: #691715; font-size: 1.2em; font-weight: 600; }
#fat-footer .border-bottom { border-color: #fff !important; }
#fat-footer ul { list-style: none; }
#fat-footer ul li { color: #000; }
#fat-footer a:link, #fat-footer a:visited { color: #000; width: 100%; display: inline-block; }
#fat-footer a:hover, #fat-footer a:hover { border-color: #000 !important; }

#footer a:link, #footer a:visited { color: #0051FF; }

.quick-link-block {
    margin: 30px auto;
    max-width: 1170px;
    text-align: center;
    position: relative
}

.quick-link-block .header {
    display: inline-block;
    padding: 5px;
    border: 1px solid #219bdc;
    background-image: url(../../images/bg-1.png);
    background-size: cover;
    background-position: 50%;
    font-weight: 700
}

.quick-link-block ul {
    text-align: left;
    list-style: none;
    padding: 0
}

.quick-link-block ul li {
    margin-top: 10px;
    text-align: center
}

.quick-link-block ul li a {
    color: #000
}

.quick-link-block .to-top {
    position: absolute;
    top: 0;
    right: 40px;
    width: 40px
}

.privacy-policy {
    margin: 30px auto;
    max-width: 1170px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 1.1em;
}

.privacy-policy li {
    display: inline
}

.privacy-policy li:not(:last-of-type):after {
    color: #666;
    content: "|";
    padding: 0 10px
}

.privacy-policy li a {
    color: #666
}

.footer {
    margin: 10px auto;
    max-width: 1170px;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 1em;
    line-height: 20px
}

.footer img {
    height: 40px;
    margin: 0 10px 20px
}

.footer span {
    color: #219bdc
}

@media (min-width: 768px) {
    .quick-link-block .to-top { right:-40px }
}