/* 基礎 */
.position {height: 35px; line-height: 35px; color: #666; padding: 0 10px; margin: -8px 0 0 0; font-size: 14px;}
.position strong {background: url(ico_position.gif) no-repeat 0 center; padding: 0 0 0 20px;}
.position h2 {display: inline; padding: 0 5px 0 0;}

.col {border: 1px solid #DDD; margin: 10px 0 0 0; height: 100%; overflow: hidden;}
.col .tit {height: 43px; line-height: 43px; background: url(col_tit_bg.gif) repeat-x; padding: 0 10px;}
.col .tit h2 {background: url(ico_h2.gif) no-repeat left 7px; padding: 0 0 0 30px; font-size: 18px; line-height: 36px; float: left; display: inline; font-family: 微软雅黑; font-weight: bold;}
.col .tit span {float: right; display: inline; font-family: "宋体";}
.col .cot {padding: 15px 10px 10px 10px; height: 100%; overflow: hidden; clear: both;}
.col .cot .list1 li {height: 22px; line-height: 22px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.col .cot .list1 li span {float: right; color: #777;}

.page ul {height: 100%; overflow: hidden; clear: both;}
.page ul li {float: left; display: inline; text-align: center; margin: 0 5px 0 0; width: 26px; height: 26px; overflow: hidden;}
.page ul li a {display: block; width: 24px; height: 24px; line-height: 24px; border: 1px solid #CCC; background: #F7F7F7;}
.page ul li a:hover {background: url(nav_active.gif) no-repeat left top; border: 1px solid #00BDFB; color: #FFF; text-decoration: none;}
.page ul li.prev {width: 52px;}
.page ul li.prev a {width: 50px;}
.page ul li.active {width: 26px; line-height: 26px; color: #FF9900; font-weight: bold;}
.page ul li.record {float: right; margin: 0; width: auto; color: #888;}

/* 定義 */
#header, #warp, #content, #footer {width: 950px; margin: 0 auto; height: 100%; overflow: hidden; clear: both;}

/* 頭部 */
#header {height: 100px; background: url(header_slogan.gif) no-repeat 180px center;}
#header .logo {float: left; display: inline; width: 160px;}
#header .logo a {display: block; width: 160px; height: 100px; background: url(logo.gif) no-repeat center top;}
#header .call {float: right; display: inline; width: 290px; background: url(herder_call_bg.gif) no-repeat right top;}
#header .call .menu {height: 30px; line-height: 26px;}
#header .call .menu ul {height: 100%; overflow: hidden; padding: 0 0 0 30px;}
#header .call .menu ul li {float: left; display: inline; background: url(herder_menu_bg.gif) no-repeat right center; padding: 0 12px 0 8px;}
#header .call .menu ul li a {color: #CCC;}
#header .call .tel {padding: 30px 0 0 66px; font-size: 16px; line-height: 18px;}
#header .call .tel strong {color: #FF9900; letter-spacing: 1px;}

/* 佈局 */
#warp {padding: 20px 20px 0 20px; background: #FFF; overflow: visible;}
#content {padding: 0 20px 20px 20px; background: #FFF;}

/* 導航 */
#nav {height: 45px; background: url(nav_bg.gif) repeat-x left top; border: 1px solid #BDBCBD; border-bottom: 0;}
#nav ul {float: left;}
#nav ul li {float: left; display: inline;}
#nav ul li a.one {display: block; width: 86px; height: 45px; line-height: 45px; text-align: center; background: url(nav_a.gif) no-repeat right top;}
#nav ul li a.one:hover, #nav ul li.active a.one {background: url(nav_active.gif) no-repeat right top; text-decoration: none; color: #FFF; font-weight: bold;}

#nav ul li div {display: none; width: 100px; position: absolute; left: 0; top: 45px; z-index: 11;}
#nav ul li:hover {position: relative; z-index: 10;}
#nav ul li:hover div {display: block;}
#nav ul li:hover div a {display: block; height: 45px; line-height: 45px; text-decoration: none; text-align: center; background: url(nav_bg.gif) repeat-x left top;}
#nav ul li:hover div a:hover {font-weight: bold; background: url(nav_active.gif) no-repeat right top; color: #FFF;}

#nav span {float: right; display: block; width: 140px; height: 45px; position: relative; z-index: 12;}
#nav span a.call {display: block; width: 140px; height: 45px; background: url(nav_call_a.gif) no-repeat 0 0; text-decoration: none;}
#nav span a.call:hover {background: url(nav_call_a.gif) no-repeat 0 -45px;}
#nav span a.call div {position: absolute; z-index: 902; top: -2000px; left: 0; width: 140px; word-break: break-all;}
#nav span a.call:hover div {top: 45px;}
#nav span a.call:hover div p {display: block; height: 25px;}
#nav span a.call:hover div p input {width: 140px; height: 25px; border: 0; cursor: pointer; text-align: left; padding: 0 0 0 45px; font-size: 11px; color: #333;}
#nav span a.call:hover div p input.msn {background: url(nav_call_a.gif) no-repeat 0 -90px;}
#nav span a.call:hover div p input.skype {background: url(nav_call_a.gif) no-repeat 0 -115px;}
#nav span a.call:hover div p input.qq {background: url(nav_call_a.gif) no-repeat 0 -140px;}

/* 左邊 */
#side {float: left; width: 240px;}

/* 搜索 */
#search {padding: 10px 0 10px 10px;}
#search label {float: left; display: inline;}
#search .ipt input {width: 140px; height: 16px; line-height: 16px; color: #888; padding: 3px 3px 3px 20px; background: #FFF url(ico_search.gif) no-repeat 5px center; border: 1px solid #CCC;}
#search .btn {margin: 0 0 0 5px; padding: 1px 0 0 0;}
#search .btn input {width: 50px; height: 22px; font-weight: bold; background: url(btn_bg1.gif) no-repeat left top; border: 0; cursor: pointer;}

/* 右邊 */
#main {float: right; width: 700px;}

/* 友情鏈接 */
#links {background: #333; margin: 10px 0 0 0; padding: 10px 0 0 0;}
#links ul {height: 100%; overflow: hidden; clear: both;}
#links ul li {float: left; display: inline; margin: 0 0 0 14px; height: 70px;}
#links ul li img {width: 120px; height: 60px;}

/* SEO */
#seo {margin: 10px 0 0 0;}
#seo ul {height: 100%; overflow: hidden; clear: both;}
#seo ul li {float: left; display: inline;}
#seo ul.link1 {height: 40px; padding: 10px 0; background: url(seo_bg.gif) repeat-x;}
#seo ul.link1 h2 {float: left; display: block; width: 120px; height: 40px; line-height: 36px; text-align: center; font-family: 微软雅黑; font-size: 24px; font-weight: bold; color: #FFF;}
#seo ul.link1 li {background: url(ico_li2.gif) no-repeat right center; padding: 0 10px; height: 18px; line-height: 18px; overflow: hidden;}
#seo ul.link1 li a {color: #FFF;}
#seo ul.link1 li a:hover {color: #FFFF00;}
#seo ul.link2 {height: 30px; line-height: 30px; background: url(col_tit_bg.gif) repeat-x left top; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; margin: 1px 0 0 0;}
#seo ul.link2 h2 {float: left; display: block; width: 100px; height: 30px; text-align: center; font-weight: bold; font-size: 14px; background: #FF7300; color: #FFF;}
#seo ul.link2 li {margin: 0 0 0 10px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 10px;}

/* 底部 */
#footer {text-align: center; padding: 10px 0 20px 0;}
#footer .menu {height: 100%; overflow: hidden; clear: both;}
#footer .menu ul {float: left; position: relative; left: 50%;}
#footer .menu ul li {float: left; position: relative; right: 50%; display: inline; background: url(footer_menu_bg.gif) no-repeat right center; padding: 0 8px;}
#footer .nav a {color: #CCC;}
#footer .nav a:hover {color: #FFF;}
#footer .copyright {color: #888; padding: 5px 0 0 0;}
#footer .copyright strong {margin: 0 10px;}
#footer .copyright a {color: #888;}
#footer .copyright a:hover {text-decoration: none; color: #FFF;}

/* 系統信息 */
#cms {display: none;}

.home .pmd marquee {height: 30px; line-height: 30px; font-size: 14px;}
.home .pmd marquee em {color: #DD0000;}
.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: 15px; margin: 0 0 10px 0; border: 1px solid #DDD;}

.index .about .cot {text-indent: 24px; line-height: 22px; padding-top: 0;}
.index .about .cot p {padding: 15px 0 0 0;}
.index .news marquee {height: 100px;}
.index .info {width: 333px;}
.index .info img {float: left; width: 160px; height: 120px;}
.index .info p {padding: 0 0 0 175px; word-wrap : break-word; word-break: break-all;}
.index .webdesign {width: auto; clear: both; float: left;}

.list {padding: 15px;}
.list .cot {padding: 0 0 15px 0;}
.list .cot dl {border-bottom: 1px dashed #999; padding: 15px 0;}
.list .cot dl dt {border: 1px solid #DDD; background: #F7F7F7; padding: 0 10px; height: 30px; line-height: 30px;}
.list .cot dl dt a {color: #0074C3;}
.list .cot dl dt strong {padding: 0 0 0 10px;}
.list .cot dl dt em {float: right; color: #999;}
.list .cot dl dd.detail {padding: 10px 0; line-height: 18px; color: #999;}
.list .cot dl dd.detail em {color: #CCC;}
.list .cot dl dd.info em {color: #03C203;}

.detailed {padding: 30px;}
.detailed h1, .guestbook h1 {display: block; text-align: center; font-family: 微软雅黑,黑体; font-size: 24px; font-weight: bold; line-height: 40px; padding: 0 0 5px 0;}
.detailed .info {text-align: center; border-bottom: 1px dashed #666; padding: 0 0 20px 0; margin: 0 0 20px 0; color: #999;}
.detailed .text {line-height: 22px; word-wrap: break-word; word-break: break-all; font: medium/normal Verdana;}
.detailed .text p {padding: 0 0 10px 0;}
.detailed .text img {max-width: 638px;}
.detailed .related {padding: 20px 0 0 0; border-top: 1px dashed #666; font-size: 14px;}
.detailed .related ul li {height: 24px; line-height: 24px;}

.message .cot {padding: 0;}
.message .btn {background: url(btn_bg1.gif) no-repeat; width: 85px; height: 25px; line-height: 25px; font-weight: bold; padding: 0 0 0 15px; border: none; cursor: pointer;}
.message .error {height: 26px; line-height: 26px; padding: 0px 10px 0 30px; background: #FFFED1 url(message_ico.gif) no-repeat 8px center; border:1px dotted #FFA200; color: #FF3300;}
.message textarea {width: 330px;}
.message table.reply {border-top: 1px dashed #CCC;}

.myform {padding: 15px;}
.myform input.ipt1, .myform input.ipt2, .myform textarea {border: 1px solid #CCC; border-left: 1px solid #AAA; border-top: 1px solid #AAA; padding: 3px; color: #999; height: 16px;}
.myform input.ipt1 {width: 192px;}
.myform input.ipt2 {width: 42px;}
.myform input.btn {border: 0; background: url(btn_bg2.gif) no-repeat; width: 100px; height: 40px; cursor: pointer; color: #FFF; font-size: 14px; font-weight: bold;}
.myform textarea {width: 380px; height: 60px;}
.myform select {width: 120px; border: 0;}

.search {padding: 15px;}
.search .form {padding: 0 0 15px 15px; color: #03C203; height: 100%; overflow: hidden; clear: both;}
.search .form label {float: left; display: inline;}
.search .form .type {padding: 1px 0 0 0;}
.search .form .ipt {margin: 0 5px;}
.search .form .ipt input {width: 240px; height: 16px; line-height: 16px; color: #888; padding: 3px 3px 3px 20px; background: #FFF url(ico_search.gif) no-repeat 5px center; border: 1px solid #CCC;}
.search .form .btn {padding: 1px 0 0 0;}
.search .form .btn input {width: 50px; height: 22px; font-weight: bold; background: url(btn_bg1.gif) no-repeat left top; border: 0; cursor: pointer;}
.search .keyword {background: #F7F7F7; border: 1px solid #CCC; padding: 10px;}
.search .keyword h4 {display: inline; color: #FF0000; font-size: 14px; font-weight: bold;}
.search .cot {padding: 0 0 15px 0;}
.search .cot ul li {height: 40px; line-height: 40px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 13px; border-bottom: 1px dotted #CCC;}
.search .cot ul li em {float: right; color: #999;}

.sitemap {padding: 5px 15px 15px 15px;}
.sitemap h2 {height: 40px; line-height: 40px; background: url(ico_li1.gif) no-repeat left center; padding: 0 0 0 13px; border-bottom: 1px dotted #555; clear: both;}
.sitemap h3 {float: left; display: inline; padding: 5px 13px; background: url(herder_menu_bg.gif) no-repeat right center;}
.sitemap h3 a {color: #0074C3;}

.guestbook {padding: 20px;}
.guestbook .text {padding: 0 0 20px 0; font-size: 14px; line-height: 20px;}
.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: #F7F7F7 url(ico_comment.gif) no-repeat 10px center; border-top: 1px dashed #DDD; padding: 0 10px 0 30px; margin: 10px 0 0 0; height: 26px; line-height: 26px;}
.guestbook .nr {padding: 10px 10px 0 10px;}
.guestbook .nr .fb {color: #0081C2;}
.guestbook .hf {padding: 5px 10px 0 10px;}
.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 {border: 1px dashed #DDD; background: #F9F9F9; padding: 15px; font-size: 14px;}
.guestbook form .hs {color: #DD0000;}
.guestbook form .sr input, .guestbook form .ipt2 {border-right: 1px solid #E2E3EA; border-bottom: 1px solid #E2E3EA; border-top: 1px solid #ABADB3; border-left: 1px solid #ABADB3; width: 292px; height: 16px; padding: 3px;}
.guestbook form .ipt2 {width: 92px;}
.guestbook form .sr textarea {border-right: 1px solid #E2E3EA; border-bottom: 1px solid #E2E3EA; border-top: 1px solid #ABADB3; border-left: 1px solid #ABADB3; width: 392px; height: 92px; padding: 3px;}
.guestbook form .sr p {padding: 5px 0 0 0; color: #888;}
.guestbook form .btn1 {width: 118px; height: 48px; cursor: pointer; border: 1px solid #ABADB3; background: #EEE;}

/* 滚动新闻 */
#quotation, #quotationTwo {height: 120px; overflow: hidden;}

/* 選項卡 */
.tabBox ul {overflow: hidden; clear: both;}
.tabBox li {float: left; display: inline; width: 68px; height: 30px; line-height: 30px; text-align: center; margin: 0 2px 0 0; cursor: pointer;}
.tabBox .blur {background: #F5F5F5; color: #0088CC;}
.tabBox .focus {background: #FFF; border: 1px solid #DDD; border-bottom: #FFF; color: #666;}
.cotBox {clear: both; background: #FFF; border: 1px solid #DDD; margin: -1px 0 10px 0;}
.cotBox ul {padding: 14px;}
.cotBox li {height: 22px; line-height: 22px; background: url(ico_li1.gif) no-repeat 5px center; padding: 0 0 0 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cotBox li em {float: right; color: #CCC;}
.cotBox p {text-align: right; border-top: 1px dashed #DDD; padding: 10px 0 0 0; margin: 10px 0 0 0; font-family: 宋体;}



.pic280 {height: 180px; overflow: hidden; margin: 0 0 10px 0; clear: both;}
.pic280 #btn {padding: 0 15px; float: right; position: relative; right: 0; top: -40px; z-index: 3;}
.pic280 #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;}
.pic280 #btn a.activeSlide {color: #FFF; font-weight: bold; background: #F57E00; border: 1px solid #FF6600;}
.pic280 #btn a:hover {text-decoration: none;}
.pic280 #banner {height: 180px; overflow: hidden; position: relative; z-index: 2;}