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

/* 排版樣式 */
.block        {display: block         !important;}
.inline       {display: inline-block  !important;}
.line_h_s     {line-height:1.2em      !important;}
.vl_t         {vertical-align:top     !important;}
.vl_m         {vertical-align: middle !important;}

/* 間距 */
.margin_auto{margin:     0 auto !important;}
.margin_t0  {margin-top: 0      !important;}
.margin_t3  {margin-top: 3px    !important;}
.margin_t5  {margin-top: 5px    !important;}
.margin_t10 {margin-top: 10px   !important;}
.margin_t15 {margin-top: 15px   !important;}
.margin_t20 {margin-top: 20px   !important;}
.margin_t30 {margin-top: 30px   !important;}
.margin_t50 {margin-top: 50px   !important;}
.margin_t70 {margin-top: 70px   !important;}
.margin_r0  {margin-right: 0    !important;}
.margin_r5  {margin-right: 5px  !important;}
.margin_r10 {margin-right: 10px !important;}
.margin_r15 {margin-right: 15px !important;}
.margin_r20 {margin-right: 20px !important;}
.margin_r25 {margin-right: 25px !important;}
.margin_r27 {margin-right: 27px !important;}
.margin_r30 {margin-right: 30px !important;}
.margin_r40 {margin-right: 40px !important;}
.margin_r50 {margin-right: 50px !important;}
.margin_l0  {margin-left: 0     !important;}
.margin_l5  {margin-left: 5px   !important;}
.margin_l10 {margin-left: 10px  !important;}
.margin_l15 {margin-left: 15px  !important;}
.margin_l20 {margin-left: 20px  !important;}
.margin_l25 {margin-left: 25px  !important;}
.margin_l30 {margin-left: 30px  !important;}
.margin_l40 {margin-left: 40px  !important;}
.margin_l50 {margin-left: 50px  !important;}
.align_l    {text-align:  left  !important;}
.align_r    {text-align: right  !important;}
.align_c    {text-align: center !important;}
.float_r    {float: right       !important;}
.float_l    {float: left        !important;}
/* 下間距 */
.margin_b5    {margin-bottom:  5px    !important;}
.margin_b7    {margin-bottom:  7px    !important;}
.margin_b10   {margin-bottom: 10px    !important;}
.margin_b15   {margin-bottom: 15px    !important;}
.margin_b20   {margin-bottom: 20px    !important;}
.margin_b30   {margin-bottom: 30px    !important;}
.margin_b40   {margin-bottom: 40px    !important;}
.margin_b50   {margin-bottom: 50px    !important;}
.margin_b70   {margin-bottom: 70px    !important;}
/* 內間距 */
.padding_w5   {padding:      0  5px   !important;}
.padding_w10  {padding:      0 10px  !important;}
.padding_w15  {padding:      0 15px  !important;}
.padding_w20  {padding:      0 20px  !important;}
.padding_w40  {padding:      0 40px  !important;}
.padding_5    {padding:         5px   !important;}
.padding_10   {padding:        10px   !important;}
.padding_15   {padding:        15px   !important;}
.padding_20   {padding:        20px   !important;}
.padding_r0   { padding-right:0 !important;}
.padding_l20 { padding-left:20px !important;}
.padding_l30 { padding-left:30px !important;}
.padding_lr10 { padding:0 10px;}
/* 字體 */
.text_normal  {font-weight:normal     !important;}
.text_bold    {font-weight:bold       !important;}
.text_small   {font-size:13px         !important;}
.text_regular {font-size:14px         !important;}
.text_middle  {font-size:15px        !important;}
.text_large   {font-size:18px         !important;}
.text_xl      {font-size:24px         !important;}
.text_2xl     {font-size:30px         !important;}
.text_gray    {color: #555            !important;}
.text_blue    {color: #588c3f         !important;}
.text_red     {color: #F05555         !important;}
.text_black   {color: #000            !important;}
.text_yellow  {color: #FF0            !important;}
.text-white   {color: #fff            !important;}
.justify_bar { text-align:justify;}
.width_25{ width:25% !important;}
.width_27{ width:27% !important;}

.bg_blue   {background: #588c3f;}
.bg_blue_l {background: #EEFDEA;}
.bg_blue_d {background: #CDE5FF;}
.bg_white  {background: #FFF;}
.bg_yellow {background: #FFFEEE;}
.bg_gray, .mem-overview .t1, .mem-overview .t3 {background: #F3F3F3;}
.upload_img {position: relative;display: inline-block;margin-right: 5px;cursor: pointer;z-index: 10;}
.bg_gray_d{background: #555;}
.upload_del {position: absolute;width: 16px;height: 16px;top: 3px;right: 3px;background: url(../images/member/upload_delete.png) -2px -2px no-repeat;z-index: 50;}
.upload_del:hover {background: url(../images/member/upload_delete.png) -2px -22px no-repeat;}
.upload_del a {display: block;width: 16px; height: 16px;}
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFF;opacity: 0.5;z-index: 200;}
.window {padding: 3%;background: #FFF;border: 1px solid #000;z-index: 300;}
.width_30, .width_50, .width_55 {position: absolute;}
.width_30 {width: 30%;right: 32%;left: 32%;margin-top: 120px;}
.width_50 {width: 50%;right: 22%;left: 22%;margin-top: 200px;}
.width_55 {width: 55%;right: 25%;left: 20%;}
/* 寬度 */
.width_100 {width: 100% !important;}
.width_40 {width: 40% !important;}
.width_28 {width: 28% !important;}
.width_25 {width: 25% !important;}
.width_60 {width: 60% !important;}
.width_70 { width: 70% !important;}
.w60{width:60px !important;}
.w100{width:100px !important;}
.w170{width:170px !important;}
.w200{width:200px !important;}
.w250{width:250px;}
.close_btn {position: absolute;top: 15px;right: 15px;}
#checkbox a {display: inline-block;width: 120px;margin: 20px 10px 0 10px;}
#birthday a.btn, #phone a.btn {width: 120px;}
#birthday .input_info, #birthday .input_error, #phone .input_info, #phone .input_error { position:static; width:auto; margin-top: 10px;}
#birthday h3, #phone h3 {font-size:18px; margin-bottom:20px;}
#birthday select {width:30%; margin-left:10px;}
#birthday select:first-child { margin-left:0px;}
#phone input[type=text] { width:100%;}
.lightbox_pic img {width:100%;}

/* 上間距 */
.mt5  {margin-top:5px    !important;}
.mt10 {margin-top:10px   !important;}
.mt15 {margin-top:15px   !important;}
.mt20 {margin-top:20px   !important;}
.mt30 {margin-top:30px   !important;}
.mt40 {margin-top:40px   !important;}
.mt60 {margin-top:60px   !important;}
.mt80 {margin-top:80px   !important;}

/* 下間距 */
.mb5  {margin-bottom:5px    !important;}
.mb10 {margin-bottom:10px   !important;}
.mb15 {margin-bottom:15px   !important;}
.mb20 {margin-bottom:20px   !important;}
.mb30 {margin-bottom:30px   !important;}
.mb40 {margin-bottom:40px   !important;}
.mb50 {margin-bottom:50px   !important;}

/* 左間距 */
.ml5  {margin-left:5px    !important;}
.ml10 {margin-left:10px   !important;}
.ml15 {margin-left:15px   !important;}
.ml20 {margin-left:20px   !important;}
.ml30 {margin-left:30px   !important;}
.ml40 {margin-left:40px   !important;}

/* 右間距 */
.mr5  {margin-right:5px    !important;}
.mr10 {margin-right:10px   !important;}
.mr15 {margin-right:15px   !important;}
.mr20 {margin-right:20px   !important;}
.mr30 {margin-right:30px   !important;}
.mr40 {margin-right:40px;}

.algn_l{text-align:left !important;}
.algn_c{text-align:center !important;}
.algn_r{text-align:right !important;}
.noborder, td.noborder, tr.noborder{border:none !important;}

/* 字體 */
.text_middle{font-size:14px !important;}
.text_normal{font-weight:normal !important;}
.text_black{color:#555 !important;}

/* 寬度 by px */
.w120{width:120px !important;}
.w150{width:150px !important;}
.w200{width: 200px;}
/* 寬度 by % */
.w_20{width:20% !important;}
.w_30{width:30% !important;}
.w_40{width:40% !important;}
.w_50{width:50%;}
.w_60{width:60%;}
.w_70{width:70%;}
.w_80{width:80%;}
.w_90{width:90%;}
.w_95{width:95%;}
.w_100{width:100%;}
/* 列表樣式 */
li.nolistyle{ list-style:none !important;}
table tr td li { list-style: outside decimal !important; margin-left: 15px;}
/* table tr td li li { list-style: lower-alpha !important;} */

/* Business
======================================================================================== */
.bg_cloth{background:url(../images/iwish/shl.png) repeat;}
.bg_red_d{background-color:#900;}
.b_main{ width:55%; float:left;}
.b_main h1{ background-image:url(../images/business/index_text.png); background-position:-10px 0; background-repeat:no-repeat; display:block; text-indent:-9999px; height:50px; margin-bottom:1em;}
.b_main p{ font-size:1.4em; color:#777; text-shadow: 0 2px 0 white; margin-bottom:2em;}
.b_main2{ display:inline-block; float:left;}
.b_main2 h2{ font-size:42px; color:#C30; margin-bottom:15px;}
.b_main2 p{ font-size:18px !important; color:#555; text-shadow: 0 2px 0 white; margin-bottom:20px;}
.b_main2 p.likes{ font-size:24px !important; color:#555; text-shadow: 0 2px 0 white; margin-bottom:30px;}
.sider2{ float:right; width:50%; margin-bottom:0px;}

.sider{ float:right; width:41%; margin-bottom:20px;}
.sider .tray_nav{ background-color:#CAE0C1; border:1px solid #98CA80; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:3px; }
.sider .tray_nav ul li{ background-color: #FFF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 0 0.5em 0;}
.sider .tray_nav ul li.last{ margin-bottom:0;}
.sider .tray_nav ul li a{background-image:url(../images/business/arrow_icon.png); background-position:375px 35px; background-repeat:no-repeat; display:block;padding:0.3em 2.2em 0.3em 0.5em; min-height:90px;}
.sider .tray_nav ul li a:hover{ background-color:#EEFDEA; text-decoration:none;}
.sider .tray_nav ul li span.icon{ background-image:url(../images/business/index_text.png); background-position:0 -40px; background-repeat:no-repeat; width:10%; height:60px; float:left; display:block; margin:1em 1em 0 0.3em;}
.sider .tray_nav ul li h3{color:#588c3f; font-size:1.2em;}
.tray_nav ul li.machine span.icon{ background-position: -52px -43px;}
.tray_nav ul li.machine h3, .tray_nav ul li.invoice h3,  .tray_nav ul li.openid h3{ margin-top:0.4em;}
.tray_nav ul li a h3:hover{ color:#387700;}
.tray_nav ul li.invoice span.icon{ background-position:-102px -45px;}
.tray_nav ul li.logistics span.icon { background-position: -154px -45px;}
.tray_nav ul li.openid span.icon { background-position: -203px -45px;}
.width_50{ width:50%;}

/* payment_standard
======================================================================================== */
.b_columns, .c_columns, .d_columns{ position:relative; margin:0.5em auto 0 auto; display:table-cell;}
.b_columns .b_Widget, .b_columns .b_sider{ float:left; width:50%; position:relative;}
.b_columns .b_sider h1{ background-image:url(../images/business/index_text.png); background-position:-10px -130px; background-repeat:no-repeat; display:block; text-indent:-9999px; height:50px;margin-bottom:1em;}
.b_sider p{ font-size:1.4em; color:#777; text-shadow: 0 1px 0 white; margin-bottom:0.5em;}
.b_sider ul.link{margin:3em 0 1em 0; height:30px;}
.b_sider ul.link li{float:left; }
.b_sider ul.link li a{font-size:1.1em; color:#6fa356; padding:0 1em; border-left:1px solid #588c3f;}
.b_sider ul.link li a.first{ padding-left:0; border-left: 0;}
.b_sider .setup_box{ display:inline-block;}
.hr_arrow{ background-position: 0 -410px; height:30px;}
.b_sider h2, .m_content h2, h3.title_money { font-size:22px; color:#5E964C; font-weight:normal; margin-bottom:0.5em; letter-spacing:0.05em;}
.b_columns .sm p{ font-size:1.25em;}
p.fee_val{ text-align:right; margin: 0 3px 7px 0;}
h3.title_money{ font-size:22px; display:inline-block; margin-bottom:-20px;}
h3.title_money img{ vertical-align: baseline; margin-bottom:-5px;}
h3.title_money span, h3.title_money span span{font-size:16px; color:#000;}
.fees{ margin: 0 auto 1em auto;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.fees tr, .mem-overview tr { border-top:1px solid #CCC; border-bottom:1px solid #CCC;}
.fees tr td, .mem-overview tr th, .mem-overview tr td {border-right:1px solid #CCC; border-left:1px solid #CCC; text-align:center; font-size:1.2em; color:#555;word-wrap: break-word; padding:5px 3px;}
.fees tr td { height:50px;}
.mem-overview tr th, .mem-overview tr td { height:40px;}
.mem-overview .t1 { height:30px;}
.fees tr td a{ color:#5E964C; }
.fees tr td a:hover{text-decoration:underline;}
.fees tr td .ti_box{ position:absolute; border:1px solid #FC0; z-index:100; padding:0.5em; background-color:#FEFFD3; width:130px; left:180px; top:40px; font-size:13px; text-align:left;}
.tip_note ul li{ padding-left:10px; list-style:decimal inside;}
.ti1{ top:135px !important; left:70px !important;}
.ti2{ left:80px !important;}
.ti3{ left:180px !important;}
.ti5{ left:270px !important;}
.ti4{ top:105px !important; left:50px !important;}
.ti_box:after, .ti_box:before { content: " "; position: absolute;pointer-events: none;width: 0;height: 0;bottom: 100%;left: 20%;border: solid transparent;}
.ti_box:after {margin-left: -5px;border-bottom-color: #FEFFD3;border-width: 5px;}
.ti_box:before {margin-left: -6px;border-bottom-color: #FC0;border-width: 6px;}
.fees tr td.head{text-shadow: 0 1px 0 #fff; position:relative; background-color:#fff; }
.fees tr td span.note{ display:block; color:#999; font-size:0.85em;}
.fees tr td.t1, .mem-overview tr th { background-color:#588C3F; color:#FFF;}
.mem-overview tr th, .mem-overview tr td.t1, .mem-overview tr td.t2 { font-weight:bold;}
.fees tr td span.tip{ font-size:0.75em; margin:0 5px; vertical-align:super;}
.fees tr td.no {background-image:url(../images/business/arrow_icon.png);background-repeat:no-repeat;background-position:80px -65px;}
.fees tr td.no1{background-position:55px -65px;}
.fees tr td.no_bord{border-bottom:none;}
.fees tr td span.note{color:#FF7676;font-size:0.8em; margin-right:10px; display:block;}
.fees tr td span.red {color: #FF7676;}
.fees tr td span.ra{display:inline-block; width:60px;}
.tipBox{ margin: 1em auto 2em auto; width:90%;}
.tipBox ul li{line-height:1.8em;}
.tipBox ul li.note { text-indent: -33px;margin-left: 50px;}
.tipBox ul li.note i.red { font-style:normal;}
.tipBox ul li span.red{width:25px; display:inline-block;}
.tipBox ul li a{color:#588c3f;}
.tipBox ul li li{list-style: decimal outside; margin-left:2.5em; }
.tipBox ul li li li{ list-style:circle inside;}

/* wireless_machine
======================================================================================== */
.machine .b_columns h1{ background-position: -7px -180px;}
.machine .tipBox h3{color:#FF7676; font-size:1.1em;}
.machine .tipBox ul li{ list-style:inside decimal;}
.machine p.first{ text-align:left; font-size:1.2em; padding-bottom:1em; color:#F05555;}
.down { width:60%; margin: 1em auto 2em auto;}
.down a{ width:40%; display:inline-block; margin-right:1em;}
.down a:hover{ text-decoration:none;}
.machine_btn a{ width:30%; margin: 1.5em auto;}
.btn_wireless{ text-align:center;}
.btn_wireless a{ display:inline-block; margin:1em 1.5em;}
.machine_form{ width:80%; margin: 0 auto;}
.fees tr td.form{ text-align:left; padding-left:1.5em; position:relative;}
.fees td.form input.category{ width:20px;}
.fees td.form input{ width:250px; margin-left:0;}
.fees td.form input.errow{ border-color:#A40000;}
.machine .fees{ margin-bottom:2em;}
.dialog-Box .contant h3{ font-size:1.6em; color:#588c3f; text-align:center;}
i.icon_success {background: url(../images/member/form_icon.png); background-position:-100px 0;width: 30px;height: 35px;margin-right:10px; display:inline-block;}
.dialog-Box .contant p{ text-align:center; margin-top:1em;}
.dialog-Box .contant p a{ padding:10px 30px; font-size:1.05em;}
.application tr td{ padding:0.5em 0;}
.bg_blue_l{ background-color: #EEFDEA;}

/* invoice
======================================================================================== */
.invoice .b_columns h1{ background-position: -8px -240px;}
.invoice .b_sider p{ background-image:url(../images/business/mose.png); background-position: 5px 4px; background-repeat:no-repeat; padding-left:2.2em; margin-bottom:0.5em; min-height:30px; }
.invoice .b_Widget .hr{ background-position: -280px -240px; margin-bottom:0.5em;}
.invoice .b_sider p.application_text, .m_content  p.application_text { text-align:center;border: 1px solid #9FBACE; background-color:#CAE2EB; background-image:none; padding:0.5em; width:75%; background-image:none !important; color:#555 !important; font-size:1.3em;}
.invoice_list{ height:100px;}
.invoice_list ul li{ float:left;width:22%;}
.invoice_list ul li.first{ background-image:url(../images/business/index_text.png); background-position:0 -300px; background-repeat:no-repeat; display:block; text-indent:-9999px; width:140px; height:100px;}
.invoice_list ul li.list a{background-image:url(../images/service_list.png); background-position:-655px 5px; background-repeat:no-repeat; padding:5.2em 0 0 0; display:block; font-size:1.15em; text-align:center;}
.invoice_list ul li.list a:hover{ text-decoration:none; color:#588c3f; background-position: -655px -98px;}
.invoice_list ul li.list1 a{ background-position:-845px 5px;}
.invoice_list ul li.list2 a{ background-position:-750px 5px;}
.invoice_list ul li.list1 a:hover{ background-position:-845px -99px;}
.invoice_list ul li.list2 a:hover{background-position:-750px -98px;}
.invoice .m_content .column_list{ overflow:hidden;}
.column_list .column1{ float:left; width:48%; margin-right:2em;}
.column_list .last{ margin-right:0;}
.invoice .m_content h2{ font-size:1.5em;}
.invoice .column1 ul li{ font-size:1.2em; color:#7D7D7D; background-image:url(../images/blue_arrow.png); background-position:3px 0; background-repeat:no-repeat; padding-left:2em; margin-bottom:0.5em;}
.invoice .column1 ul li li{ list-style:circle outside; background-image:none; padding-left:0; margin-left:1.3em; font-size:1em;}
.invoice .column1 ul li a.button{ margin:0.2em 0 0 0.5em;}
.invoice .column1 ul li span{ color:#588c3f; font-size:1em; margin-right:0.5em; font-weight:bold;}
.m_content  p.application_text{ width:40%; margin: 0 auto 1.5em auto;text-shadow: 0 1px 0 white;}
.invoice_inst h2{ font-size:1.8em; color:#488000;}
.invoice_inst .inst_list{ background-color:#CAE0C1; border:1px solid #98CA80; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding:0.3em; width:80%; margin: 2em auto;}
.inst_list .list_inner{ background-color:#FFF; padding:1em; overflow:hidden;}
.list_inner .left{ width:30%;}
.list_inner .right{ width:70%;}
.list_inner .right h3{ font-size:1.8em;color:#588c3f;}
.list_inner .right h3 span{ display:inline-block; font-size:1.1em; margin-right:0.5em;}
.list_inner .right h4{margin-left:2.4em; font-size:1.3em; line-height:2em;}
.list_inner .right ul, .list_inner .right p{ margin-left:3.2em;}
.list_inner .right ul li a{color:#588c3f;}
.c_columns .c_Widget, .c_columns .c_sider, .d_columns .d_Widget, .d_columns .d_sider{ float:left; width:50%; position:relative;}
.c_columns .c_sider h1{ font-size: 2.5em; color: #66b600;margin-left: 10px;padding-top:6em;}
.c_columns .c_sider p{ font-size: 1.4em; color: #777;margin-left: 10px;}
.d_columns .d_sider h1{ font-size: 2.5em; color: #66b600;margin-left: 70px;padding-top:6em;}
.d_columns .d_sider p{ font-size: 1.4em; color: #777;margin-left: 70px;}

/* receipt_search
======================================================================================== */
.fees tr td.form select{ width:16%; }
.fees tr td.form .confcode{ width:18%;}
.fees tr td.form .refreshing{color: #555; font-size:13px; text-decoration:none;}
.bspacing{height:24px;}

/* receipt_result
======================================================================================== */
.result_block{width:950px; margin:0 auto;}
.result_block ul{ display:table; width:100%;}
.result_block li{ vertical-align:top;}
.result_block li h3, .result_block h3{font-size:15px; font-weight:bold; height:40px; line-height:40px; padding-left:20px; text-shadow:none; letter-spacing:1px;}
.result_block li table{width:95%; margin:0 auto 20px auto; border:#ccc 1px solid; border-right:none;}
.bg_blue_l, .mem-overview .t2 {background: #EEFDEA;}
.bg_blue_d {background: #CDE5FF;}
.bg_red_d{background:#900;}
.bg_gray_l {background: #F0F0F0;}
.bg_green_l{background:#EEFDEA}
.result_block li table td{ border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; color:#333; font-size:14px; padding:10px;}
.result_block li table.higher{height:250px; padding-left:20px;}
.result_block li table td.dark{color:#333;}
hr.red{height:2px; background-color:#900; margin:0 !important; border:none !important;}

/* 表格 */
table.plist, table.plist02, table.plist03{width:920px; margin:0 auto; border-bottom:none; border-right:none; border-left:#999 1px solid;}
table.plist02{ border-right:#ccc 1px solid; border-bottom:none; border-left:#ccc 1px solid;}
table.plist th, table.plist td, table.plist02 th, table.plist02 td, table.plist03 th, table.plist03 td{width:20%; font-size:14px; height:40px; border-bottom:#999 1px solid; border-right:#999 1px solid;}
table.plist03 th, table.plist03 td{width:auto;}
table.plist02 th{border-top:none; border-bottom:#fff 2px groove; border-right:none;}
table.plist02 td{ border-right:none;}
table.plist th, table.plist02 th, table.plist03 th{text-align:center; font-weight:bold; color:#fff; background-color:#588C3F;}
table.plist td, table.plist02 td, table.plist03 td{text-align:center; color:#555;}
table.plist02 th, table.plist02 td{background-color:#EFEFEF; color:#555;}
table.plist th, table.plist td, table.plist02 th, table.plist02 td{width:20%; font-size:14px; height:40px; border-bottom:#999 1px solid; border-right:#999 1px solid;}
table.plist02 th {border-top:none; border-bottom:#fff 2px groove; border-right:none;}
table.plist02 td { border-right:none;}
table.plist th, table.plist02 th{text-align:center; font-weight:bold; color:#fff; background-color:#588C3F;}
table.plist td, table.plist02 td{text-align:center; color:#555;}
table.plist02 th, table.plist02 td{background-color:#EFEFEF; color:#555;}
.turn_off{display:none;}
.result_invoic table{ width:90%; margin:20px auto; }
.result_invoic tr td{ padding:10px; border:1px solid #CCC; font-size:1.2em;}
.result_invoic select.city, .result_invoic input.code{ width:30%; margin-right:10px; float:left; height:30px;}
.result_invoic input.code{ margin:0; padding:0 5px;}
.result_invoic input.address{ width:92.5%; margin-top:10px;}
.result_invoic .center{ background-color:#EEFDEA;}
/* 提示與錯誤訊息 */
.b_sider ul.link .input_box{ left:70px; margin-top:-26px;}
.fees td.form .input_box{ right:220px; top:17px;}
.fees td.form .pussy{position:relative;}
.fees td.form .pussy img{ vertical-align:middle;}
.fees td.form .pussy .input_box{right:220px; top:10px;}
.input_box {position: absolute;right: 55px; z-index:100;}
.input_info, .input_error {position: absolute;width: 190px;padding: 5px 5px 5px 25px;z-index: 100;}
.input_info {background: url(../images/member/icon_info.png) 2px 4px no-repeat #FFF;border: 1px solid #227BBB;color: #227BBB; font-size:12px;}
.input_error {background: url(../images/member/icon_error.png) 2px 4px no-repeat #FFF;border: 1px solid #A40000;color: #A40000; font-size:12px;}
.input_arrow_b {position: absolute;top: -1px;left: -5px;width: 5px;height: 30px;background: url(../images/member/input_arrow.png) 0 0 no-repeat;}
.input_arrow_r {position: absolute;top: -1px;left: -5px;width: 5px;height: 30px;background: url(../images/member/input_arrow.png) 0 -30px no-repeat;}
.company .input_box {right: 211px;}
/* receipt_result
======================================================================================== */
.service h3.title_money{ margin-bottom:10px;}
.service tr td{ padding:5px 0;}
.service tr td.bottom{ border-bottom:2px solid #CCC;}
.service tr td.no_gray{ background-image:url(../images/business/arrow_icon.png); background-position:80px -282px; background-repeat:no-repeat;}
.service tr td.yes{ background-image:url(../images/business/arrow_icon.png); background-position:80px -210px; background-repeat:no-repeat;}
.mb20{ margin-bottom:20px;}
.service tr td .service_tip{ left:85px; top: 45px; width:200px;}

/*.......*/
.tip-icon { position:relative; vertical-align:middle; width:20px; height:20px; background-image:url(../images/form_icon.png); background-position:-40px 0; display:inline-block; cursor:pointer  !important;}
.l-blue { color: #d9edf7;}
.tb-normal{width:920px; margin:0 auto 10px auto; border:#ccc 1px solid; border-right:none;}
.tb-normal th, .tb-new th { border-bottom:#ccc 1px solid; color: #333; background-color:#E2F7DC; font-size:14px; line-height:25px; text-align: center; border-right:#ccc 1px solid; padding: 10px 8px;}
.tb-normal td, .tb-new td { border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; color:#333; font-size:14px; text-align:center; padding: 10px 8px;}
.form-control{
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;
   margin:0;
   padding:2px 2px 2px 10px;
   display: table-cell;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   font-size: 13px; height:35px;
}
.form-control:focus {
   border-color: #999;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   }
.inquiry-btn-box, .inquiry-btn-box2 {overflow:hidden; padding-bottom:20px; border-bottom:#CCC 1pt solid;}
.inquiry-btn-box { margin:0 40px 20px;}
.inquiry-btn-box2 { margin:0 0 20px;}
.check_m {width: 16px;height: 16px;margin: 2px 10px 0;}
.ebtn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 4px 8px;
	font-size: 12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	line-height: 25px;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition:all 0.2s ease-out 0s; }
.ebtn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.ebtn:hover,.ebtn:focus{color:#333;text-decoration:none}
.ebtn:active,.ebtn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.ebtn-lightblue {
   background: #0390fd;
   color: #fff;
   border-color: #028af3;
}
.ebtn-lightblue:hover,.ebtn-lightblue:active,.ebtn-lightblue:focus {
   background: #027be1;
   border-color: #0385ea;
   color: #fff;
}
.ebtn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}
.ebtn-warning:hover,.ebtn-warning:focus,.ebtn-warning:active {color:#fff;background-color:#eb8a2b;border-color:#d58512}
.ebtn-info{color:#fff;background-color:#28c2fb;border-color:#46b8da}
.ebtn-info:hover,.ebtn-info:focus,.ebtn-info:active,.ebtn-info.active {color:#fff;background-color:#1a8bcc;border-color:#269abc}
.ebtn-green {
   background: #25b2b8;
   color: #fff;
   border-color: #23abb1;
}
.ebtn-green:hover,.ebtn-green:active,.ebtn-green:focus {
   background: #13899e;
   border-color: #22a5aa;
   color: #fff;
}
.ebtn-gray {
   background: #b1b1b1;
   color: #fff;
   border-color: #acacac;
}
.ebtn-gray:hover,.ebtn-gray:active,.ebtn-gray:focus {
   background: #929292;
   border-color: #a8a8a8;
   color: #fff;
}
.tip_box, .tip_box2{
	position: absolute;
	border: 1px solid #FC0;
	z-index: 100;
	padding: 0.5em;
	background-color: #FEFFD3;
	font-size: 13px;
	text-align: left;
}
.tip_box {width:180px; left:-29px;top:32px;}
.tip_box2 {width:120px; padding-right:3px; left:-18px; top:30px;}
.tip_box:after, .tip_box:before, .tip_box2:after, .tip_box2:before  { content: " "; position: absolute;pointer-events: none;width: 0;height: 0;bottom: 100%;left: 20%;border: solid transparent;}
.tip_box:after, .tip_box2:after {margin-left: -5px;border-bottom-color: #FEFFD3;border-width: 5px;}
.tip_box:before, .tip_box2:before {margin-left: -6px;border-bottom-color: #FC0;border-width: 6px;}
.dataTables_paginate {float: right;text-align: right; padding-right:40px;}
.dataTables_paginate p { float:left; margin:8px 10px 0 0;}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {border:2px solid #ddd;padding: 6px 12px;margin-right: 5px;cursor: pointer;color: #555;line-height: 21px;float: left;position: relative;background: #fff;display: inline-block;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;text-decoration:none;}
.paginate_button_disabled {opacity: 0.7;}
.paging_full_numbers a.paginate_active {border-color:#2A7306;color: #555; text-decoration:none;}
.paging_full_numbers a.paginate_button:hover {text-decoration: none !important;background-color: #E4E7EA;}

/* 跳出式視窗 */
.overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #FFF;opacity: 0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";z-index: 200;}
.window {
  position: fixed;
  width: 1000px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 300;
  background:none;
  border:none;
  text-align:center;
}
.window:before {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle; 
}
.window_wrap {position: relative;display: inline-block; padding:40px;background: #FFF;border: 1px solid #000;vertical-align: middle;  margin:0 auto !important; text-align:left;}
.window-head {background-color: #028af3;
font-size: 16px;
color: #FFF;
padding: 10px 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}
.window_wrap h3 {margin: 15px 5px;font-size: 15px;text-align: left;color:#5E964C;}
.window_wrap p span {margin: 0 3px;}
.window_wrap table {width: 100%;}
.window_wrap a.btn {display: inline-block;width: 120px;margin: 20px 10px 0 10px;}
.window_wrap .input_box {right: -110px;}
.window_wrap table.form1{width: 95%; margin: 0 auto 20px auto; border: #ccc 1px solid;border-right: none;}
.window_wrap table.form1 td{border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; color: #333; font-size: 14px; padding:5px 10px;}
.dit{width: 30%; margin-right: 10px; float: left;}
.sp_position{right: -130px !important;}
.lightbox_pic p {margin-bottom: 10px;}
.lightbox_pic img {width: 100%;}
.close_btn {position: absolute;top: 20px;right: 20px; z-index:300;}
.overlay_natural ul li{ list-style:outside decimal; margin-left:30px;}
.overlay_natural ul li li{ list-style:none;margin-left:5px;}
.popup-form-control {-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 8px 5px;
display: table-cell;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 13px;
}
.popup-window { position: fixed; width: 1000px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 300;}
.popup-window:before { display: inline-block; content:''; height: 100%; vertical-align: middle;}

/*----電子發票----*/
.m_content h2 { padding:0 0 10px 0;}
.m_content>h3 { margin-bottom:15px; padding:0 0 10px 10px; font-size:18px; font-weight:normal; border-bottom:1px solid #CCC; position:relative;}
.pdf-d { width:97px; position:absolute; left:900px; top:10px;}
.pdf-a { font-size:12px;}
.quick-box { border:#ccc solid 1px; margin-top:5px; padding:20px 30px; overflow:hidden;}
.quick-box h4 { font-size:16px; color:#588c3f; text-shadow:none; font-weight:normal; margin-bottom:15px;}
.tbla td, .tblb td { width:230px; height:85px; font-size:14px; border-radius:5px; padding:0 15px;}
.tbla td { background-color:#fddde1;}
.tblb td { background-color:#EEE; text-align:center;}
.left-box { float:left; padding-right:30px; border-right:#CCC 1px solid;}
.center { text-align:center; line-height:54px !important;}
.right-box { float:left; padding-left:30px;}
.find { margin:15px 0 30px; overflow:hidden;}
.main p, .export a { font-size:14px;}
.find label { width:85px; font-size:14px; display:inline-block;}
.find input { width:180px; margin-left:0; padding:8px;}
.find select { width:200px; margin-right:5px;}
.align_fix { background:#EEFDEA; text-align:center;}
.tb-new { width:100%; margin:15px auto 10px auto; border:#ccc 1px solid; border-right:none;}
.tb-new input { margin:0;}
.tb-new span, .export span { margin:0 10px;}
.left-box p, .receive-box, .export a, .export p, .tbla, .tblb { display:inline-block;}
.check-a { color: #588c3f;}
.result_block input { width:625px;}
.invalid-reason { width:95%; border:#ccc 1px solid; margin:0 auto; padding-top:20px; text-align:center;}
.invalid-reason a, .invalid a, .invalid span { display:inline-block; margin:0 10px 20px;}
.invalid a, .invalid span {width: 25%;
  height: 40px;
  margin-top:30px;
  padding: 10px 0;
  font-size: 14px;
  line-height: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;}
.invalid { padding:0 40px; text-align:center; margin-top:20px;}
i.icon_next {
  background: url(../images/form_icon.png) -170px -12px;
  margin: -5px 0 0 5px;
  width:10px; height:12px;
  display: inline-block;
}
.btn_gray { border-radius:5px;}

/* 按鈕樣式 */
a.btn {
  width: 25%;
  height: 40px;
  margin: 30px auto auto;
  padding: 10px 0;
  font-size: 14px;
  line-height: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a.table_btn:first-child, a.table_btn_light:first-child, a.table_btn_blue {margin-left: 0;}
a.table_btn, a.table_btn_light, a.table_btn_blue {
  display: inline-block;
  margin-left: 10px;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: normal !important;
  line-height: normal;
  letter-spacing: 0.1em;
  text-align: center;
  background: rgb(238, 238, 238); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), color-stop(100%, rgba(204, 204, 204, 1))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#CCCCCC', GradientType=0 ); /* IE6-9 */
  border: 1px solid #999;
  border-radius: 4px;
  color: #000;
  vertical-align: middle;
}
a.table_btn_blue { 
  background: #59c10f; /* Old browsers */
  background: -moz-linear-gradient(top,  #59c10f 0%, #299a0b 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #59c10f 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #59c10f 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c10f', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
  border-color: #588c3f;
  color: #FFF;
}
a.table_btn_blue:hover {
  color: #fff !important;
  background: #57aa0d; /* Old browsers */
  background: -moz-linear-gradient(top,  #57aa0d 0%, #25840a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #57aa0d 0%,#25840a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #57aa0d 0%,#25840a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57aa0d', endColorstr='#25840a',GradientType=0 ); /* IE6-9 */
  -moz-box-shadow: 0 1px #1794dc inset;
  -webkit-box-shadow: 0 1px #1794DC inset;
  box-shadow: 0 1px #60B70E inset;
  text-decoration:none;
}
a.table_btn:hover {
  text-decoration: none;
  border: 1px solid #fff;
  background: rgb(73, 155, 234); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(73, 155, 234, 1)), color-stop(100%, rgba(32, 124, 229, 1))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(73, 155, 234, 1) 0%, rgba(32, 124, 229, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499BEA', endColorstr='#207CE5', GradientType=0 ); /* IE6-9 */
  border: 1px solid #39F;
  color: #FFF;
}
a.table_btn_light:hover {
  text-decoration: none;
  background: rgb(240, 249, 255); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(240, 249, 255, 1) 0%, rgba(203, 235, 255, 1) 47%, rgba(161, 219, 255, 1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 249, 255, 1)), color-stop(47%, rgba(203, 235, 255, 1)), color-stop(100%, rgba(161, 219, 255, 1))); /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(top, rgba(240, 249, 255, 1) 0%, rgba(203, 235, 255, 1) 47%, rgba(161, 219, 255, 1) 100%); /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(top, rgba(240, 249, 255, 1) 0%, rgba(203, 235, 255, 1) 47%, rgba(161, 219, 255, 1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(240, 249, 255, 1) 0%, rgba(203, 235, 255, 1) 47%, rgba(161, 219, 255, 1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(240, 249, 255, 1) 0%, rgba(203, 235, 255, 1) 47%, rgba(161, 219, 255, 1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F9FF', endColorstr='#A1DBFF', GradientType=0 ); /* IE6-9 */
  border: 1px solid #CDE5FF;
  color: #005DBE;
}
.gray_btn { color:#333;
	/*color: #fff;*/
	/*text-shadow: 0 -1px #6f6f6f;*/
	background-color: #868686;
	background: -moz-linear-gradient(center bottom,#868686 0,#868686 20%,#a6a6a6 100%);
	background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#868686),color-stop(20%,#868686),color-stop(100%,#a6a6a6));
	background: -webkit-linear-gradient(bottom,#868686 0,#868686 20%,#a6a6a6 100%);
	background: -ms-linear-gradient(bottom,#868686 0,#868686 20%,#a6a6a6 100%);
	background: -o-linear-gradient(bottom,#868686 0,#868686 20%,#a6a6a6 100%);
	background: linear-gradient(bottom,#868686 0,#868686 20%,#a6a6a6 100%);
	-moz-box-shadow: 0 1px #cccccc inset;
	-webkit-box-shadow: 0 1px #cccccc inset;
	box-shadow: 0 1px #cccccc inset;
	-webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	border-color: #868686 #646464 #575757;
	border-style: solid;
	border-width: 1px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	cursor:default;
	}
/*.gray_btn:hover {
	color: #fff;
	background-color: #4d4d4d; text-decoration:none;
	background: -moz-linear-gradient(center bottom,#4d4d4d 0,#616161 20%,#777777 100%);
	background: -webkit-linear-gradient(bottom,#4d4d4d 0,#616161 20%,#777777 100%);
	background: -ms-linear-gradient(bottom,#4d4d4d 0,#616161 20%,#777777 100%);
	background: -o-linear-gradient(bottom,#4d4d4d 0,#616161 20%,#777777 100%);
	background: linear-gradient(bottom,#4d4d4d 0,#616161 20%,#777777 100%);
	border-color: #5b5b5b #444444 #373737;
	-moz-box-shadow: 0 1px #8a8a8a inset;
	-webkit-box-shadow: 0 1px #8a8a8a inset;
	box-shadow: 0 1px #8a8a8a inset;
	}*/

.btnbar .btn {display: inline-block; margin: 30px 10px 0 10px;}
a.btn_flat_blue, a.btn_flat_gray, a.btn_flat_off {
  padding: 7px 12px;
  text-decoration: none;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: 0 0 1px 0 #999;
}
a.btn_flat_blue { background-color:#68A54B; color: #FFF;}
a.btn_flat_gray, a.btn_flat_off { background-color:#999; color: #FFF;}
a.btn_flat_off { cursor:default; color:#333 !important;}
a.btn_flat_blue:hover { background-color: #588C3F;}
a.btn_flat_gray:hover { background-color:#666;}

.mem-overview ul { margin-left:25px;}
.mem-overview ul li { list-style:disc; font-size:18px; color: #588c3f; font-weight: normal; margin-bottom:-20px; letter-spacing:0.05em;}

.label_gray {
	padding: 5px 12px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #999;
	color: #fff;
}

/* 綠界服務費率表 */
dl.list {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 1.6;
}
dl.list dt {
  font-weight: bold;
  width: 75px;
}
dl.list dd {
  width: calc(100% - 75px);
  margin-bottom: 15px;
}

ul.nav {
  border-bottom: 4px solid #318A07;
  width: 100%;
  display: flex;
  justify-content: space-between;
  /* margin-bottom: 10px; */
}
ul.type-single {
  border-bottom-color: #318A07;
}
ul.type-business {
  border-bottom-color: #078a63;
}
ul.type-spec {
  border-bottom-color: #075a8a;
}
ul.type-purple {
  border-bottom-color: #6d5e99;
}
ul.nav li {
  width: 33%;
}
ul.nav li a {
  display: block;
  background-color: #EEFDEA;
  border-radius: 8px 8px 0 0;
  color: #588C3F;
  font-size: 22px;
  padding: 14px 0;
  text-align: center;
}
ul.nav li a:hover {
  background-color: #daf0d4;
  text-decoration: none;
}
ul.nav li.active a {
  color: #fff;
}
ul.nav li.active a {
  background-color: #318A07;
}
ul.nav li.active.business a {
  background-color: #078a63;
}
ul.nav li.active.spec a {
  background-color: #075a8a;
}
ul.nav li.active.purprle a {
  background-color: #6d5e99;
}

ul.type-business li a {
  background-color: #e8f7f3;
  color: #078a63;
}
ul.type-business li a:hover {
  background-color: #def0eb;
}

ul.type-spec li a {
  background-color: #e8f2f8;
  color: #075a8a;
}
ul.type-spec li a:hover {
  background-color: #e2e9ee;
}

ul.type-purple li a {
  background-color: #f1edfc;
  color: #6d5e99;
}
ul.type-purple li a:hover {
  background-color: #e5ddfa;
}

.fees .title {
  font-size: 22px;
  line-height: 1.4;
  padding: 10px;
  text-align: center;
  color: #588c3f;
  background-color: #eefdea;
}
.fees .title.ft-mt {
  margin-top: 40px;
}
.single-box .title{
  background-color: #eefdea;
  color: #588c3f;
}
.business-box .title {
  background-color: #e0f6f0;
  color: #078a63;
}
.business-box .bg_blue_l {
  background-color: #e8f3f0;
}
.business-box tr td.t1 {
  background-color: #4f917e;
}

.spec-box .title {
  background-color: #e7f4fb;
  color: #075a8a;
}
.spec-box .bg_blue_l {
  background-color: #f0f8fc;
}
.spec-box tr td.t1 {
  background-color: #5889a0;
}
.spec-box tr td.head {
  background-color: transparent;
}

.purple-box .title {
  background-color: #f1edfc;
  color: #6d5e99;
}
.purple-box .bg_blue_l {
  background-color: #f1edfc;
}
.purple-box tr td.t1 {
  background-color: #6d5e99;
}
.purple-box tr td.head {
  background-color: transparent;
}

.plus .title {
  background-color: #f1edfd;
  color: #2d1b5d;
}
.plus .bg_blue_l {
  background-color: #f1eefb;
}
.plus tr td.t1 {
  background-color: #6d5d98;
}
.fees tr td.bg_yellow {
  color: #424026;
  font-weight: bold;
}

/*-- 費率 --*/
.fees-type-tabs {
  margin-bottom: 15px;
}
.fees-type-tabs li {
  width: 20%;
}
.fees-type-tabs li + li {
  margin-left: 8px;
}
.nav.fees-type-tabs li a {
  font-size: 20px;
}
.fees-list {
  margin-top: 30px;
  padding-left: 20px;
  color: #6b6b6b;
}
.fees-list > li {
  list-style-type: decimal;
}
.fees-list > li + li {
  margin-top: 30px;
}
.fees-list li a {
  color: #588c3F;
  font-size: 15px;
}
.fees-list .fl-title {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.3; 
  margin-bottom: 5px;
}
.fees-list ul > li {
  list-style-type: disc;
  font-size: 15px;
  line-height: 1.4;
}
.fees-list ul > li + li {
  margin-top: 5px;
}
.fees-note {
  margin-top: 20px;
  padding: 0 30px;
  color: #4a4a4a;
}
.fees-note.fn-2 {
  margin-top: 50px;
  padding: 20px 30px;
  background-color: #fffeef;
}
.fees-note .fn-title {
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 5px
}
.fees-note .fn-txt {
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 5px
}
.fees-note ul {
  padding-left: 18px;
}
.fees-note ul > li {
  list-style-type: disc;
  font-size: 15px;
  line-height: 1.4;
  color: #4a4a4a;
}
.fees-note ul > li + li {
  margin-top: 5px;
}
.fees-note li a {
  color: #588c3F;
  font-size: 15px;
}
/*----*/