@charset "UTF-8";
body {
    margin: 0;
    font-family:  Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	background-color: #f5f3ee;
	background: url(img/bg-index.jpg) center center no-repeat;
    background-size: cover;
}

.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 !important; }
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 .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: .8em;  }
.header .link { margin-top: .5em; 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: #000 !important; }
.header .link ul li a:visited { color: #000 !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; margin-top: 2em; margin-bottom: 2em; padding-bottom: 1em; }

/*頁面導覽*/
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; }


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

#footer-content { background-color: #4EDAB4;  /* e85a59 */ }
#fat-footer .tit { color: #07438A; font-size: 1.2em; font-weight: 600; }
#fat-footer .border-bottom { border-color: #07438A !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; }


.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 }
}