@charset "utf-8";
/* ====== 整體 ===== */
body{background:#e9e9e9 url(/st_ec/img/bg_ec.gif) repeat center top;}
.container{width:950px; padding:0 25px; background-color:none;}
.content{margin-top:-5px;}
.header{height:auto;}
.dep-box:after, .qna .main .rbox .bd:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}


/* .data-tb 表格 */
.data-tb{width:100%; border:1px solid #ccc; border-width:1px 0 0 1px; text-align:center; line-height:1.5em; border-collapse:collapse;}
.data-tb th, .data-tb td{padding:2px 3px; border:1px solid #ccc; border-width:0 1px 1px 0; vertical-align:middle;}
.data-tb thead th, .data-tb tbody th{background:#eee9ff url(/st_ec/img/bg_spritex.gif) repeat-x center bottom; border-left-color:#ccc; padding:5px 2px; padding:7px 2px 3px \9; text-align:center;}
.data-tb thead td{font-weight:bold; padding:5px 2px; text-align:center; background:#f8f8f8;}
.data-tb th p, .data-tb td p{text-align:left; padding:2px; line-height:1.5em; word-break:break-all; margin:0; color:#222;}
.data-tb span{text-align:left}
.data-tb q{text-align:left;}
.data-tb input[type="text"]{margin-bottom:3px;}
.data-color tbody tr:hover{background:#fff8e0;}
.data-tb ul li{list-style-type:decimal; list-style-position:inside;}


/* 圓角元素 */
.rbox:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.rbox{display:inline-block; position:relative; left:0; margin-bottom:9px;}
.rbox a:hover{color:#0c6fd1;}
/* 頭(3塊 div) */
.rbox .hd div, .rbox .join-hd div, .rbox .passwd-hd div{display:block; float:left; height:40px; padding-top:5px;}
.rbox .hd .lt{background:url(/st_ec/img/mb/hd_lt.png) no-repeat 0 0; width:11px;}
.rbox .hd .cn{background:url(/st_ec/img/mb/hd_cn.png) repeat-x 0 0;}
.rbox .cn{width:928px;}
.rbox .hd .rt{background:url(/st_ec/img/mb/hd_rt.png) no-repeat 0 0; width:11px;}
.rbox h3, .rbox .join-hd h3{font-size:15px; font-weight:bold; line-height:1.5; line-height:1.75 \9;}
.rbox h3 b{display:inline-block; width:21px; height:21px; vertical-align:middle; margin-right:7px; background-image:url(/st_ec/img/mb/mbr_tle_icon.png); background-repeat:no-repeat;}
/* 身(1塊 div) */
.rbox .bd{background:url(/st_ec/img/mb/bd_w950.png) repeat-y 0 0; width:920px; padding:0 15px; overflow:auto; zoom:1;}
/* 尾(3塊 div) */
.rbox .ft{clear:both; overflow:auto; zoom:1;}
.rbox .ft div, .rbox .join-ft div{display:block; float:left; height:15px; *overflow:hidden;}
.rbox .ft .lt{background:url(/st_ec/img/mb/ft_lt.png) no-repeat 0 0; width:11px;}
.rbox .ft .cn{background:url(/st_ec/img/mb/ft_cn.png) repeat-x 0 0;}
.rbox .ft .rt{background:url(/st_ec/img/mb/ft_rt.png) no-repeat 0 0; width:11px;}


/* ====== 首頁 ===== */
/* 會員區分佈；左右欄寬度設定 */
.aside{width:314px; float:left; margin-left:-2px;}
.aside .rbox .cn{width:292px;}
.aside .rbox .bd{width:292px; padding:0 11px; background-image:url(/st_ec/img/mb/bd_w314.png);}
.main{width:632px; float:left; position:relative; right:-8px;}
.main .rbox .bd{width:610px; padding:0 11px; background:url(/st_ec/img/mb/bd_w632.png) repeat-y 0 0;}
.main .rbox .cn{width:610px;}
.aside .rbox .bd div, .main.rbox .bd div{display:block; float:left; min-height:50px;}
.rbox h3 span.more{font-size:13px; font-weight:normal; float:right; padding:2px 0 0 2px; text-decoration:underline;}


/* 覆寫 jquery-ui tabs頁籤樣式 */
.tab-set .ui-tabs-nav li{border:1px solid #aaa; background:#f3f3f3;}
.tab-set .ui-tabs-nav .ui-tabs-selected, .tab-set .ui-tabs-nav .ui-state-active{border-color:#298fca; background:#fff;}
.tab-set .ui-tabs-panel{padding:10px 5px;}
.tab-set .ui-widget-header{background:none; border-width:0 0 1px 0; border-color:#298fca; border-radius:0; margin:0; padding:0;}
.ui-tabs{border:0; background:none;}
.ui-tabs-title{padding:0 10px 0 10px;}


/*常見問題 會員服務*/
.qna .aside{width:223px; position:absolute;}
.qna .aside.stuck{position:fixed; top:-31px;}
.qna .aside .rbox .cn{width:201px;}
.qna .aside .rbox .hd{ position:relative; z-index:1;}
.qna .aside .rbox .bd{width:201px; background-image:url(/st_ec/img/mb/bd_w223.png); z-index:99999;}
.qna .rbox ul{margin-bottom:0em; }
.qna .rbox ul.single{margin-bottom:0em;}
.qna .rbox ul.single li.none{border:none;}
.qna .rbox li{list-style-type:none; margin:0 -8px; border-bottom:1px solid #ebebeb;}
.qna .rbox li.none{border:none;}
.qna .rbox li h4{font-size:15px; padding:6px 15px;}
.qna .rbox li h4.link{font-size:15px; padding:0px;}
.qna .rbox li h4 a:link{font-size:15px; background:none; font-weight:bold; padding:8px 8px 8px 15px;}
.qna .rbox li h4 a:hover, .qna .rbox .on-current li h4 a:link, .qna .rbox .on-current li h4 a:visited{background-color:#e0f1ff; text-decoration:none; }
.qna .rbox li h4 a:hover, .qna .rbox .on-current li.none{ border:none;}
.qna .rbox li a:link, .qna .rbox li a:visited{display:block; color:#222; padding:8px 8px 8px 40px; background:url(/st_ec/img/mb/qna_list_bullet.gif) no-repeat 26px center;}
.qna .rbox li a:hover{text-decoration:none; background-color:#e0f1ff;}
.qna .rbox .on-current li a:link, .qna .rbox .on-current li a:visited{text-decoration:none; background-color:none;}
.qna .rbox .on-current h4{color:#0873b0;}
.qna .rbox .on-current li{border-bottom:1px solid #ebebeb;}
.qna .rbox .on-current li a:hover, .qna .rbox .on-current li a.on-read:link, .qna .rbox .on-current li a.on-read:visited{color:#fff; background:#298fca url(/st_ec/img/mb/qna_list_bullet_hr.gif) no-repeat 26px center;}
.qna .rbox .on-current li h4 a:hover, .qna .rbox .on-current li h4 a.on-read:link, .qna .rbox .on-current li h4 a.on-read:visited{color:#fff; background-color:#298fca; background-image:none;}
.qna .main{width:723px; margin-left:222px;}
.qna .main .rbox .hd div{height:50px;}
.qna .main .rbox .hd .lt{background-image:url(/st_ec/img/mb/qna_hd_lt.png);}
.qna .main .rbox .hd .cn{background-image:url(/st_ec/img/mb/qna_hd_cn.png);}
.qna .main .rbox .hd .rt{background-image:url(/st_ec/img/mb/qna_hd_rt.png);}
.qna .main .rbox .hd h3{color:#0873b0; font-size:20px; line-height:1.75;}
.qna .main .rbox .hd h3 b{background-position:0 -189px; margin-right:5px;}
.qna .main .rbox .cn, .qna .main .rbox .bd{width:701px;}
.qna .main .rbox .bd{background-image:url(/st_ec/img/mb/bd_w723.png); overflow:visible;}
.qna .main .rbox .bd p{line-height:1.5; padding:.5em .5em .5em 1em; margin-bottom:.5em;}
.qna .main .rbox .bd p.img{text-align:center;}
.info-box{padding:0 24px; width:669px; margin:10px -8px 0 -8px; float:left;}
.info-box .left{float:left; width:355px; }
.info-box .right{float:right; width:290px; overflow:auto; zoom:1;}
.info-box .left p{line-height:21px; text-justify:inter-ideograph; padding:0 0 .8em 0; margin-bottom:.5em;}
.info-box .right img{margin:4px 0 10px 0;}
.info-box ul li.none{border:none;}
.dep-box{margin:12px 0 14px 0;}
.info-box .dep-box p{padding:0em 0em 0em .4em; line-height:22px;}
.info-box .dep-box .left{float:left; width:322px;}
.info-box .dep-box .title{width:294px; height:30px; line-height:30px; font-size:15px; font-weight:bold; padding:0 0 0 28px; background:url(/st_ec/img/info/dep_title_bg.jpg) no-repeat 0 0; margin-bottom:5px;}
.info-box .dep-box .right{float:right; width:322px; text-align:left;}
.info-box .tab-set{padding:15px 5px;}
.info-box .tab-set .data-tb{margin-left:0px;}
.info-box .tab-set li{margin-right:5px; margin-left:0;}
.info-box .tab-set li a:link, .qna .main .rbox .bd div.info-box .tab-set li a:visited{background:none; padding:6px 20px; color:#fff;}
.info-box .tab-set li.ui-tabs-selected a:link, .qna .main .rbox .bd div.info-box .tab-set li.ui-tabs-selected a:visited{ color:#06c;}
.info-box .tab-set .ui-widget-header{background:none; border-width:0 0 1px 0; border-color:#298fca; border-radius:0; margin:0px; padding:0; margin-left:-3px;}
.info-box .tab-set .ui-tabs-nav li{border:1px solid #298fca; background:#298fca url(/st_ec/img/info/tab_nor_bg.jpg) repeat-x; padding-top:5px \9;}
.info-box .tab-set .ui-tabs-nav ui-tabs-selected, .info-box .tab-set .ui-tabs-nav .ui-state-active{background:#fff url(/st_ec/img/info/tab_selected_bg.jpg) repeat-x; border-bottom:0;}
.info-box .data-tb td.title{background-color:#f6f6f6; padding:5px 10px;} 
.info-box .data-tb tr:hover{background-color:#fffbe8; cursor:default;}
.map-icon:link, .map-icon:visited, .traffic{display:inline-block; vertical-align:text-top; margin-right:5px;}
.map-icon b, .traffic b{display:inline-block; width:16px; height:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat 0 0; vertical-align:top;}
.map-icon b{background-position:-42px -2px;}
/* 隱藏：服務據點_地圖按鈕 */
.map-icon:link, .map-icon:visited {display:none;}
.traffic b{background-position:-42px -222px;}
.traffic-info{display:none; z-index:789; text-align:left; position:absolute; max-width:400px; height:auto; background:#fff; border:2px solid #298fca; margin-left:-15px; padding:10px; -webkit-box-shadow:0 2px 6px rgba(50,50,50,.7); box-shadow:0 2px 6px rgba(50,50,50,.7);}
.traffic:hover .traffic-info{display:block;}
.info-box-2{width:717px; margin:10px -8px 0 -8px; float:left;}
.info-box-2 .info-data td{padding:10px 10px 10px 0px; vertical-align:central; line-height:22px;}
.info-box-2 .info-data td a{color:#06c;}
.info-box-2 .info-data tr:nth-child(even), .info-box-2 .info-data tr.even{background:#f1f1f1}
.info-box-2 .info-data tr:nth-child(odd), .info-box-2 .info-data tr.odd{background:#fff;}
.info-box-2 .info-data tr:hover{background:#fffdec; cursor:pointer;}
.info-box-2 .title{width:100%; height:35px; background:url(/st_ec/img/info/hon_title_bg.jpg) no-repeat 0 0; line-height:35px; text-indent:35px; color:#c84884; font-size:15px; font-family:Verdana, Geneva, sans-serif; font-weight:bold;}
.info-box-2 ul{margin:10px 0 0 40px;}
.qna .main .rbox .bd .info-box-2 ul li{border:none; margin-bottom:14px; background:url(/st_ec/img/info/hon_list_item.jpg) no-repeat 0px 3px; height:12px; display:block; padding-left:18px;}
.qna .rbox .info-box-2 ul li a:link, .qna .rbox .info-box-2 ul li a:visited{background:none; padding:0; color:#06c; text-decoration:underline;}

/*公告類型*/
.anno .bd ul{margin-left:20px;}
.anno .bd ul li{list-style-position:outside; list-style:square; margin-bottom:10px;}
.anno .data-tb{margin:0 auto;}
.anno .data-tb a:link,.anno .data-tb a:visited{color:#06c;}
.anno .data-tb td{padding:6px;}
.anno .data-tb tr:hover{background-color:#fffbe8; cursor:default;}
.anno .data-tb th.left{text-align:left; padding-left:10px; font-size:15px;}
.anno .data-tb ul {margin-left:20px;}
.anno .data-tb ul li{list-style-position:outside;}

/*20160329服務據點LINE*/
.for-line, .three-box h4 b{width:20px; height:20px; display:inline-block; vertical-align:middle; margin:-1px 5px -1px 0; background:url(/st_ec/img/info/line_icon.png) 0 0 no-repeat;}
.txt-line{display:inline-block; vertical-align:middle;}
.txt-at{font-size:12px; display:inline-block; margin:-4px 2px 0 0; vertical-align:middle;}
.join-way{ padding:20px 0 14px;}
.line-content{display:inline-block; width:100%; padding:0; margin:0 0 20px; box-sizing:border-box;}
.three-box{ display:inline-block; width:212px; margin-left:7px; text-align:center; }
.three-box:first-child{ margin-left:0; }
.txt-step{ display:block; width:212px; box-sizing:border-box; padding:7px 0; margin-bottom:8px; color:#288fca;  border:#288fca 1px solid; }
.txt-step var{ display:inline-block; vertical-align:middle; margin-top:-4px;}
.g-side{border:#ccc 1px solid; box-sizing:border-box; }
.three-box h4{ font-size:13px; vertical-align: middle; font-family:"微軟正黑體"; margin:10px 0 0 20px; text-align:left; }
.three-box h4 b{background:url(/st_ec/img/info/line_icon.png) 0 -25px no-repeat; margin:0 3px 0 0;}
.three-box img.qr{ margin:10px 0; width:150px;}
.three-box h5{ color:#12964d; padding:0 0 10px; border-bottom:#1e86c2 4px solid; font-size:13px; font-weight:normal;}
.three-box h5 + p{ height:80px; overflow:hidden;} 
.three-box h5 + p strong{ color:#666; display:inline-block; padding-top:5px;}


@media screen and (-webkit-min-device-pixel-ratio:0){
.btn-func, input[type="submit"].btn-func, input[type="button"].btn-func, input[type="reset"].btn-func{position:relative; top:-1px;}
.rbox{margin-bottom:5px;}
.qna .main .rbox .hd h3{line-height:2;}
.qna .main .rbox .hd h3 b{vertical-align:text-top;}
}