@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { height:100%; }
body { background:#fff url(../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; }

/*SEARCH
#search { float:right; margin:-8px 0 0 0; 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; }

.gsc-control-cse { margin:0px !important; padding:0px !important; width:170px !important; background:none !important; border:none !important; }
.gsc-search-box-tools .gsc-search-box .gsc-input { padding:0px !important; }
input.gsc-search-button { margin:6px 0 0 0 !important; padding:7px 8px !important; border:none !important; background:#999 !important; }
input.gsc-search-button:hover, input.gsc-search-button:focus { margin:6px 0 0 0 !important; padding:7px 8px !important; border:none !important; background:#666 !important; }
.gs-title a { color:#0000CC !important; }
.gs-title a:hover { color:#006699 !important; }*/

/*LOGO*/
#logo { float:left; }
#logo a { display:block; width:240px; height:80px; background:url(../images/logo.png) no-repeat; text-indent:-9999px; }

/*MENU_手機板選單*/
#m_top_menu { display:none; }
/*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; }
#top_menu .m_menu { display:none; }



/*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; }
	

/*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; }


/*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:0px; padding:0px; list-style:none; border-left:solid 1px #999; margin:5px 0; padding:0 5px; 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_menu .m_menu { display:block; }
#don_menu .m_menu_ { display:none; border-left:none; text-align:center; }

#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:15px 15px 10px 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 10px 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 17px 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 { float:left; padding-right:5px; line-height:17px; }
#inx_news_box .box_list ul li p { padding:0px; display:inline-block; width:320px; height:17px; line-height:17px; overflow:hidden; text-overflow:ellipsis; }
#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; }

/*YOUTUBE影音*/
#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:24px; 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 0 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:22px; color:#666; }
#inx_typhoon_box span { margin:0px; padding:0px; font-size:13px; line-height:22px; color:#D00; }
#inx_typhoon_box a { display:inline-block; margin:2px 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; }

/*預估供電號誌*/
#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%; }

/*目前用電量*/
#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; }



/*平板*/
@media only screen and (max-width:830px) {

#wrapper { width:100%; padding:0 15px; box-sizing:border-box; }

#header_all { width:100%; }
#header { width:100%; max-width:800px; margin:0 auto; }

#nav_all { display:none; }
#nav {}
#search {}

/*MENU*/
#m_top_menu { display:block; position:absolute; top:20px; right:20px; z-index:999; width:40px; height:40px; background:#157db3 url(../images/m_topmenu_bg.png) no-repeat; text-indent:-9999px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
#m_top_menu:hover { background:#005682 url(../images/m_topmenu_bg.png) no-repeat; }

#top_menu { display:none; position:absolute; top:85px; right:0px; z-index:9999; }
#top_menu ul li { float:none; margin:0; padding:0; list-style:none; width:200px; font-size:16px; line-height:25px; text-align:left; border-bottom:solid 1px #2d8bba; }
#top_menu ul li a { display:block; padding:10px 45px; color:#333; background:#157db3; color:#FFF;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#top_menu ul li a:hover,#top_menu ul li a.cur { background:#005682; color:#FFF; }

#top_menu ul li ul { display:block; position:relative; top:0px; left:0px; z-index:9999; background:none; padding:0px; width:100%; }
#top_menu ul li ul li { border-bottom:solid 1px #5bb7e5; }
#top_menu ul li ul li a { padding:10px 0 10px 45px; font-size:16px; background:#3399cc; color:#fff; }
#top_menu ul li ul li a:hover,#top_menu ul li ul li a.cur { background:#2d8bba; color:#fff; }
#top_menu .m_menu { display:block; }



/*BANNER*/
#banner { position:relative; border:solid 5px #fff; width:100%; height:100%; margin:0 auto; overflow:hidden; background:#e6e6e6; box-sizing:border-box;
-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:none; width:100%; max-width:800px; height:auto; overflow:hidden; }
#pic img { width:100%; }

#pics { float:none; display:block; margin:0px; padding:5px; width:100%; height:auto; overflow:auto; box-sizing:border-box; }
#pics li { display:block; float:left; margin:0; padding:5px; list-style:none; width:25%; height:auto; box-sizing:border-box; }
#pics li img { float:left; width:100%; height:auto; overflow:hidden; position:relative; z-index:1; }
#pics li.cur {
-webkit-box-shadow:rgba(0,0,0,0) 0px 0 0px;
-moz-box-shadow:rgba(0,0,0,0) 0px 0 0px;
-ms-box-shadow:rgba(0,0,0,0) 0px 0 0px;
-o-box-shadow:rgba(0,0,0,0) 0px 0 0px;
box-shadow:rgba(0,0,0,0) 0px 0 0px; }
#pics li.cur img {
-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; }

/*CONTENT*/
#content_inx { width:100%; max-width:800px; margin:0 auto; padding:5px; box-sizing:border-box; }

/*FOOTER*/
#footer_all { width:100%; border-top:solid 1px #ebebeb; background:#fafafb; margin:0 -15px; padding:0 15px; }
#footer { position:relative; width:100%; margin:0 auto; padding:20px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#copyright { font-size:12px; color:#888; line-height:20px; }

#don_menu .m_menu { display:none; }
#don_menu .m_menu_ { display:block; }

#don_link { display:none; 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; }


/*服務項目*/
#inx_service_box { float:none; margin:20px 0; }
#inx_service_box .box_tit { background:none; width:100%; height:auto; margin:0 0 10px 0; padding:0px; font-size:24px; color:#157db3; border-left:solid 3px #157db3; }
#inx_service_box .box_list { width:100%; padding:0px; border:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#inx_service_box .box_list ul { margin:0px; padding:0px; overflow:auto; }
#inx_service_box .box_list ul li { float:left; margin:0; padding:5px; width:50%; height:auto; list-style:none; box-sizing:border-box; }
#inx_service_box .box_list ul li i { position:absolute; top:15px; left:15px; display:block; margin:0px; width:40px; height:40px; }
#inx_service_box .box_list ul li p { float:none; margin:0px; padding:0 0 0 40px; width:100%; font-size:18px; line-height:40px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_service_box .box_list ul li a { position:relative; display:block; padding:15px; color:#fff; background:#157db3 url(../images/seaver_linkmbg.png) repeat-x;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;
-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:#157db3 url(../images/seaver_linkmbg_.png) repeat-x; }
#inx_service_box .icon_service01 { background:url(../images/icon_service01.png) no-repeat center; }
#inx_service_box .icon_service02 { background:url(../images/icon_service02.png) no-repeat center; }
#inx_service_box .icon_service03 { background:url(../images/icon_service03.png) no-repeat center; }
#inx_service_box .icon_service04 { background:url(../images/icon_service04.png) no-repeat center; }



/*最新消息*/
#inx_news_box { position:relative; float:none; width:100%; margin:20px 0; }


#inx_news_box .more { display:none; }
#inx_news_box .rss { display:none; }

#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 { position:relative; margin:0px; padding:0px; list-style:none; border-bottom:dashed 1px #dfdfdf; }
#inx_news_box .box_list ul li span { float:none; position:absolute; top:10px; left:23px; padding:0px; }
#inx_news_box .box_list ul li p { padding:0px; display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing:border-box; box-sizing:border-box; }

#inx_news_box .box_list ul li a { display:block; padding:10px 5px 10px 100px; height:17px; line-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; }



/*YOUTUBE影音*/
#inx_viedo_box { float:none; margin:20px 0; width:100%; height:100%; min-height:300px; }
#inx_viedo_box iframe { width:100%; height:100%; min-height:300px; }
#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:none; margin:20px 0; padding:0 0 20px 0; width:100%; height:auto; overflow:hidden; border:solid 3px #d9edf9; background:url(../images/service_titbg03.png) no-repeat right bottom; text-align:center;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px; }
#inx_typhoon_box h1 { margin:0px; padding:10px 0 5px 0; font-size:20px; line-height:30px; background:#157db3; color:#fff;
-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:8px 0 0 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:2px 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; }


/*預估供電號誌*/
#power_light_box { float:left; width:30%; margin:0; text-align:center; }
#power_light_box b { display:block; width:100px; height:208px; overflow:hidden; margin:0 auto; }
#power_light_box b a { display:block; }
#power_light_box b a img { text-align:center; }


/*目前用電量*/
#inx_power_box { position:relative; float:left; width:70%; height:208px; padding:0; border:solid 1px #eaeaea; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_power_box .powerlink { position:absolute; bottom:15px; left:50%; margin-left:-93px; }
#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_power_box iframe { display:block; width:220px; margin:0 auto; padding:5px 0 0 0; }


/*連結區塊*/
#inx_link_box { float:left; margin:30px 0 20px 0; width:100%; }
#inx_link_box ul { margin:0px; padding:0px; }
#inx_link_box ul li { float:left; margin:0 0 10px 0px; padding:0px; list-style:none; width:25%; text-align:center; }
#inx_link_box ul li b { display:block; width:100%; height:80px; margin-left:0px; }
#inx_link_box ul li i { display:block; width:100%; 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 center;
-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 center; }
#inx_link_box .icon_linkbg_g { background:url(../images/icon_linkbg_g.png) no-repeat center;
-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 center; }

#inx_link_box .icon_link01 { background:url(../images/icon_link01.png) no-repeat center; }
#inx_link_box .icon_link02 { background:url(../images/icon_link02.png) no-repeat center; }
#inx_link_box .icon_link03 { background:url(../images/icon_link03.png) no-repeat center; }
#inx_link_box .icon_link04 { background:url(../images/icon_link04.png) no-repeat center; }
#inx_link_box .icon_link05 { background:url(../images/icon_link05.png) no-repeat center; }
#inx_link_box .icon_link06 { background:url(../images/icon_link06.png) no-repeat center; }
#inx_link_box .icon_link07 { background:url(../images/icon_link07.png) no-repeat center; }
#inx_link_box .icon_link08 { background:url(../images/icon_link08.png) no-repeat center; }
#inx_link_box .icon_link09 { background:url(../images/icon_link09.png) no-repeat center; }
#inx_link_box .icon_link10 { background:url(../images/icon_link10.png) no-repeat center; }
#inx_link_box .icon_link11 { background:url(../images/icon_link11.png) no-repeat center; }

}



/*手機板*/
@media only screen and (max-width:570px) {

#wrapper { width:100%; padding:0px; box-sizing:border-box; }

/*FOOTER*/
#copyright { text-align:center; }

/*最新消息*/
#inx_news_box .tabs li { width:33.3333%; }
#inx_news_box .tabs li a { padding:5px 0; text-align:center; }
#inx_news_box .box_list ul li a { padding:10px 5px 10px 110px; }
	
/*連結區塊*/
#inx_link_box ul li { width:50%; }



}