@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0}
BODY{ background:url(images/bg.jpg) repeat-x top; font-family:微軟正黑體, 新細明體, Arial, Helvetica, sans-serif}
IMG{ border:none}

.frame{ width:958px; background:url(images/frame_bg.png) repeat-y; margin:0 auto; position:relative}

#header{ width:950px; height:126px; margin-left:4px; position:absolute; z-index:1}
#header .hfix{ position:relative}
#header .hfix .menu{ width:942px; height:47px; background:url(images/m_line.jpg) no-repeat top; list-style:none; padding-top:2px; position:absolute; top:78px; left:4px}
#header .hfix .menu LI{ height:45px; overflow:hidden; margin:0; padding:0; float:left}
#header .hfix .menu LI A{ width:108px; height:45px; overflow:hidden; position:relative; display:block}
#header .hfix .menu LI A IMG{ position:absolute; border:none}
#header .hfix .menu LI A:hover IMG{ top:-45px; border:0}

#header .hfix .menu .mu{ min-width:106px; _width:106px; position:absolute; list-style:none; font-size:12px; color:#FFF; background-color:#999; border:1px solid #666; border-bottom:none; z-index:0; display:none}
#header .hfix .menu .mu DD{ display:block; border-bottom:1px solid #666; padding:4px 10px; _padding:0}
#header .hfix .menu .mu DD A{ width:auto; height:auto; _padding:4px 10px; display:block; text-decoration:none; color:#FFF}
#header .hfix .menu .mu DD A:hover{ _background-color:#333}
#header .hfix .menu .mu DD:hover{ background-color:#333}
.m1{ top:42px}
.m2{ top:42px}
.m3{ top:39px}
.m4{ top:36px}

#header .hfix .logo{ position:absolute; top:14px; left:13px}
#header .hfix .logo IMG{ border:none}
#header .hfix .hlink{ position:absolute; top:54px; right:12px}
#header .hfix .search{ height:18px; overflow:hidden; position:absolute; top:18px; right:14px}
#header .hfix .search *{ vertical-align:top}
#header .hfix .search INPUT{ width:112px; border:1px solid #cacaca; display:inline-block; margin-right:3px; margin-top:1px}
#header .hfix .search A IMG{ position:relative; border:none}
#header .hfix .search A:hover IMG{ top:-21px; border:0}

#imgframe{ width:942px; height:156px; position:relative; left:8px;padding-top:110px; background:url(images/img_bar.jpg) no-repeat bottom}

.conframe{ width:942px; margin-left:8px; position:inherit; padding-bottom:20px}

#navi{ width:185px; background:url(images/navi_bg.gif) no-repeat top; float:left; height:370px;height:auto;min-height:370px}
#navi UL{ width:174px; list-style:none; padding-left:2px}
#navi UL LI{ background-color:rgba(0, 0, 0, 0.1); font-size:12px; margin:4px 0px; padding:1px}
#navi UL LI A{ color:#535353; text-decoration:none; display:block; padding-left:22px}
#navi UL LI A:hover{ background-color:rgba(0, 0, 0, 0.1)}
#navi .focus{ background:url(images/navi_f.gif) no-repeat 4px center; background-color:#7dafc6; color:#FFF}
#navi .focus A{ color:#FFF}
#navi .focus A:hover{ background:url(images/navi_f.gif) no-repeat 4px center; background-color:#7dafc6;}

#contant{ width:755px; float:right}
.path{ color:#959595; font-size:12px; font-weight:normal; background:url(images/path_arr.gif) no-repeat left center; padding-left:10px}
.path A{ color:#959595; text-decoration:none}
.path A:hover{ text-decoration:underline}

#contant .newscon { width:730px; margin-left:10px}
#contant .newscon TH { padding:6px 0px ; background:url(images/line_dot.gif) repeat-x bottom}
#contant .newscon TH H1{ font-size:18px; font-weight:normal; float:left; color:#016fa1}
#contant .newscon TH H2{ font-size:10px; font-weight:normal; float:right; color:#8f3636; margin-top:6px}
#contant .newscon TD{ padding:4px 0px}
#contant .newscon .back{ text-align:center}
#contant .newscon .back P{ height:21px; overflow:hidden}
#contant .newscon .back P A IMG{ position:relative; border:none; *position:inherit; _position:inherit}
#contant .newscon .back P A:hover IMG{ top:-21px}

#contant .newslist{ width:720px; margin-left:10px; position:relative}
#contant .newslist H1{ padding:18px 0px 10px 0px}
#contant .newslist UL{ list-style:none}
#contant .newslist UL LI{ font-size:12px; line-height:24px; background:url(images/line_dot.gif) repeat-x bottom;}
#contant .newslist UL LI A{ text-decoration:none; color:#307593}
#contant .newslist UL LI B{ font-weight:normal; font-size:10px; color:#8f3636; margin-right:8px; margin-left:6px}
#contant .newslist P{ width:50px; position:absolute; top:26px; right:10px }

#contant .newslist .pagenum{ width:700px; text-align:center; color:#626262; margin-top:30px}
#contant .newslist .pagenum UL{ list-style:none; height:20px; text-align:center; _margin-left:200px; *margin-left:200px}
#contant .newslist .pagenum UL LI{ width:18px; line-height:18px; display:inline-block; border:1px solid #ddd; background-color:#f8f8f8; background:none; padding:1px; margin:2px; _float:left; *float:left}
#contant .newslist .pagenum UL LI A{ color:#666; text-decoration:none; display:block}
#contant .newslist .pagenum UL LI A:hover{ background-color:#eee}
#contant .newslist .pagenum .focus{ width:20px; color:#FFF}
#contant .newslist .pagenum .focus A{ background-color:#7d7d7d; color:#FFF}
#contant .newslist .pagenum .focus A:hover{ background-color:#7d7d7d}

#contant .prolist{ width:720px; margin-left:10px; position:relative}
#contant .prolist IMG{ border:none}
#contant .prolist H1{ padding:18px 0px 10px 0px}
#contant .prolist UL{ list-style:none}
#contant .prolist UL LI{ font-size:12px; line-height:24px; background:url(images/line_dot.gif) repeat-x bottom;}
#contant .prolist UL LI A{ text-decoration:none; color:#307593}
#contant .prolist UL LI B{ font-weight:normal; font-size:10px; color:#8f3636; margin-right:8px; margin-left:6px}
#contant .prolist P{ width:50px; position:absolute; top:26px; right:10px }
#contant .prolist HR{ margin:10px 0px; height:2px; background:url(images/pro_line_dot.gif); border:none}

#contant .prolist .plist{ position:relative}
#contant .prolist .plist IMG{ border:none}
#contant .prolist .plist UL{ width:160px; position:absolute; top:4px; right:0px}
#contant .prolist .plist LI{ display:inline-block; float:left; background:none}
#contant .prolist .plist H1{ font-size:18px; margin:0; padding:0; color:#016fa1}
#contant .prolist .plist H2{ font-size:12px; margin:0; padding:0; font-weight:normal}
#contant .prolist .plist TD{ padding:10px 20px; background:url(images/pro_line.gif) no-repeat right center}
#contant .prolist .plist TD H1{ font-size:18px; margin:0; padding:0; color:#626262}
#contant .prolist .plist TR{ background:url(images/pro_line_dot.gif) repeat-x bottom}
#contant .prolist .plist FORM{ font-size:12px; color:#535353; text-align:center; margin:2px 0px}
#contant .prolist .plist FORM *{ vertical-align:middle}

#contant .prolist .psingle{ position:relative}
#contant .prolist .psingle LI{ background:none}
#contant .prolist .psingle TABLE{ width:720px}
#contant .prolist .psingle TH{ width:360px; vertical-align:top}
#contant .prolist .psingle TH IMG{ border:1px solid #dfdfdf}
#contant .prolist .psingle TD{ padding:4px; vertical-align:top}
#contant .prolist .psingle TD P{ position:inherit; padding:4px 0px}
#contant .prolist .psingle TD H1{ font-size:24px; margin:0; padding:0; color:#0075a9}
#contant .prolist .psingle TD H2{ font-size:12px; margin:0; padding:0; color:#626262; padding-bottom:30px}
#contant .prolist .psingle TD LI{ background:url(images/line_dot.gif) repeat-x bottom}
#contant .prolist .psingle TD UL UL{ list-style:square; padding-left:20px}
#contant .prolist .psingle TD LI LI{ background:none}
#contant .prolist .psingle TD OL{ list-style:none; background:url(images/line_dot.gif) repeat-x top; padding-top:10px}
#contant .prolist .psingle TD OL LI{ display:inline-block; background:none; _float:left; *float:left; _margin:1px; *margin:1px}
#contant .prolist .psingle .fun{ border:none; padding-top:10px; margin-top:10px; background:url(images/line_dot.gif) repeat-x top}

#contant .prolist .psingle .tagItem{}
#contant .prolist .psingle .tagItem UL{ list-style:none; height:41px; margin-left:13px; margin-top:11px; line-height:41px}
#contant .prolist .psingle .tagItem UL LI{ width:112px; height:41px; display:inline-block; background:url(images/tag_b.gif) no-repeat; float:left; text-align:center; line-height:14px; _padding-top:6px; *padding-top:6px}
#contant .prolist .psingle .tagItem UL LI *{ vertical-align:middle}
#contant .prolist .psingle .tagItem UL LI SPAN{ }
#contant .prolist .psingle .tagItem UL LI A{ width:112px; height:41px; cursor:pointer; color:#000; display:table-cell; text-align:center; vertical-align:middle; line-height:14px; padding:0 4px}
#contant .prolist .psingle .tagItem .onTag{ background:url(images/tag_a.gif) no-repeat}
#contant .prolist .psingle .tagItem UL .onTag A{ color:#016fa1}

#contant .prolist .psingle .tagCont DL{ width:700px; border:1px solid #b5b5b5; margin-left:10px; margin-top:-2px; *margin-top:-2px; _margin-top:-8px; padding:20px 10px}
#contant .prolist .psingle .tagCont DL DD P{ position:static; width:700px }/**/

#contant .prolist .pagenum{ width:720px color:#626262; padding-top:30px; position:relative}
#contant .prolist .pagenum UL{ list-style:none; text-align:left; margin-left:20px}
#contant .prolist .pagenum UL LI{ width:18px; line-height:18px; display:inline-block; border:1px solid #ddd; background-color:#f8f8f8; background:none; padding:1px; text-align:center; float:left; margin:1px}
#contant .prolist .pagenum UL LI A{ color:#666; text-decoration:none; display:block}
#contant .prolist .pagenum UL LI A:hover{ background-color:#eee}
#contant .prolist .pagenum .focus{ width:20px; color:#FFF}
#contant .prolist .pagenum .focus A{ background-color:#7d7d7d; color:#FFF}
#contant .prolist .pagenum .focus A:hover{ background-color:#7d7d7d}
#contant .prolist .pagenum P{ width:75px; height:21px; overflow:hidden; position:absolute; top:30px; right:0px}
#contant .prolist .pagenum P A IMG{ position:relative; border:none}
#contant .prolist .pagenum P A:hover IMG{ top:-21px}

#contant .prolist .ad UL{ text-align:center; margin-top:20px}
#contant .prolist .ad UL LI{ display:inline-block; margin:0px 3px; float:left; background:none}

#contant .prom{ width:720px; margin-left:10px; position:relative}
#contant .prom H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px}
#contant .prom TABLE{ width:720px; border-collapse : collapse}
#contant .prom TD{ text-align:center}
#contant .prom TD H1{ color:#626262}
#contant .prom TH{ width:120px; font-weight:normal; font-size:12px; padding:10px 0px; background:url(images/com_bg.gif) repeat-y right; background-color:#dcdcdc; border:1px solid #bbb}
.a{ background-color:#f0e6c7; border:1px solid #bbb}
.b{ background-color:#f5f2da; border:1px solid #bbb}
#contant .prom .back{ text-align:center; margin-top:30px}
#contant .prom .back { height:21px; overflow:hidden}
#contant .prom .back A IMG{ position:relative; border:none; *position:inherit; _position:inherit}
#contant .prom .back A:hover IMG{ top:-21px}

#contant .show{ width:720px; margin-left:10px}
#contant .show IMG{ border:none}
#contant .show H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px; float:left}
#contant .show P{ font-size:12px; float:right; padding-top:18px}
#contant .show P *{ margin:0px 6px}
#contant .show TABLE{ width:670px; margin-left:13px; margin-bottom:10px}
#contant .show TH{ width:200px}
#contant .show TD { vertical-align:top; padding-left:16px; text-align:left}
#contant .show TD H1{ font-size:13px; color:#7d0000; padding:0; margin-bottom:12px}
#contant .show TD P{ font-size:12px; background:url(images/line_dot.gif) repeat-x bottom; padding-bottom:10px}
#contant .show TD IMG{ margin-top:10px; float:right}
#contant .show .back{ text-align:center; margin-top:30px}
#contant .show .back { height:21px; overflow:hidden}
#contant .show .back A IMG{ position:relative; border:none; *position:inherit; _position:inherit}
#contant .show .back A:hover IMG{ top:-21px}

#contant .qa{ width:720px; margin-left:10px}
#contant .qa H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px; float:left}
#contant .qa P{ font-size:12px; float:right; padding-top:18px}
#contant .qa P *{ margin:0px 6px}
#contant .qa DL{ width:670px; padding:2px; background:url(images/line_dot.gif) repeat-x bottom; padding:10px 10px}
#contant .qa DT{ background:url(images/q_1.png) no-repeat left top; font-size:13px; color:#959595; height:40px;height:auto;min-height:40px; padding-top:10px; padding-left:70px; margin-bottom:20px}
#contant .qa .qfocus{ background-color:#f3f3f3}
#contant .qa .qfocus DT{ background:url(images/q_2.png) no-repeat left top; color:#bd5353}
#contant .qa DD{ width:550px; min-height:40px; margin-left:70px; background:url(images/a.png) no-repeat left top; padding-left:50px}
#contant .qa .pagenum{ width:700px; text-align:center; color:#626262; margin-top:30px; font-size:12px}
#contant .qa .pagenum UL{ list-style:none}
#contant .qa .pagenum UL LI{ width:18px; line-height:18px; display:inline-block; border:1px solid #ddd; background-color:#f8f8f8; background:none; padding:1px}
#contant .qa .pagenum UL LI A{ color:#666; text-decoration:none; display:block}
#contant .qa .pagenum UL LI A:hover{ background-color:#eee}
#contant .qa .pagenum .focus{ width:20px; color:#FFF}
#contant .qa .pagenum .focus A{ background-color:#7d7d7d; color:#FFF}
#contant .qa .pagenum .focus A:hover{ background-color:#7d7d7d}

#contant .mail{ width:720px; margin-left:10px}
#contant .mail H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px; float:left}
#contant .mail P{ font-size:12px; float:right; padding-top:18px; color:#7d0000}
#contant .mail P *{ margin:0px 6px}
#contant .mail TABLE{ width:700px; background:url(images/mail_bg.gif) no-repeat center; padding:30px 0px}
#contant .mail TH{ width:100px; font-weight:normal; font-size:13px; text-align:right; vertical-align:top; padding:4px 0px}
#contant .mail TD{ padding:4px 0px; vertical-align:top; font-size:12px}
#contant .mail TD *{ vertical-align:middle}
.keyin1{ width:330px}
.keyin2{ width:570px; height:120px}
#contant .mail .sent{ text-align:center; margin-top:30px}
#contant .mail .sent { height:21px; overflow:hidden}
#contant .mail .sent A IMG{ position:relative; border:none}
#contant .mail .sent A:hover IMG{ top:-21px}

#contant .download{ width:720px; margin-left:10px}
#contant .download H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px; float:left}
#contant .download TABLE{ width:700px; font-size:12px}
#contant .download P{ font-size:13px; margin-bottom:10px; margin-top:10px}
#contant .download TH{ background:url(images/shop_title_bg.gif) repeat-x; color:#FFF; padding:2px}
#contant .download TD{ text-align:center; padding:6px 4px}


#contant .shop{ width:720px; margin-left:10px}
#contant .shop H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px}
#contant .shop UL{ font-size:12px; margin-left:30px; margin-bottom:10px}
#contant .shop DIV{ background:url(images/shop_bg2.gif) no-repeat 40px top; height:254px ; height:auto; min-height:254px}
#contant .shop TABLE{ width:570px; font-size:11px; border-collapse : collapse; border:1px solid #FFF; float:right}
#contant .shop TH { background:url(images/shop_title_bg.gif) repeat-x; color:#FFF; padding:2px}
#contant .shop TD{ padding:4px; /*text-align:center;*/ border:2px solid #FFF}
.sa{ background-color:#eee}
.sb{ background-color:#d2d2d2}

#contant .shopmap{ width:720px; margin-left:10px}
#contant .shopmap H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px}
#contant .shopmap TABLE{ width:720px; font-size:11px; border-collapse : collapse; border:1px solid #FFF; margin-top:20px}
#contant .shopmap TH { background:url(images/shop_title_bg.gif) repeat-x; color:#FFF; padding:2px}
#contant .shopmap TD{ padding:10px 2px; text-align:center; border:2px solid #FFF; background-color:#eee}
#contant .shopmap .map{ width:720; background-color:#CCC; text-align:center}
#contant .shopmap .back{ text-align:center; margin-top:30px}
#contant .shopmap .back { height:21px; overflow:hidden}
#contant .shopmap .back A IMG{ position:relative; border:none; *position:inherit; _position:inherit}
#contant .shopmap .back A:hover IMG{ top:-21px}

#contant .about{ width:720px; margin-left:10px; font-size:12px; color:#626262}
#contant .about H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px}
#contant .about P{ margin:4px 0px}
#contant .about DL{ margin-top:10px;}
#contant .about DT{ padding:4px 4px 4px 20px}
#contant .about DD{ padding:4px 4px 4px 20px}
#contant .about DT{ font-size:14px; color:#7d0000}
#contant .about UL{ width:650px; list-style:none; margin-left:50px}
#contant .about LI{ padding-left:80px; margin:6px 0px}
#contant .about .a1{ background:url(images/about_t_1.jpg) no-repeat}
#contant .about .a2{ background:url(images/about_t_2.jpg) no-repeat}

#contant .map{ width:720px; margin-left:10px; font-size:12px; color:#626262}
#contant DL,DT,DD{ margin:0px; padding:0px; vertical-align:top}
#contant A{ text-decoration:none}
#contant A:hover{ text-decoration:underline} 
#contant .map div{ margin-left:20px; margin-top:20px}
#contant .map .dl1 { width:680px; background:url(images/line_dot.gif) repeat-x bottom; padding-top:20px; padding-bottom:20px}
#contant .map .dl1 DT{ width:120px; display:inline-block; background:url(images/lev_1.png) no-repeat left top; padding-left:18px; font-size:16px; color:#016fa1; *float:left}
#contant .map .dl1 DT A{ color:#016fa1}
#contant .map .dl1 DD{ display:inline-block; padding-left:10px; margin-left:10px; margin-bottom:10px; *float:left}
#contant .map .dl1 .dl2{ margin-bottom:10px; width:500px}
#contant .map .dl1 .dl2 DT{ width:100px; display:inline-block; font-size:14px; background:url(images/lev_2.png) no-repeat left top; color:#000; *float:left}
#contant .map .dl1 .dl2 DT A{ color:#000}
#contant .map .dl1 .dl2 DD{ width:350px; margin-bottom:4px}
#contant .map .dl1 .dl2 .dl3 DD{ width:80px; display:inline-block; background:url(images/lev_3.png) no-repeat left top; padding-left:18px; color:#333; *float:left}
#contant .map .dl1 .dl2 .dl3 DD A{ color:#333}

#contant .alllist{ width:720px; margin-left:10px; font-size:12px; color:#626262}
#contant .alllist H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px}
#contant .alllist DL{ width:680px; border:1px solid #999; margin:5px; display:inline-block; padding:4px 4px 10px 4px}
#contant .alllist DT{ padding:10px; background:url(images/line_dot.gif) repeat-x bottom; margin-bottom:10px; font-size:15px; background-color:#666; font-weight:bold}
#contant .alllist DT A{ color:#FFF; display:block}
#contant .alllist DT A:hover{ text-decoration:none}
#contant .alllist DD{ width:186px; padding:4px 10px; background:url(images/lev_2.png) no-repeat left top; padding-left:18px; display:inline-block; margin-right:5px; margin-left:5px; *float:left}
#contant .alllist DD:hover{ background-color:#eee}
#contant .alllist DD A{ color:#333; display:block}
#contant .alllist DD A:hover{ text-decoration:none}
#contant .alllist DIV{ padding-left:20px}

#contant .slist{ width:720px; margin-left:10px; font-size:12px; color:#626262}
#contant .slist H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 0px 0px}
#contant .slist H2{ font-size:12px; font-weight:normal; color:#888; text-align:right; padding-bottom:4px}
#contant .slist H2 B{ font-size:15px; color:#900; padding:0px 4px}
#contant .slist TABLE{ width:700px; padding:4px; /*border:1px solid #eee;*/ margin-bottom:6px}
#contant .slist TABLE H1{ padding:10px 4px 4px 22px; float:left; background:url(images/lev_1.png) no-repeat left; margin-right:4px}
#contant .slist TABLE H2{ padding:14px 4px 4px 4px; text-align:left; float:left; background:none}
#contant .slist TH{ background:url(images/line_dot.gif) repeat-x bottom}
#contant .slist TD{ vertical-align:top; padding-top:10px} 
#contant .slist TD P{ float:right; margin-top:10px}
#contant .slist TD P IMG{ border:none}



#contant .contact{ width:720px; margin-left:10px; font-size:12px; color:#626262}
#contant .contact H1{ font-size:18px; font-weight:normal; color:#016fa1; padding:18px 0px 10px 0px}
#contant .contact DL{ margin-top:10px;}
#contant .contact DT{ padding:4px 4px 4px 20px; font-size:14px; color:#7d0000}
#contant .contact DD{ padding:4px 4px 4px 20px; margin-bottom:10px}



#footer{ width:958px; height:28px; background:url(images/footer_bg.gif) no-repeat top;  background-color:#FFF; position:relative}
#footer H1{ font-weight:normal; font-size:11px; color:#959595; position:absolute; left:8px; top:9px}
#footer P{ position:absolute; top:6px; right:8px}


.clear{ clear:both}
.last{ background:none!important}