﻿
/* Global */
body{margin:0px; padding:0px; font-size:12px; font-family:"宋體",Arial,Verdana; background:url(../image/bg.gif); color:#333; -webkit-text-size-adjust:none;}
div,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,blockquote{padding:0; margin:0;} 
ol,ul,li{padding:0; margin:0;list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:12px; font-weight:normal; text-align:left;} 
img{border:0;}
.clear{clear:both;}
input,textarea{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
a{color:#333;text-decoration:none;}
a:hover{color:#F60;text-decoration:underline;}

.cl:after,.header:after,.navbox:after,.mider:after,.footer:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.cl{zoom:1;}
.fl{float:left;}
.fr{float:right;}

/*分頁*/
.manu{padding:3px; margin:3px; font-size:0.9em; font-family:Tahoma, Helvetica, sans-serif; text-align:center;}
.manu a{border:#ccdbe4 1px solid; padding:2px 8px; background-position:50% bottom; margin-right:3px; color:#0061de; text-decoration:none;}
.manu a:hover{border:#2b55af 1px solid; color:#fff; background-image:none; background-color:#3666d4; text-decoration:none;}
.manu a:active{border:#2b55af 1px solid; color:#fff; background-image:none; background-color:#3666d4; text-decoration:none;}
.manu .current{padding:2px 6px; font-weight:bold; margin-right:3px;}
.manu select{font-size:11px; line-height:120%; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;}
.manu .disabled{display:none;}

.error_box, .success_box, .warning_box, .caution_box{font-size:12px; font-weight:bold; margin: 10px 0; padding:15px 10px 15px 60px;}
.error_box, .warning_box{background:url(../image/icon_error.gif) no-repeat scroll 20px 9px #FEDFDF; border:1px solid #BF0000;color: #BF0000;}

.wrapbox{width:1000px; margin:0 auto; background:#FFF; overflow:hidden;}

/* 頭部信息 */
.header{height:110px; background:url(../image/head_bg.jpg) no-repeat; overflow:hidden;}
.header .logo{width:576px; margin:18px 0 0; text-align:right;}
.header .headR{width:266px;}
.header .headR .topmune{height:37px; padding:7px 0 0;}
  .header .headR .topmune span{padding:0 0 0 30px; background:url(../image/ticon.gif) no-repeat 20px 3px;}
  .header .headR .topmune span a{color:#FFF;}
  .header .headR .topmune span a:hover{color:#FF0;}
.header .headR .service{height:60px; width:203px; padding:0 0 0 63px; background:url(../image/service_bg.jpg) no-repeat; color:#FFF;}
  .header .headR .service .telfont{font-size:22px; font-weight:bold; padding:8px 0 0;}

.navbox{height:38px; background:url(../image/nav_bg.gif) repeat-x; overflow:hidden;}
.navbox li{float:left; height:27px; line-height:27px; padding:7px 40px 0; width:84px;}
.navbox li a{color:#FFF; display:block; font-size:14px; font-weight:bold; text-align:center;}
.navbox li a:hover{background:url(../image/nav_hoverbg.jpg) no-repeat; color:#044689; text-decoration:none;}
.navbox li.line{background:url(../image/lines.gif) no-repeat; height:38px; padding:0; width:2px;}


/*焦點圖*/
.slides{position:relative; overflow:hidden; margin:10px 0 0; width:1000px; height:375px;}
.slide-pic {overflow:hidden; width:1000px; }
.slide-pic img {width:1000px; height:375px;}
.slide-pic li {display:none;}
.slide-pic li.cur {display:block;}
.slide-li {position:absolute; right:0; bottom:4px;}
.slide-li li {float:left; width:28px; height:18px; line-height:18px; margin-right:4px; text-align:center; font-family:Verdana, Geneva, sans-serif; font-family:arial; display:inline;}
.slide-li a {display:block; width:28px; height:18px; font-size:12px; color:#B3B3B3;}
.slide-li a,.slide-li a:link{color:#B3B3B3;}
.slide-li .cur a, .slide-li a:hover {color:#FFF; text-decoration:none; font-weight:bold;}
.op li {background:#FFF; opacity:0.7; filter:alpha(opacity=70); }
.op li.cur {background:#C5C5C3;}
.slide-txt span {display:none;}

/*中間*/
.mider{width:1000px; margin:8px 0 0; overflow:hidden;}
.mider .hconts{width:444px; height:187px; border:solid 1px #d8d8d8;}
  .mider .hconts h3{height:22px; line-height:22px; background:url(../image/hcontsh3.gif) no-repeat; padding:0 0 0 26px; color:#0055a7; font-weight:bold; font-size:14px;}
  .mider .hconts dl{padding:11px 12px 0 7px; overflow:hidden; clear:both;}
  .mider .hconts dl dt{width:168px; float:left;}
  .mider .hconts dl dd{width:248px; float:right; padding:4px 0 0; line-height:140%; text-indent:2em;}
  .mider .hconts dl dd a{color:#ff0000;}
.mider .newsmbox{width:299px; height:187px; border:solid 1px #d8d8d8; margin:0 0 0 8px;}
  .mider .newsmbox h3{height:22px; line-height:22px; background:url(../image/ntit_bg.gif) no-repeat; padding:0 0 0 26px; color:#0055a7; font-weight:bold; font-size:14px;}
  .mider .newsmbox h3 span{float:right; padding:0 4px 0 0;}
  .mider .newsmbox h3 span a{color:#858585; font-weight:normal; font-size:11px;}
  .mider .newsmbox ul{padding:8px 0 0; overflow:hidden; clear:both;}
  .mider .newsmbox li{background:url(../image/g_icon.gif) no-repeat 9px 10px; border-bottom:1px dotted #e3e3e3; height:28px; line-height:28px; padding:0 0 0 18px;}
  .mider .newsmbox li span{color:#666; float:right; padding:0 5px 0 0}
.mider .usbox{width:235px; height:187px; border:solid 1px #d8d8d8; background:url(../image/us_bg.jpg) no-repeat right bottom; overflow:hidden;}
.mider .usbox h3{height:30px; background:url(../image/ust_bg.gif) no-repeat;}
.mider .usbox ul{padding:4px 0 0 12px;}
.mider .usbox li{line-height:25px;}

.rprobox{width:998px; margin:8px 0 0; overflow:hidden; border:solid 1px #d8d8d8;}
.rprobox .rprotit{height:34px; background:url(../image/rproth_bg.gif) repeat-x; overflow:hidden; clear:both;}
.rprobox .rprotit h3{width:118px; height:34px; line-height:34px; text-align:center; background:url(../image/rprot_bg.gif) no-repeat; float:left; color:#FFF; font-size:14px; font-weight:bold;}
.rprobox .rprotit span{float:right; padding:0 10px 0 0; line-height:34px;}
.rprobox .rprotit span a{color:#858585; font-size:11px;}
.rscrollbox{width:998px; height:209px;}
.rscrollbox .arr_left{float:left; display:inline; background:url(../image/pre.gif) no-repeat; width:18px; height:31px; display:inline-block; margin:82px 7px 0; cursor:pointer;}
.rscrollbox .arr_right{float:right; display:inline; background:url(../image/next.gif) no-repeat; width:18px; height:31px; display:inline-block; margin:82px 7px 0; cursor:pointer}
.rscrollbox .scroll_cont{width:934px; float:left; overflow:hidden;}
.rscrollbox .featpro{width:174px; float:left; margin:10px 6px 0; display:inline;}
  .rscrollbox .featpro .featimg{width:172px; background:#f2f2f2; height:172px; border:solid 1px #d8d8d8; overflow:hidden; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; *font-size:154px; *font-family:Arial, Helvetica, sans-serif;}
  .rscrollbox .featpro .featimg img{max-width:166px; max-height:166px; vertical-align:middle; overflow:hidden;}
  .rscrollbox .featpro .featname{line-height:20px; width:174px; overflow:hidden; text-align:center;}

/*底部信息*/
.footer{width:998px; margin:8px 0 0; overflow:hidden; border:solid 1px #d8d8d8; border-bottom:none; padding:0 0 10px;}
.footer .fnav{height:34px; line-height:34px; background:url(../image/rproth_bg.gif) repeat-x; text-align:center; color:#0255a5;}
.footer .fnav a{color:#0255a5; padding:0 7px;}
.footer .fcopry{text-align:center; line-height:26px; padding:10px 0 0;}
.footer .qtcon{text-align:center; padding:5px 0 0;}
.footer .qtcon img{vertical-align:middle; padding:0 0 0 10px;}

/*內頁*/
.mider .righter{width:747px; border:solid 1px #d8d8d8;}
.mider .righter .subtbox{height:35px; background:url(../image/subt_bg.gif) repeat-x; overflow:hidden; clear:both;}
  .mider .righter .subtbox .subt{width:108px; height:35px; line-height:32px; background:url(../image/subt.gif) repeat-x; text-align:center; font-size:14px; font-weight:bold; color:#000;}
  .mider .righter .subtbox .subr{width:610px; padding:0 12px 0 0; text-align:right; color:#000; line-height:35px;}
  .mider .righter .subtbox .subr span{color:#004d9a;}
	.mider .righter .subtbox .subr span a{color:#004d9a;}
	.mider .righter .subtbox .subr span a:hover{color:#F60;}
.mider .righter .uscont{padding:10px 5px; overflow:hidden; line-height:26px;}
.mider .righter .uscont img{max-width:650px; overflow:hidden;}
.mider .righter .uscont .sitemap{overflow:hidden;}
.mider .righter .uscont .sitemap a{padding:0 8px; font-weight:bold;}
/* 留言板 */
.pad_1em{padding:10px 5px; line-height:16px;}
.msg{line-height:160%; width:70%; font-size:12px; color:#666; padding:10px 20px; margin:0 10px 20px 0;}
.msg input{vertical-align:middle;}
.msg label{display:block; clear:both;}
.msg .line_120{font-size:12px; line-height:140%;}
.msg .buttonx {margin-top:10px; text-align:center; padding:10px; width:90%;}
.msg .textarea1{border: 1px solid #DDDDDD; line-height: 14px;padding:5px;width:460px; font-family:Arial, Helvetica, sans-serif; line-height:150%; font-size:12px;}
.valcode{cursor:pointer; vertical-align:middle; border:1px #dddddd solid; margin:0 4px; padding:3px 2px; background:#eee;}
#imgid{width:64px; height:24px; overflow:hidden;}
.allvcode{clear:both; height:30px; overflow:hidden;}
.allvcode li{float:left;}
.allvcode li img,.allvcode li input{vertical-align:middle;}
.allvcode li.l2{text-align:center;}
.allvcode li.l3{padding-top:2px; height:24px;}
.input_5{border:1px solid #DDD; height:14px; line-height:14px; padding:5px; width:150px;}
.input_2{border:1px solid #DDD; height:14px; line-height:14px; padding:5px; width:80px;}
.input_02{border:1px solid #DDD; height:14px; line-height:14px; padding:5px; width:300px;}
.button_account_edit ,.fbutton{background:url(../image/button.gif) repeat-x scroll 0 0 transparent; border:1px solid #999;cursor: pointer; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; padding:1px 4px; cursor:pointer; *padding:0px;}
.button_account_edit:hover ,.fbutton:hover{background:url(../image/button_over.gif);}
.red{color:#F00;}
.mblue{color:#0057a8;}
.mbluet{color:#0057a7; font-size:22px; font-weight:bold; padding:0 0 20px; text-align:center;}
.mbotton{width:98px; height:26px; line-height:26px; text-align:center; border:0; cursor:pointer; background:url(../image/botton.gif) no-repeat; color:#FFF;}

.mider .righter .newslist{padding:10px 15px; overflow:hidden; clear:both;}
.mider .righter .newslist li{background:url(../image/y_icon.gif) no-repeat 5px 10px; clear:both; line-height:30px;   overflow:hidden; padding:0 0 0 13px; border-bottom:dashed 1px #B6B6B6;}
.mider .righter .newslist li span{color:#666; float:right; font-size:12px;}
.mider .righter .ohter{margin:5px; border-top:solid 1px #D6D6D6;}
.mider .righter .ohter li{height:26px; line-height:26px;}
.mider .righter .protilt{text-align:center; font-size:14px; font-weight:bold; padding:20px 0 0;}

.w-pgrid{overflow:hidden; width:747px;}
.prlpro{width:162px; float:left; margin:10px 10px 5px 13px; display:inline;}
.proimg{width:160px; height:136px; border:solid 1px #d8d8d8; display:table-cell; vertical-align:middle; text-align:center; overflow:hidden; *font-size:124px; *font-family:Arial, Helvetica, sans-serif;}
.proimg img{max-width:160px; max-height:136px; vertical-align:middle; overflow:hidden;}
.proname{width:160px; text-align:center; line-height:160%; padding:2px 0 0;}

.mider .righter .prosimg{width:740px; padding:10px 0; text-align:center; overflow:hidden;}
.mider .righter .prosimg img{max-width:740px; text-align:center; overflow:hidden;}