@charset "utf-8";
/* ======================= 全站基本設置 ======================= */
html, body { margin:0; padding:0; height:100%; }
body { background:#e8eaeb; }
body, th, td, input, select { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-size:14px; }
input[type="submit"], input[type="reset"], input[type="button"], select, button { -webkit-appearance:none; box-shadow:none; }
a { text-decoration:none; }
b { font-weight:normal; }
p { line-height:2em; }
h1,h2,h3,h4,h5,h6 { font-weight:400; }
h1 { font-size:40px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h2 { font-size:26px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h3 { font-size:18px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h4 { font-size:16px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h5 { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h6 { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
::selection { background-color:rgba(50, 170, 0, 0.7); color:#FFF; }
a:link, a:visited { text-decoration:none; cursor:pointer; }
table,th,td { margin:0; padding:0; /*border:none;*/ outline:none; border-collapse:collapse; border-spacing:0; }
img, table, iframe { max-width:100%; }
.clear { zoom:1; clear:both; }
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}

/*預覽圖形icon可看..\css\font\demo.html*/
@font-face {
  font-family:'typicons';
  src:url("../images/font/typicons.eot");
  src:url("../images/font/typicons.eot?#iefix") format('embedded-opentype'),
       url("../images/font/typicons.woff") format('woff'),
       url("../images/font/typicons.ttf") format('truetype'),
       url("../images/font/typicons.svg#typicons") format('svg');
  font-weight:normal;
  font-style:normal;
}

/*文字大中小*/
.font_s { font-size:100%; }
.font_m { font-size:120%; }
.font_l { font-size:150%; }

/*圖片左中右*/
.img_l { float:left; max-width:100%; margin:5px 15px 5px 0; }
.img_r { float:right; max-width:100%; margin:5px 0 5px 15px; }
.img_c { float:none; max-width:100%; margin:auto; display:block; }

/*跳到主要內容區塊*/
.skip_to_content { position:absolute; top:0; left:0; width:1px; height:1px; margin:-1px 0 0 -1px; overflow:hidden; font-size:13px; }
.skip_to_content a { text-decoration:none;}
.skip_to_content:focus { width:auto; height:auto; margin:0; overflow:visible; }

/* ======================= 全站通用區塊 ======================= */
/* ----- WRAPPER 全站 ----- */
#wrapper { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
.totop a { position:fixed; bottom:25px; right:25px; z-index:998; display:block; width:40px; height:40px; padding:5px; background:#9dd127; font-size:14px; line-height:20px; text-align:center; color:#FFF; opacity:0.8;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.totop a:hover { opacity:1; }

/* ----- HEADER ----- */
#header { width:100%; background:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; }

/*NAV*/
#nav { width:100%; max-width:1200px; margin:0 auto; padding:50px 0 10px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#nav .csr a { background:url(../images/icon_csr.png) 5px 0 no-repeat ; padding:0 7px 0 28px; }

/*LOGO*/
#logo { position:relative; float:left; width:280px; height:30px; }
#logo .circle { position:absolute; top:-20px; left:0px; z-index:9998; margin:0; padding:0; width:100px; height:100px; background:url(../images/logo_tpc.svg) no-repeat center; text-indent:-9999px; }
#logo .text { position:absolute; top:0px; left:100px; z-index:9998; margin:0; padding:0; width:164px; height:27px; background:url(../images/logo02.png) no-repeat left center; text-indent:-9999px; }
#logo .text h1 { margin:0; padding:0; line-height:30px; }
#logo a { display:block; }
#logo_m { display:none; position:absolute; top:0px; left:0px; z-index:999; }
#logo_m a { display:block; width:210px; height:52px; text-indent:-9999px; }

/*LAN 語系選擇*/
#lan { float:left; }
#lan ul { margin:0; padding:0; overflow:auto; }
#lan ul li { float:left; margin:0 7px; padding:0; list-style:none; }
#lan ul li a { display:block; height:28px; overflow:hidden; font-size:14px; line-height:28px; color:#666; border-bottom:solid 2px #fff; }
#lan ul li a:hover,#lan ul li a.cur { border-bottom:solid 2px #9dd127; }

/*WLINK 快速連結*/
#qlink { float:right; margin:-5px 0 0 0; }
#qlink ul { margin:0; padding:0; overflow:auto; }
#qlink ul li { float:left; margin:0 7px; padding:0; list-style:none; }
#qlink ul li span { font-size:24px; line-height:30px; }
#qlink ul li a { display:block; height:30px; overflow:hidden; font-size:14px; line-height:30px; color:#666; }
#qlink ul li a:hover { color:#000; }

/*SEARCH*/
#search { float:right; width:190px; height:30px; margin:0 0 0 7px; overflow:hidden; border:solid 1px #ddd; }
#search .text { float:left; margin:0; padding:5px; width:150px; height:18px; border:none; background:#FFF; font-size:14px; color:#555;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
#search .btn { float:left; margin:0; padding:0; width:30px; height:28px; border:none; background:#FFF url(../images/icon_search.png) no-repeat center; text-indent:9999px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }

.search_m { position:relative; width:100%; height:40px; padding:5px 35px 5px 5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.search_m label { position:absolute; top:-15px; left:0px; font-size:90%; line-height:15px; text-indent:-99px }
.search_m .text { margin:0; padding:5px 10px; width:100%; height:30px; border:none; background:#f5f5f5; font-size:100%; color:#333; -webkit-box-sizing:border-box; box-sizing:border-box; }
.search_m .btn { position:absolute; top:5px; right:5px; margin:0; padding:0; width:30px; height:30px; border:none; background:#f5f5f5 url(../images/icon_search.png) no-repeat center; text-indent:9999px; }

/*MENU_手機板選單*/
.slicknav_menu { display:none; width:100%; }
.m_open { display:none; }
/*MENU*/
#top_menu { position:relative; width:100%; -webkit-box-sizing:border-box; box-sizing:border-box;
background:#9dd127;
background:-webkit-radial-gradient(top, ellipse cover, #43c11c 0%, #54cb11 10%, #87d127 50%, #9dd127 100%);
background:-moz-radial-gradient(top, ellipse cover, #43c11c 0%, #54cb11 10%, #87d127 50%, #9dd127 100%);
background:radial-gradient(ellipse at top, #43c11c 0%, #54cb11 10%, #87d127 50%, #9dd127 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#43c11c', endColorstr='#9dd127',GradientType=1 ); }
#top_menu ul { position:relative; width:100%; max-width:1200px; height:56px; margin:0 auto; padding:0 0 0 105px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#top_menu ul li { float:left; margin:0; padding:0; list-style:none; width:11.11%; }
#top_menu ul li h2 { margin:0; padding:0; font-size:16px; line-height:30px; font-weight:bold; pointer-events:none; }
#top_menu ul li a { position:relative; display:block; padding:13px 5px; text-align:center; color:#FFF;
-webkit-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-moz-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-ms-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-o-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
text-shadow:rgba(0,0,0,0.5) 1px 0 1px; }
#top_menu ul li a.cur {
-webkit-text-shadow:rgba(0,0,0,0.5) 1px 0 5px;
-moz-text-shadow:rgba(0,0,0,0.5) 1px 0 5px;
-ms-text-shadow:rgba(0,0,0,0.5) 1px 0 5px;
-o-text-shadow:rgba(0,0,0,0.5) 1px 0 5px;
text-shadow:rgba(0,0,0,0.5) 1px 0 5px; }
#top_menu ul li a:after { content:""; position:absolute; bottom:-10px; left:50%; z-index:9997; margin:0 0 0 -24px; border-color:#9dd127 transparent transparent transparent; border-style:solid solid solid solid; border-width:10px 24px 10px 24px; opacity:0;
-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:after,#top_menu ul li .cur:after,#top_menu ul li .cur a:after { bottom:-20px; opacity:1; }
#top_menu ul li a:hover:after { z-index:9999; }

#top_menu ul li ul { display:none; position:absolute; top:56px; left:0px; z-index:9998; width:100%; max-width:1200px; padding:15px 20px; height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; background:url(../images/bg_k70.png) repeat;
-webkit-border-radius:0 0 20px 20px;
-moz-border-radius:0 0 20px 20px;
-ms-border-radius:0 0 20px 20px;
-o-border-radius:0 0 20px 20px;
border-radius:0 0 20px 20px; }
#top_menu ul li ul li { width:auto; margin:0 3px; }
#top_menu ul li ul li h2 { margin:0; padding:0; font-size:16px; line-height:30px; font-weight:bold; display:inline-block; }
#top_menu ul li ul li span { font-size:150%; padding:0 5px 0 0; color:#ac6a08; }
#top_menu ul li ul li a,#top_menu ul li.cur ul li a { position:relative; display:block; padding:0px 15px; text-align:center; color:#FFF; }
#top_menu ul li ul li a:hover,#top_menu ul li ul li.cur a { color:#9dd127; }
#top_menu ul li ul li a:after { border:none; }
#top_menu ul li ul li a:hover:after,#top_menu ul li.cur ul li a:after { border:none; }

#top_menu ul li.logo { display:none; }

/*----- HEADER 收縮 -----*/
.shrink { position:fixed !important; top:0px; z-index:9999; }
.shrink ul { padding:0 !important; }
.shrink ul li.logo { display:block !important; width:20% !important; background:url(../images/logos_w.svg) no-repeat 0px 0px; background-size:200px 56px; text-indent:-999px; }
.shrink ul li { width:8.888% !important; }
.shrink ul li ul { padding:15px 20px !important; }
.shrink ul li ul li { width:auto !important; }

/* ----- BANNER ----- */
#banner { float:left; width:900px; height:465px; margin:0 0 20px 0; }
#pic { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#pic img { width:100%; margin:0 0 -4px 0; }
#pics { width:100%; margin:0; padding:5px; overflow:auto; -webkit-box-sizing:border-box; box-sizing:border-box; background:#e8eaeb; }
#pics li { display:block; float:left; margin:5px 0.5%; padding:0px; list-style:none; width:11.5%; opacity:0.6; }
#pics li img { width:100%; margin:0 0 -4px 0; }
#pics li:hover,#pics li.cur { opacity:1;
-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 { width:100%; max-width:1200px; max-height:200px; overflow:hidden; margin:20px auto 0 auto; background:#FFF; border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#banners img { display:block; width:100%; margin:0; }

/*POWER*/
#power01,#power02,#power03 { float:right; width:288px; height:226px; border:solid 1px #ededed; overflow:hidden; text-align:center; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#power01 { position:relative; margin:0 0 10px 0; }
#power01 iframe { margin:2px auto 0 auto; }
#power01 .powerlink { position:absolute; bottom:15px; left:50%; margin:0 0 0 -100px; }
#power01 .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; }
#power01 .powerlink a:hover { background:#88bc13; }

#power02,#power03 { margin:0 0 10px 0; }
#power02 b { display:block; width:100%; height:278px; overflow:hidden; }

/*颱風停電通報 #power03颱風專用*/
#power03 { background:url(../images/typhoonbg.png) no-repeat bottom right; }
#typhoon_box { text-align:left; width:240px; height:194px; margin:0 auto; padding:14px 0 0 0; }
#typhoon_box h2 { position:relative; margin:0 0 20px 0; padding:0; font-size:18px; font-weight:bold; line-height:30px; color:#333; }
#typhoon_box h2:before { content:""; position:absolute; bottom:0px; left:0px; width:36px; height:2px; background:#9dd127; }
#typhoon_box p { margin:0 0 0 10px; padding:0; font-size:14px; line-height:30px; color:#666; }
#typhoon_box span { margin:0; padding:0; font-size:14px; line-height:30px; color:#D00; }
#typhoon_box a { display:inline-block; margin:0 5px; padding:0 10px; background:#999; line-height:22px; color:#fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#typhoon_box a:hover { background:#88bc13; }

/* ----- CONTENT ----- */
#inx_content { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#content {position:relative;width:100%;max-width:1200px;margin:0 auto; padding:30px 0 20px;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*FULL滿版區塊*/
#full_block { width:100%; }


/*LEFT左邊區塊*/
#left_block {position:relative;width:250px;float:left;z-index:1;}
/*SUB_MENU*/
#sub_menu { border-top:solid 2px #a6de2f; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }

#sub_menu .box_tit { padding:13px 20px;
background:#9dd127;
background:linear-gradient(135deg, #54cb11 0%,#9dd127 100%);
background:-moz-linear-gradient(-45deg, #54cb11 0%, #9dd127 100%);
background:-webkit-linear-gradient(-45deg, #54cb11 0%,#9dd127 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 );
-webkit-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-moz-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-ms-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-o-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
text-shadow:rgba(0,0,0,0.5) 1px 0 1px; }
#sub_menu .box_tit h2 { margin:0px; padding:0px; font-size:20px; line-height:24px; color:#FFF; }

#sub_menu ul { margin:0; padding:0; }
#sub_menu ul li { margin:0; padding:0; list-style:none; }
#sub_menu ul li h2 { margin:0; padding:0; font-size:16px; line-height:20px; }
#sub_menu ul li a { display:block; background:#fdfdfd url(../images/sub_menubg_b.png) no-repeat 10px 10px; border-top:solid 1px #FFF; border-bottom:solid 1px #ededed; padding:10px 20px 10px 30px; color:#656d73; }
#sub_menu ul li a:hover { background:#fdfdfd url(../images/sub_menubg_o.png) no-repeat 10px 10px; color:#333; }
#sub_menu ul li.cur>a { position:relative; background:#fdfdfd url(../images/sub_menubg_o.png) no-repeat 10px 10px; color:#000; }

#sub_menu ul li ul { margin:0; padding:0; }
#sub_menu ul li ul li { margin:0; padding:0; list-style:none; }
#sub_menu ul li h2 { margin:0; padding:0; font-size:15px; line-height:20px; }
#sub_menu ul li ul li a { display:block; background:#f1f1f1 url(../images/sub_menubg_point.png) no-repeat 24px 10px; border-top:solid 1px #FFF; border-bottom:solid 1px #ededed; padding:10px 20px 10px 45px; color:#656d73; }
#sub_menu ul li ul li a:hover { background:#f1f1f1 url(../images/sub_menubg_point_.png) no-repeat 24px 10px; color:#333; }
#sub_menu ul li ul li.cur>a { position:relative; background:#f1f1f1 url(../images/sub_menubg_point_.png) no-repeat 24px 10px; color:#000; }
#sub_menu ul li ul li.cur>a:after { content:""; position:absolute; top:10px; left:250px; z-index:9999; width:0px; height:0px;
border-color:transparent transparent transparent #f1f1f1;
border-style:solid solid solid solid;
border-width:8px; }

/*第三層選單*/
#third_menu { margin:-1px 0 0 0; background:#fff; border-bottom:solid 1px #ededed; }
#third_menu ul { display:block; margin:0; padding:16px; text-align:left;/*用文字方向可控制按鈕位置*/ }
#third_menu ul li { display:inline-block; margin:4px; padding:0; list-style:none; }
#third_menu ul li a { display:block; padding:6px 15px; background:#e8eaeb; font-size:15px; line-height:20px; color:#656d73;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#third_menu ul li a:hover { background:#798287; color:#FFF; }
#third_menu ul li a.cur { color:#FFF; background:#54cb11;
background:-webkit-radial-gradient(center, ellipse cover, #54cb11 0%,#9dd127 90%);
background:-moz-radial-gradient(center, ellipse cover, #54cb11 0%, #9dd127 90%);
background:radial-gradient(ellipse at center, #54cb11 0%,#9dd127 90%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 );
-webkit-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-moz-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-ms-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-o-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
text-shadow:rgba(0,0,0,0.5) 1px 0 1px; }

/*MAIN主要區塊*/
#main_block { position:relative; width:cala(100%-270px); margin-left:270px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
border-top:solid 2px #a6de2f;
background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#main_tit { width:100%; padding:13px 20px; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom:solid 1px #ededed; }
#main_tit h3 { margin:0; padding:0; font-size:20px; line-height:24px; color:#446a00; }
#main_info { padding:25px; }

/*print列印區塊*/
#printcontext {}
/*PATH麵包屑*/
#path { position:absolute; top:-26px; right:2px; line-height:20px; font-size:12px; color:#999; }
#path a { font-size:12px; color:#999; }
#path a:hover,#path a.cur { color:#666; }
#path img { display:inline-block; margin:0 2px 0 0; }
/*最新消息日期*/
#newsday { padding:20px 20px 5px 20px; font-size:14px; color:#88bc13; font-family:Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; }
/*內頁搜尋框_有下拉框*/
.box_search { position:relative; height:30px; margin-bottom:20px; padding:0 30px 0 0; }
.box_search .tit { display:none; }
.box_search .sel { float:left; margin:0 1% 0 0; padding:5px; width:24%; height:30px; border:none; background:#f5f5f5 url(../images/selectarrow_k.png) no-repeat right center; font-size:14px; color:#666; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-left:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box; }
.box_search .text { margin:0; padding:5px; width:75%; height:30px; border:none; background:#f5f5f5; font-size:14px; color:#666; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-left:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
.box_search .btn { position:absolute; top:0px; right:0px; margin:0; padding:0; width:30px; height:30px; background:#f5f5f5 url(../images/icon_search.png) no-repeat center; text-indent:9999px; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-right:solid 1px #ededed; border-left:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
/*內頁搜尋框_無下拉框*/
.box_search2 { position:relative; height:30px; margin-bottom:20px; padding:0 30px 0 0; }
.box_search2 .tit { display:none; }
.box_search2 .text { margin:0; padding:5px; width:100%; height:30px; border:none; background:#f5f5f5; font-size:14px; color:#666; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-left:solid 1px #ededed; -webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }
.box_search2 .btn { position:absolute; top:0px; right:0px; margin:0; padding:0; width:30px; height:30px; background:#f5f5f5 url(../images/icon_search.png) no-repeat center; text-indent:9999px; border-top:solid 1px #ededed; border-bottom:solid 1px #ededed; border-right:solid 1px #ededed; border-left:none;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
-o-border-radius:0px;
border-radius:0px; }

/* ----- FOOTER -----*/
#footer { width:100%; -webkit-box-sizing:border-box; box-sizing:border-box; }

#don_menu_all { width:100%; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px -2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px -2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px -2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px -2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px -2px 2px; }
#don_menu { width:100%; max-width:1200px; margin:0 auto; padding:10px 0 20px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#don_menu ul { margin:0; padding:0; overflow:auto; }
#don_menu ul li { float:left; margin:0; padding:10px; list-style:none; width:11.11%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#don_menu ul li h2 { margin:0; padding:5px 0; font-size:18px; line-height:24px; }
#don_menu ul li a { position:relative; display:block; color:#333; }
#don_menu ul li a:hover { color:#121212; }
#don_menu ul li a:before { content:""; position:absolute; bottom:0px; left:0px; width:70px; height:2px; background:#9dd127; }
#don_menu ul li ul { margin:10px 0 0 0;}
#don_menu ul li ul li { float:none; margin:0; padding:0; list-style:none; width:100%; }
#don_menu ul li ul li h2 { margin:0; padding:0; font-size:15px; line-height:20px; }
#don_menu ul li ul li a { display:block; padding:5px 0; color:#888; }
#don_menu ul li ul li a:hover { color:#333; }
#don_menu ul li ul li a:before { content:""; display:none; height:0px; }

#copyright_all { width:100%; background:#595a5e; -webkit-box-sizing:border-box; box-sizing:border-box; }
#copyright { width:100%; max-width:1200px; margin:0 auto; padding:20px 0; font-size:14px; line-height:24px; color:#FFF; -webkit-box-sizing:border-box; box-sizing:border-box; }
#copyright a { display:inline-block; color:#FFF; }
#copyright a:hover { color:#9dd127; }

/* ======================= 主要內容區塊 ======================= */
/*INDEX*/
#top_box_all { width:100%; background:#FFF; }
#top_box { width:100%; max-width:1200px; margin:0 auto; padding:25px 0; }

#don_box_all { width:100%; padding:0 0 10px 0; background:#e8eaeb; }
#don_box { width:100%; max-width:1200px; margin:0 auto; padding:25px 0; }

/*常用服務*/
#inx_topservice_box { position:relative; border:solid 1px #ededed; }
#inx_topservice_box .box_tit { position:absolute; top:25px; left:25px; width:100px; }
#inx_topservice_box .box_tit h2 { position:relative; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:30px; color:#333; }
#inx_topservice_box .box_tit h2:before { content:""; position:absolute; bottom:0px; left:0px; width:36px; height:2px; background:#9dd127; }
#inx_topservice_box .box_info { width:100%; padding:25px 25px 10px 125px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_topservice_box .box_info ul { margin:0; padding:0; overflow:auto; }
#inx_topservice_box .box_info ul li { float:left; margin:0 1% 20px 1%; padding:0; list-style:none; width:14.66%; }
#inx_topservice_box .box_info ul li b { float:left; display:block; width:30px; height:30px; margin:0 5px 0 0; overflow:hidden; }
#inx_topservice_box .box_info ul li b img { width:100%; }
#inx_topservice_box .box_info ul li h3 { float:left; margin:0; padding:0; font-size:14px; line-height:30px; width:110px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#inx_topservice_box .box_info ul li a { display:block; overflow:auto; color:#656d73; }
#inx_topservice_box .box_info ul li a:hover { color:#333333; }
#inx_topservice_box .box_info ul li a:hover svg path { fill:#333; }

/*TOP10*/
#inx_topten_box { position:relative; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#inx_topten_box .box_tit { position:absolute; top:25px; left:25px; width:100px; }
#inx_topten_box .box_tit h2 { position:relative; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:30px; color:#333; }
#inx_topten_box .box_tit h2:before { content:""; position:absolute; bottom:0px; left:0px; width:36px; height:2px; background:#9dd127; }
#inx_topten_box .box_info { width:100%; padding:25px 25px 10px 125px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_topten_box .box_info ul { margin:0; padding:0; overflow:auto; }
#inx_topten_box .box_info ul li { float:left; margin:0 1% 15px 1%; padding:0; list-style:none; width:18%; }
#inx_topten_box .box_info ul li h3 { margin:0; padding:0; font-size:14px; line-height:32px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#inx_topten_box .box_info ul li a { display:block; padding:0 10px; background:#e8eaeb; color:#656d73;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#inx_topten_box .box_info ul li a:hover { background:#798287; color:#FFF; }

/*最新消息*/
#inx_news_box { float:left; width:770px; position:relative; background:#FFF; margin:0 0 20px 0;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#inx_news_box .box_tit { position:absolute; top:25px; left:25px; width:100px; }
#inx_news_box .box_tit h2 { position:relative; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:30px; color:#333; }
#inx_news_box .box_tit h2:before { content:""; position:absolute; bottom:0px; left:0px; width:36px; height:2px; background:#9dd127; }
#inx_news_box .box_more { position:absolute; bottom:25px; left:25px; width:100px; }
#inx_news_box .box_more a { display:block; background:url(../images/more_arrow.png) no-repeat left center; padding:0 0 0 20px; font-size:13px; line-height:14px; color:#888; }
#inx_news_box .box_more a:hover { color:#656d73; }
#inx_news_box .news_more { position:absolute; bottom:25px; left:25px; width:100px; }
#inx_news_box .news_more a { display:block; background:url(../images/more_arrow.png) no-repeat left center; padding:0 0 0 20px; font-size:13px; line-height:14px; color:#888; }
#inx_news_box .news_more a:hover { color:#656d73; }

#inx_news_box .box_info { width:100%; padding:25px 25px 25px 125px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_news_box .tabs { margin:0 0 5px 0; padding:0; overflow:auto; }
#inx_news_box .tabs li { float:left; margin:0 2% 10px 0; width: 31.333%; text-align: center; padding:0px; list-style:none; font-size:15px; line-height:18px; background:#e8eaeb;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#inx_news_box .tabs li a { display:block; padding:8px 20px; color:#656d73;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#inx_news_box .tabs li a:hover,#inx_news_box .tabs li.cur { background:#798287; color:#fff; }
#inx_news_box .tabs li.cur a { color:#fff; }
#inx_news_box .tabs li.cur a:hover { background:#798287; color:#fff; }
#inx_news_box .tab_container {}
#inx_news_box .tab_container ul { margin:0px; padding:0px; }
#inx_news_box .tab_container ul li { position:relative; margin:0px; padding:0px; list-style:none; border-bottom:solid 1px #e7e7e7; }
#inx_news_box .tab_container ul li h3 { margin:0; padding:0 80px 0 0; display:inline-block; width:100%; height:20px; font-size:15px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_news_box .tab_container ul li span { position:absolute; top:10px; right:5px; font-size:13px; line-height:20px; }
#inx_news_box .tab_container ul li a { position:relative; display:block; padding:10px 5px 10px 25px; height:20px; color:#656d73; }
#inx_news_box .tab_container ul li a:hover { background:#f6f6f6; color:#333333; }
#inx_news_box .tab_container ul li a span { color:#9dd127; }
#inx_news_box .tab_container ul li a:hover span { color:#88bc13; }
#inx_news_box .tab_container ul li a:before { content:""; position:absolute; top:20px; left:0px; z-index:2; width:15px; height:2px; background:#9dd127; }

/*台電影音網*/
#inx_video_box { position:relative; float:right; width:410px; background:#FFF; overflow:auto; margin:0 0 20px 0; padding: 0 0 44px;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }

#inx_video_box .box_tit { padding:22px 10px 22px 20px; }
#inx_video_box .box_tit h2 { position:relative; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:30px; color:#333; }
#inx_video_box .box_tit h2:before { content:""; position:absolute; bottom:0px; left:0px; width:36px; height:2px; background:#9dd127; }
#inx_video_box .box_more { position:absolute; top:30px; right:20px; }
#inx_video_box .box_more a { display:block; background:url(../images/more_arrow.png) no-repeat left center; padding:0 0 0 20px; font-size:13px; line-height:14px; color:#888; }
#inx_video_box .box_more a:hover { color:#656d73; }
#inx_video_box .box_info { height:230px; overflow:hidden; }
#inx_video_box .box_info_m { display:none; overflow:hidden; position:relative; padding-bottom:56.25%; height:0; }
#inx_video_box .box_info_ms { display:none; overflow:hidden; position:relative; padding-bottom:56.25%; height:0; }
#inx_video_box .box_info_m iframe, #inx_video_box .box_info_ms iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/*首頁四則*/
#inx_ad_box { clear:both; width:100%; margin:0 0 10px 0; }
#inx_ad_box .box_info {}
#inx_ad_box .box_info ul { margin:0 -1%; padding:0; overflow:auto; }
#inx_ad_box .box_info ul li { float:left; margin:0 1% 10px 1%; padding:0; list-style:none; width:23%; }
#inx_ad_box .box_info ul li b { display:block; margin:0 0 10px 0; padding:0; width:100%; height:auto; background:#FFF; overflow:hidden; }
#inx_ad_box .box_info ul li b img { width:100%; margin:0 0 -4px 0; }
/*#inx_ad_box .box_info ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }*/
#inx_ad_box .box_info ul li h3 { margin:0; padding:0 15px; font-size:15px; line-height:22px; height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#inx_ad_box .box_info ul li a { display:block; padding:0 0 10px 0; background:#FFF; color:#656d73;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#inx_ad_box .box_info ul li a:hover { color:#333;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 10px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 10px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 10px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 10px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 10px;  }

/*相關連結*/
#inx_link_box { clear:both; position:relative; background:#FFF; margin:0 0 20px 0;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px; }
#inx_link_box .box_tit { position:absolute; top:25px; left:25px; width:100px; }
#inx_link_box .box_tit h2 { position:relative; margin:0; padding:0; font-size:18px; font-weight:bold; line-height:30px; color:#333; }
#inx_link_box .box_tit h2:before { content:""; position:absolute; bottom:0px; left:0px; width:36px; height:2px; background:#9dd127; }

#inx_link_box .box_more { position:absolute; bottom:25px; left:25px; width:100px; }
#inx_link_box .box_more a { display:block; background:url(../images/more_arrow.png) no-repeat left center; padding:0 0 0 20px; font-size:13px; line-height:14px; color:#888; }
#inx_link_box .box_more a:hover { color:#656d73; }

#inx_link_box .box_info { width:100%; padding:25px 25px 10px 125px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#inx_link_box .box_info ul { margin:0 -1%; padding:0; overflow:auto; }
#inx_link_box .box_info ul li { float:left; margin:0 1% 15px 1%; padding:0; list-style:none; width:12.285%; }
#inx_link_box .box_info ul li b { display:block; width:40px; height:40px; margin:10px auto 20px auto; overflow:hidden; }
#inx_link_box .box_info ul li b img { width:100%; margin:0 auto; }
#inx_link_box .box_info ul li h3 { margin:0; padding:0; font-size:14px; line-height:20px; text-align:center; }
#inx_link_box .box_info ul li a { display:block; color:#656d73; }
#inx_link_box .box_info ul li a:hover { color:#333333; }
#inx_link_box .box_info ul li a:hover svg path { fill:#333; }

/*ABOUT 內文文案*/
#about_box { margin:-10px 0 0 0; }
#about_box .box_info { overflow:auto; }
#about_box .box_info h4 { font-size:18px; color:#669900; }
#about_box .box_info p { font-size:15px; color:#666; text-align:justify; }
#about_box .box_info img { max-width:100%; margin:5px auto; }
#about_box .box_info ul { margin:0; padding:0; overflow:auto; }
#about_box .box_info ul li { list-style:none; background:url(../images/404_03.png) no-repeat 0px 6px; margin:10px 0; padding:0 0 0 18px; font-size:15px; line-height:1.6em; color:#666; }
#about_box .box_info ol { margin:0; padding:0 0 0 20px; }
#about_box .box_info ol li { margin:10px 0; padding:0; font-size:15px; line-height:1.6em; color:#666; }
#about_box .box_info a { color:#757575; }
#about_box .box_info a:hover { color:#88bc13; }

/*NEWS 最新消息*/
/*有圖列表 - 固定告度RWD*/
#news_box .box_list {}
#news_box .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#news_box .box_list ul li { position:relative; float:left; margin:0 1% 20px 1%; padding:0; list-style:none; width:31.3333%; background:#FFF; }
#news_box .box_pic {}
#news_box .box_pic b { display:block; margin:0 0 20px 0; padding:0; width:100%; height:210px; background:#FFF; overflow:hidden; }
#news_box .box_pic b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
#news_box .box_text {}
#news_box .box_text h3 { margin:0 20px; padding:0; font-size:17px; line-height:26px; height:56px; overflow:hidden; }
#news_box .box_text span { display:block; margin:0 60px 20px 20px; padding:0; font-size:12px; line-height:16px; color:#88bc13; }
#news_box .box_text samp { position:absolute; bottom:0px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#9dd127; font-family:Arial; font-size:12px; line-height:50px; text-align:center; color:#FFF; }
#news_box .box_list ul li a { display:block; overflow:auto; color:#555;
background:#fdfdfd;
border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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 { color:#000;
background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }

/*有圖列表 - 不固定高度1:1*/
#news_box1 .box_list {}
#news_box1 .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#news_box1 .box_list ul li { position:relative; float:left; margin:0 1% 20px 1%; padding:0; list-style:none; width:31.3333%; background:#FFF; }
#news_box1 .box_pic {}
#news_box1 .box_pic b { display:block; margin:0 0 20px 0; padding:0; width:100%; background:#fff; overflow:hidden; }
#news_box1 .box_pic b img { width:100%; margin:0 0 -4px 0; }
#news_box1 .box_text {}
#news_box1 .box_text h3 { margin:0 20px; padding:0; font-size:17px; line-height:26px; height:56px; overflow:hidden; }
#news_box1 .box_text span { display:block; margin:0 60px 20px 20px; padding:0; font-size:12px; line-height:16px; color:#88bc13; }
#news_box1 .box_text samp { position:absolute; bottom:0px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#9dd127; font-family:Arial; font-size:12px; line-height:50px; text-align:center; color:#FFF; }
#news_box1 .box_list ul li a { display:block; overflow:auto; color:#555;
background:#fdfdfd;
border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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_box1 .box_list ul li a:hover { color:#000;
background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }

/*無圖列表*/
#news_box2 .box_list {}
#news_box2 .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#news_box2 .box_list ul li { position:relative; float:left; margin:0 1% 10px 1%; padding:0; list-style:none; width:98%; background:#FFF; }
#news_box2 .box_text {}
#news_box2 .box_text h3 { margin:20px 20px 6px 20px; padding:0; font-size:18px; line-height:26px; height:26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#news_box2 .box_text p { display:block; margin:10px 20px; padding:0; font-size:15px; line-height:20px; color:#999; }
#news_box2 .box_text span { display:block; margin:0 60px 20px 20px; padding:0; font-size:12px; line-height:16px; color:#88bc13; }
#news_box2 .box_text samp { position:absolute; top:20px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#9dd127; font-family:Arial; font-size:12px; line-height:50px; text-align:center; color:#FFF; }
#news_box2 .box_list ul li a { display:block; overflow:auto; color:#555;
background:#fdfdfd;
border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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_box2 .box_list ul li a:hover { color:#000;
background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }

/*無圖列表 - 標題全顯示不隱藏*/
#news_box3 .box_list {}
#news_box3 .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#news_box3 .box_list ul li { position:relative; float:left; margin:0 1% 10px 1%; padding:0; list-style:none; width:98%; background:#FFF; }
#news_box3 .box_text {}
#news_box3 .box_text h3 { margin:20px 20px 6px 20px; padding:0; font-size:18px; line-height:26px; }
#news_box3 .box_text p { display:block; margin:10px 20px; padding:0; font-size:15px; line-height:20px; color:#999; }
#news_box3 .box_text span { display:block; margin:0 60px 20px 20px; padding:0; font-size:12px; line-height:16px; color:#88bc13; }
#news_box3 .box_text samp { position:absolute; top:20px; right:0px; display:block; margin:0; padding:0; width:50px; height:50px; background:#9dd127; font-family:Arial; font-size:12px; line-height:50px; text-align:center; color:#FFF; }
#news_box3 .box_list ul li a { display:block; overflow:auto; color:#555;
background:#fdfdfd;
border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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_box3 .box_list ul li a:hover { color:#000;
background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }

/*REPORT 台電圖書*/
#report_box {}
#report_box ul { margin:0 -10px; padding:0; overflow:auto; }
#report_box ul li { float:left; margin:0 0 15px 0; padding:0 10px; list-style:none; width:25%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#report_box ul li h5 { margin:0; padding:0; font-size:16px; font-weight:bold; line-height:30px; text-align:center; height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#report_box ul li b { display:block; border:solid 1px #ddd;
-webkit-transition:0.2s ease-in-out;
   -moz-transition:0.2s ease-in-out;
    -ms-transition:0.2s ease-in-out;
     -o-transition:0.2s ease-in-out;
        transition:0.2s ease-in-out; }
#report_box ul li b img { width:100%; margin:0 0 -4px 0; }

#report_box ul li ul { overflow:auto; width:100%; margin:0; padding:10px 0; -webkit-box-sizing:border-box; box-sizing:border-box; }
#report_box ul li ul li { float:left; display:block; width:50%; margin:0; padding:0 5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#report_box ul li ul li a { display:block; font-size:14px; text-align:center; line-height:40px; background:#FFF; color:#666; border:solid 1px #ddd; }
#report_box ul li ul li a:hover { color:#FFF; border:solid 1px #9dd127;
background:#9dd127;
background:-webkit-radial-gradient(center, ellipse cover, #54cb11 0%,#9dd127 100%);
background:-moz-radial-gradient(center, ellipse cover, #54cb11 0%, #9dd127 100%);
background:radial-gradient(ellipse at center, #54cb11 0%,#9dd127 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 ); }
#report_box ul li:hover h5 { color:#339900; }
#report_box ul li:hover b {
-webkit-box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;
-o-box-shadow:rgba(0,0,0,0.2) 3px 3px 3px;
box-shadow:rgba(0,0,0,0.2) 3px 3px 3px; }

/*DOWNLOAD 檔案下載*/
#download_box {}
#download_box .op_all { margin:0 0 10px 0; background:#FFF; }
#download_box .op_top {}
#download_box .op_top a { position:relative; display:block; padding:10px 45px 10px 15px; background:#999;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#download_box .op_top a i { position:absolute; top:10px; right:15px; display:block; width:20px; height:20px; background:url(../images/icon_arrow.png) no-repeat; }
#download_box .op_top a h3 { display:inline-block; margin:0; padding:0; font-size:16px; color:#FFF; }
#download_box .op_top a span { padding:0 5px 0 0; font-family:"Comic Sans MS", cursive; color:#FFF; }
#download_box .op_top a:hover,#download_box .op_top.cur a { color:#fff;
background:#9dd127;
background:linear-gradient(135deg, #54cb11 0%,#9dd127 100%);
background:-moz-linear-gradient(-45deg, #54cb11 0%, #9dd127 100%);
background:-webkit-linear-gradient(-45deg, #54cb11 0%,#9dd127 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 ); }
#download_box .op_top a:hover i,#download_box .op_top.cur a i { background:url(../images/icon_arrow_.png) no-repeat; }
#download_box .op_top a:hover span,#download_box .op_top.cur a span { color:#fff; }
#download_box .op_don { background:#f1f1f1; }
#download_box ul { margin:0; padding:0; }
#download_box ul li { float:none; margin:0; padding:0; width:100%; list-style:none; border:none; }
#download_box ul li:hover { border:none; }
#download_box ul li a { display:block; padding:12px 10px 12px 50px; font-size:14px; line-height:20px; border-top:solid 1px #FFF; border-bottom:solid 1px #ededed; background:url(../images/icon_newsdownload.png) no-repeat 18px 12px; color:#555; }
#download_box ul li a:hover { background:url(../images/icon_newsdownload_.png) no-repeat 18px 12px; color:#339900; }

/*DOWNLINK 檔案連結*/
#downlink_box {}
#downlink_box .op_all { margin:0 0 10px 0; background:#FFF; }
#downlink_box .op_top {}
#downlink_box .op_top a { position:relative; display:block; padding:10px 45px 10px 15px; background:#999;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#downlink_box .op_top a i { position:absolute; top:10px; right:15px; display:block; width:20px; height:20px; background:url(../images/icon_arrow.png) no-repeat; }
#downlink_box .op_top a h3 { display:inline-block; margin:0; padding:0; font-size:16px; color:#FFF; }
#downlink_box .op_top a span { padding:0 5px 0 0; font-family:"Comic Sans MS", cursive; color:#FFF; }
#downlink_box .op_top a:hover,#downlink_box .op_top.cur a { color:#fff;
background:#9dd127;
background:linear-gradient(135deg, #54cb11 0%,#9dd127 100%);
background:-moz-linear-gradient(-45deg, #54cb11 0%, #9dd127 100%);
background:-webkit-linear-gradient(-45deg, #54cb11 0%,#9dd127 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 ); }
#downlink_box .op_top a:hover i,#downlink_box .op_top.cur a i { background:url(../images/icon_arrow_.png) no-repeat; }
#downlink_box .op_top a:hover span,#downlink_box .op_top.cur a span { color:#fff; }
#downlink_box .op_don { background:#f1f1f1; }
#downlink_box ul { margin:0; padding:0; }
#downlink_box ul li { float:none; margin:0; padding:0; width:100%; list-style:none; border:none; }
#downlink_box ul li:hover { border:none; }
#downlink_box ul li a { display:block; padding:12px 10px 12px 50px; font-size:14px; line-height:20px; border-top:solid 1px #FFF; border-bottom:solid 1px #ededed; background:url(../images/icon_newslink.png) no-repeat 18px 12px; color:#555; }
#downlink_box ul li a:hover { background:url(../images/icon_newslink_.png) no-repeat 18px 12px; color:#339900; }

/*LINK 相關連結*/
#link_box {}
#link_box ul { margin:0 -1%; padding:0; overflow:auto; }
#link_box ul li { float:left; margin:0 1% 15px 1%; padding:2px; list-style:none; width:23%; -webkit-box-sizing:border-box; box-sizing:border-box; }
#link_box ul li b { display:block; width:100%; height:auto; overflow:hidden; }
#link_box ul li b img { width:100%; margin:0 0 -5px 0; }
#link_box ul li h4 { margin:2px 0 0 0; padding:10px; font-size:14px; line-height:20px; text-align:center; height:40px; overflow:hidden; }
#link_box ul li a { display:block; overflow:auto; color:#555; background:#fdfdfd; border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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; }
#link_box ul li a:hover { color:#000; background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }

/*FAQ 常見問答*/
#faq_box {}
#faq_box .op_all { margin:0 0 10px 0; background:#FFF; }
#faq_box .op_top {}
#faq_box .op_top a { position:relative; display:block; padding:10px 45px 10px 15px; background:#999;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#faq_box .op_top a i { position:absolute; top:10px; right:15px; display:block; width:20px; height:20px; background:url(../images/icon_arrow.png) no-repeat; }
#faq_box .op_top a h3 { display:inline-block; margin:0; padding:0; font-size:16px; color:#FFF; }
#faq_box .op_top a span { padding:0 5px 0 0; font-family:"Comic Sans MS", cursive; color:#FFF; }
#faq_box .op_top a:hover,#faq_box .op_top.cur a { color:#fff;
background:#9dd127;
background:linear-gradient(135deg, #54cb11 0%,#9dd127 100%);
background:-moz-linear-gradient(-45deg, #54cb11 0%, #9dd127 100%);
background:-webkit-linear-gradient(-45deg, #54cb11 0%,#9dd127 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 ); }
#faq_box .op_top a:hover i,#faq_box .op_top.cur a i { background:url(../images/icon_arrow_.png) no-repeat; }
#faq_box .op_top a:hover span,#faq_box .op_top.cur a span { color:#fff; }
#faq_box .op_don { padding:10px 20px; font-size:14px; color:#333; background:#f1f1f1; }

/*FAQ 常見問答 - 無伸縮列表，標題全顯示不隱藏*/
#faq_box2 .box_list {}
#faq_box2 .box_list ul { margin:0 -1%; padding:0; overflow:auto; }
#faq_box2 .box_list ul li { position:relative; float:left; margin:0 1% 10px 1%; padding:0; list-style:none; width:98%; background:#FFF; }
#faq_box2 .box_text { padding:20px; }
#faq_box2 .box_text h3 { margin:0; padding:0; font-size:16px; line-height:25px; }
#faq_box2 .box_text span { float:left; margin:0 5px 0 0; padding:0; font-size:16px; line-height:25px; color:#88bc13; font-family:"Comic Sans MS", cursive; }
#faq_box2 .box_list ul li a { display:block; overflow:auto; color:#555;
background:#fdfdfd;
border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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; }
#faq_box2 .box_list ul li a:hover { color:#000;
background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }

/*CONTACT*/
#contact_box { overflow:auto; }
#contact_box .box_form { float:left; width:55%; }
#contact_box .box_map { float:right; width:43%; margin:0 0 0 2%; }

/*SITEMAP 網站導覽*/
#sitemap_box {}
#sitemap_box .box_info {}
#sitemap_box .box_info ul { margin:0; padding:0; overflow:auto; }
#sitemap_box .box_info ul li { float:left; margin:5px 1%; padding:0; list-style:none; width:31.333%; }
#sitemap_box .box_info ul li h2 { margin:0; padding:10px; font-size:15px; }
#sitemap_box .box_info ul li a { display:block; color:#FFF;
background:#9dd127;
background:linear-gradient(135deg, #54cb11 0%,#9dd127 100%);
background:-moz-linear-gradient(-45deg, #54cb11 0%, #9dd127 100%);
background:-webkit-linear-gradient(-45deg, #54cb11 0%,#9dd127 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cb11', endColorstr='#9dd127',GradientType=1 );
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#sitemap_box .box_info ul li a:hover { background:#9dd127; }

#sitemap_box .box_info ul li ul { margin:0; padding:0; overflow:auto; }
#sitemap_box .box_info ul li ul li { float:none; margin:0; padding:0; list-style:none; width:100%; }
#sitemap_box .box_info ul li ul li h2 { margin:0; padding:8px 10px 8px 25px; font-size:15px; }
#sitemap_box .box_info ul li ul li a { position:relative; display:block; background:#f5f5f5; border-bottom:solid 1px #ddd; color:#555; }
#sitemap_box .box_info ul li ul li a:hover { background:#999; color:#fff; }
#sitemap_box .box_info ul li ul li a:before { content:""; position:absolute; top:15px; left:10px; background:#54cb11; width:6px; height:6px; }
#sitemap_box .box_info ul li ul li a:hover:before { background:#fff; }

#sitemap_box .box_info ul li ul li ul { margin:0; padding:0; overflow:auto; }
#sitemap_box .box_info ul li ul li ul li { float:none; margin:0; padding:0; list-style:none; width:100%; }
#sitemap_box .box_info ul li ul li ul li h2 { margin:0; padding:5px 10px 5px 40px; font-size:15px; }
#sitemap_box .box_info ul li ul li ul li a { display:block; background:#e5e5e5; border-bottom:solid 1px #ddd; color:#555; }
#sitemap_box .box_info ul li ul li ul li a:hover { background:#888; color:#fff; }
#sitemap_box .box_info ul li ul li ul li a:before { content:""; position:absolute; top:13px; left:28px; background:#888; width:5px; height:5px; }

/*404 找不到該網頁*/
#content_404 {position:relative; width:100%; max-width:1200px; margin:30px auto 20px; padding:0; -webkit-box-sizing:border-box;
box-sizing:border-box;
border-top:solid 2px #a6de2f;
background:#FFF;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;}

#error404 { margin:30px auto 50px auto; }
#error404 .tit { font-size:30px; line-height:30px; font-weight:normal; text-align:left; }
#error404 table { margin:0 auto; max-width:400px; }
#error404 th { padding:5px; font-size:17px; line-height:20px; font-weight:normal; text-align:left; }
#error404 td { padding:5px; font-size:14px; line-height:20px; }
#error404 a { display:inline-block; color:#913897; }
#error404 a:hover { color:#aa7915; }


/* ======================= 內頁 ======================= */

/*多圖片區塊*/
.pic_list { margin:30px 0 0 0; }
.pic_list ul { margin:0 -1% 0 0; padding:0; overflow:auto; }
.pic_list ul li { float:left; margin:0 1% 15px 0; padding:0; list-style:none; width:24%; }
.pic_list ul li b { display:block; margin:0; padding:0; width:100%; height:150px; background:#ccc; overflow:hidden; }
.pic_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.pic_list ul li p { margin:5px 0; padding:0; font-size:14px; line-height:20px; text-align:center; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pic_list ul li a { display:block; padding:10px; color:#555; background:#fdfdfd; border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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; }
.pic_list ul li a:hover { background:#FFF; color:#333;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }
.mfp-figure small { display:none !important; }

/*多影片區塊*/
.video_list { margin:15px 0 0 0; }
.video_list ul { margin:0; padding:0; overflow:auto; }
.video_list ul li { margin:25px auto; position:relative; padding:10px 10px 57% 10px; overflow:hidden; list-style:none; display:block; color:#555; background:#fdfdfd; border:solid 1px #ededed;
-webkit-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-moz-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-ms-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-o-box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
box-shadow:rgba(0,0,0,0.05) 0px 2px 2px;
-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; }
.video_list ul li:hover { background:#FFF; color:#333;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 2px 5px;
box-shadow:rgba(0,0,0,0.2) 0px 2px 5px; }
.video_list ul li iframe { position:absolute; top:2%; left:1%; width:98%; height:96%;}

/*下載列表(文章內)*/
.download_list { padding:10px 0; }
.download_list ul { margin:0; padding:0; }
.download_list ul li { margin:0 !important; padding:0 !important; list-style:none; background:none !important; }
.download_list ul li span { margin:0; padding:0; font-size:14px; color:#333; }
.download_list ul li a { display:block; padding:8px 10px 8px 40px; font-size:14px; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../images/icon_newsdownload.png) no-repeat 12px 10px; color:#757575; }
.download_list ul li a:hover { background:#fefefe url(../images/icon_newsdownload_.png) no-repeat 12px 10px; color:#88bc13; }

/*連結列表(文章內)*/
.link_list { padding:10px 0; }
.link_list ul { margin:0; padding:0; }
.link_list ul li { margin:0 !important; padding:0 !important; list-style:none; background:none !important; }
.link_list ul li span { margin:0; padding:0; font-size:14px; color:#333; }
.link_list ul li a { display:block; padding:8px 10px 8px 40px;font-size:14px; line-height:20px; border-bottom:dashed 1px #eaeaea; background:url(../images/icon_newslink.png) no-repeat 12px 10px; color:#757575; }
.link_list ul li a:hover { background:#fefefe url(../images/icon_newslink_.png) no-repeat 12px 10px; color:#88bc13; }

/* ======================= FORM 表單專用 ======================= */
.box_form {}
.box_form h4 { margin:0 10px 0 0; padding:0; font-size:16px; font-weight:normal; line-height:30px; text-align:left; color:#333; height:30px; }
.box_form b { margin:0; padding:0 3px 0 0; font-size:15px; font-weight:normal; color:#F00; }
.box_form span { margin:0; padding:0 5px; font-size:13px; font-weight:normal; color:#F00; }
.box_form p { margin:0; padding:0; font-size:14px; line-height:30px; color:#555; }

.box_form .form_l { position:relative; float:left; width:48%; height:60px; padding:7px 1%; }
.box_form .form_c { position:relative; clear:both; width:98%; padding:7px 1%; }
.box_form .form_btn { clear:both; width:98%; margin:10px 1%; text-align:center; }

.box_form .wall { width:100%; height:30px; line-height:30px; margin:0; }
.box_form .wall2 { width:100%; height:150px; line-height:25px; margin:0 0 -10px 0; }
.box_form .wall3 { float:left; width:9%; height:30px; line-height:25px; margin:0 1% 5px 0; } /*郵遞區號*/
.box_form .wall4 { float:left; width:70%; height:30px; line-height:25px; margin:0 0 5px 0; } /*地址*/
.box_form .text { padding:2px 8px; background:#fff; border:solid 1px #d5d5d5; font-size:14px; line-height:20px; color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
.box_form .select01 { margin:0 1% 5px 0; padding:2px 20px 2px 5px; background:#FFF url(../images/selectarrow_k.png) no-repeat center right; border:solid 1px #d5d5d5; font-size:14px; line-height:20px; color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; } /*地址下拉*/

/*驗證碼*/
.box_form .code_pic { position:relative; margin:0 0 10px 0; padding:0 235px 0 0; text-align:left; }
.box_form .code_pic img { position:absolute; top:0px; right:130px; width:95px; height:30px; overflow:hidden; }
.box_form .code_btn { position:absolute; top:0px; right:0px; margin:0; padding:5px 0; width:120px; background:#f48505; border:none; font-size:14px; line-height:20px; text-align:center; color:#FFF;
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-appearance:none; /*去除系统默认的样式*/ 
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;  }
.box_form .code_btn:hover { background:#f06009; }

/*一般按鈕*/
.box_form .btn { display:inline-block; margin:5px; min-width:100px; padding:6px 8px; border:none; font-size:14px; line-height:20px; text-align:center;
-webkit-box-sizing:border-box; box-sizing:border-box;
-webkit-appearance:none; /*去除系统默认的样式*/ 
-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;  }
.box_form .btn01 { background:#f48505; color:#FFF; }
.box_form .btn01:hover { background:#f06009; }
.box_form .btn02 { background:#aaa; color:#FFF;  }
.box_form .btn02:hover { background:#888; }

/* ======================= SHARE 文章列印分享回上層 ======================= */
#share {/* clear:both; */margin:20px 0 0 0;padding:20px 0px 0px 0px;border-top:solid 1px #ededed;}
#share ul { display:block; margin:0; padding:0; text-align:right;/*用文字方向可控制按鈕位置*/ }
#share ul li { display:inline-block; margin:0 0 10px 5px; padding:0; list-style:none; font-size:13px; line-height:24px; }
#share ul li a { display:block; padding:2px 10px; background:#eee; color:#333; border:solid 1px #ededed;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share ul li a:hover { background:#aaa; color:#fff; border:solid 1px #999; }
/*社群分享區塊*/
#share .community { padding:2px 6px; background:#eee; color:#333; border:solid 1px #ededed;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share .community a { float:left; display:block; width:20px; height:20px; margin:2px 5px 3px 0px; padding:0; border:none; opacity:1; text-indent:-9999px; }
#share .community a:hover { border:none; opacity:0.7; }

/*社群icon*/
#share .line-it-button { float:left; margin:2px 5px 3px 0px; }
#share .line-it-button:hover { opacity:0.5; }
#share .line { background:url(../images/community/icon_line_d.svg) no-repeat; }
#share .line:hover { background:url(../images/community/icon_line_d.svg) no-repeat; opacity:0.5; }
#share .gp { background:url(../images/community/icon_googleplus_d.svg) no-repeat; }
#share .gp:hover { background:url(../images/community/icon_googleplus_d.svg) no-repeat; opacity:0.5; }
#share .fb { background:url(../images/community/icon_facebook_d.svg) no-repeat; }
#share .fb:hover { background:url(../images/community/icon_facebook_d.svg) no-repeat; opacity:0.5; }
#share .wb { background:url(../images/community/icon_weibo_d.svg) no-repeat; }
#share .wb:hover { background:url(../images/community/icon_weibo_d.svg) no-repeat; opacity:0.5; }
#share .wc { background:url(../images/community/icon_wechat_d.svg) no-repeat; }
#share .wc:hover { background:url(../images/community/icon_wechat_d.svg) no-repeat; opacity:0.5; }
#share .tt { background:url(../images/community/icon_twitter_d.svg) no-repeat; }
#share .tt:hover { background:url(../images/community/icon_twitter_d.svg) no-repeat; opacity:0.5; }
#share .pl { background:url(../images/community/icon_plurk_d.svg) no-repeat; }
#share .pl:hover { background:url(../images/community/icon_plurk_d.svg) no-repeat; opacity:0.5; }

/* ======================= PAGE 頁碼 ======================= */
#page { clear:both; padding:20px 0px 15px 0px; border-top:solid 1px #ededed; }
#page ul { display:block; margin:0; padding:0; text-align:center;/*用文字方向可控制按鈕位置*/ }
#page ul li { display:inline-block; margin:0 2px 10px 2px; padding:0; list-style:none; font-size:12px; line-height:24px; text-align:center; }
#page ul li a { display:block; padding:0px 10px; background:#eee; color:#666; border:solid 1px #ededed;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#page ul li a:hover { background:#aaa; color:#FFF; border:solid 1px #aaa; }
#page ul li a.cur { background:#777; color:#FFF; border:solid 1px #666; }


/* ======================= RWD 其他螢幕尺寸樣式 ======================= */

/*小螢幕-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1366px) {
#nav { padding:30px 0 10px 0; }
#power01 { margin:0 0 10px 0; }
#power01 iframe { margin:5px auto 0 auto; }
#power02 b { height:231px; }
#power02 .w_open { display:none; }
#power02 .m_open { display:block; }
}

/*小螢幕-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1210px) {
/*----- HEADER 收縮 -----*/
.shrink ul li.logo { background:url(../images/logoss_w.svg) no-repeat 10px 0px; background-size:180px 56px; }
#top_menu ul { padding:0 0 0 90px; }
#don_menu ul li { padding:10px 15px; }
#top_menu ul li h2 { letter-spacing:-2px; }
#top_menu ul li a { padding:13px 0; }

/* ----- 共用框架 -----*/
.totop a { bottom:20px; right:20px; }
#copyright { padding:20px 15px; }

/* ----- 內頁共用 ----- */
/*多圖片區塊*/
.pic_list ul li { width:32.3333%; }

/* ----- 首頁 ----- */
/*BANNER*/
#banner { float:none; width:100%; height:auto; }
/*POWER*/
#power01,#power02,#power03 { width:48%; }
#power01 { float:left; margin:0 0 20px 1%; }
#power02,#power03 { float:right; margin:0 1% 20px 0; }

#inx_topservice_box { width:98%; margin:0 1%; }
#inx_topservice_box .box_info ul li { width:18%; }

#inx_topten_box { width:98%; margin:0 1%; }
#inx_topten_box .box_info ul li { width:23%; }

#inx_news_box { width:65%; margin:0 0 20px 1%; }
#inx_video_box { width:31%; margin:0 1% 20px 0; }
#inx_ad_box .box_info ul { margin:0; }
#inx_link_box { width:98%; margin:0 1% 20px 1%; }

/*REPORT 台電圖書*/
#report_box ul li { width:33.333%; }
}

/*小螢幕*/
@media only screen and (max-width:1000px) {
#inx_topservice_box .box_info ul li { width:23%; }
}

/*平板*/
@media only screen and (max-width:960px) {
#inx_video_box { padding: 0 0 25px; }
#main_block{width:100%; margin-left:0;}
/*----- HEADER 收縮 -----*/
#nav { display:none; }
#logo_m { display:block; }
.slicknav_menu { display:block; }
.shrink ul li.logo { display:none !important; }
.shrink ul li { width:100% !important; }
.m_open { display:block; }
#top_menu { display:none; }

/* ----- 共用框架 -----*/
.totop a { bottom:15px; right:15px; }
#banners { margin:10px auto 0 auto; }
#content { padding:10px 0; }
#content_404 { margin:10px 0;}
#left_block { display:none; }
#don_menu_all { display:none; }
#path { display:none; }

/* ----- FOOTER -----*/
#don_menu ul li { width:16.6666%; }

/* ----- 內頁共用 ----- */
.pic_list ul { margin:0 -2% 0 0; }
.pic_list ul li { width:48%; margin:0 2% 15px 0; }

/* ----- 首頁 ----- */
#top_box { padding:0 0 25px 0; }
#inx_topten_box .box_info ul li { width:31.3333%; }
#inx_news_box { width:98%; margin:0 1% 20px 1%; }
#inx_video_box { width:98%; margin:0 1% 20px 1%; }
#inx_video_box iframe { width:100%; }
#inx_video_box .box_info { display:none; }
#inx_video_box .box_info_m { display:block; }
#inx_video_box .box_info_ms { display:none; }

/*REPORT 台電圖書*/
#report_box ul li { width:25%; }
}

@media only screen and (max-width:820px) {
/* ----- 首頁 ----- */
#inx_ad_box .box_info ul li { width:48%; }
#inx_topservice_box .box_info ul li { width:31.333%; }
#inx_topten_box .box_info ul li { width:48%; }
#inx_news_box .tabs li a { padding:8px 10px; }
#inx_link_box .box_info ul li { width:23%; }
#inx_link_box .box_info ul li b { margin:10px auto; }
/*NEWS 最新消息*/
#news_box .box_list ul li { width:48%; }
#news_box1 .box_list ul li { width:48%; }
/*REPORT 台電圖書*/
#report_box ul li { width:33.333%; }
}

/*手機板*/
@media only screen and (max-width:645px) {
/* ----- 共用框架 -----*/
.totop a { bottom:10px; right:10px; width:30px; height:30px; font-size:12px; line-height:15px; }
/* ----- 內頁共用 ----- */
#pics li { width:24%; }
.pic_list ul li { width:100%; padding:0; }
.box_form .form_l { float:none; width:98%; }

/* ----- 首頁 ----- */
#power01,#power02,#power03 { float:none; width:99%; margin:0 auto 20px auto; }

#inx_topservice_box .box_info { padding:75px 25px 10px 25px; }
#inx_topten_box .box_info { padding:75px 25px 10px 25px; }
#inx_topten_box .box_info ul li { width:98%; }

#inx_news_box .box_more { top:30px; right:25px; left:auto; width:auto; }
#inx_news_box .news_more { top:30px; right:25px; left:auto; width:auto; }
#inx_news_box .box_info { padding:75px 25px 25px 25px; }
#inx_news_box .tabs li { margin:0 2% 6px 0; width: 48%; }
#inx_news_box .tabs li a { padding:8px; }

#inx_link_box .box_more { top:30px; right:25px; left:auto; width:auto; }
#inx_link_box .box_info { padding:75px 25px 10px 25px; }
#inx_link_box .box_info ul li { width:48%; }


/*REPORT 台電圖書*/
#report_box ul li { width:50%; }
/*LINK 相關連結*/
#link_box ul li { width:31.3333%; }

#sitemap_box .box_info ul li { width:48%; }
}

/*手機板*/
@media only screen and (max-width:560px) {
#banners { margin:5px auto 0 auto; }
#content { padding:5px 0; }

#inx_topservice_box .box_info ul li { width:48%; }
	
#inx_video_box .box_info { display:none; }
#inx_video_box .box_info_m { display:none; }
#inx_video_box .box_info_ms { display:block; }

#inx_ad_box .box_info ul li { width:98%; }

/*NEWS 最新消息*/
#news_box .box_list ul li { float:none; margin:0 0 20px 0; width:100%; }
#news_box1 .box_list ul li { float:none; margin:0 0 20px 0; width:100%; }
/*LINK 相關連結*/
#link_box ul li { width:48%; }

#sitemap_box .box_info ul li { width:98%; }
}

/*手機板*/
@media only screen and (max-width:400px) {
/*#inx_topservice_box .box_info ul li { width:98%; }*/
#inx_topservice_box .box_info ul li b { float:none; margin:0 40px; }
#inx_topservice_box .box_info ul li h3 { float:none; text-align:center; }
}
/*手機板*/
@media only screen and (max-width:350px) {
/*LINK 相關連結*/
#link_box ul li { width:98%; }
}