@charset "utf-8";

#background_down { float:left; width:100%; height:100%; background:transparent url(index/background_down.jpg) 0 100% repeat-x}/* height:100% ←要撐開或不撐開加這裏*/

#background_left { float:right; width:100%; height:100%; background:url(index/background_left_m.jpg) 100% 0 repeat-y;}
#background_left ul { float:right; width:100%; height:100%; background:url(index/background_left_d.jpg) 100% 100% no-repeat;}
#background_left li { float:right; width:100%; height:100%; background:url(index/background_left_t.jpg) 100% 0 no-repeat;}

#background_right { float:left; width:100%; height:100%; background:url(index/background_right_m.jpg) 0 0 repeat-y;}
#background_right ul { float:left; width:100%; height:100%; background:url(index/background_right_d.jpg) 0 100% no-repeat;}
#background_right li { float:left; width:100%; height:100%; background:url(index/background_right_t.jpg) 0 0 no-repeat;}

#bodys_i { float:left; width:940px; height:100%; background:#FFF url(index/bg_main.gif) 0 0 repeat-y;}
#bodys_i ul { float:left; width:100%;}
#bodys_i li.b_bannerwrap { float:left; width:100%; background:url(index/bg_banner.jpg) 0 0 no-repeat; height:150px;}
#bodys_i li.b_newswrap { float:left; width:100%; background:url(index/bg_news.gif) 0 0 no-repeat; height:26px;}
#bodys_i li.b_menuwrap { float:left; width:100%; background:url(index/bg_menu.gif) 0 0 no-repeat; height:70px;}
#bodys_i li.b_mainwrap { float:left; width:100%; background:url(index/bg_main_d.jpg) 0 100% no-repeat;}
#bodys_i li.b_footerwrap { float:left; width:100%; background:url(index/bg_copyright.jpg) 0 0 no-repeat; height:69px;}


/*b_bannerwrap*/
#bannerwrap { float:left; width:934px; height:150px; left:3px; position:relative;}
#banner_websitename { position:absolute; float:left; width:350px; height:30px; margin:34px 0 0 25px; *margin:37px 0 0 -910px;}
#banner_websitename a { color:#FFF; font-size:18px; font-weight:bold; letter-spacing:3px; line-height:20px;}
#banner_websitename a:hover { text-decoration:none;}


/*b_newswrap*/
#newswrap { float:left; width:100%;}
#newswrap ul { float:left; width:100%; display:inline;}
#newswrap li.news_ewslogo { float:left; background:url(index/logo_ews.gif) 0 0 no-repeat; width:200px; height:26px;}
#newswrap li.news_ewslogo span { display:block; width:200px; height:26px; line-height:250px; overflow:hidden; cursor:pointer;}

#newswrap li.news_marquee { float:left; width:449px; height:26px; background:url(index/ic_newsroll.gif) 0 0 no-repeat;}
#newswrap li.news_marquee span { display:block; padding:2px 10px 0 50px; font-size:12px; line-height:18px;}
#newswrap li.news_marquee a { color:#000;}
#newswrap li.news_marquee a:hover { color:#0075d8;}

#newswrap li.news_member { float:left; width:160px; height:26px; text-align:right; font-size:11px; line-height:12px; letter-spacing:0; padding:5px 0 0 0; *padding:8px 0 0 0;}
#newswrap li.news_member a { color:#0d8bca;}
#newswrap li.news_member a:hover { color:#000; text-decoration:none;}
#newswrap li.news_member span { color:#C00; text-decoration:underline;}


#newswrap li.news_quickic { float:left; width:121px;}

#quickic { float:left; width:100%; padding:0 1px 0 0;}
#quickic ul { float:left; width:100%; display:inline;}
#quickic li { float:right; width:25%;}

P.quickic_home a { display:block; float:none; background:url(index/ic_home.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_home a:hover { display:block; float:none; background:url(index/ic_homeo.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_home span { display:block; width:30px; height:26px; line-height:250px; overflow:hidden; cursor:pointer;}

P.quickic_mail a { display:block; float:none; background:url(index/ic_mail.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_mail a:hover { display:block; float:none; background:url(index/ic_mailo.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_mail span { display:block; width:30px; height:26px; line-height:250px; overflow:hidden; cursor:pointer;}

P.quickic_active a { display:block; float:none; background:url(index/ic_active.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_active a:hover { display:block; float:none; background:url(index/ic_activeo.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_active span { display:block; width:30px; height:26px; line-height:250px; overflow:hidden; cursor:pointer;}

P.quickic_pag a { display:block; float:none; background:url(index/ic_pag.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_pag a:hover { display:block; float:none; background:url(index/ic_pago.gif) 0 0 no-repeat; width:30px; height:26px; border-bottom-style:none; border-left-style:none; border-right-style:none; border-top-style:none; text-decoration:none;}
P.quickic_pag span { display:block; width:30px; height:26px; line-height:250px; overflow:hidden; cursor:pointer;}


/*b_menuwrap*/
#menuwrap { float:left; width:100%;}
#menuwrap ul { float:left; width:100%; display:inline;}

#menuwrap li.prosearch { float:left; background:url(index/bg_search.gif) 0 0 no-repeat; width:200px; height:70px;}
#menuwrap li.prosearch span { display:block; padding:40px 0 0 13px;}
.prosearchinput { border:1px inset; padding:3px 3px 2px 3px; width:128px; height:19px; background-color:#f5f5f5; color:#606060; font-size:12px; line-height:12px;}
.prosearchbt { background:transparent url(index/bt_search.gif) 0 0 no-repeat; width:45px; height:20px; border:0 solid #4E8A1B; cursor:pointer;}

#menuwrap li.menubutton { float:left; width:740px; background:url(index/menu.gif) 0 0 no-repeat; height:70px;}


/*b_mainwrap*/
#mainwrap { float:left; width:100%; background:url(index/bg_main_t.jpg) 0 0 no-repeat;}
#mainwrap ul { float:left; width:100%;}

#mainwrap li.main_wrap { float:left; width:100%; min-height:565px; *border-top:515px solid transparent;}

#main_main_wrap { float:left; width:100%; *display:inline-block; *position:relative; *margin-top:-515px; _background:#FFF url(index/bg_main_t.jpg) 0 0 no-repeat;}

#mainwrap li.main_nav { float:left; width:100%; text-align:right; margin:100px 0 10px 0;}
#mainwrap li.main_nav span { display:block; margin:0 10px 0 0; color:#393939; font-size:11px; letter-spacing:3px; line-height:13px;}
#mainwrap li.main_nav a { color:#393939;}
#mainwrap li.main_nav a:hover { color:#000;}

#mainsidetd { padding:26px 10px 0 4px;}




#rightsidetd { padding:27px 0 0 0;}

/*b_footerwrap*/
#footerwrap { float:left; width:100%; text-align:center; margin:10px 10px 5px 10px;}
#footerwrap span { color:#FFF; font-size:12px; line-height:25px;}
#footerwrap a { color:#FFF;}
#footerwrap a:hover { color:#001c75;}

#tweetswrap { float:left; width:80px; margin:0;}
#tweetswrap ul { float:left; width:100%; display:inline;}
#tweetswrap li.ic_facebook { float:left; background:url(index/ic_facebook.png) 0 50% no-repeat; width:25px; height:20px;}
#tweetswrap li.ic_facebook a { display:block; float:none;}
#tweetswrap li.ic_facebook a:hover { display:block; float:none;}
#tweetswrap li.ic_facebook span { display:block; width:20px; height:20px; line-height:65px; overflow:hidden; cursor:pointer;}

#tweetswrap li.ic_plurk { float:left; background:url(index/ic_plurk.png) 0 50% no-repeat; width:25px; height:20px;}
#tweetswrap li.ic_plurk a { display:block; float:none;}
#tweetswrap li.ic_plurk a:hover { display:block; float:none;}
#tweetswrap li.ic_plurk span { display:block; width:20px; height:20px; line-height:65px; overflow:hidden; cursor:pointer;}

#tweetswrap li.ic_twitter { float:left; background:url(index/ic_twitter.png) 0 50% no-repeat; width:30px; height:20px;}
#tweetswrap li.ic_twitter a { display:block; float:none;}
#tweetswrap li.ic_twitter a:hover { display:block; float:none;}
#tweetswrap li.ic_twitter span { display:block; width:20px; height:20px; line-height:65px; overflow:hidden; cursor:pointer;}