@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;}
.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-repeat:no-repeat;
  text-decoration: none !important;
	color:#69A039;
  -webkit-transition: all .25s ease-in-out;
     -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
       -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out;
}

.block.orders {
  height: 50px;
  margin: 5px;
}
.block.orders img{vertical-align:middle; margin:0 20px 0 7px;}
.block.orders a{
  display:inline-block;
  text-align: center;
  color: #5E964C;
  font-size: 15px;
  font-weight:bold;
  vertical-align:middle; 
}

.block .more-btn {
  padding: 0;
  width: 60px;
  margin: 0 auto;
  position: absolute;
  line-height: 24px;
  bottom: 10px;
  right: 10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #FFA200;
  cursor:pointer;
  -moz-box-shadow:inset 0px 0px 0px 0px #FFA200;
  -webkit-box-shadow:inset 0px 0px 0px 0px #FFA200;
  box-shadow:inset 0px 0px 0px 0px #FFA200;
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
}

.block .more-btn:hover {
  -moz-box-shadow:inset 400px 0px 0px 0px #FFA200;
  -webkit-box-shadow:inset 400px 0px 0px 0px #FFA200;
  box-shadow:inset 400px 0px 0px 0px #FFA200;
  -webkit-transition: all .25s ease-in;
     -moz-transition: all .25s ease-in;
      -ms-transition: all .25s ease-in;
       -o-transition: all .25s ease-in;
          transition: all .25s ease-in;
}

.block .more-btn:hover .more {
	color: #FFF !important;
	width: 24px;
}

.block a.more{ 
  display: block;
  color:#FFA200 !important;
  text-align: left;
  padding: 0;
  background-position: 24px -47px;
  width: 24px;
  margin: auto;
}

.gray_line_top{ border-top: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 0.5em 0.5em;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 #588c3f;}
.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_t20{ margin-top:20px;}
.margin_t30{ margin-top:30px;}
.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;}
.font-ml { font-size:16px;}
.bg_03 {background-color:#00488E; color: #000;}
.bg_04 {background-color:#387D39; color: #000;}
.ad-style {width: 138px/*185px*/ !important; text-align: center; margin: 0 auto !important; position: relative; margin-left: 20px !important;}
.ad-style img {width: 100%; position: absolute; top: 20px; left: 0;}
.al_c{text-align: center;}
.al_l{text-align: left;}
.al_r{text-align: right;}
/* Header - topbar
========================================================================================== */
.gblHeader {position: relative;background: #f5f5f5;z-index: 200;}
.gblHeader .topbar{ background:#3C651C; background-repeat:repeat-x; background-position:0 0; height:37px; width:100%;}
.gblHeader .container {width: 1200px; padding: 0 15px; box-sizing: border-box;}
.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 { background:#FFC257; text-shadow: 0px -1px 0px #FC0; font-size:13px; padding: 0.4em 0em; display: inline-block; color: #000 !important; text-align:center; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.reg a.register:hover{background:#FCD03A; color:#000; 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;}
.global{ float:left; margin:0 0 0 16px;}
.global a.btn-global {
  min-width: 50px;
  height: 28.4px;
  text-shadow: none;
  box-shadow: none;
  color: #FFF;
  background: rgba(0, 0, 0, 0.15);
  padding: 2px 10px;
  border-radius: 4px;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
.global a.btn-global:before {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  margin-right: 4px;
  background: url('../images/ic_global.svg') center center / contain no-repeat;
}
.global a.btn-global:hover {
  background: rgba(0, 0, 0, 0.25);
}


/* Header - topbar - Login
========================================================================================== */
.utility p{ padding:0.8em 0 0 0;}
.utility p.confidential{ font-weight:bold;}
.Logbar, .help, .admin, .logins{ float:left;}
.Logbar{  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 .remind02 {
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Logbar ul .remind02 .rmd-ic {
  background: url(../images/ic-remind.svg) center center / 14px 16px no-repeat;
  width: 30px;
  height: 30px;
  position: relative;
  display: block;
}
.Logbar ul li.remind02 .rmd-dot  {
  height: 6px;
  width: 6px;
  position: absolute;
  right: 3px;
  top: 3px;
  z-index: 10;
  border-radius: 999px;
  background: #F55431;
}
.Logbar ul .remind02 .alarm {
  background-color: #F05555;
  font-size: 0.8em;
  color: #FFF;
  height: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 2px 2px 2px;
  margin-left: 0px;
  border-radius: 5px;
}
.Logbar ul .remind02 .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:#588c3f; color:#FFF; display:block;}
.Logbar li input.out {
  height: 28px;
  border: none;
  margin: 0;
  padding: 5px 12px;
  border-radius: 4px;
  background: #E4E4E4;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: normal;
  color: #333;
  text-shadow: none;
  box-shadow: none;
  transition: .2s;
}
.loggedin .help{ margin:0 0 0 8px; padding:0 0 0 10px; 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:18px ; margin:1.7em 0 0 0.4em; z-index: 10;}
.social .FB{ float:left;}
.social-icon { margin:0;}
.social-icon a.fbicon, .social-icon a.lineicon, .social-icon a.fbicon:hover, .social-icon a.lineicon: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%;}
.search { float: left; position: relative; width: 138px; /* width: 205px; */ height: 36px; overflow: hidden; }
.search input.searchtext{ width:133px; /*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 {display:none; 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: 5px;top: 8px;width: 22px;}
.gblnav {border-bottom: 1px solid #ccc; background-color:#FFF; width: 100%; height:75px; z-index: 200;}
.gblnav .Logo{ float:left;}
.gblnav .Logo a{background-image: url(../images/header_logo.png);background-position: 0 center;background-repeat: no-repeat;width: 155px;height: 64px;text-indent: -9999px; margin-top:8px; background-size: contain;}
.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 2em/*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;/*width:780px;*/}
/*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: 56px; */
    float: left;
    position: relative;
    /* margin: 0 16px */
}

ul.oe_menu > li.divider {
    background-image: url(../images/nav_line_1.png);
    width: 2px;
    height: 38px;
    margin: 23px 0 0;
    display: none;
}
/*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: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    padding: 28px 8px 16px 15px;
}
ul.oe_menu > li > a:after {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background: url('../images/ic-menu-down.svg') center center / contain no-repeat;
}
ul.oe_menu > li > a.om-nosub {
  padding-right: 15px;
}
ul.oe_menu > li > a.om-nosub:after {
  display: none;
}
ul.oe_menu > li > a:hover, ul.oe_menu > li.selected > a{color:#408A00;opacity:1.0; text-decoration:none;}
ul.oe_menu > li > a:hover:after,
ul.oe_menu > li.selected > a:after {
    background-image: url('../images/ic-menu-up.svg');
}
/*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 > li.selected div.menuList{
  display: flex;
}
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:-42px;
	background:#fff;
	display: none;
  width: auto;
  height: auto;
  left: 50%;
  transform: translateX(-50%);
  align-items: flex-start;
  justify-content: center;
}
ul.oe_menu div.menuList_1{ width:145px; left:-20px; height:140px;}

/*ul.oe_menu div.menuList_account{ width:660px; height:205px; left:-270px;}*/
/* ul.oe_menu div.menuList_member{width: 530px; height: auto; left: -240px;}
ul.oe_menu div.menuList_account{width: 270px; height: auto; left: -110px;}
ul.oe_menu div.menuList_money{width:530px; height: auto; left: -240px;}
ul.oe_menu div.menuList_business{ width: 530px; height: auto; left: -240px}
ul.oe_menu div.menuList_customer{ width: 270px; height: auto; left: -110px}
ul.oe_menu div.menuList_download{ width: 270px; height: auto; left: -110px}
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:0 !important; right: 0; margin: auto; background-image:url(../images/nav_arrow_1.png); background-position: center; background-repeat:no-repeat; width:90px; 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 div ul li a.spcl{text-decoration:none;color:#c00;padding:2px 2px 2px 4px;margin:2px;display:block;}
ul.oe_menu div ul li a.spcl2{text-decoration:none;color:#c00;padding:2px 2px 2px 4px;margin:2px;display:block; background-image:url(../images/tm.png);}
ul.oe_menu div ul li a.spcl2:hover{background:#69A039; color:#FFF; background-image:url(../images/tm2.png);}
ul.oe_menu li ul{list-style:none;/*float:left;*/width: 148px;padding: 0 0 0 0.8em;}
ul.oe_menu div ul.oe_full{width:100%;}
ul.oe_menu div ul li a:hover{background:#69A039; color:#FFF;}
ul.oe_menu div ul li a.red:hover{color:#FFF !important;}
ul.oe_menu div ul li a.spcl:hover{background:#69A039; color:#FFF;}
li.oe_heading{color:#aaa;font-size:13px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #ddd; padding-left:5px;}
li.oe_heading.oeh-modify {margin-top: -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: 20px;/*right: 82px;*/right: 90px;cursor: pointer; width:80px; height:80px; opacity: .9;}
/* .go_top{ z-index:999; background-position:0 -5px; background-repeat:no-repeat; position: fixed; bottom: 20px; right: 70px; cursor: pointer; width:90px; height:72px;} */
.go_top a { background-image:url(../images/icon_1.png); background-position:38px -14px; background-repeat:no-repeat; padding:3em 0 0.5em 1.9em; display:block; font-weight:bold; height:0;}
/* .go_top a { background-image:url(../images/icon_1.png); background-position:68px -14px; background-repeat:no-repeat; padding:1.2em 0 5em 1em; display:block; font-weight:bold; height:0; margin-top:10px;}*/

.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;}


/* 活動
========================================================================================== */
.go_ec {
  z-index: 999;
  background-image: url(../images/icon_activities.png);
  background-position: 0 -5px;
  background-repeat: no-repeat;
  position: fixed;
  bottom: 240px;
  right: 68px;
  cursor: pointer;
  width: 100px;
  height: 100px;
}


/* 線上客服
========================================================================================== */
/*go_contact{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_contact {
  z-index: 999;
  /*background-image: url(../images/ecpay_smart_agent_icon.png);*/
  background-position: 0 -5px;
  background-repeat: no-repeat;
  position: fixed;
  bottom: 125px;
  right: 68px;
  cursor: pointer;
  width: 100px;
  height: 100px;
}

.go_contact img {
  width: 100%;
}

/*.go_contact a { background-image:url(../images/customer_service.svg); background-repeat:no-repeat; display:block; height:0; width: 36px; height: 24px; padding: 24px 0 0 0; margin: 10px 0 0 28px;}*/
.go_contact a {
  background-repeat: no-repeat;
  display: block;
  height: 0;
  width: 60px;
  height: 60px;
  padding: 14px 0 0 0;
  margin: 10px 0 0 16px;
}

.go_contact p {
  color: #588c3F;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
  letter-spacing: 1px;
  text-align: center;
  width: 60px;
}


/* line social
========================================================================================== */
.line-social { z-index: 999; position: fixed; bottom: 125px; right: 90px; cursor: pointer; width: 68px; height: 68px; }
.line-social a { width: 100%; height: 100%; background: url('../images/line_social.png') center center / contain no-repeat; display: block; }


/* footer
======================================================================================= */
.footer{ padding:3em 0 1.5em 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:#588c3f; 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;}
.align_c {text-align:center;}
.footer_link {float:left; width:16.66%;}
.footer_link:nth-child(2) {width:18.66%;}
.footer_link:last-child {width:14.66%;}
.footer_link p {font-size:15px; font-weight:bold;}
.footer_link ul {overflow:hidden; padding-top:5px; vertical-align:top; margin-right:20px;}
.footer_link ul li{ color:#666; line-height:28px;}
.footer_link ul li a{color:#666; font-size:1.1em;}
.footer_link ul li a:hover{ text-decoration:underline;}
.twca {float:left; width:8%; padding-top:25px; text-align:center;}
.ft-other { float: left; width: 8%; text-align: center; }
.ft-other .fo-social { width: 100%; margin-bottom: 10px; }
.ft-other .fo-social .fos-icon { width: calc(50% - 4px); display: inline-block; vertical-align: middle; margin-right: 5px; }
.ft-other .fo-social .fos-icon:last-child { margin-right: 0px; }
.ft-other .fo-social .fos-icon img { width: 100%; }
.ft-other .fo-certified { width: 100%; text-align: center; }
.ft-other .fo-certified .foc-icon { width: 100%; display: inline-block; }
.ft-other .fo-certified .foc-txt { width: 100%; font-size: 12px; line-height: 1.2; color: #77BAE4; font-weight: bold; }


.footer .ft-social {
    width: 100%;
    margin: 40px 0 26px;
    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;
}


.copyright {
  border-top: 1px solid #ccc;
  margin: 2.5em 0 0 0;
  overflow: hidden;
  padding-top: 0.3em;
}
.footer_link .phone{ color:#588c3f; font-size:1.1em; padding:0.5em 0 0 2em; margin:0;background-image:url(../images/footer_icon.png); background-position:0 9px; background-repeat:no-repeat;}
.footer_link .mail{ color:#588c3f; font-size:1.1em; padding:0em 0 0 2.2em; margin:0;background-image:url(../images/footer_icon.png); background-position:0 -45px; background-repeat:no-repeat;}
.footer_link ul li.first{ border-left:1px solid #CCC;}
.sf-content { border-top: 1px solid #ccc; margin-top: 25px; padding-top: 25px; }
.sf-content .sfc-txt { font-size: 14px; color: #333; display: inline-block; vertical-align: middle; }
.sf-content .sfc-txt.sft-2:after { border-left: none;}
.sf-content .sfc-txt:after, .sf-content .sfc-list dt:after { content: ""; display: inline-block; vertical-align: middle; height: 15px; border-left: 1px solid #AAA; margin: 0 5px 0 8px; vertical-align: -3px; }
.sf-content .sfc-list { font-size: 15px; display: inline-block; vertical-align: middle; }
.sf-content .sfc-list dt { display: inline-block; vertical-align: middle; }
.sf-content .sfc-copyright { width: 100%; font-size: 14px; color: #333; }
.sell_footer .sf-certified { width: 100px; text-align: center; position:absolute; right:20px; top:45px; }
.sell_footer .sf-certified .sfc-icon { width: 100%; display: inline-block; }
.sell_footer .sf-certified .sfc-txt { width: 100%; margin-top: 6px; font-size: 12px; line-height: 1.2; color: #77BAE4; font-weight: bold; }


/* 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:1.8em; float:right; }
.line_bo2{margin-top:1.8em;}
.line_bo a{ background-color:#5E964C; color:#FFF;}
.line_bo a:hover{background-color: #360;}
.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:28px !important;*/height:15px !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:#588C3F;}
.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:#588c3f; 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:#588C3F; 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: 20px; top: 10px;}
.popbox {position: relative; 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: #588c3f; font-weight:normal;}
.popbox p{ font-size:14px;}
.dialog-Box .pot p a{color:#555 !important;}
.dialog-Box .pot p a:hover{color:#588c3f!important;}
.dialog-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFF;opacity: 0.8;z-index: 200;}
.table {background:#FFF; border:1px solid #CCC;}
.table tr .th {color:#fff;background-color:#588c3f;;text-align:center;font-weight:bold;}
.table thead tr {border-right: 1px solid #588c3f;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: #588c3f;text-align: center; border-bottom: none;border-left: 1px solid #FFF;color: #FFF;}
.table th:first-child {border-left: 1px solid #588c3f;}
.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;}
/* 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:#588c3F; 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: #497534;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: #588c3f;border-radius: 4px;color: #FFF;}
.update_bar .update_01 {float: left; display: block;width: 410px;height: 20px;text-indent: -9000px;}
.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;}

/* 頂部訊息 */
.header-reminder {
  width: 100%;
  background-color: rgba(255, 204, 16, .75);
  z-index: 199;
  box-sizing: border-box;
}
.header-reminder * {
  box-sizing: border-box;
}
.header-reminder .hrm-content {
  width: 1200px;
  min-height: 60px;
  padding: 15px 15px;
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header-reminder .hrm-txt {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #561800;
  font-size: 14px;
  line-height: 1.5;
  padding-right: 15px;
}
.header-reminder .hrm-txt:before {
  content: '';
  width: 22px;
  height: 20px;
  background: url("../images/ic-bullhorn-bw.svg") left top / contain no-repeat;
  display: block;
  flex-shrink: 0;
  margin-right: 10px;
}
.header-reminder .hrm-txt a {
  color: #00783C;
}
.header-reminder .hrm-close {
  position: relative;
  width: 30px;
  height: 30px;
  display: block;
  transition: .2s;
  border-radius: 99em;
}
.header-reminder .hrm-close:hover {
  background-color: #f1be06; 
}
.header-reminder .hrm-close::before,
.header-reminder .hrm-close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px; 
  background-color: #561800; 
  transform-origin: center;
  display: block;
}
.header-reminder .hrm-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header-reminder .hrm-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/*----*/

/* 注意事項
======================================================================================= */
.message {padding: 10px;background:#E5F9DD;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: #588c3f;}
.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;}
.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: #588C3F;}
.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;}
.message a.notice_link{font-size: 13px; text-decoration:underline;}

/* 進度表
======================================================================================= */
.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);
}


/*-- 頁碼 --*/
.pagenum-box {
  width:  100%;
  text-align: center;
  margin: 20px 0;
  font-size: 14px;
}
.pagenum-box a {
  color: #588c3F;
  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: #EEFDEA;
  border-radius: 6px;
  padding: 12px 14px;
  margin: 20px 0;
}
.tmb-list li {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  margin: 3px 5px;
  font-size: 15px;
  color: #588C3F;
  font-weight: bold;
  border-radius: 5px;
  transition: .2s;
  cursor: pointer;
}
.tmb-list li:hover {
  background-color: #DDF6D6;
}
.tmb-list li.tl-act,
.tmb-list li.active {
  background-color: #588C3F;
  color: #fff;
}
.tmb-content {
  display: none;
}
.tmb-content:nth-of-type(1) {
  display: block;
}
/*----*/

/*-- 內文設定 --*/
.gb-title {
  color: #588c3f;
  font-size: 17px;
  line-height: 1.5;
  margin: 20px 0;
}
.gb-txt {
  font-size: 15px;
  line-height: 1.6;
  margin: 10px 0;
  clear: both;
}
.gb-list {
  width: 100%;
  padding-left: 20px;
  text-align: left;
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box;
}
.gb-list > li {
  margin-bottom: 3px;
  list-style-type: decimal;
  font-size: 16px;
  line-height: 1.6;
}
.gb-list > li:last-child {
  margin-bottom: 0px;
}
.gb-list > li > .gb-list2 {
  margin: 4px 0;
}

.gb-list a {
  font-size: 16px;
  color: #588c3F;
}
.gb-list2 {
  width: 100%;
  padding-left: 20px;
  text-align: left;
}
.gb-list2 > li {
  margin-bottom: 3px;
  list-style-type: disc;
  font-size: 16px;
  line-height: 1.6;
}
.gb-list2 > li:last-child {
  margin-bottom: 0px;
}
.gb-pic {
  width: 625px;
  margin: 20px auto;
}
.gb-pic img {
    max-width: 100%;
}

/*表格*/
.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: #EEFDEA;
}
.gb-table .al_l {
  text-align: left;
}
/*----*/

/*-- 下拉內容 --*/
.gb-slide-contant {
  width: 100%;
  height: auto;
  margin: 20px 0;
}
.gb-slide-contant * {
  box-sizing: border-box;
}
.gsc-box {
  width: 100%;
  position: relative;
  border: 1px solid #DDD;
}
.gsc-box + .gsc-box {
  border-top: none;
}
.gsc-box.gsb-act dt:before {
  transform: rotate(180deg);
}
.gsc-box dt {
  width: 100%;
  padding: 15px 15px;
  background: #FFF;
  font-size: 16px;
  line-height: 1.5;
  color: #588C3F;
  border-bottom: 1px solid #DDD;
  position: relative;
  cursor: pointer;
}
.gsc-box dt:before {
  content: "";
  display: block;
  width: 14px;
  height: 9px;
  position: absolute;
  right: 20px;
  top: calc(50% - 3px);
  background: url(../images/service/arrow_down.png) center center no-repeat;
  transition: .3s;
}
.gsc-box dd {
  width: 100%;
  padding: 20px 15px;
  background: #F5F5F5;
  font-size: 15px;
  line-height: 1.5;
  color: #333;
  position: relative;
  display: none;
}
.gsc-box ul.resolution{padding-left: 20px;}
.gsc-box ul.resolution li{list-style-type: disc;}
/*----*/


/*--banner 區塊--*/
.gw-bnr {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 16px auto;
}
.gw-bnr.gbn-w {
  width: 853px;
}
.gw-bnr.gbn-radius img {
  border-radius: 12px;
}
.news_detail + .gw-bnr {
  margin-top: 0;
}
.gw-bnr a {
   display: block;
   width: 100%;
}
.gw-bnr img {
   max-width: 100%;
   display: block;
   border: 1px solid #eaeaea;
}

.gw-bnr2 {
  width: 100%;
  margin: 20px 0;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  border-radius: 8px;
  border: solid 1px #dcdcdc;
  background-color: #f3f5f8;
  overflow: hidden;
  box-sizing: border-box;
}
.gw-bnr2 * {
  box-sizing: border-box;
}
.gw-bnr2 .gwb2-box {
  width: 400px;
  flex-shrink: 0;
}
.gw-bnr2 .gwb2-box a {
  display: block;
  width: 100%;
}
.gw-bnr2 .gwb2-box img {
  width: 100%;
  display: block;
}
.gw-bnr2 .gwb2-content {
  width: calc(100% - 400px);
  padding: 12px 15px;
}
.gw-bnr2 .gwc-title {
  width: 100%;
  font-size: 18px;
  color: #267252;
  line-height: 1.4;
  margin-bottom: 8px;
}
.gw-bnr2 .gwc-list {
  width: 100%;
  padding-left: 18px;
}
.gw-bnr2 .gwc-list li {
  width: 100%;
  font-size: 14px;
  line-height: 1.3;
  color: #333;
  margin-bottom: 3px;
  list-style-type: disc;
  list-style-position: outside;
}
.gw-bnr2 .gwc-list li:last-child {
  margin-bottom: 0px;
}
.gw-bnr2 .red {
  color: #d9534f;
}
.gw-bnr2 .gwc-btn-box {
  width: 100%;
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.gw-bnr2 .gwc-btn-box .gwc-btn {
  min-width: 90px;
  height: 40px;
  background: #e4e6eb;
  padding: 3px 5px;
  border-radius: 6px;
  color: #050505;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
/*----*/

/*-- 列表樣式 --*/
.gb-list-box {
  margin-bottom: 10px;
  font-size: 16px;
  color: #333;
}
.gb-list-box .glb-title {
  margin-bottom: 5px;
  font-weight: bold;
}
.gb-list-box ul {
  padding-left: 20px;
}
.gb-list-box li {
  margin-bottom: 3px;
  list-style-type: disc;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.4;
}
.gb-list-box a {
  font-size: 15px;
  font-weight: bold;
  color: #588C3F;
}
/*----*/


/*--內頁標題--*/
.gb-page-title {
  font-size: 22px;
  color: #5E964C;
  font-weight: normal;
  margin-bottom: 20px;
  letter-spacing: 1px;
}
/*----*/



/*-- 選單 登入清單 --*/

.login-list-box {
  float: left;
  min-width: 100px;
  position: relative;
}
.login-list-box * {
  box-sizing: border-box;
}
.login-list-box.on-touch .smb-btn {
  background: rgba(0, 0, 0, 0.15);
}
.login-list-box.on-touch .login-list {
  max-height: 600px;
  padding: 8px  0 10px;
}
.login-list-box .smb-btn {
  width: 100%;
  height: 28px;
  padding: 5px 12px;
  background: rgba(255, 255, 255, 0.17);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  font-size: 13px;
  color: #FFF;
  line-height: 1.4;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 4px;
}
.login-list-box .smb-btn:after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: url("../images/ic-menu-down-w.svg") center center/contain no-repeat;
  margin-left: 4px;
}
.login-list-box .login-list {
  width: 230px;
  max-height: 0px;
  min-height: 0px;
  overflow: hidden;
  position: absolute;
  top: 25px;
  right: -50px;
  transition: .1s;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: 10;
}
.login-list-box .login-list:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 10px 8px;
  border-color: transparent transparent #ffffff transparent;
  position: absolute;
  top: 0px;
  right: calc(50% - 8px);
  z-index: 5;
}
.login-list-box .login-list ul {
  width: 200px;
  display: block;
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.15);
  font-size: 16px;
  color: #333;
  line-height: 1.4;
  transition: .2s;
  padding: 2px 2px;
}
.login-list-box .login-list li {
  width: 100%;
}
.login-list-box .login-list .lol-link {
  width: 100%;
  height: 44px;
  padding: 12px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-decoration: none;
  
}
.login-list-box .login-list .lol-link.on-touch {
  background: #F4F9F1;
  color: #3C651C;
}
/*----*/