@charset "UTF-8";

a:focus {outline:#0007ff solid thin !important;}
/* site tree close/open control */
#FatFooter { text-align: left; background-color: #2b3039; }
#FatFooter .FatFooterBtn { font-size: 1em; cursor: pointer; display: inline-block; width: 100px; border: none; border-radius: 5px 5px 0 0; background-color: #eee; }
#FatFooter .FatFooterBtn:hover, #FatFooter .FatFooterBtn:focus { background: #999; color: #fff; text-decoration: none; cursor: pointer; border: none; }
#FatFooter .FatFooterBtn.close { font-weight: normal; border: none; text-shadow: none; opacity: 1; display: inline-block; line-height: 1.42857143; }
#FatFooter nav { font-size: 1.125em; clear: both; color: #fff; margin: 8px auto; padding: 0; overflow: hidden; }
#FatFooter nav ul { list-style: none; margin: 0; padding: 5px 0; overflow: hidden; }
#FatFooter nav ul li {
*float: left; margin: 15px 6px 30px 0; width: 24%; vertical-align: top; display: inline-block; text-align: left; }
#FatFooter nav ul li a { color: #fff300; padding: 0; display: block; }
#FatFooter nav ul li a:hover { color: #FC0; text-decoration: none; }
#FatFooter nav ul li ul { margin: 10px 0; padding: 0; overflow: hidden; }
#FatFooter nav ul li ul li { display: inline; float: none; margin: 0; padding: 5px 0; border: none; background: none; list-style-type: disc; }
#FatFooter nav ul li ul li a { display: block; color: #FFF; text-decoration: none; font-size: .875em; font-weight: normal; line-height: 1.8em; padding: 0; background: none; }
#FatFooter nav ul li ul li ul { display: none; }
.footer .container .row noscript nav ul ul { display: block; }
 @media (max-width: 767px) {
.fatfooter nav { padding: 0 15px; }
.fatfooter nav ul li { width: 100%; float: none; display: block; margin: 8px 0 8px 0; }
}
.copyright .pull-right { font-size: 0.938em; line-height: 1.8em; margin: 10px 0 0; }
.copyright ul { list-style: none; margin: 0 0 0 -5px; padding: 0; float: none; clear: both; }
.copyright ul li { margin: 0 0em 0 0; display: inline-block; padding: 0 5px; border-right: 1px solid #ddd; }
.copyright ul li:last-child { border-right: none; }
/*--SocialLink--*/
.SocialLink { display: inline; list-style: none; padding: 0; margin: 20px 0 10px 5px; }
.SocialLink li { display: inline-block; margin: 5px 12px; }
.SocialLink li a { display: inline-block; color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; }
#scrollUp { bottom: 20px; right: 20px; position:relative; color: #fff;  text-decoration: none; width:55px; height:55px;  background-color: #555; opacity: .9; padding: 10px 20px;border-radius: 50%; -webkit-transition: background 200ms linear; -moz-transition: background 200ms linear; -o-transition: background 200ms linear; transition: background 200ms linear; -webkit-backface-visibility: hidden; }
#scrollUp:before{font-family: fontello; content: '\e89e'; display:block; position:absolute; top:-13px; left:13px; color:#FFF; font-size:60px;}
#scrollUp:hover { background-color: #000; }
/*---------------------------------------------------------------------*/
/*--修改bootstrap.min.css原件設定--*/
html { font-size: 100%; }
#Header .form-control { color: #b4f9ff; background-color: #0098a5; border: 1px solid #00b0be; border-radius: 3px; }/*--第646行--*/
#Header .form-control::-moz-placeholder {
color:#2b525c;
}/*--第648行--*/
#Header .form-control:-ms-input-placeholder {
color:#2b525c
}
#Header .form-control::-webkit-input-placeholder {
color:#2b525c
}
.Search .btn-default { color: #fff; background-color: #0098a5; border-color: #00b0be; border-left-color: #00b0be; padding: 9px 12px; }/*--第738行--*/
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-color: #ddd; }/*--第739行--*/
.Search .btn-default:hover, .Search .btn-default:focus { background-color: #006A73; }
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { margin-left: 0 }/*--第877行--*/
@media (min-width:1300px) {/*--.container { width: 1300px }第390行--*/}
.navbar { margin-bottom: 0; }/*--第930行--*/
.container>.navbar-header { height: 6.5em; }/*--第949行--*/
.navbar-toggle { color: #FFF; margin-right: 10px; margin-left: 10px; }/*--第969行--*/
.navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; line-height: 20px }/*--第977行--*/
.navbar-default { background-color: transparent; border-color: transparent; }/*--第1024行--*/
.navbar-default .navbar-nav>li>a { color: #FFF; }/*--第1028行--*/
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #FF0; background-color: transparent }/*--第1029行--*/
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { color: #FF0; }/*--第1030行--*/
.navbar-default .navbar-toggle { border-color: #067179; background-color: #067179; z-index: 1000; }/*--第1032行--*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #034348; }/*--第1033行--*/
.pagination>li>a, .pagination>li>span { color: #3C7286; }/*--第1080行--*/
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color: #3C7286; border-color: #3C7286; }/*--第1084行--*/
/*--修改bootstrap-theme.min.css原件設定--*/
.navbar-default { background-image: -webkit-linear-gradient(top, #00b0be 0, #00b0be 100%); background-image: -o-linear-gradient(top, #00b0be 0, #00b0be 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#00b0be), to(#00b0be)); background-image: linear-gradient(to bottom, #00b0be 0, #00b0be 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0be', endColorstr='#00b0be', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-radius: 0; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) }/*--第50行--*/
.navbar-brand, .navbar-nav>li>a { text-shadow: none }/*--第55行--*/

/*--自訂--*/
@media (max-width: 768px) {
a.Logo { position: absolute; top: 0; left: 10%; }
a.Logo img { width: 100%; }
}
#Header { background-image: -webkit-linear-gradient(top, #00b0be 0, #00b0be 100%); background-image: -o-linear-gradient(top, #00b0be 0, #00b0be 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#00b0be), to(#00b0be)); background-image: linear-gradient(to bottom, #00b0be 0, #00b0be 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00b0be', endColorstr='#00b0be', GradientType=0);
filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-radius: 0; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075) }
#Header .container-fluid { background-color: #2b525c; }
@media (min-width: 768px) {
#Header .navbar-form .input-group { float: left; }
}
#Header .HotKeywords { margin: 0; padding: 0; }
@media (min-width: 768px) {
#Header .HotKeywords { padding: 0 0 0 10px; }
}
#Header .HotKeywords, #Header .HotKeywords a { color: #FFF; }
/*--共同--*/
body { font: .938em "微軟正黑體", Arial, Helvetica, sans-serif; }
.lp, .cp, .np, .qp, .sp, .sitemap, .forwardForm, .rss, .fw, .google { margin-bottom: 30px;word-wrap: break-word; word-break: break-all; }
.cp h2, .lp h2, .np h2, .qp h2, .sp h2, .sitemap h2, .forwardForm h2, .rss h2, .fw h2, .google h2 { margin: 5px 0 30px 0; font-size: 1.8125em; padding: 5px 0 8px 50px; border-bottom: 3px solid #B3D1DD; color: #2E4A58; float: inherit; clear: both; background: url(../images/h2.png) no-repeat 3px 7px; font-weight: bold; line-height: 140%; }
.w1000 { width: 1000px; margin: 0 auto; }
@media (min-width: 768px) {
.w1000 { width: 100%; margin: 0 auto; }
}
strong { color: #336600; font-size: 1.063em; }
p { line-height: 160%; }
input[type=button], input[type=submit] { font-size: 1.063em; margin: 0 .5em; padding: 7px 20px; color: #FFF; border: 1px solid #FFF; background-color: #58ABAB; border-radius: 3px; box-shadow: 0 0 3px #8a8a8a; }
input[type=reset] { font-size: 1.063em; margin: 0 .5em; padding: 7px 20px; color: #FFF; border: 1px solid #FFF; background-color: #666666; border-radius: 3px; box-shadow: 0 0 3px #8a8a8a; }
/*--meta--*/
.meta { text-align: right; }
@media (min-width: 1200px) {.meta { position: absolute; right: 10px; bottom: 10px;}}
span.MetaTime { color: #969; }
.footer { padding: 20px 0; font-size:.938em; }
.footer .row { margin: 0 auto; }
ul.Footer_link { padding: 0; }
ul.Footer_link li { list-style: none; }
ul.Footer_link li.qrcode img { width:90px;}
ul.Footer_icon { margin-top: 10px; padding: 0; }
ul.Footer_icon li { list-style: none; display: inline; margin-right: 10px; }
#Header .accesskey { position:absolute; top:0; left:0;}
#Header .accesskey a { color:#00b0be;}
.accesskey a { color: #FFF; }
.More a { color: #FFF; background-color: #868686; padding: 4px 15px; }
.More a:hover { background-color: #F60; text-decoration: none; }

/*--Nav--*/
@media (min-width:768px) {
.Nav { float: none; margin: 0; position: absolute !important; right: 0; top: 0; }
.Nav>li>a { padding-top: 5px; padding-bottom: 5px }
}
/*--表格靠左中右設定--*/
.aCenter { text-align: center !important; }
.aLeft { text-align: left !important; }
.aRight { text-align: right !important; }
/*--Search--*/
.Search label { display:none;}
.Search a { color:#FFF;}
.Search .accesskey a { color:#FFF !important; }
@media (min-width:768px) {
.Search { position: absolute !important; right: 0; top: 35px; text-align: left; }
}
/*--選單--*/
ul.topMenu { background-color: #2b525c; }
ul.topMenu a { color: #FFF; padding: 13px 11px; }
ul.topMenu a:hover, ul.topMenu a:focus { color: #FF0 !important; background-color: #0b3843; text-decoration: underline }
ul.topMenu ul.dropdown-menu a { color: #000; }
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #0b3843; border-color: #337ab7 }
@media (max-width: 767px) {
ul.topMenu ul.dropdown-menu a { color: #FFC; }
}
/*--mp--*/
.mp h2 { font-size: 1.5em; }
/*--banner--*/
div.banner img { width: 100%; margin-bottom: 10px; }
/*--twoArea2--*/
div.twoArea2 { padding: 10px 0 30px; }
/*--Tutorship--*/
div.Tutorship h2 { color: #ff6d23; margin: 0 0 30px; padding: 0; }
div.Tutorship span.Heading { font-size: 1.125em; margin-right: 15px; margin-top: 5px; }
div.Tutorship ul.ul { font-size: 1.063em; list-style: none; margin: 25px 0; padding: 0; }
div.Tutorship ul.ul li { display: inline; margin: 0; padding: 0; }
div.Tutorship ul.ul li a { display: inline-block; margin: 5px 35px 0 0; color: #653f39; background: url(../images/Tutorship_li_a.png) no-repeat 0 7px; padding-left: 10px; }
div.Tutorship ul.ul li a:hover { color: #900; }
div.Tutorship .btn-default { text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
background-repeat: repeat-x; border-color: #dbdbdb; border-color: #ccc; }
/*--threeArea--*/
div.threeArea { background: url(../images/bg.png) repeat center center; padding: 20px 0 40px; text-align: center; }
div.threeArea h2 { background-color: #71d6de; color: #2b3039; text-align: center; padding: 5px 10px; }
div.threeArea a { color: #2b3039; }
div.threeArea a:hover { color: #900; }
div.News .More a, div.Business .More a, div.Activity .More a { color: #FFF; display: block; width: 100%; text-align: center; background-color: #2b3039; padding: 8px; }
div.News .More a:hover, div.Business .More a:hover, div.Activity .More a:hover { background-color: #F60; }
@media (min-width: 1200px) {
div.News, div.Business, div.Activity { margin: 0 10px; }
}
div.News .img img, div.Business .img img, div.Activity .img img { width: 100%; }
div.News .img, div.Business .img, div.Activity .img { background-color: #FFF; border: 1px solid #FFF; box-shadow: 0px 0px 5px #585858; }
@media (min-width: 768px) {
div.News .img, div.Business .img, div.Activity .img { max-height: 228px; min-height: 228px; overflow: hidden; }
}
div.News ul, div.Business ul, div.Activity ul { font-size: 1.063em; list-style: none; margin: 20px 0 0; padding: 0; text-align: left; }
div.News ul li, div.Business ul li, div.Activity ul li { display: block; margin: 0 0 17px; padding: 0 0 17px; border-bottom: 1px dotted #9c9d9d; }
div.News ul li span, div.Business ul li span, div.Activity ul li span { display: block; color: #06becc; vertical-align: middle; margin-bottom: 4px; }
div.News ul li span em, div.Business ul li span em, div.Activity ul li span em { font-size: 1em; margin-left: 10px; font-style: normal; color: #b57201; }
@media (min-width: 768px) {
div.News ul li a, div.Business ul li a, div.Activity ul li a { display: block; overflow: hidden; height: 20px; }
}
/*--readMore--*/
div.readMore { background: url(../images/bg2.png) repeat center center; padding: 10px 0; }
div.readMore h2 { color: #000; margin: 10px 0 5px; padding: 0; }
div.readMore ul { font-size: 1.063em; list-style: none; margin: 0; padding: 0; }
div.readMore ul li { display: inline; }
div.readMore ul li a { display: inline-block; margin: 5px; color: #000; background-color: #FFF; border-radius: 3px; padding: 8px 25px; }
div.readMore ul li a:hover { color: #900; }
/*--twoArea--*/
div.twoArea { padding: 20px 0 40px; background-color: #2b3039; }
div.twoArea h2 { color: #FFF; }
div.twoArea .More { margin-top: 10px; }
div.twoArea .More a { display: block; width: 100%; text-align: center; padding: 8px; }
div.Region { width: 100%; height: 250px; background-color: #FFF; }
div.Region2 { width: 260px; height: 250px; background-color: #FFF; }
/*--快速連結--*/
div.Link { padding: 20px 0 40px; position: relative; }
div.Link h2 { color: #ff6d23; margin: 20px 0 10px; padding: 0; }
div.Link ul { font-size: 1.063em; list-style: none; margin: 0; padding: 0; }
div.Link ul li { display: inline; }
div.Link ul li a { display: inline-block; margin: 5px 40px 5px 0; color: #653f39; background: url(../images/Link_li_a.png) no-repeat 0 7px; padding-left: 10px; }
div.Link ul li a:hover { color: #900; }
div.Link .More { position: absolute; right: 0; top: 25px; }
/*--Banner--*/
div.Banner { background: url(../images/bg.png) repeat center center; padding: 30px 0 10px; text-align: center; }
div.Banner .image { height: 75px; overflow: hidden; margin: 0 auto; padding: 0 8px; }
@media (max-width: 460px) {
div.Banner .image { width: 170px; }
}
div.Banner .image img { width: 170px; height: 75px; }
/*--單張輪播--*/
@media (min-width: 1200px) {
.twoArea2 .Slider { width: 85%; margin: 0 auto; }
.twoArea2 .Slider .image { width: 100%; height: 300px; overflow: hidden; position: relative;}
.twoArea2 .Slider .image a { display:block;}
}
.twoArea2 .Slider .image span { font-size: 1.125em; position: absolute; bottom: 0; width: 100%; opacity: .80; background-color: #000; color: #FFF; padding: 10px 20px; }

.red { color: #C00 !important; }
.blue { color: #069 !important; }
.green { color: #060 !important; }
.yellow { color: #F90 !important; }
.purple { color: #C69 !important; }
/*--lp--*/
.List5 h3, .List5 h4 { font-size: 1.125em; line-height: 145%; margin-top:0;}
@media (min-width: 1200px) {.List5 h3, .List5 h4 { width:100%; overflow: hidden; /*--超出範圍的部分隱藏--*/white-space: nowrap; /*--不自動斷行--*/text-overflow: ellipsis; /*--出現省略號--*/ }}
.friendly { clear: both; margin: 10px 10px 0 10px; }
/*  友善列印 轉寄好友 回上一頁 回頁首gotop */
.function { z-index: 99; text-align: right; font-size: 15px; padding: 0;}
.friendly .path { margin-bottom:10px;}
.function li { display: inline-block; padding: 0; margin: 4px 0 4px 6px; }
.function li a { display: inline-block; color: #666; text-decoration: none; border: 1px solid #ccc; background-color: #FFF; padding: 4px 10px; border-radius: 5px; }
.function li a:hover { color: #FFF; text-decoration: none; border: 1px solid #FFF; background-color: #58ABAB; border-radius: 3px; box-shadow: 0 0 3px #8a8a8a; }
.function a.back { background: url(../images/func_back_a.png) no-repeat 5px 6px; padding-left: 20px; }
.function a.gotop, .quickLink a.gotop { background: url(../images/func_gotop_a.png) no-repeat 6px 8px; padding-left: 26px; }
.function a.print { background: url(../images/print.png) no-repeat 10px 6px; padding-left: 32px; }
.function a.forward { background: url(../images/forward.png) no-repeat 10px 8px; padding-left: 32px; }
.function a.Facebook, .function a.Facebook:hover { padding:0; border-radius:0; border:none; box-shadow: none;background-color: #FFF;}
.Ribbon { z-index: 99; font-size: 15px; padding: 3px 10px; border-radius:4px; background-color:#F1F1F1; margin:10px 0;}
.Ribbon .function {text-align: left;}
.function a.Facebook, .function a.Facebook:hover, .Ribbon .function a.print, .Ribbon .function a.print:hover, .Ribbon .function a.Mail, .Ribbon .function a.Mail:hover { padding:0; border-radius:0; border:none; box-shadow: none;background-color: #FFF;}
.quickLink { text-align:right;}
@media (max-width: 767px) {.quickLink { text-align: left;}}
.quickLink ul, .Ribbon .function ul {padding: 0!important; margin: 0!important;}
.Ribbon .function li { display: inline-block; padding: 0 3px; margin: .5em 3px 0; }
.quickLink li { display: inline-block; padding: 0 10px; margin: 0 10px; }
.quickLink li span { font-family:Arial, Helvetica, sans-serif; margin-left:5px; color:#969;}
.quickLink li a { display: block; color: #666; text-decoration: none; }
.quickLink li a:hover { color: #900; text-decoration: none; }
.quickLink a.back { background: url(../images/func_back_a.png) no-repeat 5px 3px; padding-left: 20px; }


/*----類別樣式category------------------*/
.category { margin: 0 0 5px 0; padding: 0; color: #333333; position: relative; display: block; }
.category .accesskey { text-align: left !important; position: absolute; left: -20px; top: 0; }
.category ul { margin: 10px 0 !important; padding: 0; list-style-type: none; }
.category li { display: inline-block; margin: 3px !important; padding: 0; white-space: nowrap; }
.category li a { display: block; color: #3C7286; text-decoration: none; padding: 3px 12px !important; background-color: #EFEFEF; border: 1px solid #FFF; border-radius: 3px; box-shadow: 0 0 3px #999; }
.category li a:hover, .category li a.here { text-decoration: none; color: #FFF; background-color: #3C7286; border: 1px solid #BDD8E3; box-shadow: 0 0 3px #000; }
.category li.here { color: #00A5D5; text-decoration: none; font-weight: bold; }
/*--Items-*/
.Area { position: relative; }
.Area ul { position: absolute; top: 0; right: 0; margin: 0; padding: 0; list-style: none; }
.Area ul li { display: inline-block; margin-left: 15px; }
.Items { margin: 5px 0; padding: 0; text-align: left; }
.Items em { font-size: 1.125em; margin: 0 8px; font-weight: bold; font-style: normal; color: #F90; }
/*--applySteps---------------------------------------------------*/
.applySteps { margin: 0 0 1.5em; }
.applySteps ol { margin: 0 0 -10px; padding: 0 20px; border: 1px solid #E1E1E1; border-radius: 5px; box-shadow: 0 0 6px #E1E1E1;}
.applySteps ol li { font-size: 1.125em; color: #666666; display: inline-block; padding: 12px 25px; margin:0; background:url(../images/applySteps_-li.png) no-repeat right center; }
.applySteps ol li:first-child {color: #09C; font-weight: bold;}
.applySteps ol li:last-child {background: none;}
.applySteps ol li .current { color: #F60; font-weight: bold; }
.applySteps ol li a {color: #666666;}
.applySteps ol li a:hover {color: #F60;}
/*-------------------------------------lplist--*/
.lp ul.lplist, .np ul.lplist { list-style: none; margin: 10px 0 5px; padding: 0; }
.lp ul.lplist { border-top: 1px dotted #D2D2D2; }
.lp ul.lplist li, .np ul.lplist li { display: block; margin: 0; padding: 0; }
.lp ul.lplist li a, .np ul.lplist li a { display: block; text-decoration: none; background: url(../images/icon_arrow.gif) no-repeat 6px 15px; border-bottom: 1px dotted #D2D2D2; padding: 10px 0 10px 20px; }
.lp ul.lplist li a:hover, .np ul.lplist li a:hover { color: #CC0000; text-decoration: none; background: #e9f5fc url(../images/icon_arrow.gif) no-repeat 9px 15px; }
.np ul.lplist { margin-top:20px; background-color: #fafafa; padding: 5px 5px 8px; border-radius: 8px; box-shadow: 0 0 5px #d3d3d3 inset; }
.np ul.lplist li a:hover { background: #ECECEC url(../images/icon_arrow.gif) no-repeat 9px 15px; }
.thumbnail { min-height: 250px;position: relative;}
.thumbnail .img { position: relative; width: 100%; height: 110px; overflow: hidden; margin: 0 auto; text-align:center; }
.thumbnail>.img img { margin-right: auto; margin-left: auto; max-width: 100%; max-height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; box-sizing: border-box; object-fit: cover; }

/*-------------------------------------list table*/
.list { margin: 0 0 .8em; }
.list table { padding: 0; margin: 0; width: 100%; border-collapse: collapse; line-height: 1.5; border: 2px solid #ccc; border-left: none; border-right: none }
.list table+table { margin-top: 1.5em; }
.list caption { font-size: 1.2em; color: #666666; text-align: left; line-height: 1.5; font-weight: bold; }
.list caption:empty { display: none; }
.list tr:hover { background: #e9f5fc; }
.list th, .list td { padding: .8em 8px .6em; vertical-align: middle; border-bottom: 1px solid #ccc; }
.list th { white-space: nowrap; text-align: center; font-weight: normal; color: #000000; background: #F2F2F2; border-left: 1px dotted #ccc; }
.list th:first-child { border-left: none; }
.list td { border-bottom: 1px dotted #ccc; }
.list td img { vertical-align: middle; margin: 0 3px; }
.list td[data-title="序號"] { text-align: center; }
.list.org td[data-title="中文"], .list.org td[data-title="英文"] { width: 48%; }
.list.org td[data-title="地址"] { width: 38%; }
.list.org td[data-title="電話"] { min-width: 8em; }
.list td span { display: block; margin: 0 auto; text-align: center; white-space: nowrap; }
.list td .date { letter-spacing: 0; color: #666; font-family: Arial, Helvetica, sans-serif; }
.list td.date { display: table-cell; text-align: center; letter-spacing: 0; color: #666; font-family: Arial, Helvetica, sans-serif; }
.list table tr:last-child td { border-bottom: none; }
.list td.title { text-align: left; white-space: normal; }
.list td.document a { display: inline-block; text-align: left; min-width: 15em; margin: 0 auto; }
.list td.document br+a { border-top: 1px solid #ddd; }
@media (max-width:600px) {
.list table { width: 100%; margin: 0 auto 1em; line-height: 1.6em; border: none; }
.list caption { background: #666; color: #fff; display: inline-block; padding: .15em 1.5em .15em .4em; margin: 0 0 .3em; border-radius: 6px 2em 6px 6px; }
.list tr { display: block; position: relative; border: 1px solid #999; padding: 0; margin: 0 0 10px; }
.list tr:first-child { display: none; }
.list th { display: none; }
.list td { display: block; padding: .7em .5em .5em; margin: 0; text-align: left; }
.list td:last-child { border: none; }
.list table tr:last-child td { border-bottom: 1px dotted #ccc; }
.list table tr:last-child td:last-child { border: none; }
.list td:before { content: attr(data-title) '：'; display: inline-block; color: #999; }
.list td[data-title="序號"] { text-align: left; }
.list.org tr { padding-left: 2.7em; }
.list.org td[data-title]:before { display: none; }
.list.org td[data-title="序號"] { position: absolute; width: 1.8em; left: 0; bottom: 0; top: 0; padding: .7em 0 0; font-size: 1.5em; text-align: center; border: none; border-right: 1px solid #ccc; color: #006699 }
.list.org td[data-title="地址"] { width: auto; }
/*.list td[data-title="中文"], .list td[data-title="英文"], .list td[data-title="單位名稱"] { font-size:1.25em;}
.list td[data-title="中文"]:before, .list td[data-title="英文"]:before, .list td[data-title="單位名稱"]:before { font-size:.74em; margin-left:-.2em;}*/
.list.contactUs td[data-title="單位名稱"] { text-align: center; background: #d4eefd; padding-bottom: .3em; }
.list.contactUs td[data-title="單位名稱"]:before { display: none; }
}
/*---------------------------------------------------------------rss---*/	
.rss ul { list-style: square; margin: 20px 0 20px 30px; padding: 0; color: #666; }
.rss ul li .title { font-size: 1.125em; color: #2e9ab5; display: block; margin: 8px 0; font-weight: bold; }
.rss ul li p { line-height: 160%; margin-bottom: 10px; }
.rss ol { margin: 0 0 15px 19px; padding: 0; }
.rss ol li { line-height: 1.7em; margin: 5px 0; }
.rss ol li img { margin-left: 8px; }
/*---cp---*/	
.cp h3 { font-size: 1.5em; color: #2e9ab5; line-height: 140%; }
.cp h4 { color: #099; line-height: 140%; }
.cp img { max-width: 100%; }
.cp ul.info { list-style: none; margin: 0; padding: 0; font-size: 1em; color: #999; }
.cp ul.info li { margin: .4em 0; padding: 0; line-height: 150%; }
.cp ul.info li span { font-style: normal; font-weight: normal; margin: 0 5px; font-size: 1.063em; color: #969; font-family: Arial, Helvetica, sans-serif; }
.cp ul.info2 { list-style: none; margin: 0; padding: 0; font-size: 1em; color: #999; }
.cp ul.info2 li { display: inline-block; margin: .1em 1.5em .1em 0; padding: 0; line-height: 150%; }
.cp ul.info2 li span { font-style: normal; font-weight: normal; margin: 0 5px; font-size: 1.063em; color: #969; font-family: Arial, Helvetica, sans-serif; }
.cp .imageL { float: left; margin: 0 20px 15px 0; padding: 0; width: 450px; clear: left; }
.cp .imageR { float: right; margin: 0 0 15px 20px; padding: 0; width: 450px; clear: right; }
.cp .imageL img, .cp .imageR img { border: 1px solid #E7E8E8; width: 450px; }
.cp .imageL span, .cp .imageR span { color: #999999; display: block; padding: 8px 0px 0px; }
@media (max-width:767px) {
.cp .imageL, .cp .imageR { float: none; margin: 0 0 15px; padding: 0; width: 100%; }
.cp .imageL img, .cp .imageR img { width: 100%; }
}
.cp .Resume table { font-size: 1.063em; border-collapse: collapse; width: 100%; margin0: 0; color: #666; }
.cp .Resume table th { text-align: right; vertical-align: top; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; border-left: none; border-right: none; padding: 9px; background: none; }
@media (min-width: 1000px) {
.cp .Resume table th { width: 18%; }
.cp .Resume table { margin0: 10px 0; }
}
.cp .Resume table td { text-align: left; vertical-align: top; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; border-left: none; border-right: none; padding: 9px; }
.cp table { border-collapse: collapse; width: 100%; margin-top: 10px; margin-bottom: 10px; }
.cp table th { color: #2e9ab5; text-align: left; vertical-align: top; border: 1px dotted #ccc; padding: 9px; background: #F2F2F2; }
.cp table td { text-align: left; vertical-align: top; border: 1px dotted #ccc; padding: 9px; }
/*---ul , ol*/
.cp ul{ list-style-type: disc; padding:0 0 0 1.5em;}
.cp ol{ list-style-type: decimal; padding:0 0 0 1.3em;}
.cp ul, .cp ol { margin: .5em 0; overflow:hidden; }
.cp ul li, .cp ol li { margin: .5em 0; }
/*-------------------------------------attachment 附件*/
.seeAlso { clear: both; overflow: hidden; margin: 10px 0; padding: 0; }
.seeAlso h3 { font-size: 1.313em; color: #F60; }
.seeAlso img { width: auto; vertical-align: middle; margin: 0 10px; }
.seeAlso ul { margin: 0; list-style: none; background-color: #fafafa; padding: 5px 5px 8px; border-radius: 5px; box-shadow: 0 0 5px #d3d3d3 inset; }
/*-------------------------------------附件：檔案下載*/
.seeAlso li { font-size: 1em; margin: 0;display: block; padding: 0 0 12px 18px; background: url(../images/icon02.gif) no-repeat 3px 5px; border-bottom: 1px dotted #ccc; }
.seeAlso li a {  text-decoration: none; margin:0; padding: 0; }
.seeAlso li:only-child { border: none; }
/*-------------------------------------cpStyle*/
.cpStyle { background-color: #F2F2F2; padding: 25px; border-radius: 5px; box-shadow: 0 0 8px #828282 inset; }
.cpStyle .aCenter { margin: 1em 0; padding-top: 1.5em; border-top: 1px dotted #9B9B9B; }
/*--qp--*/
.Fwbg { padding: 30px 0; }
@media (max-width:1200px) {
.Fwbg img { margin: 8px 0 }
}
/*--sitemap--*/
.sitemap h3 { color:#09C;}
.keyList { margin-left: 30px; margin-top: 10px; margin-right: 10px; margin-bottom: 20px; padding: 0px; color: #333333; }
.keyList li {margin-bottom: 5px; padding-bottom: 5px; list-style-image: none; list-style-type: none; }
/*------------------------------------------------------*/
.sitemap ul { margin-left: 20px; margin-top: 10px; margin-right: 10px; margin-bottom: 20px; padding: 0px; color: #333333; }
.sitemap ul li { margin-bottom: 5px; margin-top: 0px; margin-right: 0px; margin-left: 5px; list-style-image: none; list-style-type: none; }
/*---------------------*/
.mapTree { list-style: none; margin: 0px; padding: 0px; }
.mapTree li { font-weight: bold; margin-top: 0px; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px dashed #cccccc; padding-top: 5px; line-height: 200%; background-image: none; }
.mapTree ul { list-style: none; margin: 0px 0px 0px 1.5em; padding: 0px; }
.mapTree ul li { font-weight: normal; margin-top: 2px; margin-bottom: 2px; padding-top: 0px; padding-bottom: 0px; border-bottom: 0px dashed #eeeeee; padding-left: 2px; }
.mapTree a { color: #036; text-decoration: none; }
.mapTree a:hover { color:#900;}
/*--sp--*/
.sp h3 { font-size:1.25em; margin-bottom:25px; color:#069;}
.sp ol.questionnaire { margin:0; padding:0 0 0 20px;}
.sp ol.questionnaire>li { margin-bottom:2em;}
.sp ol.questionnaire h4 { color: #499292; font-size:1.25em;}
.sp ol.questionnaire ul { margin: 0; padding: 0; list-style: none; }
.sp ol.questionnaire ul li { margin:5px 3px;}
.sp ol.questionnaire ul li label { margin:0 8px; color:#666;}
.sp ol.questionnaire .data { margin: 0 5px; color: #C66; font: bold 1.25em "Arial Black", Gadget, sans-serif; }

/*--字級大小--*/
.resizer { text-align: right; }
.resizer .btn { display: inline-block; padding: 4px 8px; border-radius: 3px; margin: 0 2px; }/*--第733行--*/
.resize-sm { font-size: 1em; letter-spacing: .03em; }
.resize-md { font-size: 1.125em; }
.resize-md p { margin-bottom:20px;}
.resize-lg { font-size: 1.5em; }
.resize-lg h2 { background: url(../images/h2.png) no-repeat 3px 10px; }
.resize-lg p { margin-bottom:25px;}

/*--修正Google的default.css--*/
.gsc-input-box {
    border: 1px solid #00b0be !important;
    background: #fff;
    height: 30px !important;
    border-radius: 4px 0 0 4px;
}

