html {background: #FFF url(html_bg.jpg);}
body {color: #000; line-height: 18px; background: url(body_bg.jpg) no-repeat center top; padding: 180px 0 0 0;}
a {color: #000;}
a:hover {color: #DD0000;}

#footer {clear: both; text-align: center; background: #F7F7F7; padding: 20px 0; line-height: 24px;}
#footer .nav {color: #DDD; padding: 0 0 10px 0;}
#footer .nav a {font-size: 14px;}

#content {width: 1040px; margin: 0 auto 100px auto; height: 100%; overflow: hidden; clear: both; font-family: 微軟正黑體; background: #FFF;}

#side {float: left; display: inline; width: 200px; padding: 50px 0; background: #287600;}
#side .nav li > a {display: block; height: 60px; line-height: 60px; padding: 0 0 0 60px; font-size: 20px; color: #FFF; font-weight: bold; font-family: 微軟正黑體;}
#side .nav li > a:hover, #side .nav li.active > a {background: url(nav_bg.png) no-repeat left center; color: #FFFF00;}
#side .nav div {padding: 0 0 15px 60px;}
#side .nav div > a {display: block; color: #FFF; line-height: 22px; background: url(ico_jt2.gif) no-repeat left center; padding: 0 0 0 10px;}
#side .nav div > a:hover {color: #FFFF00;}
#side .nav p {margin: 0 0 10px 0;}
#side .nav p > a {display: block; color: #FFF; line-height: 22px;background: url(ico_jt2.gif) no-repeat 10px center; padding: 0 0 0 20px;}
#side .nav p > a:hover {color: #FFFF00;}

#side .facebook {display: block; height: 100%; overflow: hidden; clear: both;}
#side .facebook li {float: left; display: inline; width: 100px; text-align: center;}
#side .facebook li img { display: block; margin: 0 auto 5px auto;}
#side .facebook li a {color: #FFF;}
#side .facebook li a:hover {color: #26c000;}
#side .code { text-align: center; padding: 20px 0 0 0;}
#side .code a {color: #FFF;}
#side .code a:hover {color: #FFFF00;}
#side .code img { display: block; margin: 10px auto 5px auto; width: 100px; height: 100px;}

#main {float: left; display: inline; width: 800px; padding: 0 20px 20px 20px; background: #FFF;}
#main .fun {height: 40px; line-height: 40px; text-align: right; color: #CCC;}
#main .fun a {color: #0090c6; margin: 0 3px;}
#main .fun a:hover {color: #DD0000;}
#main .fun img {height: 30px; float: right; margin: 5px 0 0 5px;}
#main .pic260 {height: 260px; overflow: hidden;}
#main .pic260 #btn {padding: 0 15px; float: right; position: relative; right: 0; bottom: 40px; z-index: 3;}
#main .pic260 #btn a {color: #666; background: #FFF; border: 1px solid #FFF; margin: 0 5px 0 0; float: left; display: block; width: 22px; height: 22px; line-height: 22px; text-align: center;}
#main .pic260 #btn a.activeSlide {color: #FFF; font-weight: bold; background: #F57E00; border: 1px solid #FF6600;}
#main .pic260 #btn a:hover {text-decoration: none;}
#main .pic260 #banner {height: 260px; overflow: hidden; position: relative; z-index: 2;}
#main .pmd {height: 40px; background: #EEE; padding: 0 15px;}
#main .pmd marquee {height: 40px; line-height: 40px;}

.home #content {width: 1000px; padding: 20px;}
.home .goBtn {margin: 0 0 20px 0;}
.home .goBtn a {display: block; height: 75px; background: url(gobtn.gif) no-repeat 0 0;}
.home .homeText {padding: 19px; border: 1px solid #DDD; font-family: 微軟正黑體; font-size: 20px; font-weight: bold; line-height: 30px; text-align: center;}
.home .news {border: 1px solid #DDD; padding: 14px; height: 100%; overflow: hidden; clear: both;}
.home .news span { float: right;}
.home .news h2 {font-size: 20px; font-weight: bold; display: inline;}
.home .news dd {width: 470px;}
.home .news ul {padding: 15px 0;}

.listText dl {padding: 15px 0;}
.listText dl dt {border: 1px dashed #444; padding: 0 10px; height: 30px; line-height: 30px;}
.listText dl dt strong {padding: 0 0 0 10px;}
.listText dl dt strong a {color: #0081C2;}
.listText dl dt em {float: right; color: #444;}
.listText dl dd a {color: #0081C2;}
.listText dl dd.detail {padding: 10px 0 0 0; text-indent: 14px; line-height: 18px; color: #888;}

.article .info {text-align: center; padding: 5px 0 15px 0; border-bottom: 1px dashed #CCC;}
.article .info span {color: #888;}
.article .text {padding: 15px 0 0 0;}
.article .text p {line-height: 24px; padding: 0 0 15px 0;}
.article .text img {max-width: 730px;}
.article .related ul {padding: 20px 0;}
.article .related ul li {line-height: 24px;}
.article .related ul li a {color: #0081C2;}

.guestbook {font-family: verdana, 新細明體;}
.guestbook .text p {font-size: 20px; line-height: 30px; padding: 0 0 20px 0;}
.guestbook .error {text-align: center; height: 30px; line-height: 30px; background: #FFFED1; border: 1px dotted #FFA200; color: #FF3300;}
.guestbook .time {float: right; color: #888; font-size: 11px;}
.guestbook .bt {background: #EEE url(ico_comment.gif) no-repeat 10px center; padding: 0 10px 0 30px; margin: 10px 0 0 0; height: 26px; line-height: 26px; font-size: 16px;}
.guestbook .nr {padding: 10px 10px 0 10px; font-size: 16px;}
.guestbook .nr .fb {color: #0081C2;}
.guestbook .hf {padding: 5px 10px 0 10px; font-size: 16px;}
.guestbook .hf .fb {color: #DD0000;}
.guestbook .pages {padding: 10px; height: 24px; line-height: 24px; overflow: hidden; clear: both;}
.guestbook .pages span {float: right;}
.guestbook .pages strong {color: #DD0000;}
.guestbook form {}
.guestbook form .hs {color: #DD0000;}
.guestbook form .sr input, .guestbook form .ipt2 {border: 1px solid #DDD; background: #FFF; width: 292px; height: 16px; padding: 3px;.hdjl}
.guestbook form .ipt2 {width: 92px;}
.guestbook form .sr textarea {border: 1px solid #DDD; background: #FFF; width: 392px; height: 92px; padding: 3px;.hdjl}
.guestbook form .sr p {padding: 5px 0 0 0; color: #888;}
.guestbook form .btn1 {width: 118px; height: 48px; cursor: pointer; border: 1px solid #0F2E4A; background: #0F2E4A; color: #FFF; font-weight: bold; font-size: 16px;}
.guestbook form p {line-height: 22px; padding: 0 0 10px 0;}

.sitemap h3 {padding: 0 0 0 13px; height: 40px; line-height: 40px; background: url(ico_jt1.gif) no-repeat left center; margin: 0 0 5px 0; border-bottom: 1px dashed #444;}
.sitemap h3 a {font-weight: bold;}
.sitemap h4 {padding: 0 0 0 13px; display: block; height: 30px; line-height: 30px; clear: both; font-weight: bold; background: url(ico_li1.gif) no-repeat left center;}
.sitemap h5 {padding: 0 0 0 20px; display: block; clear: both;}
.sitemap h6 {padding: 0 0 0 20px; display: inline;}

.page {overflow: hidden; height: 100%; clear: both; padding: 30px 0; line-height: 40px;}
.page span {float: right;}
.page a {float: left; display: block; width: 40px; height: 40px; color: #666; text-align: center; font-family: Arial; font-size: 14px;}
.page a:hover {background: #0081C2; color: #FFF;}
.page a.page-num-current {background: #0081C2; color: #FFF; pointer-events: none;}
.page p {text-align: center; color: #DD0000;}

.lsText1 {height: 100%; overflow: hidden;}
.lsText1 li {height: 30px; line-height: 30px; background: url(ico_li1.gif) no-repeat 10px center; padding: 0 0 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both;}
.lsText1 li em {float: right; font-size: 11px; color: #32535D;}

.lsText2 {height: 100%; overflow: hidden;}
.lsText2 li {background: url(ico_li1.gif) no-repeat 10px 30px; padding: 5px 0 5px 20px;}
.lsText2 li a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both;}
.lsText2 li em {color: #7a819c;}

.lsTable1 { background: #DDD;}
.lsTable1 td { background: #FFF; padding: 10px;}
.lsTable1 img {width: 150px;}

.more {float: right; font-family: 宋体;}
.more a {font-size: 10px;}

.col {margin: 0 0 20px 0;}
.col .tit {height: 48px; line-height: 48px; padding: 0 15px; background: #F7F7F7; border: 1px solid #DDD; margin: 0 0 -1px 0;}
.col .tit h2, .col .tit h1 {font-size: 20px; font-weight: bold; display: inline;}
.col .cot {border: 1px solid #DDD; padding: 14px; height: 100%; overflow: hidden; clear: both;}

/* 幻灯片 */
#DtBox {height: 100%; overflow: hidden; clear: both; position: relative; z-index: 1;}
#DtBox .Dt {position: relative; width: 100%; float: left; display: none; background: #000; height: 100%; overflow: hidden;}  
#DtBox .Dt img {display: block; width: 100%; max-height: 500px;}
#DtBox .prev, #DtBox .next {width: 50px; height: 50px; background: url(../banner/btn_jt.png) no-repeat; cursor: pointer; position: absolute; top: 50%; margin-top: -25px; z-index: 3;}
#DtBox .prev {left: 0; background-position: 0 0;}
#DtBox .next {right: 0; background-position: -50px 0;}
#DtBox .DtBtn {text-align: center; width: 60px; height: 5px; overflow: hidden; zoom: 1; position: absolute; bottom: 10px; left: 50%; margin-left: -30px; z-index: 2;}  
#DtBox .DtBtn a {float: left; display: inline; width: 16px; height: 5px; margin: 0 2px; font: 12px/15px "\5B8B\4F53"; text-align: center; outline: 0; background: #FFF; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
#DtBox .DtBtn .current, #DtBox .DtBtn a:hover {filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;}