@charset "utf-8";
@import url("cp.css");
@import url("np.css");
@import url("lp_category.css");
/* CSS Document */
body { margin: 0px; padding: 0px 0px 10px; background: url(../images/body_bg.png) no-repeat left 0px; background-size: auto 150%; }
html { font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none; 	/* -webkit-text-size-adjust:100%; */  font-size: 0.8em; line-height: 160%; }
img, object, embed, video { max-width: 100%; border-style: none; }
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img { width: 100%; }
.wrap { width: 100%; padding: 0px 0px 30px; margin: 0 auto; }
a { color: #111; text-decoration: none; }
a:hover { color: #C00; text-decoration: none; }
.header { margin: 0px; padding: 0px; position: relative; background: url(../images/header_bg.png) repeat-x left top; background-size: auto 76px; height: 76px; }
.accesskey { display: none; }
/* 行動版面: 599px 以下。 */
h1 { height: auto; position: relative; z-index: 999; left: 0px; top: 0px; width: 100%; margin: 0px; padding: 0px; background: url(../images/h1_bg.png) no-repeat left top; background-size: auto 76px; }
h1 img { width: auto; height: 100%; display: block; }
h2 { font-size: 1.25em; background: url(../images/h2_bg.png) no-repeat left center; background-size: auto 25px; margin: 0px 5%; padding: 1px 0px 3px 35px; border-bottom: 2px solid #cae6f3; font-weight: bold; color: #025b98; line-height: 150%; }
h3 { font-size: 1.2em; font-weight: bold; color: #eb6100; margin: 0.5em 5%; padding: 0px; line-height: 130%; text-decoration: none; }
p { font-size: 1em; margin: 0.5em 5%; }
.footer { position: fixed; bottom: 0; z-index: 99; background: #b4db23; text-align: center; width: 100%; padding: 3px; }
.footer p { font-size: 0.8em; line-height: 120%; padding: 0px; margin: 3px 0px 0px; color: #111; }
.footer a { color: #FF3; }
.footer a:hover { color: #FC6; }
.layout { padding-top: 0px; padding-bottom: 20px; position: relative; width: 100%; border-collapse: collapse; }
.layout .center { margin: 0px; padding: 0px; font-size: 1.25em; line-height: 150%; }
.menu { border-top: 1px solid #fff; background: #0b53a0; position: relative; z-index: 99999; padding: 0px; margin: 0; height: 40px; width: 100%; }
.menu ul li { display: inline-block; width: 32%; height: 40px; border-right: 1px solid #fff; margin: 0px; font-size: 1.2em; font-weight: bold; }
.menu ul li:last-child { border-right: none; }
.menu ul { margin: 0px; width: 100%; margin-left: -38px; }
.menu ul li a { display: block; white-space: nowrap; color: #FFF; text-shadow: 1px 1px #000000; line-height: 40px; text-align: center; vertical-align: middle; }
.menu ul li a.here { background: rgb(1,121,102); /* Old browsers */ background: -moz-linear-gradient(top, rgba(1,121,102,1) 2%, rgba(2,201,171,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(2%, rgba(1,121,102,1)), color-stop(100%, rgba(2,201,171,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(1,121,102,1) 2%, rgba(2,201,171,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(1,121,102,1) 2%, rgba(2,201,171,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(1,121,102,1) 2%, rgba(2,201,171,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(1,121,102,1) 2%, rgba(2,201,171,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017966', endColorstr='#02c9ab', GradientType=0 ); /* IE6-9 */
}
.mplist { margin: 0px 5%; padding: 5% 0% 2%; overflow: hidden; position: relative; z-index: 99; width: 90%; }
.mplist li { margin: 0px 1% 1%; padding: 0px; width: 31%; display: inline; float: left; }
.mplist li img { width: 100%; }
.photoimg { background: url(../images/footer_img.png) no-repeat right bottom; background-size: auto 130px; height: 130px; width: 100%; position: absolute; right: 0px; bottom: 60px; z-index: 1; }
.photoimg img { height: 130px; }
.nav { font-size: 12px; background: url(../images/nav_bg.png) no-repeat left bottom; background-size: auto 20px; position: fixed; z-index: 9999; top: 0px; right: 0px; line-height: 100%; height: 20px; display: block; }
.nav ul { margin: 0px; padding: 4px 5px 3px 20px; }
.nav ul li { display: inline; margin-right: 5px; }
.nav ul li a { color: #FFF; background: url(../images/nav_li.png) no-repeat left center; background-size: auto 8px; padding-left: 10px; }
.nav ul li a:hover { color: #FF3; }
.nplist { margin: 10px 5%; padding: 0px; }
.nplist li { list-style: none; margin: 0px; padding: 0px; }
.nplist li a { background: url(../images/dot.png) no-repeat left 11px; background-size: auto 6px; display: block; padding-left: 15px; line-height: 200%; margin-left: 5px; }
.aRight { position: absolute; top: 110px; right: 5%; }
.aRight img { height: 30px; }
.page { margin: 5px 1% 5px 5%; font-size: 0.75em; position: relative; clear: both; vertical-align: middle; line-height: 150%; padding-top: 10px; height: 40px; }
.page span { padding-top: 3px; padding-bottom: 5px; vertical-align: middle; }
.page em { padding-top: 3px; padding-bottom: 5px; vertical-align: middle; font-style: normal; color: #C30; }
.page ul { margin: 0px; padding: 0px; text-align: center; display: inline; vertical-align: middle; }
.page ul li { display: inline-block; list-style: none; padding: 1px; vertical-align: top; }
.page ul li img { width: 12px; vertical-align: middle; }
.page ul li a { font-weight: bold; color: #145b9e; font-size: 1em; }
.page ul li a:hover { color: #FF3300; }
.condition { position: absolute; top: 0px; right: 3%; background: url(../images/search_bg.png) no-repeat left center; background-size: auto 20px; padding-left: 22px; line-height: normal; }
.condition a { color: #F60; }
.condition a:hover { color: #06C; }
.list { margin: 0px 5%; padding: 0px; clear: both; }
.list ul { margin: -30px 0px 0px; padding: 0px; }
.list li { background: url(../images/dot.png) no-repeat left 12px; background-size: auto 6px; list-style: none; margin: 0px; padding: 5px 0px 5px 15px; border-bottom: 1px dotted #333; }
.list li a { padding-left: 0px; line-height: 160%; margin-left: 0px; }
.list li .date { font-size: 0.8em; color: #666; margin-left: 5px; }
.info { margin: 10px 5%; padding: 0px; }
.info li { list-style: none; color: #996600; }
.quickLink ul { font-size: 12px; line-height: 12px; list-style: none; margin: 0.5em 5%; padding: 0px; clear: both; float: right; }
.quickLink li { display: inline; margin: 0; padding: 0; line-height: 12px; }
.quickLink li a { font-size: 12px; display: block; float: left; color: #111; text-decoration: none; padding: 3px 10px 6px 28px; padding: 3px 10px 5px 28px \9;/*修正ie6, 7, 8*/ margin: 0; min-width: 55px; _width: 55px; }
.quickLink li a:hover { color: #F30; text-decoration: none; }
.quickLink a.back { background: url(../images/func_back_a_bg.png) no-repeat 0px 0px; line-height: 120%; }
.quickLink a.gotop { background: url(../images/func_gotop_a_bg.png) no-repeat 0px 0px; line-height: 120%; }
.cp .list3 { margin: 0px 5%; padding: 0px; }
.cp .list3 li { margin: 0px 0px 0px 18px; padding: 0px; }
.qp { }
.qp table { width: 96%; margin-right: 2%; margin-left: 2%; font-size: 1em; }
.qp table th { width: 25%; text-align: right; vertical-align: top; padding: 3px; }
.qp table td { padding: 3px; vertical-align: top; }
#htx_stitle, #htx_xbody, #htx_xurl, #htx_xkeyword { width: 97%; clear: both; }
.formBtn { text-align: center; padding: 5px; }
.formBtn { text-align: center; padding: 5px 5px 20px; }
.btn { font-size: 1em; }
.lp, .cp, .qp, .np  { width: 94%; min-height: 400px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; background-color: #fff; padding-top: 5px; padding-bottom: 15px; border: 1px solid #d2e8f8; margin: 10px 3%; }
.cp .download { clear: both; width: 96%; margin: 20px 0 20px 10px; }
.cp .download h3 { color: #333; font-size: 105%; font-weight: bold; padding: 0px 0 1px 28px; margin: 0.5em 2% 0.5em 4%; border-bottom: 4px solid #daecf6; background: url(../images/download_bg.png) no-repeat 0 center; line-height: 150%; }
.cp .download ul { margin: 0px 5% 5px; padding: 0px; text-align: left; width: 90%; }
.cp .download li { text-align: left; padding-left: 15px; line-height: 150%; display: block; border-bottom: 1px dotted #c8ccce; list-style-type: none; clear: both; padding-top: 2px; padding-bottom: 2px; background: url(../images/dot.png) no-repeat 3px 0.7em; overflow: hidden; background-size: auto 6px }
.cp .download li img { vertical-align: middle; border: 0 none; padding: 0 2px; }
.cp .download li .date { text-align: left; padding: 0 2px; font-family: Arial, Helvetica, sans-serif; color: #CC6600; }
.history { margin-right: 5%; }
.history ul { margin: 0px; padding: 0px; list-style: none; text-align: right; font-size: 0.8em; }
.history ul li { display: inline; }
.history ul li a { background: url(../images/service_libgov.png) no-repeat left center; *background: url(../images/service_libgov.png) no-repeat left 3px;
padding-left: 15px; }

/* ipad版面: 600px以上 */
@media only screen and (min-width: 600px) {
body { margin: 0px; padding: 0px 0px 15px; background: url(../images/body_bg.png) no-repeat left 0px; background-size: auto 125%; }
html { font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none;	/* -webkit-text-size-adjust:100%; */  margin: 0px; padding: 0px; font-size: 0.95em; line-height: 160%; }
.header { margin: 0px; padding: 0px; position: relative; background: url(../images/header_bg.png) repeat-x left top; background-size: auto 120px; height: 120px; }
h1 { height: auto; position: relative; z-index: 999; left: 0px; top: 0px; width: 100%; margin: 0px; padding: 0px; background: url(../images/h1_bg.png) no-repeat left top; background-size: auto 120px; }
h1 img { width: auto; max-height: 120px; display: block; }
h2 { font-size: 1.4em; background: url(../images/h2_bg.png) no-repeat left center; background-size: auto 32px; margin: 0px 5%; padding: 3px 0px 1px 45px; border-bottom: 3px solid #cae6f3; font-weight: bold; color: #025b98; line-height: 180%; }
.footer { position: fixed; bottom: 0; z-index: 99; background: #b4db23; text-align: center; width: 100%; padding: 3px; }
.footer p { font-size: 0.8em; line-height: 120%; padding: 0px; margin: 0.3em 0px 0px; color: #111; }
.layout { padding-top: 0px; padding-bottom: 20px; }
.layout .center { margin: 0px; padding: 0px; font-size: 1.3em; line-height: 150%; }
.photoimg { background: url(../images/footer_img.png) no-repeat right bottom; background-size: auto 260px; height: 260px; position: absolute; right: 0px; bottom: 65px; z-index: 1; width: 100%; }
.photoimg img { height: 260px; }
.nplist li a { background: url(../images/dot.png) no-repeat left 11px; background-size: auto 6px; display: block; padding-left: 15px; padding-bottom: 5px; line-height: 160%; margin-left: 10px; }
.aRight { position: absolute; top: 192px; right: 5%; }
.aRight img { height: 47px; }
.list { margin: 0px 5% 10px; padding: 0px; }
.list li { background: url(../images/dot.png) no-repeat left 18px; background-size: auto 6px; list-style: none; margin: 0px; padding: 5px 0px 5px 15px; border-bottom: 1px dotted #333; }
.lp, .cp, .qp, .np { width: 94%; min-height: 703px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background-color: #fff; padding-top: 10px; padding-bottom: 10px; border: 3px solid #d2e8f8; margin: 20px 3%; }
.mplist { margin: 20px 5% 20px; padding: 0%; overflow: hidden; position: relative; z-index: 99; width: 90%; }

}