@charset "utf-8";
/* CSS Document */
/*Reset Start*/
/*YuI*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding:0; margin:0; }
table { }
fieldset, img { border:0; }
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style:normal; }
ol, ul { list-style:none; }
caption, th { }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
q:before, q:after { content:''; }
abbr, acronym { border:0; }
/*Reset End*/
/*Body Start*/
body { font-size:63%/*63%=10px*/; font-family:Arial, Helvetica, sans-serif, "新細明體"; line-height:120%; color:#555555; background:#fff; }
body.size_b { font-size:75%/*63%=10px*/; }
body.size_m { font-size:63%/*63%=10px*/; }
body.size_s { font-size:50%/*63%=10px*/; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.clearfix { zoom:1; }
.clearfix:after { content:'.'; display:block; visibility:hidden; clear:both; height:0px; }
.word_break { word-break:break-all; word-wrap:break-word; display:block; }
a { text-decoration:none; color:#333; }
a:hover { color:#fe5f00; }
/*Body End*/
/*無障礙 Start*/
.accesskey { font-size:1.0em; height:20px; margin-left:0; width:11px; position:absolute; z-index:1; margin:0 0 0 -10px; }
.accesskey a { color:#FFF; }
.none { display:none;/*left:-500em;position:absolute;top:-500em;*/ }
/*無障礙 End*/
/*--Structure--*/
/*Wrapper Start*/
.wrapper { margin:0 auto; width:1000px; }
/*Wrapper End*/
/*header Start*/
.header { position:relative; z-index:1; /*background:url(../images/header_bg.jpg) no-repeat top;*/ height: 242px; width:100%;/*for IE6,7 上方留白*/ }
.header .kv { position: absolute; width:1000px; z-index: 1; top: 0px; left: 0; overflow: hidden; width: 1000px; height:200px; }
.header .logo { position:absolute; top:10px; left:10px; z-index: 2; }
.header .logo a { display:inline-block; width:300px; height:50px; }
.header .header_nav01 { position:absolute; top: 5px; line-height: 20px;  right: 20px; z-index: 2; background:url(../images/clock.gif) right -11px no-repeat; height: 20px; padding: 0px 10px 0 0px;}
.header .header_nav01 ul { float:left; background:url(../images/clock.gif) 0 -57px no-repeat; padding: 0px 0 0 10px; height: 20px; display: block;}
.header .header_nav01 li { float:left; color:#fff; font-size:1.3em; }
.header .header_nav01 li a { color:#fff; font-size:0.9em; padding:0 5px; }
.header .header_nav02 { position:absolute; top:200px; left:0px; z-index: 2; padding: 0px 0 0 25px; width: 975px; height:42px; background:url(../images/nav_bg.jpg) no-repeat; text-align: center; }
.header .header_nav02 li{ float: left; height:40px; padding:2px 15px 0 7px; .height:38px; .padding:4px 15px 0 7px;  background:url(../images/nav_line.jpg) right no-repeat; }
.header .header_nav02 li.last{ background:none; padding:4px 0 0 7px;}
.header .header_nav02 li a{ color:#fff; font-weight:bold; font-size:1.6em; .font-size:1.5em; line-height:2.5; font-family:Arial,"微軟正黑體";}
.header .header_nav02 li a:hover{ color:#fe5f00;}
/*.header .header_nav02 li a { display:inline-block; height:42px; width: 70px; padding: 0px 1px 0 0;}
.header .header_nav02 li a.nav01 { background:url(../images/nav01.gif) no-repeat; }
.header .header_nav02 li a.nav02 { background:url(../images/nav02.gif) no-repeat; }
.header .header_nav02 li a.nav03 { background:url(../images/nav03.gif) no-repeat; }
.header .header_nav02 li a.nav04 { background:url(../images/nav04.gif) no-repeat; }
.header .header_nav02 li a.nav05 { background:url(../images/nav05.gif) no-repeat; }
.header .header_nav02 li a.nav06 { background:url(../images/nav06.gif) no-repeat; }
.header .header_nav02 li a.nav07 { background:url(../images/nav07.gif) no-repeat; }
.header .header_nav02 li a.nav08 { background:url(../images/nav08.gif) no-repeat; }
.header .header_nav02 li a.nav09 { background:url(../images/nav09.gif) no-repeat; }
.header .header_nav02 li a.nav10 { background:url(../images/nav10.gif) no-repeat; }
.header .header_nav02 li a.nav11 { background:url(../images/nav11.gif) no-repeat; width:151px; }
.header .header_nav02 li a.nav12 { background:url(../images/nav12.gif) no-repeat; width:85px; padding: 0px 0px 0 0; }*/
.header .date { color:#5f5f5f; font-size:1.3em; position:absolute; top:35px; right: 10px; line-height:140%; z-index: 2; height: 46px; padding: 0px 10px 0 0px; }
.header .visited { position:absolute; top:180px; left: 10px; z-index: 10; font-size:1.3em; color: #666; }
.header .guide { position:absolute; top:180px; right: 10px; z-index: 10; font-size:1.3em; color: #d6d6d6; }
/*.header_search { position: absolute; top: 210px; left: 515px; background: url(../images/indexsearch_title.gif) no-repeat;z-index: 10; padding-top: 35px; width: 280px;}
.header_search .input{ margin-bottom: 10px;}
.header_search .input input{ width: 220px; border: 1px solid #ddd; height: 22px; line-height: 22px; vertical-align: middle;}
.header_search .bt_search{ background: url(../images/indexsearch_btn.gif) no-repeat; display: inline-block; width: 54px; height: 25px;vertical-align: middle; }
.header_search .more { text-align: right; font-size: 1.3em; margin-bottom: 5px;}
.header_search .hot { font-size: 1.3em;margin-bottom: 10px;}
.header_search .kind { background: url(../images/indexsearch_kind.gif) 0 center no-repeat; padding-left: 90px; line-height: 140%; font-size: 1.5em; font-weight: bold; color: #24436b; }
.header_search .kind a{ color: #24436b; }*/


/*header End*/

/*Container Start*/
.container { clear:both; width:100%;/*for IE6,7*/ }
.bd div.btn { text-align: right; }
ul.tab, .content ul.tab { padding: 6px 0 0 0px; height:30px; font:1.5em/28px arial; }
ul.tab li, .content ul.tab li { padding: 0 10px 0 0; margin-right: 5px; float: left; background: url(../images/pagetitle_tab_rt.gif) right 0 no-repeat; height: 30px; }
ul.tab li a { display:inline-block; height:28px; padding:2px 0 0 10px; color:#fff; font-weight:bold; background: url(../images/pagetitle_tab_lf.gif) 0 2px no-repeat; }

/*Container End*/
.sidebar_left { width:228px; float:left; margin:0; /*overflow: hidden; */padding: 10px 0 0;}
.sidebar_left.topBN{ width:228px; height:153px; text-align:center;}
.sidebar_left .menu { margin:0 0 10px; }
.sidebar_left .menu .hd { }
.sidebar_left .menu .ft { height:22px; line-height:0px; }
.sidebar_left .menu .bd { padding:10px 15px 5px 25px; }
.sidebar_left .menu li { background:url(../images/line_dash.jpg) repeat-x bottom; padding:5px 0; position: relative; z-index: 9999; }
.sidebar_left .menu li ul{ position:absolute; left: 180px; top: 0; width: 180px; background-color:#f2f2f2; display: none;}
.sidebar_left .menu li.hover ul{ display: block;}
.sidebar_left .menu li ul li{ padding-left: 10px;}
.sidebar_left .menu li a { background:url(../images/icon_menu.jpg) no-repeat left 7px; padding:0 0 0 13px; display: block; }
.sidebar_left .menu li a:hover { color:#FE5F00; }
span.btn { display:inline-block; height:20px; background:url(../images/btn_rt.jpg) no-repeat right; padding:0 8px 0 0; }
span.btn a { display:inline-block; height:18px; line-height:16px; background:url(../images/btn_lf.jpg) no-repeat left; padding:2px 0 0 8px; color:#fff; font-size:15px; }
a.btn_02 { display:inline-block; background:url(../images/btn02_bg.jpg) no-repeat; width:45px; height:20px; line-height:20px; color:#fff; text-align:center; font-size: 15px; }
a.btn_04 { display:inline-block; background:url(../images/btn04_bg.jpg) no-repeat; width:70px; height:20px; line-height:20px; color:#fff; text-align:center; font-size: 15px; }
a.btn_07 { display:inline-block; background:url(../images/btn04_bg.jpg) no-repeat; width:104px; height:20px; line-height:20px; color:#fff; text-align:center; font-size: 15px; }
input.btn_02 { display:inline-block; background:url(../images/btn02_bg.jpg) no-repeat; width:45px; height:20px; line-height:20px; color:#fff; text-align:center; border:0px; font-size: 15px; }
input.btn_04 { display:inline-block; background:url(../images/btn04_bg.jpg) no-repeat; width:70px; height:20px; line-height:20px; color:#fff; text-align:center; border:0px; font-size: 15px; }
input.btn_07 { display:inline-block; background:url(../images/btn04_bg.jpg) no-repeat; width:104px; height:20px; line-height:20px; color:#fff; font-size:1.3em; text-align:center; border:0px; font-size: 15px; }
/*box*/
.box01 { width:228px; margin:0 0 10px; }
.box01 .hd { height:36px; font-size:1.8em; background:url(../images/box01_hd.jpg) no-repeat; }
.box01 .ft { height:22px; background:url(../images/box01_ft.jpg) no-repeat; }
.box01 .bd { line-height:0px; padding:0px 15px 0 15px; position:relative; line-height:140%; font-size:1.5em; background:url(../images/box01_bd.jpg) repeat-y; }
.box01 .hd h2 { line-height:30px; color: #1d33b5; font-weight:bold; text-align:center;}


.box01 ul.list { margin:0 0 0px; }
.box01 ul.list li { background:url(../images/line_dash.jpg) repeat-x bottom; padding:0px 0 5px; margin-bottom: 5px; }
.box01 ul.list li a { background:url(../images/icon_menu.jpg) no-repeat left center; padding:0 0 0 13px; }
.box01 ul.list li a:hover{ font-weight:normal;}
.box01 ul.list li.last { background:none; }

.sidebar_left .menu ul.level02{ z-index:9999; border:1px solid #2f90c8;}
.sidebar_left .menu ul.level02 li{ list-style:none; line-height:26px; background:none; border-bottom:1px solid #2f90c8; padding:0; margin:0;}
.sidebar_left .menu ul.level02 li.last{ border-bottom:none;}
.sidebar_left .menu ul.level02 li a{ margin:0; background:url(../images/icon_menu.jpg) 10px 10px  no-repeat; padding:0 0 0 20px; }
.sidebar_left .menu ul.level02 li a:hover{  color:#FFF; background:url(../images/icon_menu_c.jpg) 10px 10px  no-repeat #2f90c8;}

.box02 { width:228px; margin:0 0 10px; }
.box02 h2 { height:36px; background:url(../images/box02_h2_bg.jpg) no-repeat; line-height:30px; color: #1d33b5; font-weight:bold; font-size:1.8em; padding-left:20px;}
.box02 .hd { height:8px; background:url(../images/box02_hd.jpg) no-repeat; }
.box02 .ft { height:8px; background:url(../images/box02_ft.jpg) no-repeat; }
.box02 .bd { line-height:0px; padding:0px 15px 0 15px; position:relative; line-height:140%; font-size:1.5em; background:url(../images/box02_bd.jpg) repeat-y; }
.box02 .pic{ padding:8px 0 0 0; text-align:center;}
.box02 .pic img{ margin-bottom:3px;}


.box02 ul.list { margin:0 0 0px; }
.box02 ul.list li { background:url(../images/line_dash.jpg) repeat-x bottom; padding:0px 0 5px; margin-bottom: 5px; }
.box02 ul.list li a { background:url(../images/icon_menu.jpg) no-repeat left center; padding:0 0 0 13px; }
/*.box02 ul.list li a:hover{ font-weight:bold;}*/
.box02 ul.list li.last { background:none; }



/* side */
table.table_qa { }
table.table_qa td, .box02 table.table_qa th { padding:2px 2px 7px 2px; }
table.table_qa th { padding:2px 7px 2px 2px; }
.linkbox { background:url(../images/link_bg.jpg) no-repeat; font: bold 1.3em/27px arial; height: 27px; padding: 0 10px 0 60px; width: 158px; }
.linkbox li { float: left; background: url(../images/link_line.jpg) right center no-repeat; padding-right: 11px; margin-right: 10px; }
.linkbox li a { color: #fff; }
.linkbox li.last { background: none; padding-right: 0px; margin-right: 0px; }
.login .hd { }
.login .bd { }
.login .bd p { margin-bottom: 10px; }
.login .bd li { float: left; width: 95px; height: 31px; margin: 2px 2px; padding:2px 0;}
.login .bd li a { display: block; width: 95px; height: 31px; text-align: center; line-height: 31px; color: #fff; font-weight: bold; }
.login .bd .btn_login { background:url(../images/login_btn.jpg) no-repeat }
.login .bd .btn_join { background:url(../images/login_btn.gif) no-repeat }
.sidesearch .bd { padding: 0px 0 0; }
.sidesearch .input { margin-bottom: 10px; text-align: center;  padding:0 15px;}
.sidesearch input { width: 190px; margin-bottom: 10px; }
.sidesearch .kind { background: url(../images/sidesearch_kindbg.jpg) no-repeat; height: 30px; padding: 6px 0 0 80px; font-weight: bold; line-height: 25px; }
.sidesearch .kind a { color: #ffc700; }
/*.login .keyin ul { position:absolute; top:0px; left:20px; font-size:1.3em; width:143px; }
.login .keyin li { line-height:17px; margin:0 0 3px; line-height:140%; }
.login .keyin li span { background:url(../images/icon_login.jpg) no-repeat left center; padding:0 0 0 10px; line-height:120%; }
.login .keyin li input { border:1px #dadada solid; width:100px; height:15px; line-height:15px; }
.login .keyin a.btn_login { display:inline-block; background:url(../images/btn_login.jpg) no-repeat; width:45px; height:36px; position:absolute; top:2px; right:20px; }
.login .keyin .forget { font-size:1.2em; position:absolute; top:48px; left:20px; line-height:120%; }*/

.epaper { padding:0px 0 0 0; }
.epaper .bd { height: 50px; }
.epaper input { width:160px; border:1px #dadada solid; }
.epaper a.btn01 { position:absolute; top:0px; right:10px; text-indent: -99999px; background: url(../images/btn_order.jpg) no-repeat; width:35px; height: 21px; }
.epaper a.btn02 { position:absolute; top:30px; left: 20px; background:url(../images/bt_icon.jpg) 0 center no-repeat; padding: 0 0 0 8px; color: #224574; text-decoration: underline; font-size: 1em; }
.hotqa ul { margin-bottom: 15px; background:url(../images/line_dash.jpg) repeat-x bottom; padding-bottom: 5px; }
.hotqa li { padding-left: 25px; margin-bottom: 10px; }
.hotqa li.q { background:url(../images/icon_q.jpg) 0 2px no-repeat; }
.hotqa li.a { background:url(../images/icon_a.jpg) 0 2px no-repeat; }
.hotqa a { margin-right:5px;}
.hotqa .btn { line-height:20px; color:#fff; color:#5892d2; text-align: right; }
.hotqa .btn a { color:#5892d2; text-decoration: underline; }
/*calendar*/
.calendar .hd { }
.calendar .bd { background:url(../images/calendar_bg.jpg) 12px bottom no-repeat; padding: 0px 0px 0; }
.calendar .con { background:url(../images/calendar_con.jpg) 12px 0 no-repeat; padding: 40px 38px 50px 33px; }
.calendar .bd .more { position:absolute; bottom:25px; right:60px; text-indent: -99999px; background: url(../images/bt_more2.gif) no-repeat; width:56px; height: 14px; }
.invoice .hd { }
.invoice table { width:150px; margin:0 auto; }
.invoice table span { line-height:120%; letter-spacing:4px; font-weight:bold; }
.invoice .hd { }
.invoice .date { background:url(../images/invoice_date.jpg) no-repeat; width:146px; height:19px; margin:0 auto; color:#fff; font-weight: bold; text-align:center; }
.invoice ul.list { margin:0; }
.links .hd { background:url(../images/box01_hd.jpg) no-repeat; height:16px; }
.links .bd { }
.links ul { margin:0 0 0 10px; width:180px; }
.links li { padding:4px 0; }
.links li a { background:url(../images/icon_menu.jpg) no-repeat left center; font:1.5em/120% arial; padding:0 0 0 12px; }
/*.banner { width:220px; margin:0 4px; text-align:center; }
.banner li { margin-bottom: 5px;}*/
.movies { padding:0px 6px 0px 6px; margin:0 0 10px; }
.movies .btn_more{ width:45px; height:15px; background:url(../images/bt_more3.jpg) no-repeat; padding-bottom:3px;}
.qrcode { }
.qrcode .bd { padding: 10px 15px 5px; text-align: center; }
.clock { }
.clock .bd { background: url(../images/clock_bg.gif) 15px 0 no-repeat; height: 85px; position: relative; }
.clock .day, .clock .hr, .clock .min { font-size: 48px; line-height: 100%; color: #fff; position: absolute; top: 35px; }
.clock .day { right: 170px; }
.clock .hr { right: 95px; }
.clock .min { right: 20px; }
.clock .deadline { font-size: 0.8em; line-height: 140%; color: #ff6600; position: absolute; top: -30px; right: 15px; text-align: right; }
/* bannerSet */
.bannerSet1 .bd { width: 520px; margin: 0 auto; }
.sidebar_right .bannerSet1 .bd, .sidebar_left .bannerSet1 .bd { width: auto; padding: 10px 14px 5px; }
.bannerSet1 .bd .pic { margin-bottom: 10px; }
.bannerSet1 .bd h4 { font: 1em/20px arial; color:#1a6188; }
.bannerSet1 .bd h4 a { color: #1a6188; }
.bannerSet1 .bd h4 a:hover { color:#fe5f00; }
.bannerSet2 .bd { padding: 0px 0 0 7px; width: 516px; overflow: hidden; }
.sidebar_right .bannerSet2 .bd, .sidebar_left .bannerSet2 .bd { width: auto; padding:10px 0px 5px 16px; }
.bannerSet2 .bd li { width: 165px; margin: 0 7px 0 0; float: left; overflow: hidden; }
.sidebar_right .bannerSet2 .bd li, .sidebar_left .bannerSet2 .bd li { width: 95px; }
.bannerSet2 .bd .pic { margin-bottom: 10px; width: 165px; height: 100px; }
.sidebar_right .bannerSet2 .bd .pic, .sidebar_left .bannerSet2 .bd .pic { width: 95px; height: 60px; }
.bannerSet2 .bd h4 { font: 1em/20px arial; color:#1a6188; text-align: center; }
.bannerSet2 .bd h4 a { color: #1a6188; }
.bannerSet2 .bd h4 a:hover { color:#fe5f00; }
.bannerSet3 .bd { width: 520px; margin: 0 auto; }
.sidebar_right .bannerSet3 .bd, .sidebar_left .bannerSet3 .bd { width: auto; padding:10px 14px 0px 14px; }
.bannerSet3 .bd li { padding-bottom: 5px; height: 40px; }
/*font_change*/
.index .font_change { width:150px; margin:0 0 10px; }
.index .font_change li { float:left; margin:0 3px 0 0; }
.index .font_change img { float:left; margin:0 3px 0 0; }
.index .font_change a.font01 { display:inline-block; background:url(../images/icon_font01.jpg) no-repeat; width:20px; height:20px; }
.index .font_change a.font02 { display:inline-block; background:url(../images/icon_font02.jpg) no-repeat; width:20px; height:20px; }
.index .font_change a.font03 { display:inline-block; background:url(../images/icon_font03.jpg) no-repeat; width:20px; height:20px; }
.index .font_change a.font01:hover { background:url(../images/icon_font01c.jpg) no-repeat; }
.index .font_change a.font02:hover { background:url(../images/icon_font02c.jpg) no-repeat; }
.index .font_change a.font03:hover { background:url(../images/icon_font03c.jpg) no-repeat; }
/*movies*/
.movies { padding:0px; border:5px #97c9e5 solid; margin:0 auto; }
/*Footer Start*/
.footer { position:relative; margin-top:15px; background:url(../images/footer_bg.jpg) no-repeat scroll 0 0 transparent; color: #666; padding: 10px 250px 10px 15px;}
.footer a { color: #ed6412; }
.footer .e_gov { position:absolute; top:40px; right:140px; }
.footer .aaa { position:absolute; top:40px; right:30px; }
.footer .footer_nav { font-size:1.3em; line-height:120%; margin-bottom: 10px; color:#1360d4; }
.footer .footer_nav a{ color:#1360d4; }
.footer .copyright { font-size:1.3em; line-height:140%; }
/*Footer End*/
/*Color Start*/
.red { color:red; }
.blue { color:#224574; }
/*Color End*/

.words { width:440px; height:26px; padding:0 0 0 90px; margin:0 0 10px; }
.words .horse { height:24px; font:1.5em/24px arial; padding:0 5px; width:424px; }
/* add by James */
ul.marquee { display: block; position: relative; overflow: hidden; height: 24px; }
ul.marquee li { position: absolute; top: -999em; left: 0; display: block; white-space: nowrap; padding: 0px; }

.header .header_nav01 .accesskey {
    left: 5px;
}


/*1020223增加搜尋可放置右側*/
.sidesearch .hot_search{ font:0.8em/140% arial; color: #bfbfbf; clear: both; padding-top: 5px;}
.sidesearch .hot_search ul{ display: inline;}
.sidesearch .hot_search li{ display: inline;}
.sidesearch .hot_search li a{ color: #ffc000; margin-right: 5px;}
.sidesearch .btn_02{ width: 45px} 
/*1020223增加搜尋可放置右側*/

/*1020419增加fb icon */
.box01 ul.list li img{ vertical-align:middle; padding:0 2px;}
/*1020419增加fb icon */

/*1030514增加FB*/
.pluginButton {
background: #4c69ba;
background: -webkit-gradient(linear, center top, center bottom, from(#4c69ba), to(#3b55a0));
background: -webkit-linear-gradient(#4c69ba, #3b55a0);
border: none;
-webkit-border-radius: 2px;
color: #fff;
cursor: pointer;
font-weight: bold;
height: 20px;
line-height: 20px;
padding: 0;
text-shadow: 0 -1px 0 #354c8c;
white-space: nowrap;
}
.pluginButtonContainer {
-webkit-font-smoothing: antialiased;
}
.pluginButtonImage {
display: inline-block;
}
.pluginButton button {
background: transparent;
border: 0;
color: inherit;
cursor: pointer;
font: inherit;
font-weight: bold;
margin: -1px;
outline: none;
padding: 0;
text-shadow: 0 -1px 0 #354c8c;
}

i.img {
-ms-high-contrast-adjust: none;
_overflow: hidden;
}
.sx_plugin-button_favblue {
background-position: 0 -42px;
}
.sp_plugin-button {
background-image: url(../images/facebook_icon.png);
background-size: auto;
background-repeat: no-repeat;
display: inline-block;
height: 14px;
width: 14px;
}
.pluginButtonIcon {
height: 14px;
left: 0;
margin: 0 0 0 4px;
position: relative;
top: 3px;
vertical-align: top;
width: 14px;
}

.pluginButton .pluginButtonLabel {
padding: 0 5px 0 0;
position: relative;
vertical-align: top;
font-size:12px;
}
/*1030514增加FB*/

@media print {
    body.size_b { font-size:88%; }
    body.size_m { font-size:75%;}
    body.size_s { font-size:63%; }
    .header { display:none; }
    .sidebar_left { display:none; }
    .footer { display:none; }
    .wrapper { margin:0 auto; width:100% }
}
.readonlyGray {
   background : rgb(235,235,228);
}
/* 線上申辦清單用格式*/
.list_ul_customize > li {
    padding-left: 0px !important;
}
.list_ul_customize ul, .list_ul_customize li {
    list-style: none !important;
    background: none !important;
}
.list_ul_customize span {
    display: table-cell;
}