﻿@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height:100%; }
body { background:#fff url(../../power_price/images/bg.png) top repeat-x; }
body, th, td, input { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-size:13px; }
a{ text-decoration:none;}
b{ font-weight:normal;}
p{ line-height:2em;}
h1,h2,h3,h4,h5,h6{ font-weight:400; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
a:link, a:visited { text-decoration:none; cursor:pointer; }


#wrapper { width:100%; }

/*HEADER*/
#header_all { width:100%; }
#header { width:1000px; margin:0 auto; }

/*nav*/
#nav_all { width:100%; height:22px; padding:9px 0; border-bottom:solid 1px #3884ac; outline:solid 1px #62a6c9;}
#nav { width:1000px; margin:0 auto; color:#999; }
#nav ul { float:right; margin:0px; padding:0px; }
#nav ul li { float:left; margin:0px; padding:0px; list-style:none; line-height:22px; color:#fff; }
#nav ul li a { display:block; padding:0 5px; color:#fff; }
#nav ul li a:hover,#lan ul li a.cur { color:#ffcc00; }

/*SEARCH*/
#search { float:right; padding-left:5px; }
#search .w100 { float:left; margin:0px; width:110px; height:18px; border:solid 1px #999; }
#search .btn { float:left; margin:0px; padding:0px; width:22px; height:22px; border:none; background:#999 url(../../../images/icon_search.png) no-repeat; }
#search .btn:hover { background:#666 url(../../images/icon_search.png) no-repeat; }

/*LOGO*/
#logo { float:left; }
#logo a { display:block; width:240px; height:80px; background:url(../../images/logo.png) no-repeat; text-indent:-9999px; }

/*MENU*/
#top_menu { float:right; }
#top_menu ul { margin:0px; padding:0px; }
#top_menu ul li { position:relative; float:left; margin:0px; padding:0px; list-style:none; font-size:15px; line-height:20px; }
#top_menu ul li a { display:block; padding:30px 10px; color:#fff;
-webkit-text-shadow:rgba(0,0,102,0.7) 0px 0 5px;
-moz-text-shadow:rgba(0,0,102,0.7) 0px 0 5px;
-ms-text-shadow:rgba(0,0,102,0.7) 0px 0 5px;
-o-text-shadow:rgba(0,0,102,0.7) 0px 0 5px;
text-shadow:rgba(0,0,102,0.7) 0px 0 5px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#top_menu ul li a:hover { background:#2580ad; }
#top_menu ul li a.cur { background:#1273a3; }

#top_menu ul li ul { display:none; }
#top_menu ul li:hover ul { display:block; }

#top_menu ul li ul { position:absolute; top:80px; left:0px; z-index:999; width:130px; margin:0px; padding:15px 20px 30px 20px; overflow:auto; background: url(../../images/bg_k70.png) repeat;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-ms-border-radius:0px 0px 5px 5px;
-o-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px; }
#top_menu ul li ul li { float:none; margin:0px; padding:0px; list-style:none; border-bottom:dashed 1px #000; }
#top_menu ul li ul li a { display:block; padding:10px 0 10px 15px; color:#fff; background: url(../../images/sub_menubg_w.png) no-repeat 0px 15px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#top_menu ul li ul li a:hover { color:#ffee00; background: url(../../images/sub_menubg_y.png) no-repeat 0px 15px; }
#top_menu ul li ul li a.cur { color:#ffcc00; background: url(../../images/sub_menubg_y.png) no-repeat 0px 15px; }



/*BANNER*/
#banner { position:relative; border:solid 5px #fff; width:990px; height:420px; margin:0 auto; overflow:hidden; background:#e6e6e6;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
-ms-border-radius:5px 5px 0px 0px;
-o-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px; }
#pic{ float:left; width:680px; height:420px; }
#pics { float:left; margin:0px; padding:18px 0px 0px 11px; display:block; width:295px; height:401px; }
#pics li { display:block; float:left; margin:0 7px 13px 0; padding:0px; list-style:none; width:140px; height:86px; }
#pics li img { float:left; width:140px; height:86px; overflow:hidden; position:relative; z-index:1; }
#pics li.cur { -webkit-box-shadow:rgba(0,0,0,0.3) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.5) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.5) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.5) 0px 0 5px;
box-shadow:rgba(0,0,0,0.5) 0px 0 5px; }

/*BANNERS 內頁小橫幅*/
#banners { border:solid 5px #fff; width:990px; height:200px; margin:0 auto; overflow:hidden; background:#e6e6e6;
-webkit-border-radius:5px 5px 0px 0px;
-moz-border-radius:5px 5px 0px 0px;
-ms-border-radius:5px 5px 0px 0px;
-o-border-radius:5px 5px 0px 0px;
border-radius:5px 5px 0px 0px; }

	

/*CONTENT*/
#content_inx { width:990px; margin:0 auto; padding:15px 5px 0 5px; }
#content_all { width:1000px; margin:0 auto; padding:0 15px; background:url(../../images/main_bg.png) top center no-repeat; }
#content { width:970px; padding:10px 15px 0px 15px; background:#fff; }

/*LEFT*/
#left_block { float:left; width:240px; }
/*SUB_MENU*/
#sub_menu { margin-bottom:20px; }
#sub_menu .box_tit { background:url(../../images/submenu_titbg.png) no-repeat; width:150px; height:30px; padding:36px 0 0 50px; font-size:24px; color:#fff;
-webkit-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-moz-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-ms-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-o-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
text-shadow:rgba(0,102,153,0.75) 0px 0 5px; }
#sub_menu .box_tit02 { background:url(../images/submenu_titbg.png) no-repeat; width:155px; height:30px; padding:36px 0 0 45px; font-size:24px; color:#fff;
-webkit-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-moz-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-ms-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-o-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
text-shadow:rgba(0,102,153,0.75) 0px 0 5px; }
#sub_menu .box_tit03 { background:url(../../images/submenu_titbg.png) no-repeat; width:145px; height:50px; padding:12px 0 4px 55px; font-size:20px; line-height:24px; color:#fff;
-webkit-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-moz-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-ms-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
-o-text-shadow:rgba(0,102,153,0.75) 0px 0 5px;
text-shadow:rgba(0,102,153,0.75) 0px 0 5px; }

#sub_menu .box_list { width:164px; padding:15px 15px 25px 15px; border-left:solid 3px #d9edf9; border-right:solid 3px #d9edf9; border-bottom:solid 3px #d9edf9;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-ms-border-radius:0px 0px 5px 5px;
-o-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px; }
#sub_menu .box_list ul { margin:0px; padding:0px; }
#sub_menu .box_list ul li { margin:0px; padding:0px; list-style:none; font-size:14px; }
#sub_menu .box_list ul li a { display:block; border-bottom:solid 1px #eaeaea; color:#555; background:url(../../images/sub_menubg_b.png) no-repeat 5px 12px; padding:5px 5px 5px 20px; }
#sub_menu .box_list ul li a:hover { color:#000; background:#fefefe url(../../images/sub_menubg_o.png) no-repeat 5px 12px; }
#sub_menu .box_list ul li a.cur { color:#1380BF; background:#fcfcfc url(../../images/sub_menubg_o.png) no-repeat 5px 12px; }

#sub_menu .list02>a { cursor:default !important; }
#sub_menu .list02>a:hover { color:#555 !important; background:url(../../images/sub_menubg_b.png) no-repeat 5px 12px !important; cursor:default !important; }
#sub_menu .list02>a.cur { color:#1380BF !important; background:#fcfcfc url(../../images/sub_menubg_o.png) no-repeat 5px 12px !important; cursor:default !important; }

#sub_menu .box_list ul li ul { margin:0 0 0 15px; padding:0px; }
#sub_menu .box_list ul li ul li { margin:0px; padding:0px; list-style:none; }
#sub_menu .box_list ul li ul li a { display:block; border-bottom:dashed 1px #eaeaea; color:#777; background:url(../../images/sub_menulibg.png) no-repeat 7px 17px; padding:5px 5px 5px 18px; }
#sub_menu .box_list ul li ul li a:hover { color:#333; background:#fefefe url(../../images/sub_menulibg.png) no-repeat 7px 17px; }
#sub_menu .box_list ul li ul li a.cur { color:#1380BF; background:#fefefe url(../../images/sub_menulibg.png) no-repeat 7px 17px; }

/*左選單_用戶服務*/
#left_service_box { margin:0 0 20px 0; }
#left_service_box .box_tit { background:url(../images/service_titbg.png) no-repeat; width:150px; height:30px; padding:36px 0 0 50px; font-size:24px; color:#157db3; }
#left_service_box .box_list { width:164px; padding:25px 15px 15px 15px; border-left:solid 3px #d9edf9; border-right:solid 3px #d9edf9; border-bottom:solid 3px #d9edf9;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-ms-border-radius:0px 0px 5px 5px;
-o-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px; }
#left_service_box .box_list ul { margin:0px; padding:0px; }
#left_service_box .box_list ul li { margin:0 0 18px 0; padding:0px; width:164px; height:70px; list-style:none; }
#left_service_box .box_list ul li i { float:left; display:block; width:40px; height:40px; margin-right:10px; }
#left_service_box .box_list ul li p { float:left; margin:0px; padding:0px; font-size:18px; line-height:40px;}
#left_service_box .box_list ul li a { display:block; padding:15px; color:#fff; background:url(../images/seaver_linkbg.png) no-repeat;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#left_service_box .box_list ul li a:hover { background:url(../../images/seaver_linkbg_.png) no-repeat; }
#left_service_box .icon_service01 { background:url(../../images/icon_service01.png) no-repeat; }
#left_service_box .icon_service02 { background:url(../../images/icon_service02.png) no-repeat; }
#left_service_box .icon_service03 { background:url(../../images/icon_service03.png) no-repeat; }
#left_service_box .icon_service04 { background:url(../../images/icon_service04.png) no-repeat; }
#left_service_box .icon_service05 { background:url(../../images/icon_service05.png) no-repeat; }
#left_service_box .icon_service06 { background:url(../../images/icon_service06.png) no-repeat; }


/*左選單_連結*/
#powerlink { margin:0 0 20px 0; width:200px; height:102px; background:url(../../images/inx_linkbg.png) no-repeat; overflow:hidden; }
#powerlink:hover { background:url(../../images/inx_linkbg_.png) no-repeat; }
#powerlink a { display:block; width:80px; height:75px; padding:27px 25px 0 95px; background:url(../../images/inx_linkicon.png) no-repeat; font-size:18px; line-height:24px; color:#fff; }


/*MAIN*/
#main_block { float:left; width:715px; }
/*TITLE*/
#path { border-bottom:dashed 1px #eaeaea; font-size:12px; line-height:12px; height:27px; color:#999; text-align:right; }
#path i { display:inline-block; width:11px; height:10px; background: url(../../images/icon_home.png) no-repeat; padding-right:2px; }
#path a { color:#999; }
#path a:hover,#path a.cur { color:#333; }

/*FOOTER*/
#footer_all { width:100%; border-top:solid 1px #ebebeb; background:#fafafb; }
#footer { position:relative; width:1000px; margin:0 auto; padding:20px 0 30px 0; }
#copyright { padding:0 5px; font-size:12px; color:#888; line-height:20px; }
#don_menu {}
#don_menu ul { margin:0px; padding:0px; overflow:auto; }
#don_menu ul li { float:left; margin:5px 0; padding:0 5px; list-style:none; border-left:solid 1px #999; line-height:14px; }
#don_menu ul li a { display:block; color:#0D4980; }
#don_menu ul li a:hover { color:#1380BF; }
#don_menu ul li:first-child { border-left:none; }

#don_link { position:absolute; top:50px; right:0px; }
#don_link ul { margin:0px; padding:0px; }
#don_link ul li { float:left; margin:5px; padding:0px; list-style:none; }
#don_link ul li b { display:block; width:34px; height:34px; }
#don_link ul li a { display:block; opacity:1; text-indent:-9999px; }
#don_link ul li a:hover { opacity:0.6; }
#don_link .footer_link01 { background:url(../../images/footer_link01.png) no-repeat; }
#don_link .footer_link02 { background:url(../../images/footer_link02.png) no-repeat; }
#don_link .footer_link03 { background:url(../../images/footer_link03.png) no-repeat; }



/*INDEX*/
#inx_service_box { float:left; margin:0 20px 20px 0; }
#inx_service_box .box_tit { background:url(../../images/service_titbg.png) no-repeat; width:150px; height:30px; padding:36px 0 0 50px; font-size:24px; color:#157db3; }
#inx_service_box .box_list { width:164px; padding:25px 15px 15px 15px; border-left:solid 3px #d9edf9; border-right:solid 3px #d9edf9; border-bottom:solid 3px #d9edf9;
-webkit-border-radius:0px 0px 5px 5px;
-moz-border-radius:0px 0px 5px 5px;
-ms-border-radius:0px 0px 5px 5px;
-o-border-radius:0px 0px 5px 5px;
border-radius:0px 0px 5px 5px; }
#inx_service_box .box_list ul { margin:0px; padding:0px; }
#inx_service_box .box_list ul li { margin:0 0 18px 0; padding:0px; width:164px; height:52px; list-style:none; }
#inx_service_box .box_list ul li i { float:left; display:block; width:40px; height:40px; margin-right:10px; }
#inx_service_box .box_list ul li p { float:left; margin:0px; padding:0px; font-size:18px; line-height:40px;}
#inx_service_box .box_list ul li a { display:block; padding:6px 15px 18px 15px; color:#fff; background:url(../../images/seaver_linkbg.png) no-repeat;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_service_box .box_list ul li a:hover { background:url(../../images/seaver_linkbg_.png) no-repeat; }
#inx_service_box .icon_service01 { background:url(../../images/icon_service01.png) no-repeat; }
#inx_service_box .icon_service02 { background:url(../../images/icon_service02.png) no-repeat; }
#inx_service_box .icon_service03 { background:url(../../images/icon_service03.png) no-repeat; }
#inx_service_box .icon_service04 { background:url(../../images/icon_service04.png) no-repeat; }
#inx_service_box .icon_service05 { background:url(../../images/icon_service05.png) no-repeat; }
#inx_service_box .icon_service06 { background:url(../../images/icon_service06.png) no-repeat; }

#inx_news_box { position:relative; float:left; width:460px; margin:0 20px 20px 0; }
#inx_news_box .more { position:absolute; top:10px; right:5px; }
#inx_news_box .more a { display:block; background:url(../../images/more.png) no-repeat; width:49px; height:10px; text-indent:-9999px; opacity:1; }
#inx_news_box .more a:hover { opacity:0.7; }
#inx_news_box .rss { position:absolute; top:10px; right:65px; }
#inx_news_box .rss a { display:block; background:url(../../images/rss.png) no-repeat; width:34px; height:10px; text-indent:-9999px; opacity:1; }
#inx_news_box .rss a:hover { opacity:0.7; }

#inx_news_box .abgne_tab {}
#inx_news_box .tabs { margin:0px; padding:0px; overflow:auto; }
#inx_news_box .tabs li { float:left; margin:0px; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#ebebeb; }
#inx_news_box .tabs li a { display:block; padding:5px 15px; border:solid 1px #d9d9d9; color:#666; }
#inx_news_box .tabs li a:hover { background:#ccc; color:#333; }
#inx_news_box .tabs li.cur { background:#157db3; color:#fff; }
#inx_news_box .tabs li.cur a { color:#fff; }
#inx_news_box .tabs li.cur a:hover { background:#157db3; color:#fff; }

#inx_news_box .box_list {}
#inx_news_box .box_list ul { margin:0px; padding:0px; }
#inx_news_box .box_list ul li { margin:0px; padding:0px; list-style:none; border-bottom:dashed 1px #dfdfdf; }
#inx_news_box .box_list ul li span { padding-right:5px; line-height:17px; }
#inx_news_box .box_list ul li p { padding:0px; display:inline-block; width:440px; height:17px; line-height:17px; overflow:hidden; }
#inx_news_box .box_list ul li a { display:block; padding:10px 5px 10px 25px; height:17px; background:url(../../images/newslibg.png) no-repeat 5px 13px; color:#757575; }
#inx_news_box .box_list ul li a:hover { background:#fefefe url(../../images/newslibg.png) no-repeat 5px 13px; color:#1380BF; }

#inx_viedo_box { float:left; margin:0 0 20px 0; width:290px; height:220px; }
#inx_viedo_box a { display:block; padding:0 0 0 15px; line-height:20px; color:#757575; background:url(../../images/viedolibg.png) no-repeat left center; }
#inx_viedo_box a:hover { color:#1380BF; }

#inx_typhoon_box { float:left; margin:0 0 20px 0; padding:30px; width:224px; height:155px; overflow:hidden; border:solid 3px #d9edf9; background:url(../../images/service_titbg03.png) no-repeat right bottom;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px; }
#inx_typhoon_box h1 { margin:-30px -30px 0 -30px; padding:5px 30px; font-size:20px; line-height:30px; background:#157db3; color:#fff; text-align:center;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-ms-border-radius:5px 5px 0 0;
-o-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0; }
#inx_typhoon_box h3 { margin:5px 0 0px 0; padding:0px; font-size:16px; line-height:28px; color:#157db3; text-align:center; }
#inx_typhoon_box p { margin:0px; padding:0px; font-size:13px; line-height:24px; color:#666; }
#inx_typhoon_box span { margin:0px; padding:0px; font-size:13px; line-height:24px; color:#D00; }
#inx_typhoon_box a { display:inline-block; margin:0 5px; padding:0 10px; background:#4799CC; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#inx_typhoon_box a:hover { background:#157db3; }

#inx_power_box { position:relative; float:left; width:218px; height:208px; padding:10px 0 0 0; border:solid 1px #eaeaea; margin:0 10px 20px 0; }
#inx_power_box .powerlink { position:absolute; bottom:20px; left:17px; }
#inx_power_box .powerlink a { float:left; display:inline-block; margin-right:10px; padding:0px 5px; line-height:22px; background:#999; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#inx_power_box .powerlink a:hover { background:#4799CC; }

#inx_link_box { float:left; margin:0 0 20px 0; width:430px; }
#inx_link_box ul { margin:0px; padding:0px; }
#inx_link_box ul li { float:left; margin:0 0 8px 0px; padding:0px; list-style:none; width:106px; text-align:center; }
#inx_link_box ul li b { display:block; width:80px; height:80px; margin-left:13px; }
#inx_link_box ul li i { display:block; width:80px; height:80px; }
#inx_link_box ul li p { margin:0px; padding:0px; font-size:13px; }
#inx_link_box ul li a { display:block; color:#555;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_link_box ul li a:hover { color:#1380BF;}

#inx_link_box .icon_linkbg_b { background:url(../../images/icon_linkbg_b.png) no-repeat;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_link_box ul li:hover .icon_linkbg_b { background:url(../../images/icon_linkbg_b_.png) no-repeat; }
#inx_link_box .icon_linkbg_g { background:url(../../images/icon_linkbg_g.png) no-repeat;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#inx_link_box ul li:hover .icon_linkbg_g { background:url(../../images/icon_linkbg_g_.png) no-repeat; }

#inx_link_box .icon_link01 { background:url(../../images/icon_link01.png) no-repeat; }
#inx_link_box .icon_link02 { background:url(../../images/icon_link02.png) no-repeat; }
#inx_link_box .icon_link03 { background:url(../../images/icon_link03.png) no-repeat; }
#inx_link_box .icon_link04 { background:url(../../images/icon_link04.png) no-repeat; }
#inx_link_box .icon_link05 { background:url(../../images/icon_link05.png) no-repeat; }
#inx_link_box .icon_link06 { background:url(../../images/icon_link06.png) no-repeat; }
#inx_link_box .icon_link07 { background:url(../../images/icon_link07.png) no-repeat; }
#inx_link_box .icon_link08 { background:url(../../images/icon_link08.png) no-repeat; }
#inx_link_box .icon_link09 { background:url(../../images/icon_link09.png) no-repeat; }
#inx_link_box .icon_link10 { background:url(../../images/icon_link10.png) no-repeat; }
#inx_link_box .icon_link11 { background:url(../../images/icon_link11.png) no-repeat; }


#power_light_box { float:left; margin:0 10px 20px 0; }
#power_light_box b { display:block; width:100px; height:220px; overflow:hidden; }
#power_light_box b img { width:100%; }


/*INNER*/
#inner_box {}
#inner_box .box_tit { color:#0068b7; padding:30px 5px 25px 25px; background:url(../../images/titlebg.png) no-repeat 0px 36px; }
#inner_box .box_tit h2 { margin-bottom:0px; }

#inner_box .box_info {}

/*tab*/
#inner_box .abgne_tab {}
#inner_box .tabs { margin:0px; padding:10px 0; overflow:auto; border-bottom: dashed 1px #eaeaea; }
#inner_box .tabs li { float:left; margin:5px; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#ebebeb; }
#inner_box .tabs li a { display:block; padding:5px 15px; border:solid 1px #d9d9d9; color:#666; }
#inner_box .tabs li a:hover { background:#ccc; color:#333; }
#inner_box .tabs li.cur { background:#157db3; color:#fff; }
#inner_box .tabs li.cur a { color:#fff; }
#inner_box .tabs li.cur a:hover { background:#157db3; color:#fff; }

#inner_box .box_list {}
#inner_box .box_list ul { margin:0px; padding:0px; }
#inner_box .box_list ul li { margin:0px; padding:0px; list-style:none; border-bottom:dashed 1px #dfdfdf; font-size:13px; line-height:17px; }
#inner_box .box_list ul li a { display:block; padding:10px 5px 10px 25px; background:url(../../images/newslibg.png) no-repeat 5px 13px; color:#757575; }
#inner_box .box_list ul li a:hover { background:#f9f9f9 url(../../images/newslibg.png) no-repeat 5px 13px; color:#069; }

#inner_box .box_list ul li:nth-child(odd){ background:#fefefe; }



/*NEWS最新消息*/
#news_box { position:relative; }
#news_box .box_tit { color:#0068b7; padding:30px 5px 25px 25px; background:url(../../images/titlebg.png) no-repeat 0px 36px; }
#news_box .box_tit h2 { margin-bottom:0px; }
#news_box .news_day { display:block; margin:0 0 10px 0; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; color:#47a7d7; }
#news_box .sort { position:absolute; top:30px; right:0px; }
#news_box .sort select { border: solid 1px #B6D5E6; color:#888; }

#news_box .box_list {}
#news_box .box_list ul { margin:0px; padding:0px; }
#news_box .box_list ul li { margin:0px; padding:0px; list-style:none; }
#news_box .box_list ul li b { float:left; display:block; margin-right:10px; width:150px; height:100px; overflow:hidden; }
#news_box .box_list ul li b img { width:100%; }
#news_box .box_list ul li h3 { margin:0px; padding:0px; }
#news_box .box_list ul li span { display:block; margin:0 0 10px 0; padding:0px; font-family:Georgia, "Times New Roman", Times, serif; }
#news_box .box_list ul li p { margin:0px; padding:0px; }
/*#news_box .box_list ul li h3 { margin:0px; padding:0px; font-size:18px; line-height:24px; }
#news_box .box_list ul li span { display:block; margin:0 0 10px 0; padding:0px; font-size:12px; line-height:22px; font-family:Georgia, "Times New Roman", Times, serif; }
#news_box .box_list ul li p { margin:0px; padding:0px; font-size:14px; line-height:22px; }*/
#news_box .box_list ul li a { display:block; padding:10px; border-bottom:solid 1px #eaeaea; border-right:solid 3px #fff;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#news_box .box_list ul li a:hover { background:#f9f9f9; border-right:solid 3px #3399cc; }

#news_box .box_list ul li a h3 { color:#333; }
#news_box .box_list ul li a:hover h3 { color:#000; }
#news_box .box_list ul li a span { color:#47a7d7; }
#news_box .box_list ul li a:hover span { color:#3399cc; }
#news_box .box_list ul li a p { color:#888; }
#news_box .box_list ul li a:hover p { color:#666; }


#news_box .box_info { color:#000;}
#news_box .news_download { padding:10px 0; }
#news_box .news_download ul { margin:0px; padding:0px; }
#news_box .news_download ul li { margin:0px; padding:0px; list-style:none; }
#news_box .news_download ul li span { margin:0px; padding:0px; color:#333; }
#news_box .news_download ul li a { display:block; padding:5px 10px 5px 25px; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../../images/icon_newsdownload.png) no-repeat center left; color:#757575; }
#news_box .news_download ul li a:hover { background:#fefefe url(../../images/icon_newsdownload_.png) no-repeat center left; color:#1380BF; }

#news_box .news_link { padding:10px 0; }
#news_box .news_link ul { margin:0px; padding:0px; }
#news_box .news_link ul li { margin:0px; padding:0px; list-style:none; }
#news_box .news_link ul li span { margin:0px; padding:0px; color:#333; }
#news_box .news_link ul li a { display:block; padding:5px 10px 5px 25px; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../../images/icon_newslink.png) no-repeat center left; color:#757575; }
#news_box .news_link ul li a:hover { background:#fefefe url(../../images/icon_newslink_.png) no-repeat center left; color:#1380BF; }



/*FORM*/
#form_box  {}
#form_box  th { background:#91231e; color:#FFF; font-size:13px; line-height:30px; text-align:left; padding-left:20px; }
#form_box  td { font-size:13px; color:#333; padding:5px; }
#form_box  b { font-size:13px; color:#9e0b0f; }
#form_box .left {}
#form_box .right { text-align:right; padding-right:10px; }
#form_box .w60 { width:60px; }
#form_box .w80 { width:80px; }
#form_box .w220 { width:220px; }
#form_box .t1 { width:220px; }
#form_box .t2 { width:530px; height:100px; }
#form_box .btn { margin:0 0 0 104px; padding:0px; border:none; width:120px; height:32px; background:#91231e; color:#FFF; }
#form_box .btn:hover { margin:0 0 0 104px; padding:0px; border:none; width:120px; height:32px; background:#621814; color:#FFF; }


/*SHARE*/
#share { padding:20px 0px 30px 0px; }
#share ul { display:block; margin:0px; padding:0px; text-align:right; }
#share ul li { display:inline-block; margin:0 0 0 5px; padding:0px; list-style:none;
 }
#share ul li a { display:block; padding:0 10px; background:#e8e8e8; border-bottom:solid 2px #cecece; color:#333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#share ul li a:hover { background:#cecece; border-bottom:solid 2px #888; color:#fff; }

#share .community { padding:0 10px; background:#e8e8e8; border-bottom:solid 2px #cecece; color:#333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#share .community a { float:left; display:block; width:15px; height:15px; margin:5px 5px 5px 0px; padding:0px; border:none; opacity:1; text-indent:-9999px; }
#share .community a:hover { border:none; opacity:0.7; }

#share .pl { background:url(../../images/footer_links01.png) no-repeat; }
#share .pl:hover { background:url(../../images/footer_links01.png) no-repeat; opacity:0.5;}
#share .tt { background:url(../../images/footer_links02.png) no-repeat; }
#share .tt:hover { background:url(../../images/footer_links02.png) no-repeat; opacity:0.5;}
#share .fb { background:url(../../images/footer_links03.png) no-repeat; }
#share .fb:hover { background:url(../../images/footer_links03.png) no-repeat; opacity:0.5;}

/*PAGE*/
#page { padding:20px 0px 30px 0px; }
#page ul { display:block; margin:0px; padding:0px; text-align:right; }
#page ul li { display:inline-block; margin:0px; padding:0px; list-style:none; height:20px; font-size:12px; line-height:20px; text-align:center; }
#page ul li a { display:block; padding:0px 10px; background:#FFF; border:solid 1px #eaeaea; color:#333333;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#page ul li a:hover { color:#3399cc; }
#page ul li a.cur { padding:0px 10px; background:#3399cc; color:#FFF; }


/*-----------------------後續新增-----------------------*/
#sub .tabs { margin:0px; padding:10px 0; overflow:auto; border-bottom: dashed 1px #eaeaea; }
#sub .tabs li { float:left; margin:5px; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#ebebeb; }
#sub .tabs li a { display:block; padding:5px 15px; border:solid 1px #d9d9d9; color:#666; }
#sub .tabs li a:hover { background:#ccc; color:#333; }
#sub .tabs li.cur { background:#157db3; color:#fff; }
#sub .tabs li.cur a { color:#fff; }
#sub .tabs li.cur a:hover { background:#157db3; color:#fff; }

.tabs_under { margin:0px; padding:0px; }
.tabs_under ul { margin:0px; padding:0px; overflow:auto; border-bottom: dashed 1px #eaeaea; }
.tabs_under ul li { float:left; margin:5px; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#ebebeb; }
.tabs_under ul li a { display:block; padding:5px 15px; border:solid 1px #d9d9d9; color:#666; }
.tabs_under ul li a:hover { background:#ccc; color:#333; }
.tabs_under ul li.cur { background:#157db3; color:#fff; }
.tabs_under ul li.cur a { color:#fff; }
.tabs_under ul li.cur a:hover { background:#157db3; color:#fff; }

#new-info-item .tabs { margin:0px; padding:10px 0; overflow:auto; border-bottom: dashed 1px #eaeaea; }
#new-info-item .tabs li { float:left; margin:5px; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#ebebeb; }
#new-info-item .tabs li a { display:block; padding:5px 15px; border:solid 1px #d9d9d9; color:#666; }
#new-info-item .tabs li a:hover { background:#ccc; color:#333; }
#new-info-item .tabs li.cur { background:#157db3; color:#fff; }
#new-info-item .tabs li.cur a { color:#fff; }
#new-info-item .tabs li.cur a:hover { background:#157db3; color:#fff; }


#faq_box { width:740px; }
#faq_box .op_all { padding:20px 20px 0px 20px; width:700px; }
#faq_box .op_header { font-size:15px; line-height:20px;  }
#faq_box .op_header a { display:block; padding:5px 10px; background:#e5e5e5 url(../images/faq_arrow.png) no-repeat right bottom; color:#000; }
#faq_box .op_header a:hover, #faq_box .op_header.cur a { display:block; padding:5px 10px; background:#157db3 url(../images/faq_arrow.png) no-repeat right bottom; color:#FFF; }
#faq_box .op_detail { display:none; padding:10px; font-size:13px; line-height:20px; color:#333; } 


.box_info #header 
{
      background-image: url("../about/style/images/header_bg.jpg");
      background-repeat: no-repeat;
      font-size: 24px;
      color: blue;
      margin-top: -590px;
    }
.box_info #apDiv1 ul
{
    margin-top:0px;
}    
    
.box_info #apDiv2 ul
{
    margin-top:0px;
}

.box_info #apDiv3 ul
{
    margin-top:0px;
}

.box_info #apDiv4 ul
{
    margin-top:0px;
}

.box_info #apDiv5 ul
{
    margin-top:0px;
}

.box_info #apDiv6 ul
{
    margin-top:0px;
}



/*---------------20150828 內文常用新增---------------*/
.totop { display:block; padding:10px 5px; border-bottom:dashed 1px #CCC; font-weight:bold; text-align:right; color:#06C; }
.totop:hover { color:#39C; }


/*---------------20160729 網站導覽樣式新增---------------*/
/*3區塊*/
.sitemapli01 { margin:0; padding:0; overflow:auto; }
.sitemapli01 li { float:left; margin:0 0.5% 5% 0.5%; padding:0; list-style:none; width:32.3333%; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
.sitemapli01 li a { display:block; padding:5px 10px; border-bottom:solid 1px #2086bb; background:#005682; color:#fff; }
.sitemapli01 li a:hover { background:#157db3; }

.sitemapli01 li ul { margin:0; padding:0;  }
.sitemapli01 li ul li { float:none; margin:0; padding:0; list-style:none; width:100%;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
.sitemapli01 li ul li a { display:block; padding:5px 10px; border-bottom:solid 1px #40a1d1; background:#2d8bba; color:#fff; }
.sitemapli01 li ul li a:hover { background:#3399cc; }

.sitemapli01 li ul li ul { margin:0; padding:0; }
.sitemapli01 li ul li ul li { float:none; margin:0; padding:0; list-style:none; width:100%; }
.sitemapli01 li ul li ul li a { display:block; padding:5px 10px; border-bottom:solid 1px #85cdf1; background:#5bb7e5; color:#fff; }
.sitemapli01 li ul li ul li a:hover { background:#6dc4ef; }

/*4區塊*/
.sitemapli02 { margin:0; padding:0; overflow:auto; }
.sitemapli02 li { float:left; margin:0 0.5% 1% 0.5%; padding:0; list-style:none; width:24%; overflow:hidden;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
.sitemapli02 li a { display:block; padding:5px 10px; border-bottom:solid 1px #2086bb; background:#005682; color:#fff; }
.sitemapli02 li a:hover { background:#157db3; }

.sitemapli02 li ul { margin:0; padding:0; }
.sitemapli02 li ul li { float:none; margin:0; padding:0; list-style:none; width:100%;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
.sitemapli02 li ul li a { display:block; padding:5px 10px; border-bottom:solid 1px #40a1d1; background:#2d8bba; color:#fff; }
.sitemapli02 li ul li a:hover { background:#3399cc; }

.sitemapli02 li ul li ul { margin:0; padding:0; }
.sitemapli02 li ul li ul li { float:none; margin:0; padding:0; list-style:none; width:100%; }
.sitemapli02 li ul li ul li a { display:block; padding:5px 10px; border-bottom:solid 1px #85cdf1; background:#5bb7e5; color:#fff; }
.sitemapli02 li ul li ul li a:hover { background:#6dc4ef; }


/*---------------20160818 power_view 上下半年資料連結按鈕樣式---------------*/
.newold { margin:20px auto; padding:0; overflow:auto; width:440px; }
.newold li { float:left; margin:10px; padding:0; list-style:none; width:200px; height:50px; background:url(../power_view/images/newoldbtnbg.png) no-repeat center; font-size:16px; text-align:center; line-height:50px; opacity:1;  }
.newold li:hover { opacity:0.9; }
.newold li a { display:block; color:#FFF;}


