@charset "utf-8";
/* CSS Document */
body,h1,h2,h3,h4,h5,h6,h7,ul,li,p,a,dt,dl,dd,input,form,select{ margin:0px; padding:0px;}
body{ background:url(../images/Bg.jpg) repeat-x;font-size:13px; color:#575757; line-height:24px; font-family:"Arial","新細明體"; }
ul{ list-style:none;}
img{ vertical-align:top; border:none;}
a{ text-decoration:none; color:#575757;}
a:hover{ color:#b41117;}
.width_1000{ width:1000px; overflow:hidden; margin:auto;}
/*Header*/
.Top{ height:56px;}
.TopLeft{ float:left; padding:22px 0 0 11px;}
.TopLink{ float:right; background:url(../images/Link.png) no-repeat; width:380px; height:38px; padding:0 0 0 28px;}
.TopLink li{ float:left; padding:6px 0 0 8px;}
.TopLink li.Ico{ padding-right:4px;}
.Header{ height:80px; width:1000px; margin:auto; position:relative;}
.HeaderMenu{ position:absolute; top:-10px; right:28px; z-index:9999; font-family:"微軟正黑體";}
.HeaderMenu a{ margin:0 10px;}
.Avatar{ float:left; width:129px; padding:1px 0 0 1px; margin:0 0 0 10px; display:inline; position:relative;}
.Avatar span{ position:absolute; top:0; left:0;}
.Logo{ float:left; width:209px; padding:1px 0 0 0;}
.Menu{ float:left; background:url(../images/Menu.png) 0 20px no-repeat; width:641px; height:68px;  position:relative; z-index:9998;}
.Menu li{ float:left;}
.Menu a{ height:41px; display:block; background:url(../images/menu.jpg) no-repeat;}
#mainlevel_01 a{ background-position:0 0; width:108px;}
#mainlevel_01 a:hover{ background-position:0 -41px;}
#mainlevel_01 a.hover{background-position:0 -41px;}
#mainlevel_02 a{ background-position:-108px 0px; width:113px;}
#mainlevel_02 a:hover{ background-position:-108px -41px;}
#mainlevel_02 a.hover{ background-position:-108px -41px;}
#mainlevel_03 a{ background-position:-221px 0px; width:124px;}
#mainlevel_03 a:hover{ background-position:-221px -41px;}
#mainlevel_03 a.hover{ background-position:-221px -41px;}
#mainlevel_04 a{background-position:-345px 0px; width:113px;}
#mainlevel_04 a:hover{ background-position:-345px -41px;}
#mainlevel_04 a.hover{ background-position:-345px -41px;}
#mainlevel_05 a{background-position:-458px 0px; width:125px;}
#mainlevel_05 a:hover{ background-position:-458px -41px;}
#mainlevel_05 a.hover{ background-position:-458px -41px;}

#nav{position:absolute; top:20px; left:21px;}
#nav .mainlevel { float:left; position:relative;}
#nav .mainlevel ul {display:none; position:absolute; width:293px; height:261px; left:-155px; top:40px; padding:14px 0 0 0; font-size:12px; color:#8e8e8e; line-height:26px; background:url(../images/img3.png) 0 14px no-repeat;}
.In{ width:120px; height:16px; line-height:16px; font-size:12px; color:#8e8e8e; background:none; border:1px solid #9e9e9e;}
#nav .mainlevel ul#sub_06{ padding:51px 0 0 40px; height:225px; width:253px;}
#mainlevel_06 a.An{ width:19px; height:19px; background:none; display:block; float:right; margin:2px 10px 0 0;}
/*FooterMenu*/
.FooterMenu{ margin:auto; width:930px; overflow:hidden; height:28px; line-height:28px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.FooterMenu ul{  width:696px; margin:auto; height:28px; overflow:hidden;}
.FooterMenu li{ float:left;}
.FooterMenu a{ height:28px; display:block; background:url(../images/FootMenu.jpg) no-repeat;}

.MHome a{ background-position:0 0; width:79px;}
.MHome a:hover,.MHome a.hover{ background-position:0 -28px;}

.Mabout a{ background-position:-79px 0; width:99px;}
.Mabout a:hover,.Mabout a.hover{ background-position:-79px -28px;}

.Mbanks a{ background-position:-178px 0px; width:126px;}
.Mbanks a:hover,.Mbanks a.hover{ background-position:-178px -28px;}

.MMap a{ background-position:-304px 0px; width:97px;}
.MMap a:hover,.MMap a.hover{ background-position:-304px -28px;}

.MNews a{ background-position:-401px 0; width:97px;}
.MNews a:hover,.MNews a.hover{ background-position:-401px -28px;}

.MContact a{ background-position:-498px 0px; width:95px;}
.MContact a:hover,.MContact a.hover{ background-position:-498px -28px;}

.MPayment a{background-position:-593px 0px; width:103px;}
.MPayment a:hover,.MPayment a.hover{ background-position:-593px -28px;}

/*Footer*/
.Footer{ font-size:12px; color:#9a9a9a; width:680px; padding:15px 0 0 250px;  height:80px; margin:auto; background:url(../images/FootLogo.jpg) 7px 12px no-repeat;}
.Footer span{ float:right; padding:0 7px 0 0;}
.Footer a{ color:#9a9a9a;}
.Footer a:hover{ color:#b41117;}
/*banner*/
.Banner{ width:960px; margin:auto auto 15px auto;position:relative; z-index:999;}
.BannnerLeft,.BannerRight{ position:absolute; bottom:23px; cursor:pointer;}
.BannnerLeft{ left:0;}
.BannerRight{ right:0;}
.An1,.An2{ display:block; background:url(../images/BannerAn.png); width:90px; height:30px; position:absolute; left:486px;}
.An1{ top:354px;}
.An2{ top:390px;}
/*首頁*/
.Index{ padding:29px 0 0 0; width:960px; margin:auto ;}
.INews{ width:880px; height:32px; overflow:hidden; position:relative; line-height:32px; padding:9px 40px 0 10px; font-weight:bold; color:#333; margin:auto; background:url(../images/NewsBg.jpg) repeat-x;}
.IndexNews{ width:880px; height:32px; overflow:hidden; line-height:32px; font-weight:bold; color:#333; margin:auto; }
.IndexNews a{ font-weight:normal;}
.More{ position:absolute; top:24px; right:12px; display:block; background:url(../images/more.jpg) no-repeat; width:30px; height:7px;}
.More:hover{background:url(../images/moreHover.jpg) no-repeat;}
/*WebCenter*/
.WebCenter{ width:960px; margin:auto; padding:9px 0 0 0;}
.CenterTitle{ width:960px; overflow:hidden; height:43px; line-height:43px; border-bottom:1px solid #dfdfdf; background:url(../images/TitleBg.jpg) left bottom no-repeat;}
.LeftTitle{ width:84px; float:left; padding:16px 0 0 37px;}
.RightTitle{ float:left; width:839px; text-align:center; padding:11px 0 0 0;}
.RightTitle input{ float:left;border-width: 0px;}
.menu1s{ background:url(../images/menu1s.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu1s:hover{ background:url(../images/menu1s_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu1s.hover{ background:url(../images/menu1s_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu1{ background:url(../images/menu1.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu1:hover{ background:url(../images/menu1_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu1.hover{ background:url(../images/menu1_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}

.menu2{ background:url(../images/menu2.jpg) 0 0 no-repeat; width:56px; height:21px; display:block; float:left;}
.menu2:hover{ background:url(../images/menu2_over.jpg) 0 0 no-repeat; width:56px; height:21px; display:block; float:left;}
.menu2.hover{ background:url(../images/menu2_over.jpg) 0 0 no-repeat; width:56px; height:21px; display:block; float:left;}

.menu3{ background:url(../images/menu3.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu3:hover{ background:url(../images/menu3_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu3.hover{ background:url(../images/menu3_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}

.menu4{ background:url(../images/menu4.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}
.menu4:hover{ background:url(../images/menu4_over.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}
.menu4.hover{ background:url(../images/menu4_over.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}

.menu5{ background:url(../images/menu5.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu5:hover{ background:url(../images/menu5_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu5.hover{ background:url(../images/menu5_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}

.menu6{ background:url(../images/menu6.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu6:hover{ background:url(../images/menu6_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu6.hover{ background:url(../images/menu6_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu7{ background:url(../images/menu7.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu7:hover{ background:url(../images/menu7_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu7.hover{ background:url(../images/menu7_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu8{ background:url(../images/menu8.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu8:hover{ background:url(../images/menu8_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu8.hover{ background:url(../images/menu8_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu9{ background:url(../images/menu9.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu9:hover{ background:url(../images/menu9_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu9.hover{ background:url(../images/menu9_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}

.menu10{ background:url(../images/menu10.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}
.menu10:hover{ background:url(../images/menu10_over.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}
.menu10.hover{ background:url(../images/menu10_over.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}

.menu11{ background:url(../images/menu11.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu11:hover{ background:url(../images/menu11_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}
.menu11.hover{ background:url(../images/menu11_over.jpg) 0 0 no-repeat; width:55px; height:21px; display:block; float:left;}

.menu12{ background:url(../images/menu12.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu12:hover{ background:url(../images/menu12_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu12.hover{ background:url(../images/menu12_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu12s{ background:url(../images/menu12s.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu12s:hover{ background:url(../images/menu12s_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu12s.hover{ background:url(../images/menu12s_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu13{ background:url(../images/menu13.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}
.menu13:hover{ background:url(../images/menu13_over.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}
.menu13.hover{ background:url(../images/menu13_over.jpg) 0 0 no-repeat; width:76px; height:21px; display:block; float:left;}

.menu14{ background:url(../images/menu14.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu14:hover{ background:url(../images/menu14_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu14.hover{ background:url(../images/menu14_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu15{ background:url(../images/menu15.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu15:hover{ background:url(../images/menu15_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu15.hover{ background:url(../images/menu15_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu16{ background:url(../images/menu16.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu16:hover{ background:url(../images/menu16_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}
.menu16.hover{ background:url(../images/menu16_over.jpg) 0 0 no-repeat; width:63px; height:21px; display:block; float:left;}

.menu17{ background:url(../images/menu17.jpg) 0 0 no-repeat; width:90px; height:21px; display:block; float:left;}
.menu17:hover{ background:url(../images/menu17_over.jpg) 0 0 no-repeat; width:90px; height:21px; display:block; float:left;}
.menu17.hover{ background:url(../images/menu17_over.jpg) 0 0 no-repeat; width:90px; height:21px; display:block; float:left;}

.menu18{ background:url(../images/menu18.jpg) 0 0 no-repeat; width:117px; height:21px; display:block; float:left;}
.menu18:hover{ background:url(../images/menu18_over.jpg) 0 0 no-repeat; width:117px; height:21px; display:block; float:left;}
.menu18.hover{ background:url(../images/menu18_over.jpg) 0 0 no-repeat; width:117px; height:21px; display:block; float:left;}

.BodyImg{ width:961px; margin:auto;overflow:hidden; padding:0 0 30px 0;}
.BodyImg li{ float:left;}
/*關於我們*/
.About{ width:886px; margin:auto; overflow:hidden; padding:20px 0 30px 0;}
.About h3{ font-size:13px; color:#b51217; font-weight:bold; padding:0 0 8px 0;}
.About dl{ margin:0 0 20px 0;}
.About dt{ font-weight:bold; background:url(../images/AboutIco.jpg) 0 6px no-repeat; padding:0 0 0 18px;}
.About dd{ padding:0 0 10px 18px;}
.About ul{ padding:0 0 20px 0;}
.About ul li{ background:url(../images/AboutIco.jpg) 0 6px no-repeat; padding:0 0 0 18px;}
/*收*/
.banks{ height:auto; width:886px; margin:auto; padding:20px 0 0 0;}
.banks h3{ font-size:15px; color:#b51217; font-weight:bold; padding:0 0 8px 0;}
.banks dl{ border-bottom:1px dotted #CCC; margin:0 0 20px 0;}
.banks dt{ font-weight:bold;}
.banks dd{ padding:0 0 10px 0;}
/*連絡我們*/
.Form{ background:url(../images/Form.jpg) no-repeat; width:555px; height:411px; margin:80px auto 50px auto; font-size:15px; color:#5b5b5b;}
.Form td{ padding:0 10px 8px 0;}
.Form td td{ padding:0; font-size:13px;}
.FormIn{ height:20px; line-height:20px; width:248px; border:1px solid #a5acb2; background:#f4f4f4; font-size:13px; color:#505050;}
.Form textarea{line-height:22px; height:80px; width:340px; border:1px solid #a5acb2; background:#f4f4f4; font-size:13px; color:#505050;}
/*網頁地圖*/
.Map{ height:auto; width:886px; border-top:1px  dotted #dbdad9;  border-left:1px  dotted #dbdad9;  border-right:1px  dotted #dbdad9;   margin:40px  auto 50px auto;}
/*最新消息*/
.Search{ width:886px; margin:auto; padding:20px 0 0 0; height:26px; overflow:hidden;text-align:right;}
.Search select{ float:left; height:22px; line-height:22px; color:#585858; font-size:13px; border:1px solid #CCC;}
.SIn{border:1px solid #CCC; float:left; width:100px; height:20px; line-height:20px; color:#585858; font-size:13px; }
.Search ul{ float:right;}
.Search li{ float:left; padding:0 5px 0 0 ;}
.News{ width:886px; margin:auto; padding:0 0 30px 0;}
.News li{background:url(../images/NewsIco.jpg) 10px 17px no-repeat; border-bottom:1px dotted #dbdbdb; font-size:15px; font-family:"微軟正黑體"; padding:0 0 0 38px; height:40px; line-height:40px;}
.News li:hover{ background:#faf8f8 url(../images/NewsIco.jpg) 10px 17px no-repeat;}
.News li a{ color:#505050; float:left; display:block; width:680px;}
.News li a:hover{ color:#e63333; }
.News span{ font-family:"Tahoma"; width:80px; display:block; float:left; color:#999;  font-size:13px;}
.News em{ display:block; width:56px; float:left; margin:12px 15px 0 0 ; font-style:normal; height:18px; line-height:18px; text-align:center; font-family:"新細明體"; color:#FFF; font-size:11px;}
.NIco1{ background:#c80a14;}
.NIco2{ background:#ff5d07;}
.NIco3{ background:#0ea1d1;}
.NIco4{ background:#ffac07;}
/*新聞詳細*/
.NewsTitle{ width:886px; margin:auto;font-family:"微軟正黑體"; color:#222; font-size:17px; padding:20px 0 15px 10px;}
.Back{ height:auto; overflow:hidden; width:866px; color:#999;  font-size:13px; margin:auto;border-bottom:1px dotted #dbdbdb; padding:0 10px 0 10px;}
.Back a{ float:right;}
.NewsInfo{width:866px; margin:auto; padding:20px 0 40px 0;}
/*分頁*/
.Paging{ font-size:12px; line-height:18px; padding:0 0 30px 0; width:886px; margin:auto;height:auto; text-align:center;}
.Paging a{ color:#666; padding:2px 6px; margin:0 5px;}
.Paging a:hover{ color:#e53333;}

/*彈出窗口*/
.Body_a { position:fixed; left:0; top:0;width:100%; height:100%; z-index:9999; background:url(../images/shadowbox.png);}
.Video{width:883px; height:480px; top:50%; left:50%; position:absolute; margin:-240px 0 0 -441px;}
.Video .progb{ position:absolute; right:0; top:0; z-index:9999; cursor:pointer;}
/*IE6 fixed*/
* html { background: #fff url() fixed; }
* html body { margin:0; height:100%; }
* html .Body_a { position: absolute; left: expression(documentElement.scrollLeft + documentElement.clientWidth - this.offsetWidth); top: expression(documentElement.scrollTop + documentElement.clientHeight - this.offsetHeight);}