@charset "utf-8";
/* CSS Document */

@import url("reset.css");

.wrapper{width: 100%; min-width: 1030px;}

/* section共用
====================================================================================== */
.container, .container-2 {padding: 0 15px; margin: 0 auto;width:1000px; position: relative; z-index: 9;}
.container:before, .container:after {display: table;content: " ";}
.container:after {clear: both;}
.gray_bg{ background-image: url(../images/mod_bg.png); background-position:0 0; background-repeat:repeat;box-shadow: 0 1px 1px #dddddd;}
a.more{ background-image:url(../images/icon_1.png); background-position:right 0; background-repeat:no-repeat; color:#227BBB;}
a.more:hover{ text-decoration:underline;}
.gray_line_top{ border-top:1px solid #CCC;}
.gray_line_bottom { border-bottom:1px solid #ccc;}
.gray_line{ border-bottom:1px solid #CCC;-moz-box-shadow: 1px 2px 5px #D5D5D5;-webkit-box-shadow: 1px 2px 5px #D5D5D5;box-shadow: 1px 2px 5px #D5D5D5;}
.mbs{ margin:1em 0 0.5em 0 ;}
.col_title, .member h2 {padding: 0 0 5px 0;font-size: 1.4em;border-bottom: 1px solid #CCC;display: block; text-align:left;}
.col_title small {color: #7A7A7A;text-transform: none;display: block;}
.blue_line{ border-top: 2px solid #227BBB;}
.aut{ text-align:center; color:#a0a0a0; line-height:2em;}
hr {height: 0; -moz-box-sizing: content-box;box-sizing: content-box; border:1px solid #EBEBEB;}
.hr{ background-image:url(../images/hr-sprite-core2.png); background-position:0 -340px; background-repeat:no-repeat; height:10px; margin:1.5em 0;}
.margin_r10{ margin-right:10px;}
.margin_t30{ margin-top:30px;}
.margin_t20{ margin-top:20px;}
.margin_r20{ margin-right:20px;}
.margin_b20{ margin-bottom:20px;}
.margin_b30{ margin-bottom:30px;}
.width_50 { width:50% !important;}
.width_45 { width:45% !important;}
.font-m { font-size:14px;}
.w120{width:120px;}
.w150{width:150px;}
.align_l {text-align: left;}
.relative {position: relative;}
/*--- + ---*/
.d-plus{vertical-align: super; font-weight: bold;}

/* Header - topbar
========================================================================================== */
.gblHeader {position: relative;background: #f5f5f5;z-index: 100;}
.gblHeader .topbar{ background-image:url(../images/gray-bkgd.png); background-repeat:repeat-x; background-position:0 0; height:40px; width:100%;}
.topbar p{ float:left; color:#FFF; letter-spacing:0.1em; padding:0.7em 0 0 2em; font-size:1em;}
.gblHeader .lap{ float:right;margin-top:0.3em;}
.gblHeader .formLogin{ background-image:url(../images/header_line.png); background-position:right -5px ; background-repeat:no-repeat;float:left; padding:0 1em 0 0;}
.topbar input:hover{ background-color:#f2f2f2 !important;}
.formLogin .textInput{ position:relative;margin: 0.2em 0.6em 0 0; float:left; font-size:0.8em;}
.textInput label{ display:none;}
.textInput input.email, .textInput input.password { font-size:1.3em;margin: 0;padding: 1px 10px 0 5px;height: 28px; width:160px;border: 1px solid #5c5c5e;background-color:#E6E6E6;text-shadow: 0 1px 0 #d6d6d6;-moz-box-shadow: 0 1px 0 rgba(255,255,255,.15),0 2px 2px rgba(0,0,0,0.2) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.15),0 2px 2px rgba(0,0,0,0.2) inset;box-shadow: 0 1px 0 rgba(255,255,255,.15),0 2px 2px rgba(0,0,0,0.2) inset;}
.textInput span a.Recovery {position: absolute; font-size:1.3em;top: 6px; right:5px;padding: 1px 5px;height: 20px;background-color: #767676;color: #fff;text-shadow: 0 -1px 0 rgba(0,0,0,.25);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.formLogin input.sent{ margin:0 0 0 0.1em; float:left; padding:0.4em 1.1em; font-size:1.15em; height:29px; color:#555;}
.formLogin a.FB_login{ background-image:url(../images/FB_login.png); background-position:0 -1px; background-repeat:no-repeat; width:34px; height:32px; text-indent:-9999px; float:left;}
span.sm{ color:#CCC;float:left; padding: 0.8em 0.3em 0 0.5em;}
.reg{ float:left; padding: 0em 1.2em 0 0.6em;background-image:url(../images/header_line.png); background-position:93px -6px ; background-repeat:no-repeat; }
.reg a.register { height:15px; font-size:1em; padding-top:0.5em;display: inline-block; letter-spacing:0.1em;}
.reg a.register:hover{ color:#FFF; text-decoration:none;}
.help{ float:left; margin:0 0 0 0.5em;}
.logins{margin:0 0.6em;}
.help a, .admin a, .logins a{ padding:0.4em 0.5em;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:0;}
.help a:hover{ text-decoration:none;}
.admin a{ margin:0 10px 0 0;}
.wid_60{width:60px;}

/* Header - topbar - Login
========================================================================================== */
.utility p{ padding:0.8em 0 0 0;}
.utility p.confidential{ font-weight:bold;}
.Logbar, .help, .admin, .logins{ float:left;}
.Logbar{ margin:0 0.6em 0 0; padding-left:10px; background-image:url(../images/header_line.png); background-position: 5px -8px; background-repeat:no-repeat;}
.loggedin p.logP .confidential, .lap p .confidential{ font-size:1em; margin-top:-4px; display:inline-block;}
.lap .confidential {vertical-align: baseline;}
.Logbar ul li{ float:left; background-image:url(../images/header_line.png); background-position: -5px -8px; background-repeat:no-repeat; position:relative; padding-left:0.8em;}
.Logbar ul li.remind{ background-image:url(../images/remind.png); background-position:2px 0; background-repeat:no-repeat; height:30px; padding-right:0.8em;}
.Logbar ul li.remind a.alarm{ background-color:#F05555; font-size:0.8em; color:#FFF; height:20px; text-align:center; display:block; padding:1px 2px 2px 2px; margin:0.4em 0 0 1.8em;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.Logbar ul li.remind a.alarm:hover{ text-decoration:none;}
.Logbar ul li .myaccount{ position:absolute; background-color:#FFF; border:1px solid #CCC;z-index:500; width:95px;}
.Logbar ul li a.button{ height:29px; padding:0.2em 1em;}
.myaccount .arrow{ background-image:url(../images/nav_arrow.png); background-position:0 0; background-repeat:no-repeat;position: absolute;top: -11px;left: 38px;width: 18px;height: 13px;opacity: 1.0;}
.Logbar ul li .myAllPay{ margin:0.8em 0 0 0; height:29px; padding:0.2em 0.8em;}
.Logbar ul li .myaccount li{ float:none; background-image:none; text-align:center; height:30px;}
.Logbar ul li .myaccount li a:hover{ background-color:#227BBB; color:#FFF; display:block;}
.Logbar li input.out{ height:30px;border-color: #565656 #4d4d4d #3e3e3e; margin:0; padding:0.35em 1em;background: -webkit-linear-gradient(top, #ffffff, #BFBFBF);background: -moz-linear-gradient(top, #ffffff, #BFBFBF);background: -o-linear-gradient(top, #ffffff, #BFBFBF);}
.loggedin .help{ margin:0; padding:0 0 0 0.8em; background-image:url(../images/header_line.png); background-position: -5px -8px; background-repeat:no-repeat;}
.loggedin .help a{ padding:0.4em 0.5em;}

/* Header - NAVIGATION
========================================================================================= */
.gblnav .container{ position:relative;}
.social{ position:absolute; right: 15px; top: 23px;}
.social .FB{ float:left;}
.social-icon { margin:0;}
.social-icon a.fbicon, .social-icon a.lineicon, .social-icon a.igicon, .social-icon a.fbicon:hover, .social-icon a.lineicon:hover, .social-icon a.igicon:hover{display:block; width:36px; height:36px; float:left;}
.social-icon a.fbicon{background:url(../images/fb_icon_2.svg) center top no-repeat; background-size:100%; margin-right:15px;}
.social-icon a.fbicon:hover {background:url(../images/fb_icon_2.svg) center bottom no-repeat; background-size:100%;}
.social-icon a.lineicon {background:url(../images/line_icon_2.svg) center top no-repeat; background-size:100%;}
.social-icon a.lineicon:hover { background:url(../images/line_icon_2.svg) center bottom no-repeat; background-size:100%;}
.social-icon a.igicon{background:url(../images/ig_icon.svg) center top no-repeat; background-size:100%; margin-right:15px; opacity: .8;}
.social-icon a.igicon:hover {
  opacity: 1;
}
.search { float: left; position: relative; width: 205px; height: 36px; overflow: hidden; }
.search input.searchtext{ width:200px; padding:0.5em;border: 1px solid #A0A0A0;background-color: #F1F1F1;text-shadow: 0 1px 0 #d6d6d6;-moz-box-shadow: 0 1px 0 rgba(255,255,255,.15),0 2px 2px rgba(0,0,0,0.2) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.15),0 2px 2px rgba(0,0,0,0.2) inset;box-shadow: 0 1px 0 rgba(255,255,255,.15),0 2px 2px rgba(0,0,0,0.2) inset;}
.search button {background-image:url(../images/search_button.png); background-position:0 0 ; background-repeat:no-repeat; 
background-size: auto;text-indent:-9999px;border: 0; background-color:transparent;cursor: pointer;display: block;height: 19px;padding: 0;position: absolute;right: 8px;top: 12px;width: 22px;}
.gblnav {border-bottom: 1px solid #ccc; background-color:#FFF;-webkit-box-shadow: 0 -2px 5px #5A595D;-moz-box-shadow:0 -2px 5px #5A595D;box-shadow: 0 -2px 5px #5A595D;width: 100%; height:75px; z-index: 200;}
.gblnav .Logo{ float:left;}
.gblnav .Logo a{background-image: url(../images/header_logo.png);background-position: 0 0;background-repeat: no-repeat;width: 140px;height: 75px;text-indent: -9999px;}
.navbar-brand {float: left;font-size: 18px;line-height: 20px;}
.navbar-brand:hover, .navbar-brand:focus {text-decoration: none;}
.gblnav .navbar{ float:left; margin:0 0 0 3em;/*background-image:url(../images/nav_line.png); background-position:475px 4px; background-repeat:no-repeat; */}
ul.oe_menu{position:relative;float:left;clear:both;}
ul.oe_menu:after {clear: both;display: table;content: " ";}
/*ul.oe_menu > li{width:120px; float:left;position:relative;background-image:url(../images/nav_line.png); background-position:right; background-repeat:no-repeat;}*/
ul.oe_menu > li{width:75px; float:left;position:relative;margin:0 23px}
ul.oe_menu > li.divider{background-image:url(../images/nav_line_1.png); width:2px;height:38px;margin:23px 0 0;}
ul.oe_menu > li img {width: 180px;margin-top: 19px;}
/*ul.oe_menu > li:last-child{background-image:none;}*/
/*ul.oe_menu > li > a{display:block;text-align:center;font-size:15px;height:54px;padding:10px; line-height:54px; margin:1px; cursor:default;}*/
ul.oe_menu > li > a{display:block; width:75px; text-align:center; font-size:15px; cursor:default; padding:28px 0 0;}
ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a{color:#227BBB;opacity:1.0; text-decoration:none;}
/*ul.oe_menu div.menuList{position:absolute; border:1px solid #CCC; margin:5px 0 0 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; top:55px; padding:1em 0.5em;left:-140px;background:#fff;width:400px;height:;display:none;}*/
ul.oe_menu div.menuList { position: absolute; border: 1px solid #CCC; margin: 5px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; top: 67px; padding: 1em 0.5em; left: -170px; background: #fff; width: auto; height: auto; white-space: nowrap; display: none; }
ul.oe_menu div.menuList_1 {	left: -20px; height: 140px; }
ul.oe_menu div.menuList_money {	left: -210px; }

/*ul.oe_menu div.menuList_account{ width:660px; height:205px; left:-270px;}*/
ul.oe_menu div.menuList_account {height: 230px; left: -298px; }
div.menuList_1 .arrow{ left:70px !important;}
div.menuList_money .arrow{ left:-53px !important;}
/*div.menuList_account .arrow{ left:320px !important;}*/
div.menuList_account .arrow{ left:35px !important;}
/*ul.oe_menu div .arrow{position:absolute; top:-11px; left:190px;background-image:url(../images/nav_arrow.png); background-position:top 0; background-repeat:no-repeat; width:18px; height:13px;opacity:1.0;}*/
ul.oe_menu div .arrow{position:absolute; top:-27px; left:-93px;background-image:url(../images/nav_arrow_1.png); background-position:top 0; background-repeat:no-repeat; width:600px; height:27px;opacity:1.0;}
ul.oe_menu div ul li a{text-decoration:none;color:#333;padding:2px 2px 2px 4px;margin:2px;display:block;}
ul.oe_menu li ul{list-style:none;width: 120px;padding: 0 0 0 0.8em; display: inline-block; vertical-align: top;}
ul.oe_menu div ul.oe_full{width:100%;}
ul.oe_menu div ul li a:hover{background:#227BBB; color:#FFF;}
li.oe_heading{color:#aaa;font-size:14px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ddd; padding-left:5px;}

/* Go Top
========================================================================================== */
.go_top{ z-index:999; background-image:url(../images/icon_2.png); background-position:0 -5px; background-repeat:no-repeat;position: fixed; bottom: 30px;right: 90px;cursor: pointer; width:80px; height:80px;}
.go_top a { background-image:url(../images/icon_1.png); background-position:38px -14px; background-repeat:no-repeat;padding:3em 0 0.5em 1.8em; display:block; font-weight:bold;}

.go_top-1{ z-index:999; background-image:url(../images/icon_2.png); background-position:0 -5px; background-repeat:no-repeat;position: fixed; bottom: 120px;right: 90px;cursor: pointer; width:80px; height:80px;}
.go_top-1 a { background-image:url(../images/icon_3.png);  background-repeat:no-repeat;display:block; font-weight:bold; width: 50px; height: 50px; margin-top: 14px; margin-left: 22px;}
.go_top-1 a:hover { background-image:url(../images/icon_3-h.png); }

.go_top-2{ z-index:999; background-image:url(../images/icon_5.png); background-repeat:no-repeat;position: fixed; bottom: 190px;right: 64px;width:120px; height:70px;}
.go_top-2 p{ color: #fff; font-size: 12px; line-height: 16px;  text-align: center; width: 100px; padding-top: 6px; margin: 0 auto;}


/* fb 線上訊息
========================================================================================== */
.online-msg { z-index: 999; position: fixed; bottom: 125px; right: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.omsg-icon { width: 70px; height: 70px; padding-top: 15px; background: white; border: 1px solid #ddd; text-align: center; display: block; opacity: .9; -webkit-border-radius: 99em; -moz-border-radius: 99em; border-radius: 99em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .4s; -moz-transition: .4s; -ms-transition: .4s; transition: .4s; }
.omsg-icon:hover { opacity: 1; }
.omsg-icon img { width: 62%; }
.online-msg-box { width: 300px; height: auto; z-index: 1000; position: fixed; bottom: -534px; right: 50px; border: 1px solid #ddd; border-bottom: none; background: white; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s; }
.omb-header { width: 100%; position: relative; padding: 5px 10px; border-bottom: 1px solid #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.omb-title { font-size: 15px; color: #333; }
.omb-close { display: block; position: absolute; top: 5px; right: 6px; font-size: 28px; color: #888; }
.omb-close:hover { color: #555; text-decoration: none; }
.omb-content { width: 100%; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* 置底廣告
========================================================================================== */
.news-publish {
	background: url("../images/ic_news.png") no-repeat 0 0 scroll transparent;
	display: block;
    width: 70px;
    height: 70px;
	opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
    z-index: 99;
    position: fixed;
    bottom: 222px;
    right: 90px;
}
.news-publish:hover {
	opacity: 1;
}
.news-publish.hidden {
	display: none;
}

.news-publish-box {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	z-index: 9999;
	position: fixed;
	bottom: 0;
	left: 50%;
}
.news-publish-box .BN-box {
	position: relative;
}
.news-publish-box .BN-box img {
	vertical-align: bottom;
}
.news-publish-box .BN-box .npb-close {
	background-color: #111;
	border: 1px solid #fff;
	border-radius: 100%;
	display: block;
	color: #fff;
	font-size: 22px;
	padding: 3px 5px 5px;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	transition: .4s;
	-webkit-transform: translate(30%, -30%);
	-moz-transform: translate(30%, -30%);
	-ms-transform: translate(30%, -30%);
	transform: translate(30%, -30%);
	position: absolute;
	right: 0px;
	top: 0px;
}
.news-publish-box .BN-box .npb-close:hover {
	background-color: #222;
	color: #fff;
	text-decoration: none;
}
.news-publish-footer {
	padding-bottom: 220px!important;
}


/* footer
======================================================================================= */
.footer{ padding:1.5em 0 1.5em 0;}
.footer.ft-new { padding:3em 0 1.5em 0;}
.footer.ft-new2 {
  padding: 64px 0;
}
.footer span { vertical-align: baseline;}
.partner{ overflow:hidden; width:75%; margin-left:auto; margin-right:auto;}
.partner_item h3{ float:left; color:#a0a0a0;width:70px; font-size:0.95em;line-height:1.8em;}
.partner_item ul{ float:left; width:90%; text-align:justify;}
.partner_item ul::after {display: inline-block; width:100%; text-align:justify; content:"";}
.partner_item ul li{ display: inline-block;margin: 0 1px;}
.partner_item ul li.margin0{ margin-left:0 !important;}
.partner_item ul li a{ font-size:1em;color:#a0a0a0; line-height:1.8em;}
.partner_item ul li a:hover{ color:#227bbb; text-decoration:none;}
.partner_item ul li a.Blist2{ background-position:-40px -6px;}
.partner_item ul li a.Blist3{ background-position:-85px -6px;}
.partner_item ul li a.Blist4{ background-position:-130px -7px;}
.partner_item ul li a.Blist5{ background-position:-174px -7px;}
.partner_item ul li a.Blist6{ background-position:-220px -8px; width:40px;}
.partner_item ul li a.Blist7{ background-position:-278px -7px;}
.partner_item ul li a.Blist8{ background-position:-322px -7px;}
.partner_item ul li a.Blist9{ background-position:-368px -7px;}
.partner_item ul li a.Blist10{ background-position:-419px -8px;}
.partner_item ul li a.Blist11{ background-position:-473px -9px; width:33px;}
.partner_item ul li a.Blist12{ background-position:-535px -6px; width:38px;}
.partner_item ul li a.Blist13{ background-position:-600px -6px; width:68px;}
.partner_item ul li a.Blist14{ background-position:-693px -7px; width:33px;}
.partner_item ul li a.Blist15{ background-position:-755px -6px;}
.partner_item ul li a.Blist16{ background-position:-813px -6px;}
.partner_item ul li a.Blist17{ background-position:-868px -5px;}
.partner_item ul li a.Blist18{ background-position:-920px -4px;}
.footer_link, .align_c {text-align: center;}
.footer_link ul {overflow: hidden;display: inline-block; padding-top:7px; vertical-align:top; margin-right:20px;}
.footer_link ul li{ float:left;padding: 0 1.5em;border-right: 1px solid #CCC;line-height: 14px;}
.footer_link ul li a{color:#227BBB; font-size:1.1em;}
.footer_link ul li a:hover{ text-decoration:underline;}


.ft-new .footer-link-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.ft-new .footer_link {width:25%; text-align: left;}
.ft-new .footer_link p {font-size:15px; font-weight:bold;}
.ft-new .footer_link ul {overflow:hidden; display: block; padding-top:5px; vertical-align:top; margin-right:20px;}
.ft-new .footer_link ul li{ float:none; color:#666; line-height:28px;padding: 0;border-right:none;}
.ft-new .footer_link ul li a{color:#666; font-size:1.1em;}
.ft-new .footer_link ul li a:hover{ text-decoration:underline;}

.footer .ft-social {
    width: 100%;
    margin: 40px 0 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer .ft-social .fts-icon {
    width: 24px;
    display: block;
    margin-right: 16px;
}

.footer .ft-social .fts-icon:last-child {
    margin-right: 0px;
}

.footer .ft-social .fts-icon img {
    width: 100%;
    display: block;
}

.footer .ft-social .fts-icon.fsu-none {
    display: none;
}

.footer .ft-link-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.footer .ft-link-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  float: none;
  border-right: none;
  padding: 0;
}
.footer .ft-link-list li + li:before {
  content: '';
  display: block;
  width: 1px;
  height: 10px;
  background: #D9D9D9;
  margin: 0 16px;
}
.footer .ft-link-list li a {
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: underline;
  font-weight: bold;
}

.footer .ft-info2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.footer .ft-info2 .fi-txt {
  color: #777;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer .ft-info2 .fi-txt a {
  color: #0081DA;
  font-size: 14px;
}
.footer .ft-info2 .fi-txt + .fi-txt {
  margin-left: 16px;
}
.footer .ft-info2 .ft-ic {
  display: block;
  width: 20px;
  margin-right: 4px;
}
.footer .ft-info2 .ft-ic img {
  width: 100%;
}

.footer .ft-info-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  border-top: 1px solid #D9D9D9;
}
.footer.ft-new2 .ft-info-box {
  justify-content: center;
  padding: 0;
  border-top: none;
}
.footer.ft-new2 .ft-info-box .fib-copyright {
  text-align: center;
}
.footer .ft-info-box .fib-l {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.footer .ft-info-box .fib-r {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.footer .ft-info-box .fib-logo {
  width: 126px;
  margin-right: 16px;
}
.footer .ft-info-box .fib-logo img {
  width: 100%;
  display: block;
}
.footer .ft-info-box .fib-copyright {
  color: #777;
  font-size: 13px;
  line-height: 1.5;
}
.footer .ft-info-box .fib-copyright .fic-tip {
  margin-bottom: 8px;
}
.footer .ft-info-box .fibr-img {
  height: 40px;
  margin-left: 16px;
}
.footer .ft-info-box .fibr-img img {
  height: 100%;
  display: block;
}
.copyright{ margin:0.5em 0 0 0; overflow:hidden;}
.footer_logo{ overflow:hidden; width:77%; margin:0 auto;}
.footer_logo .logo{ float:left; margin:0 1.5em 0 0;}
.footer_logo .time{ float:left; padding:0.3em 0 0 0;}


/*----*/
.ind-bank-box {
  width: 100%;
  padding: 0px 10px;
  margin-bottom: 48px;
}
.ind-bank-box .divider + .ibb-txt {
  margin-top: 36px;
}
.ind-bank-box .ibb-txt {
  color: #7C7C7C;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 24px;
}
.ibb-btn-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ibb-btn-box .ibb-btn {
  min-width: 128px;
  height: 48px;
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid #D9D9D9;
  background: #FFF;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
}
.ibb-btn-box .ibb-btn:hover {
  text-decoration: none;
}
.divider {
    border-top: 1px solid #d9dadc;
    display: block;
    line-height: 1px;
    margin: 20px 0;
    position: relative;
    text-align: center;
}
.title{
    background: #fff;
    font-size: 1.25rem;
    letter-spacing: 1px;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
	color: #1b6b9f;
	font-weight: 700;
}
/*----*/

/* Page (partner)
========================================================================================= */
.part{ background-image:url(../images/interior-gradient-top.png); background-position:0 -50px; background-repeat:repeat-x; min-height:400px;}
.part2{ background:url(../images/service/cloth_alike.png) repeat;}

.bread-area {line-height: 2.5em;padding: 0.5em 0 0 0;}
.bread-area .bread a{ display:inline-block;}
.bread-area .bread a:hover{ text-decoration:underline;}
.bread-area .bread a.index{ padding-left: 20px; background-image:url(../images/icon_1.png); background-position:-5px -153px; background-repeat:no-repeat;}
.bread-area .bread span{ margin:0 0.8em; display:inline-block;}
.main .sidebar{ width:18%; float:left; margin-right:2em; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
.main .contents{ float:left; width:79%;}

/* Page_templates and seller_template
======================================================================================= */
.line_bo, .line_bo2{background-image:url(../images/nav_line.png); background-position: left -15px; background-repeat:no-repeat; padding-left:1.5em; margin-top:2em; float:right; }
.line_bo a{ background-color:#227BBB; color:#FFF;}
.line_bo a:hover{ color:#FFF;}
.pa_gblnav{ height:75px;}
.cen_logo{ float:none !important; width:250px; margin:0 auto !important;}
.cen_logo a, .sell_logo a{ text-indent:0 !important; padding:3em 0 0 8.5em; font-size:1.2em; color:#555; height:30px !important;}
.sell_footer{ padding:1em 0 4em 0;}
.sell_footer ul{ float:left; margin:0 0 0 0.5em;}
.sell_footer ul li{ float: left; border-right:1px solid #CCC; padding:0 0.5em;}
.sell_footer ul li a{ color:#227BBB;}
.sell_footer ul li a:hover{ text-decoration:underline;}
.sell_footer ul li.police{ margin: 0 auto; display: block; text-align: center; border-right:none;}
.pa_gblnav{ border-top: 5px solid #555; border-bottom:1px solid #CCC;}
.utility p{ padding:1.8em 0 0 0; float:left;}
.pa_gblnav p.and{ background-image:url(../images/and.png); background-position:0 0; background-repeat:no-repeat; margin:3.3em 0 0 -0.8em; width:40px; height:40px; text-indent:-9999px; display:inline-block;}
.store_logo{ float:left; margin:0.3em 0 0 1em;}

/* collect_pay_template
======================================================================================= */
.line_bo2 a{color:#555; font-size:14px;}
.line_bo2 a:hover{color:#227BBB; text-decoration:none;}
.line_bo2 a i {display: inline-block;width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;background-repeat: no-repeat; cursor:pointer;}
i.icon_shoppingcar {background: url(../images/form_icon.png) -140px  -40px;}

.shop_list{position:absolute; right:0; top:30px; width:350px; padding:15px; border:#ccc 1px solid; background-color:#fff;}
.shop_list:after, .shop_list:before{
	bottom: 100%;
	right: 50px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.shop_list:after{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 7px;
	margin-left: -7px;
}
.shop_list:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color:#ccc;
	right: 49px;
	border-width: 8px;
	margin-left: -8px;
}
.shop_chart{height:300px;}
.scroll_y {overflow-y: scroll;}
.margin_b10 {margin-bottom: 10px !important;} 
.margin_b20 {margin-bottom: 20px !important;} 
.margin_t40 {margin-top: 40px !important;} 
hr.border_b_dot{ height:1px; background-color:#fff; border:none; border-bottom:#ccc 1px dotted;}
hr.border_b_dot:last-child{display:none;}
.paylist{text-align:center; margin:15px 0 0; background-color:#eee; padding:8px;}
.paylist a{color:#fff; padding:5px 30px; float:right;}
.paylist span{color:#000; font-weight:bold; font-size:16px; line-height:32px; vertical-align:middle;}

/*跳出視窗
======================================================================================= */
.box{ padding:1em 1.5em;}
.utility{ margin-top:0.5em !important;}
.dialog-Box {position: absolute;right: 50%;width: 35%;top: 120px;z-index: 1200;}
.dialog-Box h3{ color:#227BBB; font-size:1.4em;}
.popbox .close-button a{position: absolute;background-image: url('../images/close.jpg'); background-repeat: no-repeat;background-position: center 0;width: 30px;height: 30px;right: -55%; top: 10px;}
.popbox {margin-left: 50%; padding:2em 1.5em;width: 100%;background-color: white;border: 1px solid #000;-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}
.popbox .box {margin-top:15px; padding:15px 25px 20px; background-color: white;border: 1px solid #d7d7d7;}
.popbox h2 {font-size: 22px;color: #227BBB; font-weight:normal;}
.popbox p{ font-size:14px;}
.dialog-Box .pot p a{color:#555 !important;}
.dialog-Box .pot p a:hover{color:#227BBB!important;}
.dialog-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFF;opacity: 0.8;z-index: 400;}
.table {background:#FFF; border:1px solid #CCC;}
.table tr .th {color:#fff;background-color:#227BBB;;text-align:center;font-weight:bold;}
.table thead tr {border-right: 1px solid #227BBB;border-bottom: none; border-top:none;}
.table th, .table td {padding: 10px 15px;vertical-align: middle; font-size:14px;}
.table th {height: 20px;font-weight: bold;background: #227BBB;text-align: center; border-bottom: none;border-left: 1px solid #FFF;color: #FFF;}
.table th:first-child {border-left: 1px solid #227BBB;}
.table tr {border-top: none;border-bottom: 1px solid #CCC;}
.table td {border-right: 1px solid #CCC;border-left: 1px solid #CCC;}
.table tbody>tr>td.questionnaire {text-indent: -15px;padding-left:30px; text-align:justify;}
.question tr td:nth-child(2) {text-align: center; padding: 10px 8px;}
.question input[type=radio] {margin: 4px 4px 0 8px;}
.question form span {display: inline-block;}
.term, .gw-term {height: 200px;overflow-x: hidden;}
.term {width: 580px;padding: 5px;}
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFF;opacity: 0.5;z-index: 200;}
.close_btn {position: absolute;top: 15px;right: 15px;}

/* page頁面旁邊選單 Sidebar (about，member區塊)
----------------------------------------------------------------------------- */
.sidebar {float: left;width: 185px;}
.sidebar .menu {border-right: 1px solid #CCC;border-left: 1px solid #CCC; background-color:#fff;}
.sidebar .menu a:hover {text-decoration: none;}
.sidebar .menu ul li{padding: 0.8em 0 0.8em 1em;border-bottom: 1px dotted #D2D2D2;font-weight: bold;}
.sidebar .menu ul li.last{ border-bottom:none;}
.sidebar .menu ul li a{ font-size:1em;}
.sidebar .menu > li > a {
  display: block;
  height: 40px;
  padding-left: 15px;
  font-size: 15px;
  line-height: 40px;
  background: rgb(243, 243, 243, 1); /* Old Browsers */
  background: -moz-linear-gradient(top, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(229, 229, 229, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(243, 243, 243, 1)), color-stop(47%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(229, 229, 229, 1))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(229, 229, 229, 1) 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(229, 229, 229, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(229, 229, 229, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(243, 243, 243, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(229, 229, 229, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E5E5E5', GradientType=0 ); /* IE6-9 */
  border-bottom: 1px solid #CCC;
}
.sidebar .menu li > ul {border-bottom: 1px solid #CCC;}
.sidebar .menu li > ul li {margin: 0 10px;padding: 7px 0;border-top: 1px dotted #CCC;border-bottom: none;}
.sidebar .menu li > ul li:first-child {border: none;}
.sidebar .menu li > ul li a {padding-left: 15px;font-size: 13px;background: url(../images/icon_1.png) no-repeat -8px -878px;}
.sidebar .menu li > ul li.current a {color: #227BBB;background: url(../images/icon_1.png) no-repeat -8px -920px;}
.sidebar h3 {margin: 0;padding: 0;line-height: 45px;font-size: 17px;text-align: center;background: #227BBB;color: #FFF; letter-spacing:1px;}
.sidebar i {float: right;width: 10px !important;height: 10px !important;margin: 15px 10px 0 0;background: url(../images/member/form_icon.png) -170px -25px;}
.sidebar li.active i {background: url(../images/member/form_icon.png) -170px -35px;}

/* Update News 首頁更新
======================================================================================= */
.update_bar {width: 980px; height: 20px; margin: 10px auto;padding: 10px;font-size: 16px;line-height: 30px;background: #227BBB;border-radius: 4px;color: #FFF;}
.update_bar .update_01 {float: left; display: block;width: 410px;height: 20px;text-indent: -9000px; background: url(../images/update_bar_01.png) no-repeat;}
.update_bar .update_02 {float: right; display: block;width: 65px; height: 20px; text-indent: -9000px; background: url(../images/update_bar_02.png) no-repeat;}
.update_bar i {float: right;display: inline-block;width: 20px;height: 20px;margin-left: 10px;vertical-align: middle;background: url(../images/form_icon.png) -20px -20px no-repeat;}

/* 注意事項
======================================================================================= */
.message {padding: 10px;background: #EBF5FF;border: 1px solid #CCC;border-radius: 3px;margin: auto;}
.message h3 {margin: 5px auto 10px auto !important;font-size: 28px !important;text-align: center;color: #227BBB;}
.message h4 {margin: 0 0 10px 10px;font-size: 16px;font-weight: bold;color: #F05555;text-shadow: none;}
.message p  {display: table;margin: 0 auto;text-align: center;}
.message ol li, .message ul li {margin-left: 40px;font-size: 13px;color: #555;list-style: outside decimal;}
.message span, .message a {font-weight: bold;color: #227BBB;}
.message span.red {color: #F05555;}
.no_list ul li{ list-style:none !important;}

.top-message{ margin-bottom:20px; background-color:#FFD8D8; position:relative; padding-right:40px;}
.top-message .close-btn{ position:absolute; right:10px;}

/* 進度表
======================================================================================= */
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #E7E7E7;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  box-sizing: border-box;
}
.progress {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  height: 15px;
  margin-bottom: 10px;
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
}
.progress-striped .progress-bar-danger {
  background-color: #d9534f;
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
}


/* 社群分享隱藏 */
.share-box {
	display: none;
}

.table-title { margin: 20px 0 5px; font-size: 16px; text-align: left; color: #227BBB;}


/*表格*/
.gb-table {
  margin: 20px 0;
}
.gb-table table {
  width: 100%;
}
.gb-table td, .gb-table th {
  border: 1px solid #CCC;
  padding: 15px 13px;
  font-size: 13px;
  line-height: 1.5;
  text-align: center;
}
.gb-table th {
  background-color: #EBF5FF;
}
.gb-table .al_l {
  text-align: left;
}
/*----*/


/*-- 頁碼 --*/
.pagenum-box {
  width:  100%;
  text-align: center;
  margin: 20px 0;
  font-size: 14px;
}
.pagenum-box a {
  color: #227BBB;
  text-decoration: none;
}
.pnb-link, .pnb-list, .pnb-list li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}
.pnb-link i {
  width: 10px;
  height: 12px;
  margin-top: -5px;
  display: inline-block;
}
.pl-first {
  background: url(../images/form_icon.png) -160px 0;
  margin-right: 5px;
}
.pl-prev {
  background: url(../images/form_icon.png) -160px -12px;
  margin-right: 5px;
}
.pl-next {
  background: url(../images/form_icon.png) -170px -12px;
  margin-left: 5px;
}
.pl-last {
  background: url(../images/form_icon.png) -170px 0;
  margin-left: 5px;
}
.about_inner .pnb-list {
  margin: 0 5px;
}
.about_inner .pnb-list li {
  margin: 0 5px;
  list-style-type: none;
}
.about_inner .pnb-list li a {
  font-size: 14px;
  width: 10px;
  display: inline-block;
}
/*----*/


/*-- 標籤 --*/
.tab-main-box {
  width: 100%;
}
.tab-main-box * {
  box-sizing: border-box;
}
.tmb-list {
  width: 100%;
  position: relative;
  text-align: center;
  background: #ebf5ff;
  border-radius: 6px;
  padding: 12px 14px;
  margin: 20px 0;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.tmb-list li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  margin: 3px 5px;
  font-size: 13px;
  color: #036eb8;
  font-weight: bold;
  line-height: 1.3;
  border-radius: 5px;
  transition: .2s;
  cursor: pointer;
}
.tmb-list li:hover {
  background-color: #c5e0f0;
}
.tmb-list li.tl-act,
.tmb-list li.active {
  background-color: #036eb8;
  color: #fff;
}
.tmb-content {
  display: none;
}
.tmb-content:nth-of-type(1) {
  display: block;
}
/*----*/


/*-- 內文設定 --*/
.gb-title {
  color: #227BBB;
  font-size: 17px;
  line-height: 1.5;
  margin: 20px 0 10px;
}
.ogz-title {
  width: 600px;
  min-height: 44px;
  background: #c5e0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #036eb8;
  line-height: 1.4;
  margin: 20px auto 30px;
}
.gb-txt {
  font-size: 15px;
  line-height: 1.6;
  margin: 10px 0;
  clear: both;
}
.gb-list {
  width: 100%;
  padding-left: 20px;
  text-align: left;
}
.gb-list li {
  margin-bottom: 3px;
  list-style-type: decimal;
  font-size: 15px;
  line-height: 1.5;
}
.gb-list li:last-child {
  margin-bottom: 0px;
}
.gb-pic {
  width: 625px;
  margin: 20px auto;
}
.gb-pic img {
    max-width: 100%;
}
/*----*/