@charset "UTF-8";

body {
  width: 100%;
  min-width: 1030px;
  font:"微軟正黑體", Arial, Helvetica, sans-serif;
  line-height: 21px;
  color: #333;
  overflow: hidden; background-color:#e4e7ea;
}

body.notfound, body.login {background: #e4e7ea;}

a.underline{ text-decoration:underline;}
a.underline:hover{ color:#028af3;}
a:focus, a:active { outline: none; }
.lightblue{ background-color:#d9edf7;}
.noborder{ border:none !important;}
.nolist li{list-style:none !important;}
.no_shadow{ box-shadow:none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important;}
.pointer{cursor: pointer;}
.hr-border{border-color: #CCC;}
.hr-border2{border-color: #333;}


/*------ font-color -----*/
.red{ color:#D9534F !important;}
.red2{ color:#F00;}
.blue{ color:#68A54B !important;}
.blue-02 { color:#005cff !important;}
.blue-03 { color:#0390fd !important;}
.green { color:#4CAF50 !important;}
.green-02 { color: #15783c !important;}
.dark_green{color:#267252;}
.dark {color: #333 !important;}
.dark2 {color: #343434 !important;}
.white {color: #fff !important;}
.white_bold {color: #fff;font-weight:bold;}
.black{color:#000!important;}
.black_bold{color:#000; font-weight:bold;}
.gray {color: #a8a8a8;}
.gray_l{color: #818181 !important;}
.gray_d{color: #6e6d6d !important;}
.yellow { color:#f0ad4e !important;}
.center{ text-align:center;}
.div_center { margin: 0 auto;}
.word_break {word-wrap: break-word !important;}
/*------ bg-color -----*/
.bg_gray_l{background-color:#efefef !important;}
.bg_blue_l{background-color: #d9edf7 !important;}
.relative{ position: relative !important; }
/*------ font-size -----*/
.font15{font-size:15px;}

/*--font-family--*/
@font-face {
   font-family: 'consola';
   src: url('../fonts/consola-1.ttf');
 }
 .sn-font {
   font-family: consola, "微軟正黑體", sans-serif;
 }
/*------ black-small-popout -----*/
.pot i.icon_copy{display: inline-block;width: 20px;height: 20px;margin-right: 5px;vertical-align: middle;background-repeat: no-repeat; cursor:pointer; background: url(../images/icon_copy.png);}
.icon_box {
  position: absolute;
    line-height: 12px;
    padding: 0.4em;
    font-size: 13px;
    color: #fff !important;
    text-align: center;
    background: #000;
    border: 1px solid #000;
    z-index: 100;
    width: 40px;
  }
.icon_box:after {content: " ";position: absolute;pointer-events: none;width: 0;height: 0;bottom: 100%;left: 50%;border: solid transparent;}
.icon_box:after  {margin-left: -5px;border-bottom-color: #000;border-width: 5px;}
.icon_box:before {margin-left: -6px;border-bottom-color: #000;border-width: 6px;}
.txt-hl {font-weight: bold; color: #000;}

select {
  color: #555 !important;
  padding: 0.5em 0.5em 0.5em 1em;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; display:inline-block;
}

.inline { display:inline !important;}
.inline-b{ display:inline-block !important;}
.block { display:block!important;}
.flex { display: flex !important; }
ul{ padding:0; margin:0;}
ul li{ margin:0; padding:0; list-style:none;}
.style-disc { padding-left: 20px;}
.style-disc li{ margin:3px 0; padding:0; list-style: disc;}
.style-decimal { padding-left: 20px;}
.style-decimal > li{ margin:3px 0; padding:0; list-style: decimal;}
.style-cjk { padding-left: 27px;}
.style-cjk > li{ margin:3px 0; padding:0; list-style: cjk-ideographic;}
.contentpanel .style-cjk { padding-left: 27px;}
.contentpanel .style-cjk > li{ margin:3px 0; padding:0; list-style: cjk-ideographic;}
.style-lower-alpha { padding-left: 20px;}
.style-lower-alpha > li{ margin:3px 0; padding:0; list-style: lower-alpha;}

/* CUSTOM STYLES */
.m0   {margin:         0   !important;}
.mb0  {margin-bottom:  0   !important;}
.mb5  {margin-bottom:  5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb24 {margin-bottom: 24px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 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;}
.mr50 {margin-right:  50px !important;}
.ml0  {margin-left:    0px !important;}
.ml5  {margin-left:    5px !important;}
.ml10 {margin-left:   10px !important;}
.ml13 {margin-left:   13px !important;}
.ml15 {margin-left:   15px !important;}
.ml20 {margin-left:   20px !important;}
.ml30 {margin-left:   30px !important;}
.ml_30{margin-left:  -30px !important;}
.ml35 {margin-left:   35px !important;}
.ml40 {margin-left:   40px !important;}
.ml50 {margin-left:   50px !important;}
.ml55 {margin-left:   55px !important;}
.ml60 {margin-left:   60px !important;}
.ml70 {margin-left:   70px !important;}
.mt_10{margin-top:   -10px !important;}
.mt0  {margin-top:     0px !important;}
.mt5  {margin-top:     5px !important;}
.mt_5 {margin-top:    -5px !important;}
.mt10 {margin-top:    10px !important;}
.mt15 {margin-top:    15px !important;}
.mt20 {margin-top:    20px !important;}
.mt25 {margin-top:    25px !important;}
.mt30 {margin-top:    30px !important;}
.mt50 {margin-top:    50px !important;}
.mlr5 {margin:0 5px !important;}
.nomargin {margin:     0;}
.m20 {margin: 20px;}
.align_c {text-align: center     !important;}
.align_l {text-align: left     !important;}
.align_r {text-align: right     !important;}

.border-none {border: none !important;}
.border-right-0 {border-right: none !important;}
.border-left-0 {border-left: none !important;}
.float_l { float:left;}
.float_r { float:right;}
.float_n { float:none;}
.nopadding {padding: 0;}
.clear { overflow:hidden !important;}
.clearfix {*zoom: 1;}
.clearfix:after {clear: both;display: table;line-height: 0;content: "";}
.clearfix2 {*zoom: 1;}
.clearfix2:before {clear: both;display: table;line-height: 0;content: "";}
.flex-center {
   display: flex;
   align-items: center;
   justify-content: center;
}
.flex-col {
   flex-direction: column;
}
.panel-heading.pt5 { padding-top:5px !important;}
.padding-top-0 {padding-top: 0;}
.padding5 {padding: 5px 15px;}
.padding6 {padding: 6px;}
.padding10 {padding: 10px;}
.padding15 {padding: 15px;}
.padding20 {padding: 20px;}
.padding30 {padding: 30px !important;}
.padding-b5 { padding-bottom:5px !important;}
.pt0 { padding-top:0px !important;}
.pt5 { padding-top:5px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb0 {padding-bottom: 0px;}
.pl0  {padding-left:  0px !important;}
.pl5  {padding-left:  5px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px;}
.pl30 {padding-left: 30px !important;}
.pr5  {padding-right: 5px !important;}
.pr0  {padding-right: 0px !important;}
.serif {font-family: 'Georgia, serif';}
.italic {font-style: italic;}
.line-height25 { line-height:25px !important;}
.line-height34 { line-height:34px;}
.line-height1 {line-height: 1 !important;}
.line-height1_3 {line-height: 1.3 !important;}
.v-align0 {vertical-align: 0;}

/*==== 寬度設定 ====*/
.width15{width: 15px !important;}
.width20{width: 20px;}
.width30{width: 30px;}
.width50{width: 50px;}
.width60{width: 60px !important;}
.width66{width: 66px !important;}
.width70{width: 70px !important;}
.width80{width: 80px !important;}
.width90{width: 90px !important;}
.width100{width: 100px !important;}
.width110{width: 110px;}
.width120{width: 120px !important;}
.width130{width: 130px;}
.width145{width: 145px;}
.width150{width: 150px;}
.width160{width: 160px;}
.width170{width: 170px;}
.width180{width: 180px !important;}
.width190{width: 190px !important;}
.width200{width: 200px !important;}
.width220{width: 220px !important;}
.width230{width: 230px !important;}
.width250{width: 250px !important;}
.width260{width: 260px !important;}
.width280{width: 280px !important;}
.width300{width: 300px;}
.width330{width: 330px !important;}
.width350{width: 350px !important;}
.width380{width: 380px !important;}
.width400{width: 400px;}
.width500{width: 500px;}
.width600{width: 600px;}
.width700{width: 700px !important;}
.width1000{width: 1000px !important;}
.width25p{ width:25%;}
.width30p{ width:30% !important;}
.width33p{ width:33.33% !important;}
.width40p{ width:40% !important;}
.width50p{ width:50% !important;}
.width60p{ width:60%;}
.width70p{ width:70%;}
.width80p{ width:80% !important;}
.width90p{ width:90%;}
.width99p{ width:99% !important;}
.width100p{width:100% !important;}
.widthauto {width: auto;}
.height14{height: 14px !important;}
.min-h700{min-height: 700px !important;}
.min-h650{min-height: 650px !important;}
.min-h150{min-height: 150px !important;}
.separator{ margin:0 10px;}
.dpb{display:block !important;}

.txtr{text-align:right !important;}
.txtl{text-align:left !important;}
.txtc{text-align:center !important;}
.font_xl{font-size:20px !important;}
.font_l{font-size:18px !important;}
.font_ml{font-size:16px !important;}
.font_m{font-size:14px !important;}
.font_sl{font-size:13px !important;}
.font_s{font-size:12px !important;}
.font_normal{font-weight:normal !important;}
.font_bold{ font-weight:bold !important;}
.undrlin{ text-decoration:underline;}
.border_red{border:1px #c00 solid;}
.border_gray{border:1px #ccc solid;}
.border_top {border-top:1px #ccc dotted !important;}
/* 按鈕、表單並排（用於兩個以上元件並排） */
.justify-bar       {text-align: justify !important;}
.justify-bar:after {display: inline-block;width: 100%;content: '';}

.btn_1{ padding:8px !important; font-size:1.1em !important;}
.btn_2{ padding:8px !important; font-size:1.1em !important; margin-left:15px;}
.btn_3{ font-size:1.1em !important; width:100px; margin-left:30px !important;}
.btn_4{ float:right; font-size:1.1em !important; width:150px; margin-left:10px !important;}
.btn_5{ float:right; font-size:1.1em !important; width:100px; margin-left:10px !important;}

.warning{ font-size:12px; padding:5px 0; border:#a40000 1px solid; color:#a40000;}
.warning i{display:inline-block; width:20px; height:20px; background:url(../images/icon_error.png) no-repeat; vertical-align:middle; margin:0 10px;}
i.warning_2 {
  display:inline-block; width:20px; height:20px; background:url(../images/icon_warning.png) no-repeat; vertical-align:top; margin:0 2px;
}
.attention{font-size:12px; padding:6px 0; border:#4ab348 1px solid; color:#4ab348;}
.attention i{display:inline-block; width:20px; height:20px; background:url(../images/icon_info.png) no-repeat; vertical-align:middle; margin:0 10px;}

.valign_m{vertical-align:middle;}
.valign_t{vertical-align:top;}

/*==== 表格樣式 ====*/
.table tr .th2 {
color: #333;
background-color: #f5f5f5;
text-align: center;
}

.table tr .th3 {
color: #333;
background-color: #ddd;
text-align: center;
}

.table tr td.th {font-weight:bold;}

.table.d_blue, .table.d_green {background:#FFF; border:1px solid #CCC;}
.table.d_blue tr .th {color:#fff;background-color:#4ab348;;text-align:center;font-weight:bold;}
.table.d_blue thead tr {border-right: 1px solid #4ab348;border-bottom: none; border-top:none;}
.table.d_blue th, .table.d_green th, .table td {padding: 10px 15px;vertical-align: middle; font-size:14px;}
.table.d_blue th {height: 20px;font-weight: bold;background: #4ab348;text-align: center; border-bottom: none;border-left: 1px solid #FFF;color: #FFF;}
.table.d_green td{font-size: 16px;line-height: 28px;}
.table.d_green th {height: 20px;font-weight: bold;background:#00783c;text-align: center;}
.table.d_blue th:first-child {border-left: 1px solid #4ab348;}
.table.d_blue tr {border-top: none;border-bottom: 1px solid #CCC;}
.table.d_blue td {border-right: 1px solid #CCC;border-left: 1px solid #CCC;}
.table.d_blue td.borwhite {border-color:#FFF; padding:0;}
.table.d_gray .th, .table.d_gray td { background: #f3f3f3; }
.table tr .th.bg_dp_green{background-color:#cbe4ba;}


.d_fail2 td {background: #FBF0F0;}
.d_success td {background: #ffffd7;}
.tb-bg-r td {background: #ffe5e8;}
.tb-bg-y td {background: #fffaf0;}
.tb-bg-gr td {background: #f3f3f3;}

.tb-disabled { background: #EFEFEF; }
.tb-disabled2 td { background: #F6F6F6; }

.tb-fixed-thead thead {
  display:block; width: 100%;
}
.tb-fixed-thead tbody {
  overflow:auto;
  display:block;
  width: 100%;
}
.tb-main td {
  height: 70px;
}
.tb-sub td {
  height:  42px;
  background: #fafafa;
}
.tb-wrap {
   word-wrap: break-word;
   word-break: break-all;
}
.tb-break1 {
   max-width: 250px;
   min-width: 250px;
   white-space: normal;
}
.tb-break2 {
   max-width: 550px;
   min-width: 550px;
   white-space: normal;
   text-align: justify !important;
}
.tb-break3 {
   max-width: 150px;
   min-width: 150px;
   white-space: normal;
}
.tb-vertop tr {
   vertical-align: top;
}
.tb-hover tr:hover {
   background: #f5f5f5;
}

/*--表格樣式2--*/
.table.tb-style2 > thead > tr > th {
   border: 0;
   border-top: 1px solid #ccc;
}
.table.tb-style2 > tbody > tr > td {
   border: 0;
   border-top: 1px solid #ccc;
}
.table.tb-style2 > tbody > tr + .tms-sub > td {
   border-top: 0;
   padding: 0;
}
.tsb-box {
   display: none;
   width: 100%;
   max-height: 680px;
   padding: 10px 10px;
   overflow-y: auto;
}
.tsb-box.tsb-act {
   display: block;
}
/*----*/




/*==== 背景色 ====*/
.light_gray{ background-color:#efefef !important;}

/* preloader */
#preloader {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #e4e7ea; 
   z-index: 10000; 
}
#status {
   width: 30px;
   height: 30px;
   position: absolute;
   left: 50%; 
   top: 50%;
   margin: -15px 0 0 -15px;
   font-size: 32px;
}

.scroll_x{ overflow-x:auto;}
.scroll_y{ overflow-y:scroll;}
.auto-overflow-y-h500 {
  overflow-y: auto;
  max-height: 500px;
}

/* signin */


/***** HEADER PANEL *****/
/************************/

.header {
  background-image:url(../images/header_bg.png); background-position: 0 0; height:85px;
}
.header::after {
   clear: both;
   display: block;
   content: '';
}
.header.hdr-2 {
   min-width: 1030px;
   height: 64px;
}
.header.hdr-2 .logopanel {
   padding: 0px 5px 0px 10px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.header.hdr-2 .logopanel h1 {
   font-size: 22px;
}
.logo {
  border-right: solid #FFF 1px;
  padding-right: 25px;
}

.menutoggle {
   float: left; background-repeat:no-repeat; background-position: 0;
   width: 50px;
   height: 80px;
   font-size: 22px;
   color: #1d2939;
   -moz-transition: all 0.2s ease-out 0s;
   -webkit-transition: all 0.2s ease-out 0s;
   transition: all 0.2s ease-out 0s;
}
.header-left {
   float: left; 
}
.header-right {
   float: right;
}
a.home_btn {
  text-align: center;
  color: #fff;
  margin-left: 7px;
  position: relative;
  vertical-align: top;
  font-size: 13px;
  line-height: 1.2;
}

a.home_btn img {
  margin-bottom: 4px; /*-ms-interpolation-mode: bicubic;*/
  backface-visibility: hidden;
}
.add_Favou{ margin-top:8px;}
.headermenu {
   list-style: none;
   margin: 0;
   padding: 10px 15px 15px 15px;
}
.headermenu li p{ color:#FFF; margin:0; line-height:1.5; font-size:13px;}
.headermenu:after {clear: both; display: block; content: '';}

.headermenu > li {
   display: inline-block; padding:0 10px;
   float: left;
	position: relative;
}
.headermenu > li a {
   color: #FFF;
   text-decoration: underline;
}
.headermenu .dropdown-toggle {
   padding: 12px 10px;
   border-color: #fff;
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 0;
}
.headermenu .dropdown-toggle:hover,
.headermenu .dropdown-toggle:focus,
.headermenu .dropdown-toggle:active,
.headermenu .dropdown-toggle.active,
.headermenu .open .dropdown-toggle.dropdown-toggle {
   background: #f9f9f9;
   color: #333;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.headermenu .dropdown-toggle img {
   vertical-align: middle;
   margin-right: 5px;
   width: 26px;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
}
.headermenu .dropdown-toggle .caret {margin-left: 5px;}
.headermenu .dropdown-menu {
   border: 0;
   margin-top: 0px;
	margin-right: -1px;
   -moz-border-radius: 2px 0 2px 2px;
   -webkit-border-radius: 2px 0 2px 2px;
   border-radius: 2px 0 2px 2px;
   -moz-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
   -webkit-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
   box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
   padding: 5px;
}
.headermenu .dropdown-menu:after {
    border-bottom: 6px solid #1d2939;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 17px;
    position: absolute;
    top: -6px;
}
.headermenu .dropdown-menu li {
   	display: block;
   	margin: 0;
   	float: none;
	background: none;
	padding: 15px 5px;
}
.headermenu .dropdown-menu-usermenu li {padding: 0;}
.headermenu .dropdown-menu-usermenu:after {right: 95px;}
.headermenu .dropdown-menu li a {
   color: #94989d;
   font-size: 13px;
   padding: 7px 10px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   -moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.headermenu .dropdown-menu li a:hover {background: #1caf9a; color: #fff;}
.headermenu .dropdown-menu li i {font-size: 11px; margin-right: 5px;}
.headermenu .dropdown-menu-head {padding: 0; min-width: 300px;}
.headermenu .tp-icon {
   padding: 12px 15px;
	height: 50px;
   font-size: 16px;
	background: #fff;
	color: #333;
	border-color: #fff;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.headermenu .tp-icon + .dropdown-menu:after {right: 17px;}
.headermenu .chat-icon {border-right: 0;}
.headermenu .dropdown-menu-usermenu {background: #1d2939; min-width: 200px;}
.headermenu .dropdown-menu-head ul {border: 1px solid #ddd; border-top: 0; padding: 0 10px;}
.headermenu .dropdown-menu-head li a {color: #333; padding: 0; opacity: 1;}
.headermenu .dropdown-menu-head li a:hover {background: none; color: #428BCA; text-decoration: none;}
.headermenu .btn-group {margin-bottom: 0;}
.dropdown-list li {padding: 15px; overflow: hidden; border-bottom: 1px solid #eee;}
.dropdown-list li:last-child {border-bottom: 0;}
.dropdown-list .thumb {width: 36px; float: left;}
.dropdown-list .thumb img {
   width: 100%;
   display: block;
   vertical-align: middle;
}
.dropdown-list .desc {margin-left: 45px; display: block;}
.dropdown-list .desc h5 {font-size: 13px; margin-top: 7px;}
.dropdown-list li:last-child {padding: 7px 5px;}
.dropdown-list li .badge {float: right;}
.user-list {width: 300px;}
.gen-list li a {display: block;}
.gen-list li a:hover {color: #333 !important; text-decoration: none;}
.gen-list li .name {
	font-size: 13px;
   line-height: 21px;
   display: block;
}
.gen-list li .msg {
   font-size: 11px;
   line-height: normal;
   color: #999;
   display: block;
}

.hr-menubox {
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.hr-menubox * {
   transition: .3s;
}
.hr-menubox .hm-funtion {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-right: 8px;
}
.hr-menubox .hm-funtion .hmf-btn {
   min-width: 152px;
   height: 36px;
   padding: 0 16px;
   border-radius: 30px;
   background: rgba(0, 0, 0, 0.08);
   display: flex;
   align-items: center;
   justify-content: center;
   color: #FFF;
   font-size: 16px;
   line-height: 1.4;
   margin-right: 8px;
}
.hr-menubox .hm-funtion .hmf-btn:hover {
   background: #FFF;
   color: #00783C;
   text-decoration: none;
}
.hr-menubox .hm-funtion .hmf-btn:last-child {
   margin-right: 0;
}
.hr-menubox .hm-funtion .hmf-btn .hfb-ic {
   height: 20px;
   margin-right: 4px;
}
.hr-menubox .hm-list {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.hr-menubox .hm-list li {
   margin: 0 2px;
   position: relative;
}
.hr-menubox .hm-list .hml-link {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 40px;
   background: transparent;
   position: relative;
}
.hr-menubox .hm-list .hml-link:hover {
   background: rgba(0, 0, 0, 0.08);
}
.hr-menubox .hm-list .hml-link img {
   width: 24px;
   display: block;
}
.hr-menubox .hm-list .hml-link.hlk-msg .hm-num  {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 16px;
   min-width: 16px;
   padding: 0 4px;
   position: absolute;
   right: -9px;
   top: 0;
   z-index: 10;
   font-size: 10px;
   color: #FFF;
   border-radius: 999px;
   background: #FF3B30;
}
/* .hml-txt {
   height: 23px;
   color: #FFF;
   font-size: 12px;
   white-space: nowrap;
   border-radius: 4px;
   background: rgba(0, 0, 0, 0.69);
   padding: 0 4px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   top: 40px;
   left: 50%;
   transform: translateX(-50%);
} */
.hm-service {
   min-width: 72px;
   height: 100%;
   background: transparent;
   margin-left: 20px;
   padding-right: 16px;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.hm-service:hover {
   background: rgba(0, 0, 0, 0.08);
}
.hm-service.hms-act {
   background: rgba(0, 0, 0, 0.08);
}
.hm-service.hms-act .hms-box {
   margin-left: 2px;
   max-width: 1000px;
}
.hm-service.hms-act .hms-ctrl:before {
   transform: rotate(180deg);
}
.hm-service .hms-ctrl {
   height: 100%;
   padding-left: 16px;
   position: relative;
   cursor: pointer;
}
.hm-service .hms-ctrl:before {
   content: "";
   display: block;
   width: 20px;
   height: 20px;
   border-radius: 5px 5px;
   background: #27965f url('../images/hml_ic_arrow_box.svg') center center / contain no-repeat;
   position: absolute;
   left: -10px;
   top: calc(50% - 10px);
   transform: rotate(0);
   transition: .4s;
}
.hm-service .hsc-box {
   width: 40px;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.hm-service .hsc-box img {
   width: 24px;
   display: block;
}
.hm-service .hms-box {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   max-width: 0;
   overflow: hidden;
}

.hm-service .hms-box .hms-list {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-right: 10px;
}
.hm-service .hms-list li {
   margin: 0 2px;
   position: relative;
}
.hm-service .hms-list .hml-link {
   width: 40px;
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 40px;
   background: transparent;
}
.hm-service .hms-list .hml-link:hover {
   background: rgba(0, 0, 0, 0.08);
}
.hm-service .hms-list .hml-link img {
   width: 24px;
   display: block;
}
.hm-service .hms-info {
   color: #FFF;
   font-size: 12px;
   line-height: 1.5;
}






/***** LEFT PANEL *****/
/**********************/

.leftpanel {width: 330px; float:left; min-height: 850px; }
.sticky-leftpanel {position: fixed; height: 100%; overflow-y: auto;}
.logopanel {padding: 25px 5px 25px 10px; float:left;}

.logopanel h1 {
   font-size: 24px;
   letter-spacing:0.01em;
   color: #FFF;
	line-height: 30px;
	margin: 0;
}
.logopanel h1 a{ color:#FFF;}
.logopanel h1 a:hover{ text-decoration:none;}
.account{ padding: 5px 10px; background-color:#FFF; }
.leftpanel .searchform {display: none;}
.leftpanel .searchform::after {
   content: '';
   display: block;
   clear: both;
}
.leftpanel .searchform input {
   padding: 10px;
   height: auto;
   width: 100%;
   margin: 5px 0 20px 0;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
}
.leftpanel .userlogged {
   margin: 0;
   padding: 0; 
   margin-bottom: 15px;
   border-bottom: 1px solid rgba(255,255,255,0.1);
}
.leftpanel .userlogged .media-object {width: 35px; float: left;}
.leftpanel .userlogged .media-body {margin-left:5px;}

.leftpanel .userlogged .media-body h4 {font-size: 15px; margin: 0 0 5px 0;}
.leftpanel .userlogged .media-body ul li{ font-size:13px; color:#94989d; margin-bottom:3px;}
.leftpanel .userlogged .media-body ul li span {font-style: italic;display:inline-block; color:#696969;}
.leftpanel .userlogged .media-body .new_info, .new_info{display:block; padding:3px; background:#d9534f; color:#fff; font-weight:bold; border-radius:5px; text-align:center; font-size:14px; margin-bottom:15px;}
.new_info:hover{text-decoration:none;}


.sidebartitle {
   font-size: 14px;
   text-transform: uppercase;
   color: #999;
   margin-bottom: 10px;
}

.nav-bracket {}

.nav-bracket > li > a {color: #555; font-size:14px;}
.nav-bracket > li > a:hover,
.nav-bracket > li > a:active,
.nav-bracket > li > a:focus {background-color: #fff; color: #333;}
.nav-bracket > li.nav-parent > a {}
.nav-bracket > li.nav-parent > a:focus {
   background-color: none;
   color: #8F939E;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}
.nav-bracket > li.nav-parent > a:hover,
.nav-bracket > li.nav-parent > a:active {color: #1d2939; background-color: #fff;}
.nav-bracket > li.nav-active > a {
   background-color: #fff;
   background-image: url(../images/minus.png);
	color: #1d2939;
	-moz-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 3px 0 rgba(0,0,0,0.2);
	box-shadow: 0 3px 0 rgba(0,0,0,0.2);
}
.nav-bracket > li.nav-active > a:hover {
	background-image: url(../images/minus.png);
    background-repeat: no-repeat;
}
.nav-bracket > li.nav-active > a:focus {color: #1d2939;}
.nav-bracket > li.active > a,
.nav-bracket > li.active > a:hover,
.nav-bracket > li.active > a:focus {background-color: #4ab348;}
.nav-bracket > li.active > a {}
.nav-bracket > li.nav-parent.active > a {background-image: url(../images/plus.png);}
.nav-bracket > li.nav-active.active > a {background-image: url(../images/minus.png);}
.nav-bracket > li.nav-active.active > a:hover {background-image: url(../images/minus.png);}
.nav-bracket li.first{ background-color:#4ab348; color:#FFF; padding:8px;}
.nav-bracket li .fa,
.nav-bracket li .glyphicon {
   font-size: 16px;
   vertical-align: middle;
   margin-right: 10px;
   width: 16px;
   text-align: center;
}
.nav-bracket > li > a > .badge{margin-top: 2px;}
.nav-bracket .children {
   list-style: none;
	padding:3px 0; border-bottom:1px solid #CCC; background-color:#FFF;
}
.nav-bracket .children > li > a { border-bottom:1px dashed #CCC;
   color: #94989d;
   font-size: 13px;
   display: block;
   padding: 5px 0 5px 27px;
   -moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}
.nav-bracket .children > li.last > a { border-bottom:none;}
.nav-bracket .children > li > a > span {margin-top: 2px;}
.nav-bracket .children > li > a:hover,
.nav-bracket .children > li > a:active,
.nav-bracket .children > li > a:focus {text-decoration: none; color: #4ab348;}
.nav-bracket .children > li .fa {
   font-size: 12px;
   opacity: 0.5;
   margin-right: 5px;
   text-align: left;
   width: auto;
   vertical-align: baseline;
}
.nav-bracket .children > li.active > a {color: #1caf9a;}
.nav-bracket .children ul {margin-left: 12px; border: 0;}
.infosummary {margin: 30px 0;}
.infosummary ul {
   padding: 0;
   margin: 20px 0 0;
   list-style: none;
   border-top: 1px solid rgba(255,255,255,0.05);
}
.infosummary li {padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.05);}
.infosummary li:after {clear: both; display: block; content: '';}
.infosummary .datainfo {float: left; line-height: normal;}
.infosummary .datainfo h4 {
   margin: 0;
   font-size: 16px;
   color: #fff;
   opacity: 0.7;
}
.infosummary span {
   font-size: 11px;
   line-height: normal;
   text-transform: uppercase;
   font-size: 10px;
   opacity: 0.4;
}
.infosummary .chart {float: right; margin-top: 5px; opacity: 0.6;}

.leftpanel .lfp-ad {
   width: 100%;
   border-top: 3px solid #4ab348;
}
.leftpanel .lfp-ad .la-link {
   width: 100%;
   display: block;
}
.leftpanel .lfp-ad img {
   width: 100%;
   display: block;
}
.leftpanel .lfp-ad + .nav_bar {
   border-top: none;
}


/***** MAIN PANEL *****/
/**********************/
.mainpanel {
	width: calc(100% - 330px);
	float:left;
   background: #e4e7ea;
   min-height: 850px; border-left:1px solid #CCC;
}
.top_message{ padding:10px; background-color:#ffe9e9; position:relative;}
.top_message .close-btn{ position:absolute; right:10px; top:12px;}
.pageheader {
   	padding: 15px;
   	border-bottom: 1px solid #d3d7db;
   	border-top: 1px solid #eee;
   	background: #FFF;
   	position: relative;
}
.pageheader h2 {
   	font-size: 26px;
   	color: #1D2939;
   	letter-spacing: -0.5px;
	margin: 0;
}
.pageheader .glyphicon,
.pageheader .fa {
   	font-size: 24px;
  	margin-right: 5px;
	padding: 6px 7px;
	border: 2px solid #1D2939;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.pageheader .fa.fa-pencil {padding: 6px 9px;}
.pageheader .fa.fa-hand-o-up {padding: 6px 9px 6px 7px;}
.pageheader .fa-file-o {padding: 6px 10px;}
.pageheader .fa-user {padding: 6px 10px;}
.pageheader .fa-file-text {padding: 6px 10px;}
.pageheader .fa-map-marker {padding: 6px 12px;}
.pageheader .fa-dollar {padding: 6px 12px;}
.pageheader .fa-clock-o {padding: 6px 8px;}
.pageheader h2 span {
   font-size: 13px;
   text-transform: none;
   color: #999;
   font-style: italic;
   vertical-align: middle;
   letter-spacing: 0;
}
.pageheader h2 span::before {
   content: '/';
   margin: 0 10px 0 5px;
   color: #ccc;
}
.pageheader .breadcrumb-wrapper {
	position: absolute;
	top: 23px;
	right: 25px;
}
.pageheader .breadcrumb-wrapper .label {
	color: #555;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
}
.pageheader .breadcrumb-wrapper .label span { margin: 0 0.5em;}
.pageheader .breadcrumb {
	background: none;
	display: inline-block;
	padding: 0;
}
.pageheader .breadcrumb li {font-size: 12px;}
.pageheader .breadcrumb li.active {color: #333;}
.contentpanel {padding: 5px 15px 15px 15px; position: relative; min-height:700px;}
.contentpanel::after {
	clear: both;
	display: block;
	content: '';
}
.contentpanel.cp-w01 {
   max-width: 1572px;
   min-width: 1240px;
}
}
@media screen and (max-width: 1024px) {
   .contentpanel.cp-w01 .col-sm-5 {
      width: 41.66666666666667%;
   }
   .contentpanel.cp-w01 .btn {
      display: inline-block;
   }
}
.contentpanel ul{ margin:0px 0px 5px; font-size:18px;}
.contentpanel ul li { font-size:14px; line-height:1.5; list-style:inside disc; /*padding-left: 20px; text-indent: -20px;*/}
.contentpanel ul li li{ list-style: inside decimal; margin-left:10px;}
.contentpanel ul.list-os {
   padding-left: 18px;
}
.contentpanel ul.list-os li {
   list-style-position: outside;
}
form .form-group:last-child {margin-bottom: 0;}
.row-pad-5 {margin-left: -5px; margin-right: -5px;}
.row-pad-5 [class*="col-lg"],
.row-pad-5 [class*="col-md"],
.row-pad-5 [class*="col-sm"] {
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}
.subtitle {
	font-size: 13px;
	text-transform: uppercase;
	color: #333;
	font-family: 'LatoBold';
	margin-bottom: 15px;
	margin-top: 0;
}
.pf{height:510px;}

/***** DASHBOARD *****/
/*********************/

.panel-stat {
	background: none;
}

.panel-stat .panel-heading {
	padding: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.panel-stat .stat {
	color: #fff;
	max-width: 250px;
}

.panel-stat .stat img {
	text-align: center;
}

.panel-stat i {
	font-size: 30px;
	border: 1px solid #fff;
	padding: 15px;
	border-radius: 50px;
	opacity: 0.5;
}

.panel-stat .stat-label {
	text-transform: uppercase;
	font-size: 11px;
	opacity: 0.75;
	display: block;
	line-height: normal;
	margin-bottom: 2px;
}

.panel-stat h1 {
	margin: 0;
	line-height: 36px;
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 38px;
}

.panel-stat h4 {
	margin: 0;
	font-family: 'Helvetica Neue', sans-serif;
}

.sublabel {
	display: block;
	font-size: 12px;
	margin-bottom: 2px;
}

.dashboard-datatable .dataTables_filter {
	float: left;
}


/***** FORM STYLES *****/
/***********************/
.ditch[type=checkbox]{width:20px;}

.ckbox,
.rdio {
	position: relative;
}

.ckbox input[type="checkbox"],
.rdio input[type="radio"] {
	opacity: 0;
}

.ckbox label,
.rdio label {
	padding-left: 10px;
	cursor: pointer;
	margin-bottom: 7px !important;
}

.ckbox label:before {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
	content: '';
	display: inline-block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #bbb;
	background: #fff;
}

.ckbox input[type="checkbox"]:disabled + label  {
	color: #999;
}

.ckbox input[type="checkbox"]:disabled + label:before  {
	background-color: #eee;
}

.ckbox input[type="checkbox"]:checked + label::after  {
	font-family: 'FontAwesome';
	content: "\F00C";
	position: absolute;
	top: 0;
	left: 3.5px;
	display: inline-block;
	font-size: 11px;
	width: 16px;
	height: 16px;
	color: #fff;
}

.ckbox-default input[type="checkbox"]:checked + label:before {
	border-color: #999;
}

.ckbox-default input[type="checkbox"]:checked + label::after {
	color: #333;
}

.ckbox-primary input[type="checkbox"]:checked + label:before {
	border-color: #357EBD;
	background-color: #428BCA;
}

.ckbox-warning input[type="checkbox"]:checked + label:before {
	border-color: #EEA236;
	background-color: #F0AD4E;
}

.ckbox-success input[type="checkbox"]:checked + label:before {
	border-color: #1CAF9A;
	background-color: #1CAF9A;
}

.ckbox-danger input[type="checkbox"]:checked + label:before {
	border-color: #D43F3A;
	background-color: #D9534F;
}

.rdio label:before {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 1px;
	left: 0;
	content: '';
	display: inline-block;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	border: 1px solid #bbb;
	background: #fff;
}

.rdio input[type="radio"]:disabled + label  {
	color: #999;
}

.rdio input[type="radio"]:disabled + label:before  {
	background-color: #eee;
}

.rdio input[type="radio"]:checked + label::after  {
	content: '';
	position: absolute;
	top: 5px;
	left: 4px;
	display: inline-block;
	font-size: 11px;
	width: 10px;
	height: 10px;
	background-color: #444;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.rdio-default input[type="radio"]:checked + label:before {
	border-color: #999;
}

.rdio-primary input[type="radio"]:checked + label:before {
	border-color: #428BCA;
}

.rdio-primary input[type="radio"]:checked + label::after {
	background-color: #428BCA;
}

.rdio-warning input[type="radio"]:checked + label:before {
	border-color: #F0AD4E;
}

.rdio-warning input[type="radio"]:checked + label::after {
	background-color: #F0AD4E;
}

.rdio-success input[type="radio"]:checked + label:before {
	border-color: #1CAF9A;
}

.rdio-success input[type="radio"]:checked + label::after {
	background-color: #1CAF9A;
}

.rdio-danger input[type="radio"]:checked + label:before {
	border-color: #D9534F;
}

.rdio-danger input[type="radio"]:checked + label::after {
	background-color: #D9534F;
}


pre {
	font-size: 12px;
	color: #C7254E;
	border: 1px solid #ddd;
	padding: 8px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: #fff;
}

label.error {
	color: #B94A48;
	margin-top: 2px;
}

.asterisk {
	color: #D9534F;
}

div.error {
	margin-bottom: 20px;
	display: none;
	position: relative;
}

div.error label.error {
	display: block;
	padding-left: 25px;
	position: relative;
}

div.error label.error:before {
	font-family: 'Glyphicons Halflings';
	content: '\e101';
	position: absolute;
	top: -2px;
	left: 0;
	font-size: 16px;
	color: #D9534F;
	display: inline-block;
}
.question form span { display:inline-block;}
.question input[type=radio] {margin: 4px 4px 0 8px;}
.question tr td:nth-child(2) { text-align:center;}

/***** FORM WIZARD STYLES *****/
/**************************/


.basic-wizard .nav li a {
	background: #e4e7ea;
	border-bottom: 1px solid #ccc;
	color: #4A535E;
	border-right: 1px solid #ccc;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	opacity: 0.75;
}

.basic-wizard .nav li:last-child a {
	border-right: 0;
}

.basic-wizard .nav li a:hover {
	background-color: #f7f7f7;
	opacity: 1;
}

.basic-wizard .nav li.active a,
.basic-wizard .nav li.active a:focus,
.basic-wizard .nav li.active a:active {
	background: #fcfcfc;
	border-bottom-color: #fcfcfc;
	color: #333;
	opacity: 1;
}

.basic-wizard ul li a span {
	font-family: 'LatoBold', sans-serif;
}

.basic-wizard .pager {
	margin: 0;
	border-top: 1px solid #ddd;
	background: #f7f7f7;
	padding: 10px;
}

.basic-wizard .pager li a {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	border-color: #357EBD;
	background-color: #428BCA;
	color: #fff;
}

.basic-wizard .pager li a:hover {
	background-color: #3276B1;
	border-color: #285E8E;
}

.basic-wizard .pager li.disabled a {
	background: #eee;
	color: #999;
	border-color: #ccc;
}

.basic-wizard .progress {
	height: 12px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.basic-wizard .nav-disabled-click li a:hover,
.basic-wizard .nav-disabled-click li a:active,
.basic-wizard .nav-disabled-click li a:focus {
	background-color: #E4E7EA;
	opacity: 0.75;
	color: #4A535E;
	cursor: default;
}

.basic-wizard .nav-disabled-click li.active a:hover,
.basic-wizard .nav-disabled-click li.active a:active,
.basic-wizard .nav-disabled-click li.active a:focus {
	background: #fcfcfc;
	color: #333;
	opacity: 1;
}

.basic-wizard .tab-content {
	-moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.tab-pane::after {
	clear: both;
	display: block;
	content: '';
}


/***** UI ELEMENTS *****/
/***********************/

.btn-demo::after {
   clear: both;
   display: block;
   content: '';
}

.btn-demo .btn {
	float: left;
	margin: 0 10px 10px 0;
}

.fonticon-list {
	list-style: none;
	margin: 20px 0;
	padding: 0;
}

.fontawesome-list {
	list-style: none;
	padding: 0;
}

.fonticon-list li,
.fontawesome-list li {
	display: block;
	margin-bottom: 5px;
}

.fonticon-list li span,
.fontawesome-list li span {
	color: #333;
	vertical-align: middle;
	margin-right: 8px;
	min-width: 20px;
}

.tooltip-example .btn,
.popover-example .btn {
	margin: 0 5px 5px 0;
}

.tooltipflot {
	background-color: rgba(0,0,0,0.75);
	font-size: 11px;
	color: #fff;
	padding: 3px 10px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.jqstooltip{ 
   min-height: 25px;
	border: 0;
	min-width: 30px;
	height: auto !important;
	width: auto !important;
}

.tinystat {
	display: inline-block;
}

.tinystat .chart,
.tinystat .datainfo {
	display: inline-block;
	vertical-align: middle;
}

.tinystat .chart {
	margin-right: 5px;
}

.tinystat .text-muted {
	text-transform: uppercase;
	font-size: 10px;
}

.tinystat h4 {
	margin: 0;
	color: #333;
	font-family: 'LatoBold';
	line-height: normal;
	font-size: 16px;
}

.widget-quick-status-post .nav-tabs > li > a {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.widget-quick-status-post .panel-body {
	padding: 0;
}

.widget-messaging .panel-btns .panel-edit {
	padding: 15px 17px;
	opacity: 0.5;
	font-size: 24px;
	margin-top: -18px;
	margin-right: -20px;
	position: relative;
}

.widget-messaging .panel-btns .panel-edit:hover {
	opacity: 1;
}

.widget-messaging .panel-body {
	padding: 0;
}

.widget-messaging ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.widget-messaging ul li {
	padding: 15px;
	border-top: 1px solid #eee;
	background-color: #fff;
}

.widget-messaging ul li:hover {
	background-color: #fcfcfc;
}

.widget-messaging ul li:first-child {
	border-top: 0;
}

.widget-messaging .sender {
	font-size: 13px;
	color: #333;
	margin: 0;
	font-family: 'LatoBold';
	line-height: normal;
}

.widget-messaging ul li small {
	line-height: normal;
}

.widget-today .panel-heading,
.widget-time .panel-heading {
	height: 115px;
}

.widget-today .glyphicon,
.widget-today .fa {
	font-size: 72px;
	color: #fff;
	opacity: 1;
}

.widget-time .glyphicon,
.widget-time .fa {
	font-size: 60px;
	color: #fff;
	opacity: 1;
}
.widget-today .today,
.widget-time .today {
	line-height: normal;
	margin: 0;
	color: #333;
	font-family: 'LatoBold';
	font-size: 20px;
}

.widget-photoday .panel-body {
	padding: 0;
}

.widget-photoday .photoday img {
	width: 100%;
	display: block;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.widget-photoday .photo-details {
	padding: 15px;
}

.widget-photoday .photo-title {
	color: #333;
	font-size: 16px;
	margin: 0;
	font-family: 'LatoBold';
	line-height: normal;
}

.widget-photoday .photo-details small {
	display: block;
}

.widget-photoday .photo-meta {
	list-style: none;
	padding: 0;
	margin: 0;
	border-top: 1px solid #e3e3e3;
	background-color: #f7f7f7;
}

.widget-photoday .photo-meta li {
	display: table-cell;
	width: 1%;
	text-align: center;
	border-left: 1px solid #e3e3e3;
}

.widget-photoday .photo-meta li:first-child {
	border-left: 0;
}

.widget-photoday .photo-meta li a,
.widget-photoday .photo-meta li span {
	padding: 15px 10px;
	display: block;
	color: #999;
	font-size: 12px;
}

.widget-photoday .photo-meta li a:hover {
	color: #666;
	text-decoration: none;
}

.widget-bloglist .media {
	border-bottom: 1px solid #eee;
    padding: 0;
}

.widget-bloglist .media .thumbnail {
   margin-bottom: 15px;
}

.widget-weather {
	overflow: hidden;
}

.widget-weather .panel-body {
	padding: 0;
	background-color: #1D2939;
}

.widget-weather .row {
	margin: 0;
}

.widget-weather .temp,
.widget-weather .weather {
	padding: 0;
}

.widget-weather .temp {
	background-color: #1CAF9A;
	color: #fff;
	padding: 10px 0;
}

.widget-weather .temp h1 {
	font-size: 60px;
	font-family: 'LatoLight';
}

.widget-weather .temp h1 span {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-left: -10px;
}

.widget-weather .temp h5 {
	text-transform: uppercase;
}

.widget-weather .weather-icon {
	color: #666;
	font-size: 60px;
	background-color: #fff;
	display: block;
	padding: 20px 0;
}

.widget-weather .weather > div {
	width: 50%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding-top: 10px;
}

.widget-profile .panel-heading {
	position: relative;
}

.widget-profile .cover {
	position: absolute;
	top: 0;
	left: 0;
	height: 105px;
	overflow: hidden;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.widget-profile .cover img {
	width: 100%;
	display: block;
}

.widget-profile .panel-body {
	position: relative;
	padding: 0;
}

.widget-profile-img {
	position: relative;
	margin-top: 30px;
	margin-left: 15px;
}

.widget-profile-title {
	background: #428BCA;
	margin-top: -77px;
	padding: 15px 0 15px 120px;
	color: #fff;
}

.widget-profile-title h4 {
	font-size: 18px;
	margin: 0;
	line-height: normal;
}

.widget-profile-title small {
	line-height: normal;
}

.widget-profile blockquote {
	font-size: 18px;
	border-left: 0;
	margin: 0;
	color: #555;
	padding: 15px;
}

.widget-profile-title .fa {
	margin-right: 7px;
}

.widget-profile .row {
	margin: 0;
}

.widget-profile .row > div {
	padding: 0;
}

.widget-profile .row > div > span {
	display: block;
	border-right: 1px solid rgba(255,255,255,0.15);
	font-size: 14px;
	padding: 15px 10px;
	text-transform: uppercase;
	background: #1D2939;
	color: #fff;
}

.widget-profile .row > div:first-child span {
	-moz-border-radius: 0 0 0 3px;
	-webkit-border-radius: 0 0 0 3px;
	border-radius: 0 0 0 3px;
}

.widget-profile .row > div:last-child span {
	border-right: 0;
	-moz-border-radius: 0 0 3px 0;
	-webkit-border-radius: 0 0 3px 0;
	border-radius: 0 0 3px 0;
}

.widget-todo .panel-btns i {
   font-size: 12px;
}

.widget-todo .todo-list {
   padding: 0;
   margin: 0;
   list-style: none;
}

.widget-todo .panel-body {
   padding: 0;
}

.widget-todo .todo-list li {
   border-bottom: 1px solid #eee;
   padding: 15px 10px 8px 20px;
}

.widget-todo .todo-list li input:checked + label {
   text-decoration: line-through;
}

.widget-todo .todo-list .todo-form {
   padding-bottom: 15px;   
}

.widget-todo .todo-list li .btn {
   margin: 0;
   padding: 6px 10px;
}


/***** EMAIL *****/
/*****************/

.btn-compose-email {
   padding: 10px 0;
   margin-bottom: 20px;
}

.nav-email > li > a > .badge {
   margin-top: 2px;
}

.nav-email > li > a {
   color: #444;   
}

.nav-email > li > a > i {
   width: 16px;
   text-align: center;
   margin-right: 10px;
}

.nav-email > li > a:hover {
   background-color: #d8dcdf;
}

.table-email {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-bottom: 1px solid #eee;
   margin: 0;
   background-color: #f7f7f7;
}

.table-email tr.unread td {
   background-color: #fff;
}

.table-email tbody > tr > td {
   vertical-align: middle;
}

.table-email tr:hover {
  background-color: #eee;
  cursor: pointer;
}

.table-email tr.selected td {
   background-color: #eee;
}

.table-email .ckbox {
   width: 18px;
   height: 19px;
}

.table-email .ckbox input[type="checkbox"]:checked + label:after {
   top: 2px;
}

.table-email .star {
   color: #ccc;
}

.table-email .star-checked {
   color: #F0AD4E;
}

.table-email td:first-child {
   width: 30px;
}

.table-email td:nth-child(2) {
   width: 30px;
}

.table-email .media {
   margin: 0;
   padding: 0;
}

.table-email .media-object {
   width: 35px;
}

.table-email .media h4 {
   margin: 0;
   font-size: 14px;
   line-height: normal;
   font-family: 'LatoBold', sans-serif;
}

.table-email .media-meta {
   font-size: 11px;
   color: #999;
}

.table-email .email-summary {
   margin: 2px 0 0 0;
}

.table-email .email-summary strong {
   color: #333;
}

.read-panel {
   margin-top: 10px;
   border-top: 1px solid #eee;
   padding-top: 20px;
}

.read-panel .media-object {
   width: 35px;
}

.read-panel .media h4 {
   margin: 2px 0 0 0;
   font-size: 14px;
   line-height: normal;
}

.read-panel .media-meta {
   font-size: 12px;
}

.email-subject {
   color: #333;
}


/***** TABLES *****/
/******************/

.dataTables_length .chosen-container {
	min-width: 75px;
}

.dataTables_length .chosen-container-single .chosen-single {
	padding-right: 0;
}

.table-action {
	text-align: center;
}

.table-action-hide a {
	opacity: 0;
}

.table-action a,
.table-action-hide a {
	display: inline-block;
	margin-right: 5px;
	color: #666;
}

.table-action a:hover,
.table-action-hide a:hover {
	color: #333;
}

.table-action a:last-child,
.table-action-hide a:last-child {
	margin-right: 0;
}

/***** PAGES *****/
/*****************/

.external-event {
	background: #428BCA;
	margin-bottom: 5px;
	padding: 6px 10px;
	color: #fff;
	font-size: 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


/* mediamanager */
.filemanager-options {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	background: #fcfcfc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.filemanager-options li {
	display: inline-block;
	padding: 12px 15px;
	border-right: 1px solid #eee;
	font-size: 12px;
	color: #666;
}

.filemanager-options li a {
	color: #666;
}

.filemanager-options li a.disabled {
	opacity: 0.5;
	cursor: default;
}

.filemanager-options li a.disabled:hover {
	text-decoration: none;
}

.filemanager-options li i {
	font-size: 14px;
	margin-right: 5px;
	color: #444;
}

.filemanager-options .ckbox label {
	margin: 0 !important;
}

.filemanager-options .filter-type {
	float: right;
	border-right: 0;
	border-left: 1px solid #eee;
}

.filemanager-options .filter-type a {
	display: inline-block;
	margin-right: 10px;
}

.filemanager-options .filter-type a:last-child {
	margin-right: 0;
}

.filemanager-options .filter-type a:first-child {
	margin-left: 10px;
}

.filemanager-options .filter-type a.active {
	text-decoration: underline;
	color: #2A6496;
}

.filemanager .thmb {
	border: 1px solid #fcfcfc;
	background: #fcfcfc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px;
	margin-bottom: 20px;
	position: relative;
	-moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.filemanager .thmb.checked {
	border-color: #ccc;
}

.filemanager .thmb::after {
	clear: both;
	display: block;
	content: '';
}

.filemanager .ckbox {
	position: absolute;
	top: 15px;
	left: 15px;
	display: none;
}

.filemanager .fm-group {
	position: absolute;
	top: 15px;
	right: 15px;
	display: none;
}

.filemanager .fm-toggle {
	padding: 1px 4px;
	line-height: normal;
	background: #fff;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.filemanager .fm-menu {
	min-width: 120px;
}

.filemanager .fm-menu a {
	font-size: 12px;
	color: #333;
}

.filemanager .fm-menu i {
	margin-right: 7px;
	color: #999;
	width: 16px;
	font-size: 13px;
}

.filemanager .thmb-prev {
	background: #eee;
	overflow: hidden;
}

.filemanager .thmb-prev a {
	display: block;
}

.filemanager .fm-title {
	margin-bottom: 0;
	font-size: 13px;
}

.fm-sidebar {
	padding-left: 10px;
}

.fm-sidebar .subtitle a {
	color: #999;
	font-size: 11px;
}

.fm-sidebar .subtitle a:hover {
	text-decoration: none;
	color: #333;
}

.folder-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.folder-list li {
	display: block;
	border-bottom: 1px solid #ddd;
}

.folder-list li a {
	display: block;
	padding: 5px 0;
	color: #666;
}

.folder-list li a:hover {
	color: #333;
	text-decoration: none;
}

.folder-list li i {
	margin-right: 10px;
	width: 16px;
}

.fm-sidebar .tag-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.fm-sidebar .tag-list li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.fm-sidebar .tag-list li a {
	display: block;
	padding: 2px 7px;
	font-size: 11px;
	background: #fcfcfc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #666;
}

.fm-sidebar .tag-list li a:hover {
	color: #fff;
	text-decoration: none;
	background: #428BCA;
}

/* profile */
.profile-name {
	margin: 0;
	margin-bottom: 10px;
	color: #333;
}

.profile-location,
.profile-position {
	font-size: 13px;
	margin-bottom: 3px;
}

.profile-location .fa,
.profile-position .fa {
	width: 16px;
	margin-right: 8px;
	text-align: center;
}

.profile-header {
	margin-bottom: 30px;
}

.profile-header .btn .fa {
	margin-right: 7px;
}

.profile-social-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.profile-social-list li {
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}

.profile-social-list li:first-child {
	padding-top: 0;
}

.profile-social-list li .fa {
	margin-right: 10px;
	width: 16px;
}

.activity-list {
	padding: 20px 10px;
}

.activity-list .act-media {
	border-bottom: 1px solid #eee;
}

.activity-list .act-thumb {
	width: 28px;
	vertical-align: middle;
}

.activity-list .act-media-body {
	line-height: 16px;
}

.activity-list .media-body p {
	line-height: 21px;
	font-size: 13px;
}

.activity-list .media-title {
	font-family: 'LatoBold';
	font-size: 15px;
	margin-bottom: 0;
}

.activity-list .blog-media {
	padding-bottom: 0;
}

.activity-list .blog-media .media-object {
	width: 120px;
	margin-right: 10px;
	margin-top: 5px;
}

.activity-list .blog-media .media-title {
	margin: 0;
}

.activity-list .img-single img {
	width: 50%;
}

.uploadphoto-list {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}

.uploadphoto-list li {
	width: 20%;
	float: left;
}

.uploadphoto-list li a {
	display: block;
	margin-right: 5px;
}

.follower-list {
	padding: 10px;
}

.follower-list .media {
	border-bottom: 1px solid #eee;
}

.follower-list .btn .fa {
	margin-right: 5px;
}

.follower-list .media-object {
	margin-right: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.follower-name {
	color: #333;
	margin: 0;
	font-size: 18px;
	margin-bottom: 5px;
}

.events {
	padding: 10px;
}

.events .subtitle {
	margin-bottom: 20px;
}

.events .media-object {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.events-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.events-list .event-body {
	font-size: 13px;
}

.event-body small {
	display: block;
}

.event-body small .fa {
	margin-right: 5px;
	width: 14px;
	text-align: center;
}

.event-body p {
	margin-top: 10px;
}

.event-title {
	margin: 0;
	margin-bottom: 5px;
	font-size: 16px;
	font-family: 'LatoBold';
	line-height: normal;
}

/* bloglist */
.blog-item {
	background: #fcfcfc;
	margin-bottom: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
	position: relative;
}

.blog-img img {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.blog-details {
	padding: 15px;
}

.blog-title {
	font-family: 'LatoBold';
	margin: 0;
	font-weight: normal;
}

.blog-title a {
	color: #333;
}

.blog-meta {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}

.blog-meta::after {
	clear: both;
	display: block;
	content: '';
}

.blog-meta li {
	float: left;
	padding: 0 5px;
	border-right: 1px solid #ddd;
	line-height: normal;
	font-size: 11px;
	margin-bottom: 5px;
}

.blog-meta li:first-child {
	padding-left: 0;
}

.blog-meta li:last-child {
	padding-right: 0;
	border-right: 0;
}

.blog-summary {
	font-size: 13px;
}

.blog-summary p {
	margin: 10px 0;
}

.blog-summary .btn {
	margin-top: 10px;
}

.blog-quote .quote {
	margin: 0;
	font-size: 18px;
	line-height: 24px;
}

.blog-quote .quote a {
	padding: 15px;
	background: #1d2939;
	color: #dadfe6;
	display: block;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
}

.blog-quote .quote a:hover {
	text-decoration: none;
	background: #2c394c;
}

.blog-quote .quote-author {
	display: block;
	font-family: 'LatoRegular';
	opacity: 0.5;
}

.blog-quote .blog-meta {
	margin-top: 3px;
}

.blog-video {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
	position: relative;
}

.blog-video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	top: 0;
	left: 0;
}

.blog-quote .quote-primary a {
	background-color: #428BCA;
}

.blog-quote .quote-primary a:hover {
	background-color: #357EBD;
}

.blog-quote .quote-success a {
	background-color: #1CAF9A;
	color: #fff;
}

.blog-quote .quote-success a:hover {
	background-color: #17A08C;
}

.blog-quote .quote-danger a {
	background-color: #D9534F;
	color: #fff;
}

.blog-quote .quote-danger a:hover {
	background-color: #D43F3A;
}

/* blog single */
.panel-blog .blog-img img {
	width: 100%;	
}

.blogsingle-title {
	font-family: 'LatoRegular';
	color: #333;
	margin: 0;
}

.blog-content {
	max-width: 975px;
}

.authorpanel {
	margin: 20px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 20px 0;
}

.authorpanel::after {
	clear: both;
	display: block;
	content: '';
}

.authorpanel .media {
	padding: 0;
}

.authorpanel .media-object {
	margin-right: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.authorpanel p {
	margin-bottom: 0;
	font-size: 13px;
}

.blog-sidebar {
	font-size: 13px;
	padding-left: 5px;
	margin-top: 5px;
}

.sidebar-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-list li {
	display: block;
	border-bottom: 1px solid #ddd;
}

.sidebar-list li a {
	padding: 7px 0;
	display: block;
}

.sidebar-list li i {
	display: inline-block;
	margin-right: 5px;
}

/* comment list */
.comment-list .media {
	border-bottom: 1px solid #ddd;
}

.comment-list .media-object {
	width: 60px;
	margin-right: 10px;
}

.comment-list h4 {
	margin: 0;
	color: #333;
	font-size: 16px;
}

.comment-list .media-body {
	font-size: 13px;
	position: relative;
}

.comment-list .reply {
	padding: 3px 8px;
	line-height: normal;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.comment-list .media-body p:last-child {
	margin-bottom: 0;
}

.comment-list .media-body .media:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

/* people directory */
.letter-list {
	list-style: none;
	padding: 0;
	margin: 0;
	-moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
}

.letter-list li {
	border-left: 1px solid #eee;
	display: table-cell;
	width: 1%;
}

.letter-list li:first-child {
	border-left: 0;
}

.letter-list li a {
	display: block;
	padding: 8px 0;
	text-align: center;
	text-transform: uppercase;
	background: #f7f7f7;
	-moz-transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
}

.letter-list li:first-child a {
	-moz-border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
}

.letter-list li:last-child a {
	-moz-border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.letter-list li a:hover {
	color: #fff;
	background: #428BCA;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.people-item {
	background: #fcfcfc;
	padding: 20px;
	font-size: 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
	margin-bottom: 20px;
}

.people-item .media {
	padding: 0;
}

.people-item .media-object {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-right: 10px;
	width: 110px;
	height: 110px;
}

.people-item .fa {
	margin-right: 5px;
}

.person-name {
	margin: 0 0 5px 0;
	color: #428BCA;
}

.people-item .social-list {
	margin-top: 10px;
	margin-bottom: 0;
	list-style: none;
	padding: 0;
}

.people-item .social-list::after {
	clear: both;
	display: block;
	content: '';
}

.people-item .social-list li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.people-item .social-list li a {
	font-size: 16px;
	border: 1px solid #ddd;
	padding: 3px 5px;
	width: 30px;
	display: block;
	text-align: center;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #666;
}

.people-item .social-list li a:hover {
	background-color: #eee;
	color: #333;
}

.people-item .social-list li a .fa {
	margin-right: 0;
}

.notfoundpanel {
   text-align: center;
   margin-top: 10%;
   width: 600px;
   margin: 10% auto 0 auto;
}

.notfoundpanel h1 {
   font-size: 130px;
   font-family: 'LatoBold', sans-serif;
   color: #333;
   margin: 0;
   line-height: 130px;
}

.notfoundpanel h3 {
   color: #333;
   margin: 0;
}

.notfound h4 {
   font-size: 14px;
}

.notfoundpanel form {
   width: 350px;
   margin: 20px auto 0 auto;
}

.notfoundpanel .form-control {
   width: 250px;
   float: left;
}

/* search results */
.nav-sr li {
   border-bottom: 1px solid #ddd;  
}

.nav-sr li a {
   padding: 5px 0;
   color: #555;
}

.nav-sr li a:hover {
   background: none;
   color: #333;
}

.nav-sr li a i {
   margin-right: 5px;
}

.results-list .media {
   border-bottom: 1px solid #eee;
}

.results-list .media-object {
   width: 125px;
   margin-right: 10px;
}

.results-list .filename {
   margin: 0;
   font-size: 16px;
}

.results-list .media-body {
   line-height: 18px;
}


/* invoice */
.table-invoice {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   border-bottom: 1px solid #eee;
   margin-top: 20px;
}

.table-invoice thead > tr > th {
   background: none;
}

.table-invoice thead > tr > th:last-child,
.table-invoice thead > tr > th:nth-child(3),
.table-invoice thead > tr > th:nth-child(2) {
   text-align: right;
}

.table-invoice tbody > tr > td:last-child,
.table-invoice tbody > tr > td:nth-child(3),
.table-invoice tbody > tr > td:nth-child(2) {
   width: 15%;
   text-align: right;
}

.table-total {
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   float: right;
}

.table-total > tbody > tr > td {
   border: 0;
}

.table-total > tbody > tr > td:last-child {
   border-bottom: 1px solid #ddd;
   width: 15%;
   text-align: right;
}

.table-total > tbody > tr > td:first-child {
   text-align: right;
   color: #333;
}

/* timeline */

.timeline-post .panel-body {
   padding: 0;
}

.timeline-post .form-control {
   border: 0;
   -moz-border-radius: 3px 3px 0 0;
   -webkit-border-radius: 3px 3px 0 0;
   border-radius: 3px 3px 0 0;
   resize: vertical;
}

.timeline-post .form-control:focus {
   -moz-box-shdow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
}

.timeline-post .panel-footer {
   padding: 10px;
   background: #f7f7f7;
}

.timeline-btns {
   padding: 5px;
}

.timeline-btns a {
   display: inline-block;
   font-size: 14px;
   width: 20px;
   height: 20px;
   color: #ccc;
   text-align: center;
   margin-right: 5px;
}

.timeline-btns a:hover {
   color: #666;
}

.panel-timeline .panel-heading {
   padding: 10px 10px 6px 10px;
   border-bottom: 0;
}

.panel-timeline .panel-body {
   padding: 0 10px;   
}

.panel-timeline .panel-heading .media {
   margin: 0;
   padding: 0;
}

.panel-timeline .panel-heading .media-object,
.panel-timeline .panel-footer .media-object {
   width: 32px;
   border-radius: 1px;
}

.panel-timeline .panel-body .media {
   margin-top: 10px;
   padding-bottom: 10px;
}

.panel-timeline .panel-body .media-object {
   width: 150px;
}

.panel-timeline .panel-body h4 {
   font-size: 16px;
   margin-bottom: 5px;
   font-family: 'LatoBold', sans-serif;
}

.panel-timeline h4 {
   margin: 0;
   font-size: 13px;
   line-height: normal;
}

.panel-timeline .panel-footer {
   padding: 10px;
}

.panel-timeline .panel-footer .form-control {
   padding: 8px 10px;
   border-radius: 0;
}

.timeline-btns {
   padding: 10px;
}

.timeline-btns:after {
   clear: both;
   display: block;
   content: '';
}

.timeline-video {
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	overflow: hidden;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
	position: relative;
}

.timeline-video iframe {
   position: absolute;
   width: 100%;
   height: 100%;
   border: 0;
   top: 0;
   left: 0;
}

/* locked screen */

.lockedpanel {
   width: 250px;
   margin: 10% auto 0 auto;
   text-align: center;
}

.lockedpanel .loginuser {
   text-align: center;
}

.lockedpanel .loginuser img {
   -moz-border-radius: 100px;
   -webkit-border-radius: 100px;
   border-radius: 100px;
   background: rgba(255,255,255,0.4);
   padding: 5px;
}

.lockedpanel .locked {
   font-size: 42px;
   margin-bottom: 20px;
}

.lockedpanel .logged {
   margin-top: 20px;
}

.lockedpanel .logged h4 {
   margin: 0;
   font-size: 21px;
   color: #333;
}

.lockedpanel form {
   margin-top: 20px;
}

.lockedpanel form .btn {
   display: block;
   margin-top: 10px;
}

/* sign in */

.signinpanel {
   width: 780px;
   margin:0 auto 0 auto;
}

.signinpanel .logopanel {
   float: none;
   width: auto;
   padding: 0;
   background: none;
}

.signinpanel .signin-info ul {
   list-style: none;
   padding: 0;
   margin: 20px 0;
}

.signinpanel .signin-info a {
   color: #333;
}
.signinpanel label{ margin-bottom:0 !important; display:inline-block; width:23%; color:#4ab348; font-size:1.1em;}
.signinpanel .form-control {
   display: inline-block;
   margin: 3px 0; width:75%; padding:10px 5px;
}
.signinpanel ul li span{ font-size:12px;}
.signinpanel ul li span.note a{ margin-left:25%; font-size:12px;}
#all-list-wrap ul li{ margin-bottom:10px;}
.signinpanel .btn {
   margin-top: 15px;
}

/* sign up */

.signuppanel {
   margin: 5% auto 0 auto;
   width: 780px;
}

.signuppanel .row {
   margin-left: -5px;
   margin-right: -5px;
}

.signuppanel .logopanel {
   float: none;
   width: auto;
   padding: 0;
   background: none;
}

.signuppanel .col-sm-6,
.signuppanel .col-sm-5,
.signuppanel .col-sm-3,
.signuppanel .col-sm-4 {
   padding-left: 5px;
   padding-right: 5px;
}

.signuppanel .signup-info {
   padding-right: 20px;
}

.signuppanel form {
   background: rgba(255,255,255,0.2);
   border: 1px solid #ccc;
   -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
   padding: 30px;
}

.feat-list {
   margin-top: 20px;
}

.feat-list .fa {
   font-size: 20px;
   border: 2px solid #636e7b;
   padding: 4px 5px;
   -moz-border-radius: 100px;
   -webkit-border-radius: 100px;
   border-radius: 100px;
   float: left;
}

.feat-list h4 {
   margin-left: 45px;
   padding-top: 3px;
}

.feat-list p {
   margin-left: 45px;
}

.signup-footer {
   margin-top: 10px;
   padding-top: 10px;
   font-size: 12px;
}


/***** LEFT PANEL COLLAPSE *****/
/*******************************/


.leftpanel-collapsed .logopanel {
   display: none;
}

.leftpanel-collapsed .headerbar {
   margin-left: -50px;
}

.leftpanel-collapsed .leftpanel {
   width: 50px;
   top: 50px;
}

.leftpanel-collapsed .leftpanelinner {
   padding: 0;
}

.leftpanel-collapsed .leftpanelinner .sidebartitle {
   display: none;
}

.leftpanel-collapsed .nav-bracket {
   margin: 5px;   
}

.leftpanel-collapsed .nav-bracket li a {
   text-align: center;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   padding: 10px;
   position: relative;
}

.leftpanel-collapsed .nav-bracket > li > a:hover {
   border-radius: 2px 0 0 2px;
}

.leftpanel-collapsed .nav-bracket > li.nav-parent > a {
   background-image: none;
}

.leftpanel-collapsed .nav-bracket > li > a > span:last-child {
   position: absolute;
   background: #fff;
   padding: 10px 10px 10px 5px;
   left: 40px;
   top: 0;
   min-width: 209px;
   text-align: left;
   z-index: 100;
   display: none;
   -moz-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -webkit-box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   box-shadow: 0 3px 0 rgba(12,12,12,0.03);
   -moz-border-radius: 0 2px 2px 0;
   -webkit-border-radius: 0 2px 2px 0;
   border-radius: 0 2px 2px 0;
}

.leftpanel-collapsed .nav-bracket > li > a .badge {
   display: none;
}

.leftpanel-collapsed .nav-bracket > li.active > a > span:last-child {
   -moz-border-radius: 0 2px 0 0;
   -webkit-border-radius: 0 2px 0 0;
   border-radius: 0 2px 0 0;
}

.leftpanel-collapsed .nav-bracket ul {
   display: none;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover > a {
   background: #fff;
   color: #1d2939;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a {
   background: #1CAF9A;
   color: #fff;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover > a > span:last-child {
   display: block;
}

.leftpanel-collapsed .nav-bracket > li.nav-hover.active > a > span:last-child {
   background: #1CAF9A;
   color: #fff;
}

.leftpanel-collapsed .nav-bracket li.nav-hover ul {
   display: block;
   position: absolute;
   top: 41px;
   left: 45px;
   margin: 0;
   min-width: 204px;
   background: #1d2939;
   z-index: 100;
   -moz-border-radius: 0 0 2px 0;
   -webkit-border-radius: 0 0 2px 0;
   border-radius: 0 0 2px 0;
}

.leftpanel-collapsed .nav-bracket ul a {
   text-align: left;
   padding: 6px 10px;
   padding-left: 0;
}

.leftpanel-collapsed .nav-bracket ul a:hover {
   background: none;
}

.leftpanel-collapsed .nav-bracket li a i {
   margin-right: 0;
}

.leftpanel-collapsed .mainpanel {
   margin-left: 50px;
}

.leftpanel-collapsed .infosummary {
   display: none;
}

.leftpanel-collapsed .sticky-leftpanel {
   overflow-y: visible;
}

.leftpanel-collapsed .nav-bracket .children {
   display: none;
}

/***** RIGHT PANEL STYLES *****/
/**************************/

.chat-view {
   margin-right: 240px;
}

.rightpanel {
   width: 240px;
   height: 100%;
   position: fixed;
   overflow-y: auto;
   overflow-x: hidden;
   top: 0;
   right: -240px;
   display: none;
}

.chat-view .rightpanel {
   display: block;
   right: 0;
}

.chat-relative-view {
   right: 240px;
}

.chat-relative-view .rightpanel {
   display: block;
   right: 0;
}

.rightpanel,
.rightpanel label {
   color: #999;
}

.rightpanel .nav-tabs {
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   background: #131d29;
   position: fixed;
   width: 240px;
}

.rightpanel .nav-tabs > li {
   display: table-cell;
   width: 1%;
}

.rightpanel .nav-tabs > li > a {
   padding: 15px 20px 16px 20px;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   color: rgba(255,255,255,0.5);
}

.rightpanel .nav-tabs > .active > a,
.rightpanel .nav-tabs > .active > a:hover,
.rightpanel .nav-tabs > .active > a:focus {
   background: #1D2939;
   color: #fff;
}

.rightpanel .tab-content {
   background: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   margin-top: 45px;
}

.chatuserlist {
   list-style: none;
   padding: 0;
   border-bottom: 1px dotted rgba(255,255,255,0.05);
}

.chatuserlist li {
   border-top: 1px dotted rgba(255,255,255,0.05);
}

.chatuserlist .media-thumb {
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
   border: 2px solid #999;
   padding: 3px;
   display: block;
}

.chatuserlist .media {
   margin: 10px 0;
   padding: 0;
}

.chatuserlist .online .media-thumb {
   border-color: #1CAF9A;
}

.chatuserlist .media-object {
   width: 30px;
   -moz-border-radius: 50px;
   -webkit-border-radius: 50px;
   border-radius: 50px;
}

.chatuserlist .media-body {
   line-height: normal;
   padding-top: 7px;
}

.chatuserlist .media-body small {
   color: #666;
   display: block;
}

.chatuserlist .media-body strong {
   color: #bbb;
   font-size: 13px;
   margin-bottom: 4px;
   display: block;
}

.chatuserlist .badge {
   margin-top: 5px;
}

.rightpanel .pane-settings {
   font-size: 13px;
}


/***** HORIZONTAL MENU *****/
/***************************/


.horizontal-menu {
   margin: 0;   
}

.horizontal-menu .menutoggle {
   display: none;
}

.horizontal-menu .leftpanel {
   display: none;
}

.horizontal-menu .mainpanel {
   margin: 0;
   width: 100%;
   overflow: hidden;
}

.horizontal-menu.chat-view .mainpanel {
   margin-left: -240px
}

.headerbar .logopanel {
   width: 240px;
}

.horizontal-menu.chat-view .navhor-bracket {
   padding: 0;
}

.headerbar .topnav {
   float: left;
   margin: 0;
}

.headerbar .topnav > ul {
   padding: 0;
   margin: 0;
   float: left;
}

.headerbar .topnav > ul > li {
   margin: 0;
   float: left;
}

.headerbar .topnav > ul > li > a {
   padding: 15px 15px 12px 15px;
   -moz-border-radius: 0;
   -webkit-border-radius: 0;
   border-radius: 0;
   text-transform: uppercase;
   font-size: 12px;
   color: #666;
   font-family: 'LatoBold', sans-serif;
}

.headerbar .topnav > ul > li > a:hover,
.headerbar .topnav > ul > li > a:focus,
.headerbar .topnav > ul > li.open > a,
.headerbar .topnav > ul > li.active > a {
   box-shadow: 0 3px 0 #1CAF9A;
   color: #1CAF9A;
   background: none;
}

.headerbar .topnav > ul > li > a i {
   margin-right: 5px;
}

.headerbar .topnav > ul > li > a .badge {
   margin-left: 10px;
}

.headerbar .topnav > ul > li .dropdown-menu {
   margin-top: 2px;
   -moz-border-radius: 0 0 3px 3px;
   -webkit-border-radius: 0 0 3px 3px;
   border-radius: 0 0 3px 3px;
}

.headerbar .topnav > ul > li .dropdown-menu > li > a {
   padding: 6px 10px;
   font-size: 13px;
}

.headerbar .topnav > ul > li .dropdown-menu > li > a:hover {
   background: #1CAF9A;
   color: #fff;
}

.headerbar .topnav > ul > li .dropdown-menu i {
   display: none;
}



/***** FIXED WIDTH *****/
/***********************/

.fixed {
    background: #c9cccf;
}

.fixed section {
    margin: auto;
    max-width: 1050px;
    position: relative;
    background: #1D2939;
}

.fixed .rightpanel {
   background: #1D2939;
}



/***** ADDITIONAL STYLES *****/
/*****************************/


/* DROPDOWN */

.dropdown-menu-head {
   background: #fff
}

.dropdown-menu-head .title {
   background: #1d2939;
   color: #94989d;
   padding: 15px;
	text-transform: uppercase;
	font-size: 11px;
	margin: 0;
}


/* ICON */

.tp-icon {
   padding: 10px 20px;
   line-height: 20px;
   border-color: #ddd;
   position: relative;
}

.tp-icon .badge {
   position: absolute;
   font-size: 10px;
   font-weight: normal;
   right: 4px;
   top: 10px;
   line-height: 13px;
   background-color: #D9534F;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   padding: 2px 5px;
}

/* CHOSEN OVERRIDE */

.chosen-container-single .chosen-single div {
	width: 30px;
	border-left: 1px solid #ccc;
	background: #e4e7ea;
}

.chosen-container-single .chosen-single div b {
	background: url(../images/dropdown-arrow.png) no-repeat 8px 15px;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
	width: 30px;
	border-left: 0;
	background: #fff;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
	background-position: 8px -33px;
}

/* TIME PICKER */

.bootstrap-timepicker-widget.dropdown-menu {
	width: 230px;
}

/* COLOR PICKER */

.colorpicker-input {
	width: 200px;
	float: left;
}

.colorselector {
	margin-top: 4px;
}

/* STICKY HEADER */

.stickyheader .logopanel {
   position: fixed;
   top: 0;
   left: 0;
   width: 240px;
   z-index: 100;
}

.stickyheader .leftpanel {
   top: 50px;
}

.stickyheader .sticky-leftpanel {
   top: 0;
}

.stickyheader .sticky-leftpanel .leftpanelinner {
   margin-top: 55px;
}

.stickyheader .headerbar {
   position: fixed;
   top: 0;
   left: 240px;
   width: 100%;
   z-index: 100;
   box-shadow: 0 1px rgba(0,0,0,0.05);
}

.stickyheader .mainpanel {
   padding-top: 50px;
}

.stickyheader .header-right {
   margin-right: 240px;
}

.stickyheader.leftpanel-collapsed .headerbar {
   left: 50px;   
}

.stickyheader.leftpanel-collapsed .header-right {
   margin-right: 0;
}

.stickyheader.chat-view .headerbar {
   right: 240px;
   width: auto;
}
.pimping{width:80%;}

/***** MEDIA QUERIES *****/
/*************************/

@media screen and (max-width: 1280px) {
.btn {font-size: 11px; margin:5px 10px 5px 5px;}
.dialog-Box{ width:70%;}
.width_10{ width:80%;}
.ml60{margin-left:60px;}
.img-sample img{width:100%;}
.pimping{width:70%;}
.pf{height:595px;}
}
@media screen and (max-width: 1024px) {
body {position: relative;}
.leftpanel-collapsed .mainpanel {margin-left: 0;}
.leftpanel-collapsed .headerbar {margin-left: 0;}
   .leftpanel-show section {
      overflow-x: hidden;
   }
   
   .leftpanel-show .leftpanel {
     display: block;
   }
   
   .leftpanel-show .mainpanel {
      margin-left: 240px;
   }
   
   .stickyheader .headerbar {
      left: 0;
   }
   
   .stickyheader.leftpanel-show .headerbar {
      left: 240px;
   }
   
   .stickyheader.chat-relative-view .headerbar {
      right: 240px;
      left: auto;
   }
   
   .stickyheader .header-right {
      margin-right: 0;
   }
   
   .btn-demo {
      margin-bottom: 20px;
   }
   
   .leftpanel{ width:310px;}
   .mainpanel{ width: calc(100% - 310px);}
   .leftpanel h1{ font-size:20px;}
   .leftpanelinner .searchform input {
      background: #131b26;
      border: 0;
   }
   
/* horizontal menu related */
   .nav-horizontal {
      position: relative;
   }
   
   .horizontal-menu .menutoggle {
      display: block;
   }
   
   .horizontal-menu .headerbar .logopanel {
      display: none;
   }
   
   .nav-horizontal .caret {
      display: none;
   }
   
   .horizontal-menu .header-left,
   .horizontal-menu .topnav {
      float: none;
   }
   
   .horizontal-menu-sidebar .header-left,
   .horizontal-menu-sidebar .topnav {
      float: none;
   }
   .btn {
	  font-size: 11px; display:block; margin:0 0 8px 0;
   }
   .btn-inline{ display:inline-block;}
   .img-sample img{ width:100%;}
   .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{ width:100%;}
   .dialog-Box{ width:85%;}
   .input_box {right: 50px !important; top: -10px;}
   .alert-box {right: 211px;}
   .img-sample img{width:100%;}
   .pf{}
}

@media screen and (max-width: 767px) {
   
   .searchform {
      position: relative;
   }
   
   .headermenu li:nth-child(4) {
      display: none;
   }
   
   .leftpanel .searchform,
   .leftpanel .userlogged {
      display: block;
   }
   
   .breadcrumb-wrapper {
      display: none;
   }
   
   .headermenu .dropdown-menu:after {
      display: none;
   }
   
   .rightpanel .nav-tabs.nav-justified > li > a,
   .rightpanel .nav-justified > li > a {
      margin-bottom: 0;
   }
   
   .panel-email .col-sm-3 {
      display: none;
   }
}

@media screen and (max-width: 640px) {

   .notfoundpanel {
      width: auto;
      padding: 0 20px;
   }
   
   .notfoundpanel h1 {
      font-size: 72px;
      line-height: 72px;
   }
   
   .notfoundpanel h3 {
      font-size: 14px;
      line-height: normal;
   }
   
   .notfound h4 {
      font-size: 12px;
      line-height: 18px;
   }
   
   .notfoundpanel form {
      width: auto;
   }
   
   .notfoundpanel .form-control {
      float: none;
      width: 100%;
   }
   
   .notfoundpanel .btn {
      margin-top: 10px;
      width: 100%;
   }
   
   .signinpanel,
   .signuppanel {
      margin: 0 auto;
      width: 480px;
      padding: 20px;
   }
   
   .signinpanel form {
      margin-top: 20px;
   }
   
   .signup-footer {
      margin-bottom: 10px;
   }
   
   .signuppanel .form-control {
      margin-bottom: 10px;
   }
   
   .signup-footer .pull-left,
   .signup-footer .pull-right {
      float: none !important;
      text-align: center;
   }
   
   .widget-quick-status-post .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
      margin-bottom: -5px;
   }
   
   .widget-quick-status-post .nav-tabs.nav-justified > li a {
      margin: 0;
   }
   
   .nav-tabs.nav-justified.nav-profile > li {
      float: none;
      margin-bottom: 0;
      display: table-cell;
      width: 1%;
   }
   
   .nav-tabs.nav-justified.nav-profile > li a {
      margin: 0;
      -moz-border-radius: 3px 3px 0 0;
      -webkit-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      
   }
   
   .dataTables_info {
      float: none !important;
      text-align: center;
      margin-bottom: 10px;
   }
   
   .dataTables_paginate {
      margin-bottom: 10px;
      text-align: center !important;
      float: none !important;
   }
   
   .paginate_disabled_previous,
   .paginate_enabled_previous,
   .paginate_disabled_next,
   .paginate_enabled_next {
      float: none !important;
   }
   
   .dataTables_filter,
   .dataTables_length {
      float: none !important;
      padding: 10px 0 0 10px;
      margin: auto !important;
      display: inline-block;
   }
   
   .table.dataTable th,
   .table.dataTable td {
      font-size: 13px;
      min-width: 150px;
   }
   
   .paging_full_numbers {
      min-width: 500px;
      margin: 0 0 10px 0px;
   }
   
   .paging_full_numbers:after {
      clear: both;
      display: block;
      content: '';
   }

}

@media screen and (max-width: 480px) {
   
   .signinpanel,
   .signuppanel {
      width: 360px;
   }
   
   .panel-email .pull-right {
      float: none !important;
   }
   
   .pageheader h2 {
      font-size: 18px;
   }
   
   .pageheader .glyphicon,
   .pageheader .fa {
      font-size: 18px;
   }
   
   .pageheader h2 span {
      font-size: 11px;
   }
   
   .fc-header td {
      display: block !important;
      text-align: center;
      width: 100%;
      border: 1px solid #eee;
      padding: 10px !important;
      margin-top: -1px;
   }
   
   .fc-button {
      padding: 2px 5px !important;
      margin: 0 !important;
   }
   
   .fc-header-title h2 {
      margin: 0 !important;
   }
   
   .filemanager-options li {
      padding: 5px 7px;
   }
   
   .filemanager-options .filter-type {
      display: block;
      float: none;
      border-top: 1px solid #eee;
   }
   
   .comment-list .media-object {
      width: 30px;
      padding: 2px;
   }
   
   .comment-list .media > .pull-left {
      margin: 0;
   }
   
   .comment-list h4 {
      font-size: 13px;
   }
   
   .comment-list .reply {
      font-size: 10px;
      padding: 2px 5px;
   }
   
   .comment-list .media-body {
      font-size: 12px;
      line-height: 18px;
   }
   
   .blog-content form {
      margin-bottom: 20px;
   }
   
   .letter-list {
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
   }
   
   .letter-list::after {
      clear: both;
      display: block;
      content: '';
   }
   
   .letter-list li {
      float: left;
      width: auto;
      display: inline-block;
   }
   
   .letter-list li a {
      display: block;
      padding: 2px 5px;
   }
   
   .btn-invoice:before {
      display: block;
      content: '';
      clear: both;
   }
   
   .btn-invoice .btn {
      display: block;
      width: 100%;
      margin-top: 10px;
   }
   
   .nav-tabs.nav-justified.nav-profile > li a {
      font-size: 13px;
      padding: 14px 10px;
   }
   
   #bloglist > div {
      padding: 0;
      margin: 0;
      float: none;
      width: auto;
   }
   
}

/* 導覽Nav -------------------------------------------*/
.nav_bar{border-top:3px solid #4ab348;}
.accordion{font: bold 14px Arial, sans-serif, 微軟正黑體; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; ;}
.accordion, .accordion li {margin: 0; padding: 0; border: none;}
.accordion a {padding: 12px 10px 12px 15px; background: #F1F1F1; text-decoration:none; display: block; color: #333; font-size:15px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; position: relative; text-shadow: 0px 1px 0px #fff;}
.accordion a:hover{text-decoration:none !important;}
.accordion li.dcjq-li a{ padding:8px 10px 8px 25px; font-size:13px; color:#555;}
.accordion li.dcjq-li a:hover{ color:#4ab348; text-decoration:none !important;}
.accordion a.dcjq-parent, .accordion a.dcjq-parent:hover {background: #D7D4D4 url(../images/bg_grey.png) repeat-x 0 -1px;}
.accordion li.dcjq-li a.dcjq-parent{ padding-left:25px; background:#E4E4E4;}
.accordion li.dcjq-li a.dcjq-parent .dcjq-icon{ background:none;}
.accordion li.dcjq-li li a{ font-size:13px; padding: 8px 0 8px 35px; background-color:#FCFCFC;}
.accordion a .dcjq-icon {position: absolute; top: 50%; right:5px; width:20px; margin-top: -17px; height: 34px; background: url(../images/arrow_grey_right.png) no-repeat 0 center;}
.accordion a.dcjq-parent.active .dcjq-icon {background: url(../images/arrow_grey_down.png) no-repeat 0 center;}
.accordion a:hover {background: #fff; color: #4ab348;}

/* 電子發票 -------------------------------------------*/
.contentpanel h2{ font-size:18px; margin-top:10px;}
.contentpanel p{ color:#000; font-size:13px;}
.table tr td .question-sign, .table tr th .question-sign, .question-sign{ background-image:url(../images/quest.png); background-position:0 0px; width:20px; height:17px; display:inline-block; margin-left:1px; cursor:pointer; vertical-align: -2px; text-align: left; line-height: 1.4;}
.qs-ic2 {background-image:url(../images/quest2.svg); height:20px; vertical-align: -4px;}
.dataTables_info {clear: both;float: left;}
.dataTables_paginate {float: right;text-align: right;}
.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: #3276b1;color: #555; text-decoration:none;}
.paging_full_numbers a.paginate_button:hover {text-decoration: none !important;background-color: #E4E7EA;}
.details{ height:100px; overflow-y: scroll;}
.det p{ font-size:14px;}
.det p span, .det p span.title, .det p span.numbrs, .det p span.title_op{ display:inline-block; }
.det p span, .det p span.title{width:8%;}
.det p span.numbrs{width:4%;}
.det p span.title_op{width:12%;}
.det p span{text-align:center;}
table .prod{ text-align:left;}
table .prod a.btn{ height:20px;line-height:11px; margin-top:10px;}
table .prod .prod_box{ top: -33px; right:44px;}
.prod .prod_box .input_arrow_b{ background:url(../images/input_arrow_down.png) -20px -4px no-repeat; width:12px; height:20px; top:13px; left:20px;}
.prod .prod_box .input_info{ text-indent:0;}
.ht_m td{height:30px; padding:0 10px;}
.business{ left:102px;}
@media screen and (max-width: 1280px){
  .ht_m td{padding:0 5px;}
  .det p span, .det p span.title{ width:15%; display:inline-block; }
  .det p span.numbrs{ width:6%; display:inline-block; }
  .det p span{text-align:center; }
  .det p span.title_op{ width:12%; display:inline-block; }
}


/* 提示與錯誤訊息 */
.number .input_arrow_b{ background:url(../images/input_arrow_down.png) -20px -4px no-repeat; width:12px; height:20px; top:12px; left:32px;}
.input_box, .alert-box {position: relative;float: right;right: 100px;}
.input_info, .input_error {position: absolute;width: 220px;padding: 5px 5px 6px 25px; z-index:90;}
.alert-box .input_error {width:180px;} 
.input_error{ font-size: 13px; }
.input_info {background: url(../images/icon_info.png) 2px 4px no-repeat #FFF;border: 1px solid #227BBB;color: #227BBB; font-size:13px; text-align:left;}
.input_error, .error_box {background: url(../images/icon_error.png) 2px 5px no-repeat #FFF;border: 1px solid #A40000;color: #A40000;}
.input_arrow_b {position: absolute;top: -1px;left: -5px;width: 5px;height: 30px;background: url(../images/input_arrow.png) 0 0 no-repeat;}
.input_arrow_r {position: absolute;top: -1px;left: -5px;width: 5px;height: 30px;background: url(../images/input_arrow.png) 0 -30px no-repeat;}
.right70{ right:-135px;}
.input_arrow_up {position: absolute;top: -4px;left: 40px;width: 10px;height: 5px;background: url(../images/input_arrow_up.png) 0px -9px no-repeat;}
.company .input_box,
.alert-box {right:180px;}
.alert-box { top:2px; font-size:12px;}
.order .input_box {right: 105px;}
.pop_info tr td input{ float:left;}
.pop_info .input_box{ float:left; right:0; left:20px;} 
.error{ border: 1px solid #A40000;}
p.error_box{ width: 200px;padding: 5px 5px 5px 25px; color:#A40000 !important;}
.pay .input_box{left:380px;} 
.pay_1 .input_box{left:540px;} 
a.icon_file{ background:url(../images/icon_file.png) 0px 1px no-repeat; width:35px; height:35px; text-indent:-9999px; display: inline-block; float:left;}

/* 箭頭在左上 */
.bitch{position: relative; margin-left:25px;}
.bitch .input_info:after, .bitch .input_info:before, .bitch .input_error:after, .bitch .input_error:before {
  position: absolute;pointer-events: none; width: 0;height: 0; bottom: 100%;left: 20%;border: solid transparent; content: " ";}
.bitch .input_info:after {margin-left: -5px; border-bottom-color: #FFFFFF; border-width: 5px;}
.bitch .input_info:before {margin-left: -6px; border-bottom-color: #227BBB; border-width: 6px;}
.bitch .input_error:after {margin-left: -5px; border-bottom-color: #FFFFFF; border-width: 5px;}
.bitch .input_error:before {margin-left: -6px; border-bottom-color: #a40000; border-width: 6px;}

/* 箭頭在右上 */
.bitch_rt{position: relative; margin-left:-250px;}
.bitch_rt .input_info:after, .bitch_rt .input_info:before, .bitch_rt .input_error:after, .bitch_rt .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  bottom: 100%;
  left: 90%;
  border: solid transparent;
  content: " ";
}
.bitch_rt .input_info:after {margin-left: -5px; border-bottom-color: #FFFFFF; border-width: 5px;}
.bitch_rt .input_info:before {margin-left: -6px; border-bottom-color: #227BBB; border-width: 6px;}
.bitch_rt .input_error:after {margin-left: -5px; border-bottom-color: #FFFFFF; border-width: 5px;}
.bitch_rt .input_error:before {margin-left: -6px; border-bottom-color: #a40000; border-width: 6px;}

/* 箭頭在左 */
.bitch_l{position: relative; float:left; margin-left:20px;}
.bitch_l .input_info:after, .bitch_l .input_info:before, .bitch_l .input_error:after, .bitch_l .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: 50%;
  right: 100%;
  border: solid transparent;
  content: " ";
}
.bitch_l .input_info:after {margin-top: -5px; border-right-color: #FFFFFF; border-width: 5px;}
.bitch_l .input_info:before {margin-top: -6px; border-right-color: #227BBB; border-width: 6px;}
.bitch_l .input_error:after {margin-top: -5px; border-right-color: #FFFFFF; border-width: 5px;}
.bitch_l .input_error:before {margin-top: -6px; border-right-color: #a40000; border-width: 6px;}

/* 箭頭在左-1 */
.bitch_ll{float:left; margin-left:20px;}
.bitch_ll .input_info:after, .bitch_ll .input_info:before, .bitch_ll .input_error:after, .bitch_ll .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: 50%;
  right: 100%;
  border: solid transparent;
  content: " ";
}
.bitch_ll .input_info:after {margin-top: -5px; border-right-color: #FFFFFF; border-width: 5px;}
.bitch_ll .input_info:before {margin-top: -6px; border-right-color: #227BBB; border-width: 6px;}
.bitch_ll .input_error:after {margin-top: -5px; border-right-color: #FFFFFF; border-width: 5px;}
.bitch_ll .input_error:before {margin-top: -6px; border-right-color: #a40000; border-width: 6px;}


/* 箭頭在右下 */
.bitch_b{position: relative; margin-left:-94px; top: -76px;}
.bitch_b .input_info:after, .bitch_b .input_info:before, .bitch_b .input_error:after, .bitch_b .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: 100%;
  left: 80%;
  border: solid transparent;
  content: " ";
}
.bitch_b .input_info:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_b .input_info:before {margin-left: -6px; border-top-color: #227BBB; border-width: 6px;}
.bitch_b .input_error:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_b .input_error:before {margin-left: -6px; border-top-color: #a40000; border-width: 6px;}

/* 箭頭在左下 */
.bitch_bl{position: relative; margin-left:20px; top: -74px;}
.bitch_bl .input_info:after, .bitch_bl .input_info:before, .bitch_bl .input_error:after, .bitch_bl .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
}
.bitch_bl .input_info:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bl .input_info:before {margin-left: -6px; border-top-color: #227BBB; border-width: 6px;}
.bitch_bl .input_error:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bl .input_error:before {margin-left: -6px; border-top-color: #a40000; border-width: 6px;}

/* 箭頭在正中下 */
.bitch_bb{position: relative; margin-left:20px; top: -74px;}
.bitch_bb .input_info:after, .bitch_bb .input_info:before, .bitch_bb .input_error:after, .bitch_bb .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
}
.bitch_bb .input_info:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bb .input_info:before {margin-left: -6px; border-top-color: #4ab348; border-width: 6px;}
.bitch_bb .input_error:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bb .input_error:before {margin-left: -6px; border-top-color: #a40000; border-width: 6px;}
.bitch_cc .input_info:after {margin-left: -39px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_cc .input_info:before {margin-left: -40px; border-top-color: #4ab348; border-width: 6px;}
/* 多螢幕箭頭在左下 */
.bitch_bla{position: relative; margin-left:20px; top: -76px;}
.bitch_bla .input_info:after, .bitch_bla .input_info:before, .bitch_bla .input_error:after, .bitch_bla .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
}
.bitch_bla .input_info:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bla .input_info:before {margin-left: -6px; border-top-color: #4ab348; border-width: 6px;}
.bitch_bla .input_error:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bla .input_error:before {margin-left: -6px; border-top-color: #a40000; border-width: 6px;}


/* 提示與錯誤訊息更新版
----------------------------------------------------------------------------- */

/* 提示 */
.tip_box, .warring, .tip_box_bc, .tip_box_bc2, .tip_box_tc{
	position: absolute;
	padding: 5px 5px 5px 27px;
	z-index: 100;
   font-weight: normal;
   font-size: 13px;
}
.tip_box{
	background:url(../images/icon_info.png) 5px 6px no-repeat #fff ;
	border: 1px solid #4ab348 !important;
	color: #4ab348;
}
.tip_box:after, .tip_box:before, .warring:after, .warring:before{
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.warring:after, .warring:before{
	top: 14px;
}

.tip_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px;
}
.tip_box:before {
	border-color: rgba(34, 123, 187, 0);
	border-right-color: #4ab348;
	border-width: 6px;
	margin-top: -6px;
}

/* 提示(箭頭在下) */
.tip_box_bc {
	background:url(../images/icon_info.png) 5px 6px no-repeat #fff ;
	color: #4ab348;
	border: 1px solid #4ab348;
}
.tip_box_bc:after, .tip_box_bc:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tip_box_bc:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.tip_box_bc:before {
	border-color: rgba(34, 123, 187, 0);
	border-top-color: #4ab348;
	border-width: 6px;
	margin-left: -6px;
}
/* 提示(箭頭在中上) */
.tip_box_tc {
	background:url(../images/icon_info.png) 5px 6px no-repeat #fff ;
	color: #4ab348;
	border: 1px solid #4ab348;
}
.tip_box_tc:after, .tip_box_tc:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.tip_box_tc1:after, .tip_box_tc1:before{left: 65% !important;}
.tip_box_tc2:after, .tip_box_tc2:before{left: 35% !important;}
.tip_box_tc3:after, .tip_box_tc3:before{left: 86% !important;}
.tip_box_tc4:after, .tip_box_tc4:before{left: 93% !important;}
.tip_box_tc:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.tip_box_tc:before {
	border-color: rgba(34, 123, 187, 0);
	border-bottom-color: #4ab348;
	border-width: 6px;
	margin-left: -6px;
}


/* 錯誤 */
.warring{
	background:url(../images/icon_error.png) 5px 5px no-repeat #fff ;
	border: 1px solid #C00 !important;
	color: #c00;
   line-height: 1.4;
	border: 1px solid #4ab348;
}
.warring:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 5px;
	margin-top: -5px;
}
.warring:before {
	border-color: rgba(34, 123, 187, 0);
	border-right-color: #c00;
	border-width: 6px;
	margin-top: -6px;
}

@media screen and (max-width: 1280px) {
.bitch_bla{position: relative; margin-left:-94px; top: -76px;}
.bitch_bla .input_info:after, .bitch_bla .input_info:before, .bitch_bla .input_error:after, .bitch_bla .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: 100%;
  left: 80%;
  border: solid transparent;
  content: " ";
}
.bitch_bla .input_info:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bla .input_info:before {margin-left: -6px; border-top-color: #4ab348; border-width: 6px;}
.bitch_bla .input_error:after {margin-left: -5px; border-top-color: #FFFFFF; border-width: 5px;}
.bitch_bla .input_error:before {margin-left: -6px; border-top-color: #a40000; border-width: 6px;}
}

.position01{right:-12px;}
.position02{right:-22px;}
.n_position005{left:0px; top:-50px;}
.position_r10t10{right:10px; top:10px;}

/* 跳出視窗
======================================================================================= */
.box{ padding:1em 1.5em;}
/*.dialog-Box {position: absolute;right: 10%; width:60%;top: 100px;z-index: 1200;}*/
.dialog-Box, .order-ship {position: absolute; right: 50%; top: 100px;z-index: 1200;}
.dialog-Box {width:60%;}
.panel-heading h1{ color:#00783C; padding-left:5px; font-size:18px; text-align: center;}
.panel-heading h3{ color:#267252; padding-left:5px;}
.panel-heading h3 span{ color:#555; margin-left:10px; font-size:0.9em;}
.panel-heading h4{  padding-left:5px; font-size:16px; text-align: center; line-height: 18px; margin-top: 20px; }
.panel-heading h5{color:#555; padding-left:5px; }
.panel-heading h3.pop_head, .heading h3.pop_head { background-color:#68A54B; font-size:16px; color:#FFF; padding:10px 8px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}
.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:5px; top: 10px; z-index:200;}
.popbox { position:relative;margin-left: 50%; padding:1em;width: 100%;background-color: white;border: 1px solid #d7d7d7;-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 p{ font-size:14px;}
.dialog-overlay {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: #333;opacity: 0.9;z-index: 200;}
.invalid { width:40%;}
.invalid ul{ margin-bottom:0;}
.invalid ul li{ font-size:15px;color:#D9534F; line-height:18px;}
.close_btn2 {position: absolute;top:34px;right:34px;}
.turn-box h4 {font-size: 20px; font-weight:bold; margin-bottom: 10px;padding-top: 20px;}
.turn tr>th.ecpay {padding: 5px 3px;background-color: #267252;color: #FFF;border-right: #7EB3D8 solid 1px;}
.ecpay, .ecpay-color, .popbox h2.ecpay, a.ecpay:hover {color: #267252;}
.turn-ecpay th:first-child {border-left: 1px solid #267252;}
.turn-ecpay th:last-child {border-right: 1px solid #267252;}
.ins table.turn-ecpay tr>th {background-color: #267252; border-top: 1px solid #267252; text-align:center; color:#FFF; font-size:16px; line-height:28px;}
.ins table.turn-ecpay td { font-size:16px; line-height:28px;}
.turn-ecpay td:first-of-type {border-left: #ccc solid 1px; background-color: #E6FDEA; color: #267252;}
h3.ecpay {font-size: 20px;font-weight: bold; text-shadow:none;color: #FFF;background-color: #267252;padding: 10px 15px;border-top-left-radius: 3px;border-top-right-radius: 3px; margin:0;}
.gw-term > h3 {font-size: 18px;color: #267252;margin-bottom: 10px;font-weight: bold;padding-top: 10px;}
.ecpay-btn {
    background: #40bd87;
    background-image: -webkit-linear-gradient(top, #40bd87, #267252);
    background-image: -moz-linear-gradient(top, #40bd87, #267252);
    background-image: -ms-linear-gradient(top, #40bd87, #267252);
    background-image: -o-linear-gradient(top, #40bd87, #267252);
    background-image: linear-gradient(to bottom, #40bd87, #267252);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    border: solid #26633b 1px;
    text-decoration: none;
	color:#FFF;
}
p.check {text-indent: -29px;text-align: justify; margin:0 0 0 29px; padding-bottom:20px;}
.turn-box p.check_stuff {font-size: 14px!important; margin-bottom: 0;}
.text-small { font-size:12px;}
.plb-wrap {
   padding: 15px 25px;
   background: #F5F5F5;
}
.plb-box:last-child {
   margin-bottom: 25px;
}
.plb-box + .plb-box {
   border-top: 1px solid #DDD;
}
.plb-box.pbb-act .pbb-title:after {
   transform: rotate(135deg);
   top: calc(50% - 10px);
}
.plb-box:last-child.pbb-act {
   border-bottom: 5px solid  #C6C6C6;
}
.plb-box.pbb-act .pbb-content {
   display: block;
}
.pbb-title {
   color: #FFF;
   font-weight: bold;
   font-size: 18px;
   line-height: 1.5;
   padding: 10px 20px;
   background: #4E7B39;
   position: relative;
   cursor: pointer;
}
.pbb-title:after {
   content: "";
   display: block;
   width: 15px;
   height: 15px;
   border: 2px solid #FFF;
   border-left: none;
   border-bottom: none;
   transform: rotate(45deg);
   position:  absolute;
   right: 20px;
   top: calc(50% - 6px);
}
.pbb-content {
   padding: 15px 25px;
   background: #F5F5F5;
   display: none;
}

.dlb-scroll-box {
   width: 100%;
   height: 550px;
   overflow-y: auto;
}
.dlb-width {
   width: 800px;
}



/*--靈活分期 跳窗--*/
.ogi-process-box {
   width: 100%;
   margin-top: 30px;
}
.ogi-process-box .oip-title {
   width: 100%;
   font-size: 14px;
   color: #333;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 15px;
   padding: 0 15px;
}
.ogi-process-box .oip-title:before {
   content: '';
   display: block;
   height: 20px;
   width: 4px;
   background: #6fad51;
   margin-right: 8px;
}
.oip-process {
   width: 100%;
   padding: 0 45px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.oip-process .oip-box {
   width: 130px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
}
.oip-process .opb-ic {
   width: 100px;
   margin-bottom: 8px;
}
.oip-process .opb-ic img {
   width: 100%;
}
.oip-process .opb-txt {
   width: 100%;
   font-size: 13px;
   line-height: 1.4;
   text-align: center;
}
.oip-process .oip-arrow {
   width: 32px;
   height: 32px;
   margin: 34px 40px 0;
   background: url('../images/if_arrow_full_up.svg') center center / contain no-repeat;
}
/*----*/





/*-------- 捐贈發票設定 ------*/
.invoice_donate_setting h5 {
  font-size: 16px;
}
.invoice_donate_setting .list-box {
  margin-bottom: 15px;
}
.invoice_donate_setting .list-box .text_red {
  color: #E60012;
}
.invoice_donate_setting .item {
  font-size: 15px;
  margin: 0;
}
.invoice_donate_setting .explanation {
  color: #666;
  font-size: 14px;
  margin: 0;
  padding-left: 32px;
}

/*--------法令宣導------*/
.heading p{ text-align:left;}
.term {width:100%;height:200px;overflow-x:hidden;padding:5px;}
.term p { margin:0 0 5px;}
.term ol,.term ul  { padding-left:30px;}
.term li { padding-right:5px;}

.term ul li {list-style:outside disc !important;}
.term h4 { margin:0; padding:5px 0 5px;font-size:15px;text-align:left;color:#4ab348;}

.term2 {width:100%;height:300px;overflow-x:hidden;padding:5px;}
.term2 p { margin:0 0 5px;}
.term2 h4 { margin:0; padding:5px 0 5px;font-size:15px;text-align:left;color:#4ab348;}

/* email
======================================================================================= */
a.blue_bg{ background-color:#eead4e; color:#FFF !important; border:1px solid #eea236 !important;}
a.blue_bg:hover{ background-color:#ed9c28; border-color: #d58512;}
.cke_toolbar p{ font-size:13px; margin-bottom:5px; display:block;}
.cke_reset_all .form-control{-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;padding: 8px 5px;height: auto;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;font-size: 13px; border:1px solid #ccc; background-color:#FFF; display:inline-block;}

/* print-invoice
======================================================================================= */
.invoiceContainer{font-family: "Times New Roman", Times, serif;}
.invoiceContainer .invoice_inner{ width:5.7cm;}
.invoiceContainer .invoice_inner .invoice{ width:5.7cm; height:9cm;text-align:center;border:1px solid #CCC; padding:5px; }
.invoice h1{font-size:20px; line-height:24px;font-weight:bold; margin:0;}
.invoice h2{ font-size:29px; font-weight:bold; letter-spacing:-1px; margin:5px 0;}
.invoice h3{ font-size:32px; margin:0; line-height:35px; font-weight:bold;}
.invoice ul, .invoice_details ul { margin:0; overflow:hidden;}
.invoice ul li, .invoice_details ul li{color:#333; margin:0 0 3px 0!important; line-height:18px; font-size:14px;overflow:hidden;list-style:none !important; width:100%; text-align:left;}
.invoice li span.left, .invoice_details ul li span.left{ float:left;}
.invoice li span.right, .invoice_details ul li span.right{ float:right; text-align:right;}
.invoice .QRCode img{ margin:3px 5px;}
.invoiceContainer .invoice_inner .invoice_details{ width:5.7cm;border:1px solid #CCC; border-top:none; padding:10px; text-align:center;}
.invoice_details h2{ margin:0;font-size:22px; font-weight:bold; margin:5px 0 10px 0; }
.invoice_details ul{ border-bottom:1px dashed #333; margin-bottom:10px;}
.invoice_details .table{ border:none; border-bottom:1px dashed #333; margin-bottom:5px;}
.invoice_details .table tr td, .invoice_details .table tr th{ border:none; font-size:12px; padding:0; text-align:left; padding:3px;}
.invoice_details .table tr th{ text-align:center;}
.invoice_details h4{ text-align:left; margin:0; font-size:14px; font-weight:bold;}
.record ul{ margin-top:20px; margin-left:25px;}
.record ul li{ color:#555; list-style: outside disc; line-height:22px;}

/* Login登入
======================================================================================= */
#organic-tabs { background: #FFF; margin: 0; -moz-box-shadow: 0 0 5px #666; -webkit-box-shadow: 0 0 5px #666; }
ul#explore-nav { overflow: hidden; margin: 0; padding:0; }
ul#explore-nav li { width: 25%; float: left;}
ul#explore-nav li a { display: block; padding: 5px; background-color:#F1F1F1; color: #94989d; font-size: 16px; text-align: center; padding:20px 10px;border-bottom:1px solid #CCC; border-right:1px solid #CCC; background-image:url(../images/tab1.png); }
#explore-nav li a:hover {color:#333; text-decoration:none; }
#jquerytuts, #core, #classics { display: none; }
#explore-nav li#ex-featured a.current, ul#featured li a:hover { background-color:#4ab348; color: white; background-image:url(../images/tab1.png); background-position:0 0; background-repeat:no-repeat;}
#explore-nav li#ex-core a.current, ul#core li a:hover { background-color: #d30000; color: white; }
#explore-nav li#ex-jquery a.current, ul#jquerytuts li a:hover { background-color: #8d01b0; color: white; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { background-color: #FE4902; color: white; }
#all-list-wrap{ padding:5%; height:420px !important;}
#all-list-wrap #featured{ padding-top:50px;}
.list_inner{ width:65%; margin:0 auto;}

/* Logistic
======================================================================================= */
.note{ margin-top:1em;}
.note1{ border:1px solid #CCC; background:#EFFFFD; padding:10px 10px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;}
.note2{ border:1px solid #CCC; background:#EFFFFD; padding:20px;
	-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;}
.check_all{margin:0 auto !important; padding:0 !important; overflow:hidden;}
.check_all tr td{ border-top:none !important; border-left:none !important; border-bottom:none !important;  padding:0 !important;}
.check_all { border:none !important;}
.pager p{ font-size:14px;}
.pager p span{ color:#333; margin:0 10px;}
.pager p span label{ color:#d2322d; margin-left:10px;}
.img-sample img{width:100%;}
.warn{padding:0 !important; border:none !important;}

/* 帳號管理
======================================================================================= */
.cube{width:56%;min-width:300px; margin:0 auto;}
.cube_s{width:40%;min-width:300px; margin:0 auto;}
.extend{max-width:80%; min-width:250px;}
.extend2{max-width:330px; min-width:200px;}
.space_extend2{margin:5px 0 5px 124px;}
.check_m{width:16px !important; height:16px !important; margin:2px 10px 0 !important;}

/* 權限編輯
======================================================================================= */
.admtable{background-color:#fff;}
.admtable td, .admtable th{height:32px;} 
.admtable td{font-size:14px;}
.bdb td{border-collapse:collapse; border-left:#efefef 1px solid; border-bottom:#efefef 1px solid;}
.bdb td:first-child{border-left:none;}
.admtable td.ntitle{ border-collapse:collapse; border-bottom:#efefef 1px solid; background-color:#d9edf7; font-size:16px; font-weight:bold; color:#069; padding:7px;}

/* 密碼設定
======================================================================================= */
.bars{padding: 8px 5px;}
.pinp{position: relative; float:left; margin-left:20px;}
.pinp input_info{}
.width230{width:230px;}
.width260{width:260px;}
.width260{width:260px;}

/* 履約保證
======================================================================================= */
.small_font td{font-size:12px !important;}
.mid_font td{font-size:13px !important;}
.d_fail td{background-color:#efefef !important;}
.unbreak{ white-space:nowrap;}
.disunbreak{ white-space:normal !important;}
.wipay{width:150px;}
@media screen and (max-width: 1280px) {.wi32{width:44%;} .wipay{width:128px;} .wi30{ width:30%;}}

/* 首頁
======================================================================================= */
i {display: inline-block;width: 75px;height: 25px;background-image: url(../images/company/newslist_icon.png);background-repeat:no-repeat;}
.i-system {background-position: 0 0;}
.i-announce {background-position: 0 -25px;}
.i-bank {background-position: 0 -50px;}
.i-news {background-position: 0 -75px;}
.i-step01{background-position: 0 -125px;}
.i-step02{background-position: 0 -150px;}
.i-step03{background-position: 0 -175px;}
.wid100{width:100px;}
.position{top:-35px; left:80%;}
.position2 {position: absolute !important; top: -5px; left:80%;}
@media screen and (max-width: 1024px) {
.wid100{width:auto;}
.bitch_l{position: relative; float:left; margin-left:20px;}
.bitch_l .input_info:after, .bitch_l .input_info:before, .bitch_l .input_error:after, .bitch_l .input_error:before {
  position: absolute;
  pointer-events: none;
  width: 0;
  height: 0;
  top: auto;
  right: auto;
  bottom: 100%;
  left: 20%;
  border: solid transparent;
  content: " ";
}
.bitch_l .input_info:after {margin-left: -5px; border-bottom-color: #FFFFFF; border-width: 5px;}
.bitch_l .input_info:before {margin-left: -6px; border-bottom-color: #4ab348; border-width: 6px;}
.bitch_l .input_error:after {margin-left: -5px; border-bottom-color: #FFFFFF; border-width: 5px;}
.bitch_l .input_error:before {margin-left: -6px; border-bottom-color: #a40000; border-width: 6px;}
.position {top:0; left:10%;}
.position2 {top:calc(100% + 10px); left: 0;}
.mspace{margin-bottom:5px;}
}

/* 捐款訂單查詢
======================================================================================= */
.outbreak{table-layout:fixed; word-break:break-all;}

/* 廠商專區
======================================================================================= */
i {display: inline-block;width: 75px;height: 25px;background-image: url(../images/company/newslist_icon.png);background-repeat:no-repeat;}
.i-system {background-position: 0 0;}
.i-announce {background-position: 0 -25px;}
.i-bank {background-position: 0 -50px;}
.i-news {background-position: 0 -75px;}
.i-imptnt{background-position: 0 -100px;}
.icon_next{width:10px !important; height:12px !important; background: url(../images/form_stuff.png) -170px -12px; margin: -5px 0 0 5px;}
.icons_warn, .icons_checked, .icons_failed{ vertical-align: middle; width:20px; height:20px; background: url(../images/form_stuff.png);}
.icons_warn{background-position:160px 60px ;}
.icons_checked{background-position:140px 60px ;}
.icons_failed{background-position:200px 60px ;}
.news-detail h5 {margin-left:15px;}
.news-detail ul {margin-top:20px; margin-left:25px;}
.news-detail ul li {color:#555; list-style: none; line-height:22px;}
.news-detail ul li span {font-weight: bold;font-size: 13px;}
.news-detail table {width:95%; margin:25px auto;}
.total {background: #2E77CC;font-weight: bold;color: #fff;}
.email-edit{ position:relative;}
.email-edit a{ display:inline-block;background:url(../images/quest.png) no-repeat 90px 0; padding-right:30px;}
.new_positions{ position:absolute; right:20px;}
.new_positions2{ position:absolute; right:0px;}
.check_ex, .check_ex2{width:22%;}
@media screen and (max-width: 1280px) {
	.check_ex, .check_ex2{width:45%;}
}
.outrage td input[type=checkbox]{width:auto !important;}
.pos_n01{right:-120px; top:7px;}
.pos_n02{right:-120px; top:-16px;}
.pos_n03{left:30px; top:-22px;}
.pos_n04{right:-140px; bottom:28px;}
.pos_n05{right:-175px; bottom:28px;}
.pos_n06{right:-140px; bottom:28px;}
.pos_n07{right:-210px; bottom:-30px;}
.break_in{list-style-position:inside}


/* 自動提領設定
======================================================================================= */
.locate01{margin-left:230px; top: -56px;}
.locate02{margin-left:230px; top: -56px;}
.csv_box{ display:inline-block; border:1px solid #CCC; padding:10px 50px 10px 10px; position:relative;}
.csv_box .close-button{ position:absolute; right:5px; top:5px;}

/* 改版通知
======================================================================================= */
.list-detail h4 {margin-left:20px; font-size: 15px;}
.list-detail h3, h3.small_title {background-color: #5A8CBD;font-size: 16px;color: #fff;padding: 10px 0 10px 10px;}
.list-detail ul {margin: 20px 20px 40px 20px;}
.list-detail ul li {margin-top: 5px;}
.list-detail ul.nolist li {list-style: none;}
.list-detail ul li span {display: inline-block;padding: 0 9px;background: #555;color: #FFF;border-radius: 50%;font-size: 16px;text-align: center; margin-right: 10px;}
.list-detail ul li span.new {background: #fff;color: #D9534F;}
.list-detail ul li p { font-size:15px;}
.list-detail ul.nolist li img {margin: 20px 0; /*width: 94%;*/}

/* 特約商店申請專區
======================================================================================= */
.tab_stuff, .tab_stuff_2, .tab_stuff_3{width:100%; margin-left:0 !important; margin-bottom:20px !important; position:relative;}
.tab_stuff li{width:25%;}
.tab_stuff_2 li{width:15%;}
.tab_stuff_3 li{width:16.66%;}
.tab_stuff li a, .tab_stuff_2 li a, .tab_stuff_3 li a{
	width:98%; text-decoration:none; 
	color:#555; 
	background-color:#efefef; 
	font-size:15px;
	font-weight:bold;
	padding:10px 0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
   transition: .2s;
}
.tab_stuff li a.active, .tab_stuff li.active a, .tab_stuff li a:hover, .tab_stuff_3 li a.active, .tab_stuff_3 li.active a, .tab_stuff_3 li a:hover {color:#fff; background-color:#2B9038;}
.tab_stuff_2 li a.active, .tab_stuff_2 li.active a, .tab_stuff_2 li a:hover{color:#fff; background-color:#5bc0de;}
.tab_stuff.ts-mb {
   margin-bottom: 5px !important;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
}
hr.base_line{position:absolute; bottom:0; background-color:#2B9038;width:99.5%; height:2px; border:none; margin:0 !important;}

/* nav-bookmark */
.nav-bookmark li .tips-txt {
  display: none;
  position: absolute;
  right: 0;
  top: 5px;
}
.nav-bookmark li.active .tips-txt {
  display: inline-block;
}
.tab_stuff.nav-bookmark {
  border-bottom: 2px solid #2B9038;
}
.tab_stuff_2.nav-bookmark {
  border-bottom: 2px solid #5bc0de;
}
.tab_stuff.nav-bookmark li,.tab_stuff_2.nav-bookmark li {
  padding-left: 0;
  text-indent: 0;
}
.tab_stuff.nav-bookmark li:first-child,.tab_stuff_2.nav-bookmark li:first-child {
  margin-right: 15px;
}
.tab_stuff.nav-bookmark li a,.tab_stuff_2.nav-bookmark li a {
  width: 100%;
}

/*上傳圖示*/
.upload_img {position: relative;width: 70px;
    height: 70px;
    font-size: 40px;
    line-height: 70px;
    background: #CCC;
    border: 1px solid #ccc;
    color: #666; cursor: pointer; z-index: 10; margin:5px 5px 5px 0;
    display: inline-block;
}
.upload_del {position: absolute;width: 16px;height: 16px;top: 3px;right: 3px;background: url(../images/upload_delete.png) -2px -2px no-repeat;z-index: 50;}
.upload_del:hover {background: url(../images/upload_delete.png) -2px -22px no-repeat;}
.upload_del a {display: block;width: 16px; height: 16px;}
.reletive{position:relative;}
.relative{position:relative;}
.w_auto{width:auto !important;}
.n_position001{right:-50px; top:8px;}
.n_position002{right:-50px; top:2px;}
.n_position003{right:-50px; top:0px;}
.n_position004{right:-50px; top:0px;}
.n_position005{left:30px; top:-50px;}
.n_position006{right:-50px; top:10px;}
.n_position007{right:-50px; top:5px;}
.n_position008{right:-50px; top:1px;}
.n_position009{right:20px; top:1px;}
.n_position010{left:170px; top:-18px;}
.n_position011{right:-50px; bottom:5px;}
.n_position012{right:-155px; bottom:30px;}
.n_position013{left:-120px; top:30px;}
.n_position014{left:-90px; top:30px;}
.n_position015{right:-100px; top:4px;}
.n_position016{right:-100px; top:1px;}
.n_position017{right:-100px; top:11px;}
.n_position018{right:-100px; top:18px;}
.n_position019{right:-100px; bottom:10px;}
.n_position020{right:-100px; top:30px;}
.n_position021{left: 215px; bottom:11px;}
.n_position022{right:-20px; top:8px;}
@media screen and (max-width: 1280px) {
   .n_position005{left:-30px; top:-50px;}
   .n_position001{right:-100px; top:8px;}
   .n_position006{right:-70px; top:10px;}
   .n_position007{right:-70px; top:5px;}
   .n_position008{right:-70px; top:1px;}
   .n_position011{right:-70px; bottom:5px;}
}

/* 跳出式視窗 */
.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;}
.subpage {position: relative;min-height: 450px;padding: 10px 0 40px 0;font-size: 14px;}

.window {
  position: fixed;
  width: 1000px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 300;
}
.window:before {
  display: inline-block;
  content: '';
  height: 100%;
  vertical-align: middle;
}
.window_wrap {position: relative;display:inline-block;padding:30px;background: #FFF;border: 1px solid #000;vertical-align: middle;}
.window_wrap h2, .window_wrap h3, .window_wrap p{ text-align: left; }
.window_wrap h3 {margin-bottom: 15px;font-size: 20px; color: #4ab348;}
.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;}
.hr_st {border: 1px solid #cbcbcb; margin:10px 0 20px;}
.window_wrap table{width: 100%;}
.tb_st tr {border: none;}
.tb_st td {border: none;  padding: 15px 0px; font-size: 20px;}
.tb_st td.smtd{padding:5px 0px; font-size: 14px;}
.tb_st td:first-child { width: 35%; }
.tb_st td:last-child { width: 45%; text-align: left;}
.tb_st .money_wb_st { color: #588c3f;padding-right: 10px; text-align: right;}
.tb_st dl{margin-bottom: 8px;}
.tb_st dt, .tb_st dd{display: inline-block; width:40%; font-size: 14px;}
.tb_st dt{text-align: left; font-weight: normal;}
.tb_st dd{text-align: right;}
.sp_position{right: -130px !important;}
.lightbox_pic p {margin-bottom:10px;}
.lightbox_pic img {width:100%;}
.close_btn {position:absolute;top:12px;right:10px;}
.close-button a{position: absolute; background-image:url(../images/close.jpg); background-repeat: no-repeat;background-position: center 0;width: 30px;height: 30px;right:5px; top: 10px; z-index:200;}
.overlay_natural ul li{ list-style:outside decimal; margin-left:30px;}
.overlay_natural ul li li{ list-style:none;margin-left:5px;}
.border_none { border:hidden !important;}
.table tbody>tr>td.questionnaire { text-indent:-15px;padding-left:25px;}
.setup-btn {display:block;margin-bottom: 0; text-align: center;vertical-align: middle;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding:4px 5px;font-size: 12px;border-radius: 4px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none; line-height: 25px;transition: all 0.2s ease-out 0s;}
.order-ship { width:45%;}
.b2c-term{width:100%;height:440px;overflow:auto;padding:5px;}
@media screen and (max-width:1600px) {
	.order-ship { width:55%;}
  }
@media screen and (max-width: 1280px) {
	.order-ship { width:60%;}
	}
@media screen and (max-width: 1024px) {
	.order-ship { width:72%;}
	}
.list-sty-disc li {list-style: disc; margin-left: 20px;}
.bg-info .list-sty-disc li {
  padding-left: 0px;
  text-indent: 0px;
  line-height: 1.4;
}

/* 提示(箭頭在下) */
.tip_box_bc2 {
	background:url(../images/icon_info.png) 5px 6px no-repeat #fff ;
	color: #4ab348;
	border: 1px solid #4ab348;
	font-size:13px;
}
.tip_box_bc2:after, .tip_box_bc2:before {
	top: 100%;
	left: 38.5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tip_box_bc2:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 5px;
	margin-left: -5px;
}
.tip_box_bc2:before {
	border-color: rgba(34, 123, 187, 0);
	border-top-color: #4ab348;
	border-width: 6px;
	margin-left: -6px;
}

/* 提示2 () */
.ti_box, .ti_box_r, .ti_box_l, .ti_box_b, .ti_box_r_max {
  position: absolute;
  line-height: 20px;
  padding: 0.5em;
  font-size: 13px;
  color: #555;
  text-shadow: 0 1px 0 #fff;
  text-align: left;
  background: #FEFFD3;
  border: 1px solid #FFCC00;
  z-index: 100;
}
.ti_box { width: 170px; top: 110px; left: 300px;}
.ti_box_r, .ti_box_r_max  { width: 170px; top: 110px; left: 300px;}
.ti_box_l {width: 210px;
  top: 110px;
  left:30px;
}
.ti_box_l {width: 210px;}

.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: #FFCC00;border-width: 6px;}

.ti_box_l:after, .ti_box_l:before {content: " ";position:absolute; pointer-events:none;width:0;height:0; border:solid transparent;}
.ti_box_l:after  {margin-left:-4px; top:8px; left:-6px; border-right-color:#FFFFFF; border-width:5px;}
.ti_box_l:before {margin-left:-6px; left:-6px; border-right-color:#FFCC00; border-width:6px;}

.ti_box_r:after, .ti_box_r:before { content:" "; position:absolute; pointer-events:none; width:0; height:0; bottom:100%; left:80%;border:solid transparent;}
.ti_box_r:after  { margin-left:-5px; border-bottom-color:#FFFFFF; border-width:5px;}
.ti_box_r:before { margin-left:-6px; border-bottom-color:#FFCC00; border-width:6px;}

.ti_box_r_max:after, .ti_box_r_max:before { content:" "; position:absolute; pointer-events:none; width:0; height:0; bottom:100%; left:96%;border:solid transparent;}
.ti_box_r_max:after  { margin-left:-5px; border-bottom-color:#FFFFFF; border-width:5px;}
.ti_box_r_max:before { margin-left:-6px; border-bottom-color:#FFCC00; border-width:6px;}

.ti_box_b:after,.ti_box_b:before {content: " ";position: absolute;pointer-events: none;width: 0;height: 0;top: 100%;left: 20%;border: solid transparent;}
.ti_box_b:after  {margin-left: -5px;border-top-color: #FFFFFF;border-width: 5px;}
.ti_box_b:before {margin-left: -6px;border-top-color: #FFCC00;border-width: 6px;}

/* 簡訊_題示 */
.info-box, .info-box2 {position: absolute; background: url(../images/icon_info.png) 2px 4px no-repeat #FFF; border: 1px solid #4ab348; color: #4ab348; font-size: 13px; text-align: left; padding: 5px 5px 5px 25px; z-index: 900; white-space: normal; left: -45px; top: -75px; font-style:normal;}
.info-box { width: 163px; height: 68px;}
.info-box2 { width: 163px; height: 94px;}
.info-box:before, .info-box:after, .info-box2:before, .info-box2:after {content: ' '; height: 0; width: 0; position: absolute; border: 5px solid transparent;}
.info-box:after { border-top-color: #FFF; top:66px; left:49px;}
.info-box:before { border-top-color: #4ab348; top:67px; left:49px;}
.info-box2:after { border-top-color: #FFF; top:92px; left:49px;}
.info-box2:before { border-top-color: #4ab348; top:93px; left:49px;}

.padding-tb { padding:20px 8px !important;}
/*.mb15>li { font-size:13px !important;}*/

.tableB {
  background: #FFF;
  border: none;}
.tableB tr .th {
  color: #333;
  background-color: #E5F7D9;
  text-align: center;
}

.tb_g{ background: #588C3F !important; }
.tb_g span {color: #fff !important;}

.tb_tc{ text-align: center!important; }

.margin_r20{ margin-right: 20px; }

.tableB>thead>tr>th, .tableB>tbody>tr>th, .tableB>tfoot>tr>th, .tableB>thead>tr>td, .tableB>tbody>tr>td, .tableB>tfoot>tr>td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.tableB thead > tr > th, .tableB tbody > tr > th, .tableB tfoot > tr > th, .tableB thead > tr > td, .tableB tbody > tr > td, .tableB tfoot > tr > td {
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 10px 8px;
  font-size: 14px;
  color: #555;
}
.tableB tr:nth-child(2n) td { padding: 10px 8px 20px; border:none;}

/* 操作手冊與技術文件
======================================================================================= */
.download{ border-radius:5px; text-decoration:none !important; background-color:#eee; line-height:24px; color:#4ab348;}
.download:hover{background-color:#dadada;}
.nostyle { margin-bottom:0 !important;}
.nostyle>li { list-style:none !important;}
.booox {margin:0 0 10px 20px; padding:10px; background:#F3F3F3; border-radius:5px;}
.note-box {position: absolute; width:300px; background: url(../images/icon_info.png) 3px 7px no-repeat #FFF; border: 1px solid #227bbb; color: #227bbb; font-size: 13px; text-align: left; padding: 5px 5px 5px 25px; z-index: 900; white-space: normal; left:35px; top:-10px; font-style:normal;}
.note-box:before, .note-box:after {content: ' '; height: 0; width: 0; position: absolute; border: 7px solid transparent;}
.note-box:after { border-right-color: #FFF; top:10px; left:-13px;}
.note-box:before { border-right-color: #227bbb; top:10px; left:-14px;}
.paper-download ul { font-size:15px; color:#4ab348; padding-left:5px;}
.paper-download ul li { list-style:inside decimal; line-height:45px;}
.paper-download ul li ul li { list-style:none;color:#555; line-height:24px; background:url(../images/company/pdf_icon.png) no-repeat; padding: 0 0 10px 30px; margin:0; text-indent: 0;}
.paper-download ul li ul li.allpaylogo { background:url(../images/company/allpaylogo_s.png) no-repeat; line-height:45px; padding: 0 0 10px 85px;}
.paper-download ul li ul li a { color:#555;}
.paper-download ul li ul li a:hover { color:#03F;}
.part>a {color: #4ab348;}
.newicon { display:inline-block; padding:0 5px 3px; background-color:#F00; border-radius:5px; color:#FFF; font-weight:bold; margin-left:5px; line-height:21px;}

/* 法令宣導
======================================================================================== */
.term, .gw-term {height:200px;overflow-x:hidden;}
.ins p, .ins table.d_blue th, .ins table.d_blue td{font-size:16px; line-height:28px;}
.term {width:580px;padding:5px;}
.gw-term li {margin-left:30px; padding-right:5px; font-size:14px!important; list-style: decimal !important;}
.gw-term { box-sizing:border-box; width:100%;padding:10px 15px; background:#efefef;}
.gw-term > p{font-size:14px!important; line-height:22px; margin-top:10px;}
.term li {margin-left:30px; padding-right:5px;}
.term ul li {list-style:outside disc !important;}
.term h4 {padding:10px 0 5px;font-size:15px;text-align:left;color:#4ab348;}
.border_gray{border:1px #ccc solid;}
.bitch{margin-left: 0;}
.bitch h3{text-align: left; color: #588c3f; margin-bottom: 15px;}
.bitch .about_inner h3{color:#588c3f; font-size: 16px; margin-bottom: 10px;}


/*綠界*/
.close_btn3 {position: absolute;top:20px;right:30px;}
.table.d_green th.gw { background-color:#00783c; color:#FFF;}
.gw-green { color:#00783c;}

/*步驟
================================================*/
.step_box {margin: 0 auto 10px;padding:20px 20px 0; text-align: center;}
ul.ui-step { margin-bottom:0; display:inline-block;}
ul.ui-step li {font-size: 15px;line-height: 24px; list-style:none; text-align:center;}
.step {float: left;/*margin-left: 67px;position: relative;*/}
.step .on {background: url(../images/passwordstep_arro.gif) no-repeat center -29px;color: #FFFFFF;font-size: 16px;font-weight: bold;padding: 1px 8px;line-height: 24px;/*position: absolute;left: 27px;top: -30px;*/}
.step .arro {background: url(../images/passwordstep_arro.gif) no-repeat center -57px;height: 31px;left: 110px;text-indent: -9999px;padding:0 30px; margin-top:10px;/*position: absolute;top: -13px;width: 24px;*/}
.step span {font-size: 14px;color: #bcbcbc;}
.step .active {color: #4ab348;}
.step .bg {background: url(../images/passwordstep_arro.gif) no-repeat center -1px;color: #FFFFFF;font-size: 16px;font-weight: bold;padding: 1px 8px;line-height: 24px;/*position: absolute;left: 36px;top: -30px;*/}
.impp ul{ text-align: left; margin-bottom: 15px;}
.impp li{font-weight: normal; font-size: 1.2em; line-height: 2em; list-style-type: circle; margin-left: 10px; list-style:decimal outside !important; }
.impp h3{ color: #ff0000; text-align: left; font-size: 18px !important;  }
.step-txt {
  width: 100%;
  text-align: right;
  font-size: 15px;
  color:  #333;
  margin: 0px 0 20px;
  padding-right: 10px;
}

/*app_open
================================================*/
.nab-box { margin: 0 auto; padding: 0px; }
.nab-box table{ margin: 0 auto; padding: 0px; text-align: center; width: 70%; margin-bottom: -16px;}
.nab { text-align: center; width: 100px;} 
.nab p{ color: #979797; margin-top: 4px;}
.nab-blul p{ color: #4ab348 !important ; }
.nabb-b1, .nabb-b2, .nabb-b3, .nabb-g1, .nabb-g2, .nabb-g3, .nabb-7{ background: url(../images/nab.png) no-repeat; margin: 0 auto;}
.nabb-b1 { width: 50px; height: 50px; background-position: 0 -51px; }
.nabb-b2 { width: 50px; height: 50px; background-position: 0 -102px;}
.nabb-b3 { width: 50px; height: 50px; background-position: 0 -153px; }
.nabb-g1 { width: 50px; height: 50px; background-position: 0 -204px; }
.nabb-g2 { width: 50px; height: 50px; background-position: 0 -255px; }
.nabb-g3 { width: 50px; height: 50px; background-position: 0 -306px; }
.nabb-7 { width: 50px; height: 50px; background-position: 0 0; margin-top: 8px; }
.nab-hr{ border: 1px solid #4ab348; }
.chkbox{ float: left;}
.chk-pass, .chk-error { width: 18px; height: 18px; margin: 0 auto; padding: 0px; background-size:100%; margin-top: 8px;}
.chk-pass{ background-image: url(../images/ok.png); z-index: 10px; position: absolute;}
.chk-error{ background-image: url(../images/non_icon.png);}

/*chk-off
================================================*/
.nono{ display: none; }

h2.tex-b{ color: #4ab348; font-size:18px; margin-top:18px;}
.butt-rig{ text-align: right !important; }
.butt-linkk { margin-left: 10px; }
p.texxxt{ font-size: 15px; color: #ff0000; margin: 10px 0px 0px 0px; } 
p.text-1 { font-size: 15px; color: #000; margin: 0px 0px 20px 0px; text-align: right;}
a.linkk-a{ color: #4ab348 !important; }
a.linkk-a:hover{ color: #4ab348 !important; }
.impp ul{ text-align: left; margin-bottom: 15px;}
.impp li{font-weight: normal; font-size: 1.2em; line-height: 2em; list-style-type: circle; margin-left: 10px; list-style:decimal outside !important; }
.impp h3{ color: #ff0000; text-align: left; font-size: 18px !important;  }
.input_box-le{ position: relative; float: left; left: 0px}
.td-nobr-r, .td-nobr-l, .td-linkbox{ border: none !important; }
.td-nobr-r{  width: 46%; text-align: right !important; }
.td-nobr-l{ text-align: left !important; }
.td-nobr-l h1, .td-nobr-l h3{margin-top: 10px; line-height: 20px; color: #4ab348; font-weight: 800; font-size: 22px !important; }
.td-nobr-l p{ font-size: 15px !important; margin: 0px;}
.td-linkbox-app{ text-align: left; margin: 10px;}
.input_error-left{ text-align: left !important; }
.chk-ok-box{ margin:0 auto; padding: 20px; text-align: center;}
.chk-ok-box h1{ color: #ff0000; font-size: 30px; font-weight: bold;}
.chk-ok-box p{ color: #000; font-size: 15px;}
.dialog-Box-ss { position: absolute; right: 50%; top: 100px; z-index: 1200;}
.appdl-icon-apple,.appdl-icon-android {width:120px; height:39px; text-indent:-9999px; display:inline-block;}
.appdl-icon-apple { background:url(../images/appstore_dl_icon.png) top no-repeat; padding:0 3px 0 9px; margin-left: -10px;}
.appdl-icon-android { background:url(../images/googleplay_dl_icon.png) top no-repeat; padding:0 9px 0 3px; margin-left: 10px;}
.appdl-icon-apple:hover, .appdl-icon-android:hover { background-position:bottom;}
.hr-style{ border: solid 1px #ccc; margin-bottom:14px; width: 74%; margin-left: 12px; margin-top: 0px; }

.p-intext-style{ color: #4ab348; font-size: 14px; margin: 4px 0px 0px 0px; }
.ten-box-style { float: right; margin-right: 20px; margin-top: 4px;}
.ten-text-style { float: right; margin-right: 6px; margin-top: 10px;}

.td-h1-style{ font-size: 20px; text-align: center; line-height: 30px;}
.td-box-st{ width: 100%; height: auto; padding: 5px; margin-bottom: 16px;}
.td-box-st-img { background-color:#c9c9c9; width: 100%; height: auto; margin: 0 auto; padding: 0px; }
.td-box-st-img img{ width: 100%; height: auto; }
.td-box-st-text { background-color:#3276b1; width: 100%; height: auto; margin: 0 auto; padding: 0px; color: #fff; font-size: 16px; text-align: center;padding: 10px;}

.line-h1-style { font-size: 20px; margin-bottom: 20px; line-height: 1.3;}
.line-img-style-box{ width: 100%; height: auto; border: 1px solid #ccc; background: #fff; margin: 0 auto; padding: 0px; margin-bottom: 20px;}
.line-img-style-box img{ width: 100%; height: auto;}
.line-text-style-box{ width: 100%; padding: 13px 10px 11px; background: #3276b1; color: #fff; font-size: 16.5px; text-align: center; margin-bottom: 20px; line-height: 1.3;}

.lh30 { line-height: 30px; }
.notif { background: #D81E1E; color: #FFF; border-radius: 100%; width: 23px; height: 22px; display: block; text-align: center; padding: 0; font-style: normal; position: absolute; right: 4px; top: -5px; font-family: arial, helvetica; }

/*歐付寶後台連結
================================================*/
.allpay-link { width: 100%; padding: 10px 20px 10px 20px; margin-bottom: 10px; color: #555; background: #EEE; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; }
.allpay-link a { color: #4ab348; text-decoration: none; display: inline-block; }
.allpay-link a:hover { color: #1E6BA2; }

/*匯出選單
================================================*/
.export-box { position: relative; display: inline-block; vertical-align: middle;}
.btn-export { padding: 8px 26px 8px 8px; font-size: 1.1em; min-width: 100px; margin: 0 15px 0 0; position: relative; }
.btn-export:after { content: ""; position: absolute; top: 18px; right: 10px; width: 0; height: 0; border-style: solid; border-width: 8.7px 5px 0 5px; border-color: white transparent transparent transparent; }
.export-menu { min-width: 230px; height: 0; overflow: hidden; position: absolute; top: 40px; left: 0; text-align: left; padding: 0px 15px; border: none; background: rgba(255, 255, 255, .9); z-index: 990; opacity: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; }
.export-box:hover .export-menu { height: auto; top: 50px; opacity: 1; padding: 7px 15px; border: 1px solid #4AB348; }
.export-box:hover .btn-lightblue + .export-menu { border-color: #0390fd; }
.export-box:hover { padding-bottom: 7px; margin-bottom: -7px; }
.export-box:hover .btn-export { background: #359E33; }
.export-box:hover .btn-lightblue.btn-export { background: #027be1; border-color: #0385ea; }
.export-box:hover .btn-info { background-color: #39b3d7; border-color: #269abc; }
.export-box:hover .btn-info + .export-menu { border-color: #46b8da; }
.export-menu ul { margin: 0px; font-size: 14px; }
.export-menu ul li { list-style: none; font-size: 14px; line-height: 1; color: #333; }
.export-menu a { display: block; color: #333; padding: 8px 0; -webkit-transition: all .1s linear; -moz-transition: all .1s linear; transition: all .1s linear; }
.export-menu a:hover { color: #4AB348; text-decoration: none; }
.export-box .btn-info + .export-menu a:hover { color: #46b8da; }
.btn-lightblue + .export-menu a:hover { color: #0390fd; }
.export-box-tip { display: inline-block; vertical-align: middle; font-size: 13px; color: #888; }


/*發票使用狀況-圖表
================================================*/
.panel-body.pb-chart-content { padding: 15px 20px !important; }
p.pcc-duration { font-size: 14px; color: #555; }
.invoice-status { width: 100%; position: relative; }
.invoice-status p { margin: 0; font-size: 14px; color: #D9534F; line-height: 1.5; }

/*-- 圖表 --*/
.ra-chart-block { width: 100%; position: relative; padding: 5px 25px 17px; box-sizing: border-box; text-align: center; }
.ra-chart-block:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.ra-chart-block .ra-chart { display: inline-block; }
.rcb-red .ric-main { color: #d9534f; }
.rcb-red .cb-1 { background: #d9534f; }
.rcb-red .rt-num1, .rcb-red .rtxt2 { color: #d9534f; }
.rcb-infinite .ri-content { width: 175px; }
.ra-chart { position: relative; text-align: center; }
.ra-chart .cur-type { position: absolute; bottom: 0px; right: 0px; font-size: 12px; color: #555; }
.rac-nonact { width: 220px; height: 220px; background: #AAA; color: #f5f5f5; border-radius: 99em; text-align: center; margin: 0 auto; }
.rn-content { position: relative; width: 90%; height: auto; top: 50%; transform: translateY(-50%); margin: 0 auto; text-align: center; }
.rnc-txt { font-size: 28px; line-height: 1; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s; }
.rac-holder { width: 210px; position: relative; }
.rac-info { width: 88%; height: 88%; background: #FFF; font-size: 20px; color: #4AB348; border-radius: 99em; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.ri-content { position: relative; width: 130px; height: auto; top: 50%; transform: translateY(-50%); margin: 0 auto; text-align: center; }
.ric-main { font-size: 40px; line-height: 1; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s; }
.rm-page { font-size: 33px; line-height: 1.3; }
.rm-percent .rm-current { font-size: 25px; }
.rm-page .rm-current { font-size: 17px; vertical-align: 2px; }
p.ric-txt { font-size: 14px; color: #777; line-height: 1.5; border-top: 1px solid #e5e5e5; padding-top: 10px; margin-top: 10px; margin-bottom: 0; -webkit-transition: .4s; -moz-transition: .4s; -o-transition: .4s; -ms-transition: .4s; transition: .4s; }
.ric-txt .rtxt { color: #777; }
.ric-txt.rt-disable { border-top: none; padding-top: 0px; margin-top: 0px; }
.ra-content-wrap { width: 100%; margin-top: 15px; }
.ra-content li { display: inline-block; margin-right: 10px; font-size: 15px; color: #555; line-height: 1.4; }
.c-block { width: 10px; height: 18px; display: inline-block; margin-right: 5px; vertical-align: -3px !important; }
.cb-1 { background: #4AB348; }
.cb-2 { background: #EEE; }
.cb-red { background: #d9534f; }


/*-- 帳戶總覽 --*/
.acb-subtitle { margin-bottom: 15px; font-size: 16px; color: #588c3f; text-align: left; }
.acb-item { width: 100%; position: relative; font-size: 16px; font-weight: normal; line-height: 1.5; color: #588c3f; margin-bottom: 10px; }
.acb-item:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.acb-item dt { float: left; font-weight: normal; }
.acb-item dd { float: right; font-weight: bold; }
.ac-chart-block { width: 100%; position: relative; padding-top: 5px; box-sizing: border-box; text-align: center; }
.ac-chart-block:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.acrb-2 .ac-chart, .acrb-2 .ac-content-wrap { float: none; display: inline-block; vertical-align: middle; }
.acrb-2 .ac-chart { width: 170px; }
.acrb-2 .ac-content-wrap { width: calc(100% - 5% - 224px); max-width: 400px; margin-left: 5%; margin-top: 0; }
.acrb-2 .acc-info { width: 82%; height: 82%; color: #333; font-size: 15px; line-height: 1.6; }
.acrb-2 .acc-info:before { content: ''; width: 0px; height: 100%; display: inline-block; vertical-align: middle; }
.acrb-2 .acc-info .aci-content { display: inline-block; vertical-align: middle; }
.acrb-2 .acc-info .aci-price { font-size: 16px; margin-right: 3px; color: #333; }
.acrb-2  ul.ac-content { padding-left: 15px; }
.acrb-2  ul.ac-content li { margin-bottom: 12px; font-size: 15px; }
.tip-icon-box { display: inline-block; position: relative; }
.acrb-2 .ac-cube .ti_box_b { width: 200px; bottom: 25px; left: -32px; z-index: 999; }
.acrb-2 .ac-block { width: 16px; height: 16px; margin-right: 10px; }
.acrb-2 .acb-1 { background: #339965; }
.acrb-2 .acb-2 { background: #507baf; }
.acrb-2 .acb-3 { background: #DDD; }
.acrb-2 .acb-4 { background: #4ab348; }
.acc-sum { width: 100%; padding-top: 15px; margin-top: 15px; border-top: 1px solid #EBEBEB; }
.acc-sum .as-txt { font-size: 16px; color: #4ab348; }
.acc-sum .ac-price { color: #588c3f; font-size: 16px; margin-top: -10px; }
.acc-sum .acp-txt { font-size: 24px; margin-right: 3px; }
.ac-chart { width: 90px; position: relative; text-align: center; float: left; }
.acc-holder { width: 100%; position: relative; margin-bottom: 15px;}
.acc-info { width: 75%; height: 75%; background: #e5f9e5; font-size: 20px; color: #4AB348; border-radius: 99em; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
.ac-content-wrap { width: 240px; margin-top: 15px; float: right; }
ul.ac-content li { display: block; margin-bottom: 5px; font-size: 14px; color: #555; line-height: 1.4; }
.ac-content li:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.ac-cube { float: left; }
.ac-price { float: right; }
.ac-block { width: 10px; height: 18px; display: inline-block; margin-right: 5px; vertical-align: -3px !important; }
.acb-1 { background: #4AB348; }
.acb-2 { background: #A8E4A7; }
.acb-3 { background: #DDD; }
.acb-red { background: #d9534f; }
.ac-tip { margin-top: 25px; }
.ac-tip a { text-decoration: underline; }
.ac-btn-box .btn { margin: 5px 0px 5px 4px; }
.abb2 .btn { margin: 8px 0px 15px; padding: 0 8px; width: 100%; max-width: 264px; height: 38px; line-height: 38px; box-sizing: border-box; display: block; }
.abb2 .btn:last-child { margin-bottom: 0px; }
.panel-body.account-detail-box { padding: 30px 35px !important; }
.account-detail-box * { box-sizing: border-box; }
.account-detail-box .adb-title { width: 100%; margin: 0 0 10px; text-align: left; font-size: 18px; line-height: 1.4; color: #588c3f; }
.account-detail-box .adb-txt { width: 100%; margin-bottom: 20px; text-align: left; font-size: 14px; line-height: 1.4; color: #555; }
.account-detail-box .adb-price-list { width: 100%; margin: 30px 0; }
.account-detail-box .adb-price-list:after, .adb-content:after, .adc-list dl:after { content: "."; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.account-detail-box .apl-2.adb-price-list li { background: #eef6fd; border-color: #eef6fd; }
.account-detail-box .adb-price-list li { width: calc(33.33% - 20px); height: 115px; float: left; margin-right: 15px; padding: 20px 25px; background: #eefdea; border: 1px solid #abd49f; border-radius: 8px; list-style-type: none; }
.account-detail-box .adb-price-list li:last-child { margin-right: 0px; }
.account-detail-box .adb-price-list .apl-txt { font-size: 14px; line-height: 1.4; color: #303f2c; }
.account-detail-box .adb-price-list .apl-price { margin-top: 10px; font-size: 14px; line-height: 1.2; color: #333; }
.account-detail-box .adb-price-list .apl-price .alp-txt { font-size: 36px; margin-right: 5px; color: #333; }
.account-detail-box .adb-content { width: 100%; padding: 0 0px 30px; }
.account-detail-box .adc-box { width: 50%; float: left; border-right: 1px solid #ccc; padding: 15px 25px 5px; }
.account-detail-box .adc-box:last-child { border-right: none; }
.account-detail-box .adc-title { width: 100%; text-align: left; font-size: 16px; color: #68a54b; margin: 0 0 5px; }
.account-detail-box .adc-list { width: 100%; font-size: 14px; color: #333; }
.account-detail-box .adc-list dl { padding: 10px 0 9px; margin-bottom: 0px; border-bottom: 1px dotted #CCC; }
.account-detail-box .adc-list dl:last-child { border-bottom: none; }
.account-detail-box .adc-list dt { float: left; }
.account-detail-box .adc-list dd { float: right; padding-left: 7px; color: #68a54b; }
.adb-chart { width: 100%; padding: 25px 55px; background: #eefdea; border-radius: 6px; }
.acr-txt { font-weight: bold; }
.acr-box .progress { border-radius: 10px; height: 20px; margin-top: 40px; overflow: visible; }
.acr-box .progress-bar { position: relative; border-radius: 10px; }
.acr-box .progress-bar-danger .arb-ratio { background: #de6c6a; }
.acr-box .progress-bar-danger .arb-ratio:after { border-top-color: #de6c6a; }
.acr-box .arb-ratio { position: absolute; top: -30px; right: -24px; padding: 0px 5px; border-radius: 99em; width: 48px; height: 24px; line-height: 25px; font-size: 14px; color: #FFF; text-align: center; background: #428bca; }
.acr-box .arb-ratio:after { content: " "; width: 0; height: 0; position: absolute; top: 100%; left: calc(50% + 2px); border: solid transparent; margin-left: -6px; border-top-color: #428bca; border-width: 4px; }
.acr-waring { width: 100%; text-align: right; font-size: 14px; color: #d9534f; line-height: 1.4; margin-top: 15px; }
.acr-waring.awr-align { text-align: left; }
.acr-waring:before { content: '!'; display: inline-block; vertical-align: middle; width: 20px; height: 20px; line-height: 20px; text-align: center; color: white; font-size: 16px; background: #d9534f; border-radius: 99em; margin-right: 8px; }
span.arw-txt { display: inline-block; vertical-align: middle; color: #d9534f !important; }
p.acr-tip { width: 100%; text-align: right; font-size: 14px; color: #666; line-height: 1.4; margin-top: 10px; }
.adb-analysis { width: 100%; margin-top: 30px; text-align: left; }
.aal-title { font-size: 16px; font-weight: bold; color: #15783c; line-height: 1.4; text-align: left; margin-bottom: 20px; }
.aal-chart { width: 100%; text-align: center; }
.aal-chart img { max-width: 100%; display: inline-block; vertical-align: top; }


/*-- 收款額度 訊息區塊 --*/
.acr-info-box {
   width: 100%;
   padding: 25px 30px;
   margin-top: 40px;
   border-radius: 12px;
   background-color: #fff;
   border: 1px solid #68A54B;
   box-sizing: border-box;
 }
 .acr-info-box + .acr-info-box {
   margin-top: 20px;
 }
 .acr-info-box .aib-title {
   width: 100%;
   text-align: center;
   margin-bottom: 15px;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.4;
   color: #111;
 }
 .acr-info-box .aib-txt {
   width: 100%;
   text-align: center;
   margin-bottom: 15px;
   font-size: 15px;
   line-height: 1.6;
   color: #333;
 }
 .acr-info-box .aib-tip {
   width: 100%;
   text-align: center;
   margin-top: 8px;
   font-size: 13px;
   line-height: 1.5;
   color: #333;
 }
 .acr-info-box .aib-txt + .aib-txt {
   margin-top: 20px;
 }
 .acr-info-box .aib-list {
   width: 100%;
   max-width: 400px;
   margin: 0 auto 15px;
   padding-left: 20px;
   list-style: outside disc;
 }
 .acr-info-box .aib-list a {
  color: #588c3F;
 }
 .acr-info-box .aib-list li {
   width: 100%;
   margin-bottom: 5px;
   font-size: 15px;
   line-height: 1.5;
   list-style: outside disc;
 }
 .acr-info-box .aib-list li:last-child {
   margin-bottom: 0px;
 }
 .acr-info-box .aib-btn-box {
   width: 100%;
   margin-top: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .acr-info-box .aib-btn-box .abb-btn {
    display: block;
    width: 136px;
    height: 36px;
    line-height: 36px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    background-color: #4ab348;
    transition: .3s;
    margin-right: 15px;
    text-decoration: none;
 }
 
 .acr-info-box .aib-btn-box .abb-btn:hover {
    background-color: #3d973c;
 }
 
 .acr-info-box .aib-btn-box .abb-btn:last-child {
  margin-right: 0px;
 }
 
 .acr-info-box .aib-btn-box .abb-btn.abn-gray {
    background-color: #777;
 }
 
 .acr-info-box .aib-data-list {
     width: 100%;
     font-size: 14px;
     color: #333;
     margin-bottom: 15px;
 }
 
 .acr-info-box .aib-data-list dl {
     padding: 10px 0 9px;
     border-bottom: 1px dotted #CCC;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
 
 .acr-info-box .aib-data-list dl:last-child {
     border-bottom: none;
     padding-bottom: 0;
 }
 
 .acr-info-box .aib-data-list dd {
     padding-left: 7px;
 }
 /*----*/

/*--使用狀況分析--*/
.acr-status-analysis {
  width: 100%;
  margin-top: 40px;
  box-sizing: border-box;
}

.acr-status-analysis * {
  box-sizing: border-box;
}

.acr-status-analysis:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.asa-title {
  margin: 0px 0 10px 0;
  font-size: 15px;
  color: #111;
  font-weight: bold;
}


.asa-info-box {
   width: 100%;
   padding: 25px 30px;
   border-radius: 12px;
   background-color: #fff;
   border: 1px solid #68A54B;
   box-sizing: border-box;
}
.asa-info-box .aib-title {
   width: 100%;
   text-align: center;
   margin-bottom: 15px;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.4;
   color: #111;
}
.contentpanel .asa-info-box .aib-list {
   width: 100%;
   max-width: 400px;
   margin: 0 auto 15px;
   padding-left: 20px;
   list-style: outside disc;
}
.contentpanel .asa-info-box .aib-list li {
   width: 100%;
   margin-bottom: 5px;
   font-size: 15px;
   line-height: 1.5;
   list-style: outside disc;
}
.asa-info-box .aib-list li:last-child {
   margin-bottom: 0px;
}
.asa-info-box .aib-btn-box {
   width: 100%;
   margin-top: 20px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.asa-info-box .aib-btn-box .btn {
   width: 130px;
   margin-right: 15px;
}
.asa-info-box .aib-btn-box .btn:last-child {
   margin-right: 0px;
}


.asa-chart-block {
  width: 100%;
  max-width: 650px;
  position: relative;
  margin: 0 auto;
  padding-top: 20px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.asa-chart-block .asc-chart {
  width: 190px;
  position: relative;
  text-align: center;
}
.ascc-holder {
  width: 100%;
  position: relative;
}
.ascc-info {
  width: 82%;
  height: 82%;
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  background: #FFF;
  border-radius: 99em;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.ascc-info:before {
  content: '';
  width: 0px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.ascc-info .asci-content {
  display: inline-block;
  vertical-align: middle;
}

.ascc-info .asci-price {
  font-size: 17px;
  margin-right: 3px;
  color: #333;
}

.asa-chart-block .asc-content-wrap {
  width: calc(100% - 250px);
  margin-left: 60px;
}

.asc-content-wrap .ascw-title {
  margin-bottom: 8px;
  font-size: 14px;
  color: #333;
  text-align: left;
}

.asc-content-wrap .ascw-content li {
  margin-bottom: 12px;
  font-size: 15px;
  color: #555;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.asc-content-wrap .ascw-content + .ascw-title {
  margin-top: 20px;
}

.awcc-block {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: -3px !important;
}

.awc-cube .awcb-1 {
  background: #2a7d53;
}

.awc-cube .awcb-2 {
  background: #58bb4f;
}

.awc-cube .awcb-3 {
  background: #9ddb94;
}

.awc-cube .awcb-4 {
  background: #a6ce6b;
}

.awc-cube .awcb-5 {
  background: #85993c;
}

.awc-cube .awcb-6 {
  background: #cecc6d;
}

.acr-status-analysis .acr-tip {
  text-align: left;
  margin-top: 30px;
}
/*----*/









@media screen and (max-width:1280px) {
  .ac-btn-box .btn { margin: 5px 0px 5px 4px; }
  .abb2 .btn { margin: 8px 0px 15px; }
}
@media screen and (max-width:1024px) {
  .ac-btn-box .btn { display: inline-block; margin: 5px 0px 5px 4px; }
  .abb2 .btn { margin: 8px 0px 15px; display: block; }
}
/*----*/

.panel-body.padding-b5 {
  padding-bottom: 5px !important;
}
.panel-box {
  width: 100%;
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px dashed #EEE;
}
.panel-box:last-of-type {
  margin-bottom: 2px;
  padding-bottom: 0px;
  border-bottom: none;
}
.other-content {
  margin-bottom: 10px;
  padding-left: 20px;
}
.other-content input {
  width: 507px;
}

.csv-sample {
  width: 100%;
}
.csv-sample img {
  width: 100%;
}

/*--捐款管理--*/
.dn-type-link {
  width: 100%;
  margin-top: 15px;
}
.dn-type-link a {
  display: inline-block;
  padding: 1px 7px;
  border-right: 1px solid #CCC;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.2;
}
.dn-type-link a:last-child {
  border-right: none;
}
.dn-link-content .dlc-img {
    width: 120px;
    display: inline-block;
    vertical-align: middle;
    margin: 5px 10px 5px 0;
}
.dn-link-content .form-control {
    width: 260px;
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    text-align: :  left;
}
.dn-copy {
    margin-left: 10px;
}
ul.check-box-list {
    font-size: 15px;
    margin-bottom: 0;
}
ul.check-box-list li {
    margin-bottom: 10px;
    line-height: 1;
    list-style-type: none;
}
ul.check-box-list li:last-child {
    margin-bottom: 0px;
}
ul.check-box-list label {
    margin-bottom: 0px!important;
}
ul.check-box-list .cbl-txt {
    display: inline-block;
    vertical-align: 1px;
}
.dn-noname-box, .dnn-inp-r, .dnn-txt, .dnn-inp-t {
    display: inline-block;
}
.dn-noname-box .dnn-inp-r {
    margin-right: 5px;
}
.dn-noname-box .dnn-inp-t {
    margin: 0 5px;
    width: 70px;
    text-align: center;
}
.dn-noname-box label {
    margin: 6px 20px 5px 0;
    display: inline-block;
}
.dn-noname-box label:last-child {
    margin-right: 0px;
}
.dn-noname-box .dnn-txt {
    font-size: 15px;
}
.dn-noname-tip {
    font-size: 14px;
    margin-top: 5px;
    color:  #227BBB;
}
p.inp-tip {
    margin-top: 4px;
    font-size: 13px;
    color: #888;
    margin-bottom: 0;
}

.txt-block {
   border-radius: 5px;
   padding: 8px 8px;
   font-size: 13px;
   height: 35px;
   text-align: left;
   color: #555;
   background-color: #EEE;
   border: 1px solid #C1C1C1;
   display: inline-block;
}

/*-- 捐款總額 --*/
.dn-chart-content {
    float: left;
    width: 23%;
    margin-right: 3%;
    text-align: center;
}

.dn-detail-inp {
    float: left;
    width: 73%;
}

.dn-chart-block {
    width: 100%;
    position: relative;
    padding-top: 5px;
    box-sizing: border-box;
    text-align: center;
}

.dn-chart-block:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.dn-chart {
    position: relative;
    text-align: center;
    display: inline-block;
}

.dnc-holder {
    width: 125px;
    position: relative;
}

.dnc-info {
    width: 75%;
    height: 75%;
    background: #f5f5f5;
    font-size: 20px;
    color: #4AB348;
    border-radius: 99em;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.dn-chart-detail {
    width: 100%;
    margin-top: 20px;
    display: inline-block;
}

ul.dcd-content li {
    display: block;
    margin-bottom: 7px;
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}

.dcd-content li:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

.dcd-cube {
    float: left;
}

.dcd-price {
    float: right;
}

.dcd-block {
    width: 10px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: -3px !important;
}

.dcb-1 {
    background: #4AB348;
}

.dcb-2 {
    background: #A8E4A7;
}

.dcb-3 {
    background: #DDD;
}

.dcd-red {
    background: #d9534f;
}

.dcd-tip {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
}

.dcd-tip a {
    text-decoration: underline;
}

.dc-btn-box {
    margin-top: 10px;
}

.dc-btn-box .btn {
    margin: 5px 0px 5px 4px;
}

@media screen and (max-width:1280px) {
    .dn-btn-box .btn {
        margin: 5px 0px 5px 4px;
    }

}

@media screen and (max-width:1024px) {
    .dn-btn-box .btn {
        display: inline-block;
        margin: 5px 0px 5px 4px;
    }

}
/*----*/

/*-- 檔案上傳 --*/
ul.file-upload-box {
  width: 100%;
}
ul.file-upload-box li {
  width: 100%;
  position: relative;
  margin-bottom: 10px;
  list-style: none;
}
ul.file-upload-box li:last-child {
  margin-bottom: 0px;
}
ul.file-upload-box li .warring {
  width: 200px;
  font-size: 14px;
  line-height: 1.5;
  right: -23px;
  top: 1px;
}
.file-upload-box .fub-inp {
  width: 200px;
  margin-right: 10px;
  padding: 6px 8px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
  font-size: 12px;
  white-space: nowrap;
  text-align: center;
  border: 1px solid transparent;
  moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s ease-out 0s;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
.file-upload-box .fub-inp + .btn {
  width: 100px;
  height: 36px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 0;
}
@media screen and (max-width: 1280px) {
  .file-upload-box .fub-inp + .btn {
    font-size: 12px;
    margin: 0px;
  }
}
/*----*/

ul.ul_st{
  margin-bottom: 20px;
}

.ul_st li{
  list-style-type: disc ;
  margin-bottom: 10px;
  margin-left: 22px;
}


/*-- 預付物流費及金流退費按鈕 --*/
.btn-prepay {
  width: 261px;
}
@media screen and (max-width:1280px) {
  .btn-prepay {
    width: 245px;
  }
}


/*--下拉樣式--*/
.style-select-1 {
  position: relative;
  margin-bottom: 0;
}
.style-select-1.ss-green:before {
    background: #4AB348;
}
.style-select-1.ss-green:after {
    border-top-color: #FFF;
}
.style-select-1.ss-green select {
    background: #4AB348;
    border: 1px solid #4AB348;
    color: #FFF !important;
}
.style-select-1:before {
  content: '';
  right: 4px;
  top: 3px;
  width: 25px;
  height: 38px;
  background: #4AB348;
  position: absolute;
  pointer-events: none;
  display: block;
}

.style-select-1:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #FFF transparent transparent transparent;
  content: '';
  right: 10px;
  top: 19px;
  position: absolute;
  pointer-events: none;
}

.style-select-1 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #4AB348;
  border: 1px solid #4AB348;
  color: #FFF !important;
  font-size: 16px;
  font-weight: bold;
  width: 100px;
  height: 43px;
  cursor: pointer;
}
.style-select-1 select.w_250{width:200px;}
span.panel-text-red{
	color:#D9534F;
}


.pay-pre-img {
  width:  100%;
  padding: 5px 10px 15px;
  text-align: center;
}
.pay-pre-img img {
  max-width: 100%;
  display: inline-block;
}



.cp-content-box {
  clear: both;
  width: 100%;
}
.cp-content-box:after {
   content: "";
   clear: both;
   display: block;
   height: 0;
   overflow: hidden;
   visibility: hidden;
 }

/* 開關 btn
----------------------------------------------------------------------------- */
.switch-list {
  display: flex;
  align-items: center;
  margin: 0 0 16px;
}
.switch-list label {
  margin-bottom: 0!important;
}
.onoffswitch {
  position: relative;
  width: 80px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select: none;
}
.onoffswitch-checkbox {
  display: none;
}
.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #999999;
  border-radius: 10px;
}
.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -moz-transition: margin 0.3s ease-in 0s;
  -webkit-transition: margin 0.3s ease-in 0s;
  -o-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.onoffswitch-inner:before {
  content: "開啟";
  background-color: #2B9038;
  color: #FFFFFF;
  padding-left: 10px;
}
.onoffswitch-inner:after {
  background-color: #EEEEEE;
  content: "關閉";
  color: #999999; 
  padding-right: 10px;
  text-align: right;
}
.onoffswitch-switch {
  box-sizing: initial;
  display: block;
  width: 18px;
  margin: 6px;
  background: #FFFFFF;
  border: 2px solid #999999;
  border-radius: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 46px;
  -moz-transition: all 0.3s ease-in 0s;
  -webkit-transition: all 0.3s ease-in 0s;
  -o-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px; 
}
.card-remind {
	display:inline-block;
	padding: 10px;
	margin-bottom: 20px;
	background: #E5F7D9;
  border-radius: 3px;
}
/* 批次上傳檔案 file-box */
.file-box {
  padding-right: 46px;
  overflow: hidden;
}
.file-box.h102 {
  max-height: 68px;
  height: 68px;
}
.file-box.h102 .f-b-switch .s_off,
.file-box .f-b-switch .s_on {
  display: none;
}
.file-box.h102 .f-b-switch .s_on {
  display: inline-block;
}
.file-box .f-b-switch {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.file-box .f-b-switch span {
  display: inline-block;
  padding-right: 16px;
  position: relative;
}
.file-box .f-b-switch span::after {
  content: '';
  border-style: solid;
  position: absolute;
  right: 0;
  top: 6px;
}
.file-box .f-b-switch span.s_on::after {
  border-width: 8px 5px 0 5px;
  border-color: #00783C transparent transparent transparent;
}
.file-box .f-b-switch span.s_off::after {
  border-width: 0px 5px 8px 5px;
  border-color: transparent transparent #00783C transparent;
}

/* Gateway */
#faq {
  border: 1px solid #ccc;
}
#faq li, #faq li li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
#faq a.dcjq-parent {
  background: #eef2ec;
  border: 0 solid transparent;
  border-top: 1px solid #ccc;;
  /*border-radius: 5px;*/
}
#faq li:first-child a.dcjq-parent {
  border-top: 0;
}
#faq a.dcjq-parent:hover {
  color: #00783C;
}
#faq.accordion a .dcjq-icon,
#faq.accordion a.dcjq-parent.active .dcjq-icon {
  background: url(../images/ic_arrow_down.svg) no-repeat center center transparent;
  right: 15px;
}
#faq.accordion a.dcjq-parent.active .dcjq-icon {
  transform: rotate(180deg);
}
#faq ul {
  margin: 0;
}
#faq.accordion li li a {
  background: #fff;
  border: 0 solid transparent;
  border-bottom: 1px solid #ccc;
  /*color: #00783C;*/
  font-size: 15px;
  font-weight: normal;
  padding: 10px 10px 10px 15px;
}
#faq.accordion li li:last-child a {
  border: 0;
}
#faq.accordion li li a:hover {
  background-color: #f8f8f8;
}

/* 物流建單檢查機制修改 - overlay */
.bg-info li {
  line-height: 1.8;
  padding-left: 30px;
  text-indent: -30px;
}


/* 標籤 */
.contentpanel .tab-box{
  width: 100%;
  margin-bottom: 0px;
  position: relative;
  border-bottom: 2px solid #2B9038;
}

.tab-box:after {
  clear: both;
  display: table;
  line-height: 0;
  content: "";
}

.tab-box.tb3 li {
  width: 160px;
}

.tab-box.tb4 li {
  width: calc(25% - 9px);
}

.contentpanel .tab-box li {
  float: left;
  list-style: none;
  text-align: center;
  padding: 0 12px 0 0;
  text-indent: 0;
  font-size: 15px;
  line-height: 1.2;
}

.tab-box li a {
  width: 100%;
  text-decoration: none;
  color: #555;
  background-color: #efefef;
  font-weight: bold;
  padding: 10px 0;
  border-radius: 5px 5px 0 0;
  display: block;
}

.tab-box li.active a, 
.tab-box li:hover a {
  color: #fff;
  background-color: #2B9038;
}
/*----*/


/*-- 底部總和 --*/
.sum-box {
  width: 100%;
  text-align: right;
  margin-bottom: 20px;
}
.contentpanel .sum-box li {
  display: inline-block;
  margin: 0 10px;
  position: relative;
  list-style: none;
  text-indent: 0px;
  padding-left: 0px;
}
.sum-box .smb-name {
  display: inline-block;
  color: #d2322d;
  position: relative;
}



/*-- 跑馬燈 --*/
.contentpanel ul.marquee {
  width: 100%;
  height: 36px;
  display: block;
  line-height: 1;
  position: relative;
  overflow: hidden;
  background: #444;
  color: #f5f5f5;
  border: none;
}
.contentpanel ul.marquee li {
  padding: 8px 5px 6px;
  text-indent: 0;
  font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
  font-size: 16px;
}
.contentpanel ul.marquee a {
   color: #f5f5f5;
 }


/*--電子郵件通知信版型使用圖檔--*/
.email-pic {
  width: 500px;
  text-align: left;
  display:  inline-block;
}
.email-pic img {
  max-width: 100%;
  display:  inline-block;
}





/*--特約會員合約條件商議申請類型--*/
.pbf-cd-type {
  min-width: 1170px;
}
.pct-body {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}
.cd-type {
  width:  calc(50% - 10px);
  margin-right: 20px;
  background: #e8f5de;
  padding: 50px 30px;
  border-radius: 6px;
  border: 3px solid transparent;
  transition: .3s;
}
.cd-type:hover {
  border: 3px solid #b7cea6;
}
.cd-type + .cd-type {
  margin-right: 0;
}
.cd-type.cdt-2 {
  margin-right: 0;
  background: #dfefec;
}
.cd-type.cdt-2:hover {
  border-color: #a9d1ca;
}
.cd-type.cdt-2 .cdt-title {
  color: #0e4c3f;
}
.cd-type.cdt-2 .cdt-btn-box .btn {
  background: #1c8060;
}
.cd-type.cdt-2 .cdt-btn-box .btn:hover {
  background: #146047;
}
.pbd-cd-type .note {
  width: 100%;
}
.cdt-title {
  font-size: 28px;
  color: #3c651c;
  line-height:  1.4;
  width: 100%;
  text-align: center;
  font-weight: bold;
}
.cdt-tip {
  font-size: 14px;
  color: #d9534f;
  line-height:  1.4;
  width: 100%;
  text-align: center;
  position: relative;
}
.cdt-2 .cdt-tip::after {
  content: '(使用原帳號申請：需尚未建立信用卡、非信用卡收款)';
  width: 100%;
  font-size: 13px;
  color: #3c651c;
  position: absolute;
  left: 0;
  top: 17px;
}
.contentpanel .cdt-list {
  width: 100%;
  margin: 0px;
  margin-top: 20px;
  font-size: 14px;
}
.contentpanel .cdt-list li {
  width: 100%;
  min-height: 86px;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;
  padding-left: 0px;
  padding: 10px 20px;
  text-indent: 0px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: white;
}
.cdt-list li:last-child {
  margin-bottom:  0;
}
.ctl-ic {
  width: 50px;
  height: 50px;
}
.ctl-ic img {
  width: 100%;
}
.ctl-content {
  width: calc(100% - 50px);
  padding-left: 16px;
}
.ctc-title {
  font-size: 17px;
  color: #333;
  line-height: 1.4;
}
.ctc-txt {
  font-size: 14px;
  color: #666;
  line-height: 1.4;
}
.cdt-btn-box {
  margin-top: 40px;
  width: 100%;
  text-align: center;
}
.cdt-btn-box .btn {
  width: 150px;
}
.pct-body .note {
  width: 100%;
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .cdt-btn-box .btn {
    display: inline-block;
  }
}
/*----*/



/*-- 圖片上傳 --*/
.review-pic-box {
  width: 100%;
}
.review-pic-box.rpb-2 .rpb-file dd {
   width: 80px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   margin: 8px 5px;
 }
 .review-pic-box.rpb-2 .rpb-file dd:nth-of-type(3n) {
   margin-right: 9px;
 }
 .review-pic-box.rpb-2 .rpb-file .tdl-photo-file {
   padding-top: 100%;
   background-size: 18px 18px;
 }
 .review-pic-box.rpb-2 .rpb-file .tdl-photo-file .tdl-file-close {
   top: 2px;
   right: 2px;
   width: 17px;
   height: 17px;
 }


.review-pic-box .rpb-file {
  display: block;
  position: relative;
  margin: 0px 0 0;
}

.review-pic-box .rpb-file dt {
  width: 100%;
  margin: 5px 0 20px 0;
  text-align: left;
}

.review-pic-box .rpb-file dd {
  width: calc(33.33% - 6px);
  /* max-width: 320px; */
  float: left;
  margin: 0 9px 20px 0;
}

.review-pic-box .rpb-file dd:nth-of-type(3n) {
   margin-right: 0px;
}

.review-pic-box .rpb-file dd img {
  width: 100%;
}

.review-pic-box .rpb-list dd {
   width: calc(20% - 15px);
   max-width: 120px;
   float: left;
   margin: 0 15px 15px 0;
}

.review-pic-box .rpb-list dd img {
  width: 100%;
}

.review-pic-box .rpb-file .rf-withbtn .rw-btn {
  margin-left: 5px;
}

.review-pic-box .rpb-file:after,
.review-pic-box .rpb-file .rf-withbtn:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.inp-required {
    color: #f85766;
    font-size: 13px;
    font-weight: bold;
    margin-left: 2px;
    vertical-align: top;
}

.review-pic-box .rpb-file .sff-title {
  width: 100%;
  font-size: 13px;
  line-height: 1.5;
  color: #333;
  text-align: left;
  margin-bottom: 5px;
}

.review-pic-box .rpb-file .sff-title .inp-required {
  top: 5px;
}

.review-pic-box .rpb-file .sff-tip {
  width: 100%;
  font-size: 12px;
  line-height: 1.4;
  color: #555;
  text-align: left;
  margin-top: 2px;
}

.review-pic-box .rpb-file .tdl-photo-file {
  position: relative;
  width: 100%;
  height: 0px;
  padding-top: 66.5%;
  background: #f0f0f0 url("../images/ic-add-img.svg") center center/28px 28px no-repeat;
  border: 2px solid #ccc;
}

.review-pic-box .rpb-file .tdl-photo-file.tpf-act {
   background-image: none;
 }

.review-pic-box .rpb-file .tdl-photo-file .tdl-img-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-size: contain;
  overflow: hidden;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.review-pic-box .rpb-file .tdl-photo-file .tdl-input-file {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 11;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.review-pic-box .rpb-file .tdl-photo-file .tdl-file-close {
  display: none;
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 12;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background: url("../images/ic-del-full.svg") top left/contain no-repeat;
}

.review-pic-box .rpb-file .input-file-cover {
  width: 100%;
  margin: 0;
}

.review-pic-box .rpb-file .ifc-input {
  display: block;
  height: 50px;
  padding-right: 40px;
}

.review-pic-box .rpb-file .input-file-box {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 50px;
}

.review-pic-box .rpb-file .input-file {
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.review-pic-box .rpb-file .input-file-clear {
  width: 20px;
  height: 20px;
  line-height: 17px;
  text-align: center;
  font-size: 19px;
  font-weight: bold;
  color: #EEE;
  display: block;
  background: #888;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 6;
  cursor: pointer;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 99em;
  -moz-border-radius: 99em;
  border-radius: 99em;
}

.review-pic-box .rpb-file:hover .ifc-input {
  border: 1px solid #588c3f;
}


/*--新增備註--*/
.sub_notes{
  font-size: 15px;
  margin: 5px 0 10px;
}
.sub_notes li{
  list-style: decimal;
  margin-bottom: 3px;
}
.contentpanel .sub_notes{
   font-size: 15px;
   margin: 5px 0 10px;
   padding-left: 19px;
 }
 .contentpanel .sub_notes li{
   list-style: decimal;
   margin-bottom: 3px;
 }
/*----*/

/*----*/



/*--驗證啟用提領功能--*/
.step-box {
    width: 446px;
    margin: 20px auto 30px;
}
.step-box.stb-2 .stepb-content {
   flex-direction: row;
}
.step-box.stb-2 .stepb-content .stc-num {
   margin-bottom: 0;
   margin-right: 10px;
}
.step-box ul {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-box ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding-left: 0px;
    text-indent: 0px;
}
.step-box ul li:after {
    content: "";
    width: 22px;
    height: 22px;
    display: block;
    border: 2px dotted #bcbcbc;
    border-left: none;
    border-bottom: none;
    margin: 0 25px;
    transform: rotate(45deg);
}
.step-box ul li:last-child:after {
    display: none;
}
.step-box ul li.stepb-act .stc-num {
  background-color: #699B01;
}
.step-box ul li.stepb-act .stc-txt {
  color: #699B01;
}
.stepb-content {
  width: 100px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.stepb-content .stc-num {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: white;
  line-height: 1;
  background: #BCBCBC;
  margin-bottom: 10px;
  border-radius: 99em;
}
.stepb-content .stc-txt {
  font-size: 14px;
  color: #bcbcbc;
  line-height: 1.5;
}
.mobile-wrap {
  width: 500px;
  margin: 0 auto 50px;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.mobile-wrap .mw-pic {
  width: 140px;
  margin-right: 10px;
}
.mobile-wrap .mw-pic img {
  width: 100%;
}
.mobile-wrap .mw-status-pic {
  width: 100%;
  margin-bottom: 15px;
  text-align: center;
}
.mobile-wrap .mw-status-pic img {
  width: 90px;
  display: inline-block;
}
.mobile-wrap .mw-status-pic + .mw-content {
  width: 100%;
  text-align: center;
}
.mobile-wrap .mw-status-pic + .mw-content .mwc-btn-box {
  justify-content: center;
}
.mobile-wrap .mw-content {
  width: calc(100% - 150px);
  text-align: left;
}
.mobile-wrap .mw-content.mwc-w {
  width: 350px;
  margin: 0 auto;
}
.mobile-wrap .mwc-txt {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.4;
}
.mobile-wrap .mwc-txt.mct-hl {
  font-size: 16px;
  color: #588c3f;
  font-weight: bold;
}
.mobile-wrap .mwc-num {
  color: #F05555;
  font-size: 24px;
  font-weight: bold;
}
.mobile-wrap .mwc-btn-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: 25px;
}
.mobile-wrap .mbb-btn {
  width: 160px;
  height: 40px;
  background: #74ad5a;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.mobile-wrap .mbb-btn:hover {
  text-decoration: none;
  background: #5c8848
}
.mobile-wrap .mbb-btn.mbb-gray {
  background: #E6E6E6;
  color: #696969;
}
.mobile-wrap .mbb-btn.mbb-gray:hover {
  background: #CECECE;
}
.mobile-wrap .mbb-btn + .mbb-btn {
  margin-left: 10px;
}
.mobile-wrap .mbb-txt {
  color: #588c3F;
  font-size: 12px;
  margin-left: 10px;
  display: block;
}
.mobile-wrap .mwc-inpbox {
  width: 100%;
  display: flex;
  align-items: end;
  justify-content: start;
  flex-wrap: wrap;
}
.mobile-wrap .mwi-verify-inp {
  width: 100%;
}
.mobile-wrap .mwi-verify-inp {
  width: 200px;
}
.mobile-wrap .mwi-txt {
  font-size: 12px;
  color: #333;
  margin-left: 10px;
}
.mobile-wrap .mwc-inpbox .warning {
    width: 100%;
    margin-top: 10px;
}
/*----*/


/*--發票通知方式設定--*/
.notice-list-box {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.notice-list-box .nlb-item {
  width: 160px;
  margin: 5px 8px 5px 0;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.notice-list-box .nli-inp {
  margin-top: 2px;
}
.notice-list-box input.nli-inp[disabled] + .nli-txt {
  color: #888;
}
.notice-list-box  .nli-txt {
  font-size: 13px;
}
.notice-list-box .nit-tip {
  font-size: 12px;
}
.overage-unit {
  margin-right: 10px;
}
.overage-unit input.ou-inp[disabled] + .ou-txt {
  color: #888;
}

/*----*/



/*--電子郵件 模板 pp--*/
.db-mail-temp .dcb-file .dff-txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.db-mail-temp {
  width: 1000px;
}
.db-mail-temp * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.db-mail-temp .dmt-subtitle {
  width: 100%;
  font-size: 14px;
  color: #333;
  margin-bottom: 15px;
}
.db-mail-temp .dmt-content {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.db-mail-temp .dtc-temp {
  width: 570px;
  height: 588px;
  margin-right: 12px;
}
.db-mail-temp .dtc-ctrl {
  width: 338px;
  height: 588px;
  overflow-y: auto;
}
.db-mail-temp .dcc-box {
  width: 100%;
  padding: 16px 16px;
  margin-bottom: 10px;
  background: #f5f5f5;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 6px;
}
.db-mail-temp .dcb-sub {
  padding-bottom: 17px;
  border-bottom: 1px solid #cfcfcf;
}
.db-mail-temp .dcb-sub + .dcb-sub {
  padding: 17px 0;
}
.db-mail-temp .dcb-sub:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.db-mail-temp .dcb-title {
  width: 100%;
  font-size: 14px;
  color: #68a54b;
  margin-bottom: 10px;
}
.db-mail-temp .dcb-title .dbt-txt {
  color: #4a535e;
  margin-left: 5px;
}
.db-mail-temp .dcb-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}
.db-mail-temp .dcb-list + .dcb-list {
  margin-top: 16px;
}
.db-mail-temp .dcb-list dt {
  width: 20px;
  margin-right: 6px;
  padding-top: 2px;
}
.db-mail-temp .dcb-list dd {
  width: calc(100% - 26px);
}
.db-mail-temp .dcb-list .dcl-num {
  width: 20px;
  height: 20px;
  background: #68a54b;
  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;
  font-size: 13px;
  color: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 99em;
}
.db-mail-temp .dcb-txt {
  width: 100%;
  font-size: 13px;
  color: #555;
  line-height: 1.5;
  text-align: left;
  margin-bottom: 10px;
}
.db-mail-temp .dcb-file {
  height: 24px;
  position: relative;
  text-align: left;
  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;
}
.db-mail-temp .dcb-file + .dcb-link-box {
  margin-top: 10px;
  padding-top: 0px;
}
.db-mail-temp .dcb-file .dff-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 140px;
  height: 40px;
  cursor: pointer;
  z-index: 11;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.db-mail-temp .dcb-file .dff-btn {
  width: 68px;
  height: 24px;
  margin: 0 8px 0 0;
  padding: 3px 8px;
  border-radius: 2px;
  border: 1px solid #ccc;
  background-color: #e4e7ea;
  font-size: 13px;
  color: #4a535e;
  line-height: 1.3;
  text-align: center;
}
.db-mail-temp .dcb-file .dff-txt {
  width: calc(100% - 76px);
  font-size: 13px;
  color: #555;
}
.db-mail-temp .dcb-link-box {
  width: 100%;
  padding-top: 3px;
}
.db-mail-temp .dcb-link-box .dlb-title {
  width: 100%;
  font-size: 14px;
  color: #4a535e;
  margin-bottom: 8px;
}
.db-mail-temp .dcb-link-box .dlb-inp {
  width: 100%;
  height: 35px;
  padding: 0 10px;
  font-size: 13px;
  color: #555;
  border-radius: 5px;
  border: solid 1px #c1c1c1;
}
.db-mail-temp .dcl-check-box {
  padding-bottom: 8px;
  border-bottom: 1px solid #cfcfcf;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.db-mail-temp .dcl-check-box + .dcl-check-box {
  padding: 8px 0;
  border-bottom: 1px solid #cfcfcf;
}
.db-mail-temp .dcl-check-box + .dcl-check-box:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.db-mail-temp .dcl-check-box.dcb-all .def-check {
  margin-bottom: 0;
}
.db-mail-temp .dcl-check-box .def-check {
  margin: 0 4px 14px 0;
}
.db-mail-temp .dcl-check-box .def-check input[type=checkbox] {
  display: none;
}
.db-mail-temp .dcl-check-box .def-check.disabled {
  color: #afc0c1;
}
.db-mail-temp .dcl-check-box .def-check .dc-checkbox {
  cursor: pointer;
  min-width: 98px;
  height: 16px;
  padding-left: 19px;
  overflow: visible;
  display: inline-block;
  position: relative;
  font-size: 13px;
  color: #4f4f4f;
  line-height: 1.3;
  text-align: left;
  margin-bottom: 0 !important;
}
.db-mail-temp .dcl-check-box .def-check label.dc-checkbox:before {
  background: transparent;
  border: 2px solid #dbdbdb;
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 16px;
  height: 16px;
  background: white;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 3px;
}
.db-mail-temp .dcl-check-box .def-check label.dc-checkbox:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 4px;
  left: 3px;
  width: 10px;
  height: 5px;
  border: 2px solid #FFF;
  border-right: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.db-mail-temp .dcl-check-box .def-check input[type=checkbox]:checked + label:before, .db-mail-temp .dcl-check-box .def-check input[type=checkbox]:checked + input[type=hidden] + label:before {
  background: #588c3f;
  border: 1px solid #588c3f;
}
.db-mail-temp .dcl-check-box .def-check input[type=checkbox]:checked + label:after, .db-mail-temp .dcl-check-box .def-check input[type=checkbox]:checked + input[type=hidden] + label:after {
  opacity: 1;
}
.db-mail-temp .dcl-check-box .def-check input[type=checkbox]:disabled + label:before,
.db-mail-temp .dcl-check-box .def-check input[type=checkbox]:checked:disabled + label:before,
.db-mail-temp .dcl-check-box .def-check input[type=checkbox]:checked:disabled + input[type=hidden] + label:before {
  background: #afc0c1;
  border: 1px solid #afc0c1;
}
.db-mail-temp .dmt-btn-box {
  width: 100%;
  margin: 45px 0 30px;
  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;
}
.db-mail-temp .dmt-btn-box .btn {
  width: 220px;
  margin: 0 8px;
}
.db-mail-temp .dmt-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.db-mail-temp .dmt-list .dtl-box {
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 20px;
  padding: 18px 13px 25px 18px;
  border: 1px solid #cfcfcf;
  cursor: pointer;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 6px;
}
.db-mail-temp .dmt-list .dtl-box:hover, .db-mail-temp .dmt-list .dtl-box.dtlb-act {
  border-color: #68a54b;
  background-color: #fafff7;
  -webkit-box-shadow: 0 0 4px 0 rgba(104, 165, 75, 0.5);
  box-shadow: 0 0 4px 0 rgba(104, 165, 75, 0.5);
}
.db-mail-temp .dmt-list .dtl-box:hover .dtlb-radio, .db-mail-temp .dmt-list .dtl-box.dtlb-act .dtlb-radio {
  background: #588c3f;
  border: 1px solid #588c3f;
}
.db-mail-temp .dmt-list .dtl-box:hover .dtlb-radio:after, .db-mail-temp .dmt-list .dtl-box.dtlb-act .dtlb-radio:after {
  opacity: 1;
}
.db-mail-temp .dmt-list .dtlb-radio {
  content: "";
  margin-right: 10px;
  width: 18px;
  height: 18px;
  background: white;
  border: 1px solid #dbdbdb;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 99em;
}
.db-mail-temp .dmt-list .dtlb-radio:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 9px;
  height: 5px;
  border: 1px solid #FFF;
  border-right: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.db-mail-temp .dmt-list .dtlb-content {
  width: calc(100% - 28px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.db-mail-temp .dmt-list .dtlb-temp {
  width: 180px;
  margin-right: 13px;
}
.db-mail-temp .dmt-list .dtlb-temp .dbt-pic {
  width: 100%;
}
.db-mail-temp .dmt-list .dtlb-temp .dbt-pic img {
  width: 100%;
}
.db-mail-temp .dmt-list .dtlb-temp .dbt-txt {
  width: 100%;
  margin-top: 14px;
  color: #4f4f4f;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
.db-mail-temp .dmt-list .dtlb-type {
  width: calc(100% - 193px);
}
.db-mail-temp .dmt-list .dtlb-type .dbtp-title {
  width: 100%;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #555555;
  line-height: 1.4;
  margin-bottom: 10px;
}
.db-mail-temp .dmt-list .dtlb-type .dbtp-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.db-mail-temp .dmt-list .dtlb-type .dbtp-list li {
  margin: 0 7px 7px 0;
  padding: 3px 6px;
  background-color: #afafaf;
  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: 20px;
}
.db-mail-temp .dmt-list .dtlb-type .dbtp-list li:before {
  content: "";
  width: 8px;
  height: 5px;
  margin-right: 4px;
  border: 2px solid #FFF;
  border-right: none;
  border-top: none;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.db-mail-temp .dmt-list .dtlb-type .dbtp-list li.dtl-check {
  background: #68a54b;
}
.db-mail-temp .dmt-list .dtlb-type .dbtp-list li .dtl-txt {
  font-size: 12px;
  color: #FFF;
}
/*----*/





/*--票券提示 pp--*/
.db-ticket-alert {
  width: 500px;
  border-radius: 6px;
}
.db-ticket-alert * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.db-ticket-alert .popbox {
   border-radius: 6px;
   padding: 0;
}
.db-ticket-alert .panel-body {
   padding: 24px 14px 30px 24px!important;
}
.db-ticket-alert .dta-title {
   width: 100%;
   padding-top: 6px;
   margin-bottom: 24px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.db-ticket-alert .dtt-ic-box {
   width: 48px;
   height: 48px;
   margin-right: 16px;
   background: center center / contain no-repeat;
}
.db-ticket-alert .dtt-ic-box.dib-fail {
   background-image: url('../images/ap-icon-w-50-result-fail-white.svg');
}
.db-ticket-alert .dtt-ic-box.dib-success {
   background-image: url('../images/ap-icon-result-success-white.svg');
}
.db-ticket-alert .dtt-ic-box.dib-processing {
   background-image: url('../images/ap-icon-processing-border-white.svg');
}
.db-ticket-alert .dtt-ic-box.dib-attention {
   background-image: url('../images/ap-icon-list-atte-white.svg');
}
.db-ticket-alert .dtt-txt {
   font-size: 16px;
   color: #302e2d;
   line-height: 1.4;
}
.db-ticket-alert .dta-content {
   font-size: 14px;
   color: #302e2d;
   line-height: 1.5;
   text-align: center;
}
.db-ticket-alert .dta-btn-box {
  width: 100%;
  margin-top: 30px;
  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;
}
.db-ticket-alert .dta-btn-box .btn {
  width: 120px;
  margin: 0 10px;
}
.db-ticket-alert .dta-btn-box .btn-primary.btn-sec {
   background-color: #5bc0de;
   border-color: #46b8da;
}
.db-ticket-alert .dta-btn-box .btn-primary.disabled {
   background-color: #e4e7ea;
   border-color: #cccccc;
   color: #636e7b;
   opacity: 1;
}
/*----*/



/*--票券提示2 pp--*/
.db-ticket-alert2 {
  width: 500px;
  border-radius: 6px;
}
.db-ticket-alert2.dta2-w {
   width: 400px;
}
.db-ticket-alert2.dta2-w2 {
   width: 600px;
}
.db-ticket-alert2.dta2-w3 {
   width: 650px;
}
.db-ticket-alert2.dta2-w4 {
   width: 900px;
}
.db-ticket-alert2 * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.db-ticket-alert2 .popbox {
   border-radius: 6px;
   padding: 0;
}
.db-ticket-alert2 .panel-body {
   padding: 24px 14px 30px 24px!important;
}
.db-ticket-alert2 .dta-title {
   width: 100%;
   margin-bottom: 24px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.db-ticket-alert2 .dtt-txt {
   font-size: 16px;
   color: #302e2d;
   line-height: 1.4;
}
.db-ticket-alert2 .dta-content {
   font-size: 14px;
   color: #302e2d;
   line-height: 1.5;
   text-align: left;
}
.db-ticket-alert2 .dta-btn-box {
  width: 100%;
  margin-top: 30px;
  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;
}
.db-ticket-alert2 .dta-btn-box .btn {
  width: 120px;
  margin: 0 10px;
}
.db-ticket-alert2 .dta-btn-box .btn-primary.btn-sec {
   background-color: #5bc0de;
   border-color: #46b8da;
}
.db-ticket-alert2 .dta-btn-box .btn-primary.disabled {
   background-color: #e4e7ea;
   border-color: #cccccc;
   color: #636e7b;
   opacity: 1;
}

.db-ticket-alert2 .dta-form {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
  text-align: left;
}
.db-ticket-alert2 .dta-form.dtf-2 dl + dl {
  margin-top: 8px;
}
.db-ticket-alert2 .dta-form.dtf-2 dt {
   margin-bottom: 0;
}
.db-ticket-alert2 .dta-form dl {
  width: 100%;
  margin: 0;
}
.db-ticket-alert2 .dta-form dl.dtf-oneline {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.db-ticket-alert2 .dta-form .dtf-oneline dt {
  width: 100px;
}
.db-ticket-alert2 .dta-form dl + dl {
  margin-top: 16px;
}
.db-ticket-alert2 .dta-form dt, .db-ticket-alert2 .dta-form dd {
  width: 100%;
}
.db-ticket-alert2 .dta-form dt {
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
}
.db-ticket-alert2 .dta-form dd input[type=text], .db-ticket-alert2 .dta-form dd input[type=tel],
.db-ticket-alert2 .dta-form dd input[type=email], .db-ticket-alert2 .dta-form dd input[type=password] {
  width: 100%;
}
.db-ticket-alert2 .dta-form .dtf-txtarea {
  width: 100%;
  min-height: 100px;
}
.db-ticket-alert2 .dta-form .df-error-box {
  font-size: 12px;
  color: #a40000;
  line-height: 1.2;
  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;
  margin-top: 8px;
  padding-left: 8px;
}
.db-ticket-alert2 .dta-form .df-error-box:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  background: url("../images/ic-24-x-atte-og.svg") center center/contain no-repeat;
}

.db-ticket-alert2 .dta-note {
  margin-top: 24px;
  font-size: 14px;
  color: #514f4e;
  line-height: 1.4;
  border: 1px solid #9dd4b8;
  background: #f2fef8;
  padding: 16px 16px;
}
.db-ticket-alert2 .dta-note .dnt-txt {
   font-size: 14px;
   color: #514f4e;
   line-height: 1.4;
   margin-bottom: 5px;
 }
.db-ticket-alert2 .dta-note ul {
  padding-left: 20px;
}
.db-ticket-alert2 .dta-note li {
  list-style-type: disc;
  margin-bottom: 3px;
}
.db-ticket-alert2 .dta-note li:last-child {
  margin-bottom: 0;
}

.dta-fees {
   width: 800px;
}
.dta-tip {
   width: 100%;
   text-align: right;
   font-size: 13px;
   margin-top: 3px;
}
.dtf-tip {
   width: 100%;
   text-align: left;
   font-size: 13px;
   line-height: 1.4;
   margin-top: 5px;
}
.dta-txt-box {
   font-size: 14px;
   color: #333;
   line-height: 1.4;
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 8px;
}
.dta-tb-oflow {
   width: 100%;
   height: 288px;
   overflow-y: auto;
}
.dta-tb-oflow.dtof-w2 {
   height: auto;
   min-height: 200px;
   max-height: 400px;
}
.dta-tkuisample {
   width: 800px;
}
.dta-tkui-mflog {
   width: 800px;
}
.dta-tkpd-mflog,
.dta-tkprints-log,
.dta-tkreport-store,
.dta-ws-add,
.dta-tuu-log,
.dta-tkdonate-cancel {
   width: 800px;
}
.dta-tuu-log .dwa-tbh,
.dta-ws-add .dwa-tbh {
   width: 100%;
   height: 288px;
   overflow-y: auto;
}
.dta-tkorder-log,
.dta-tbr-log {
   width: 1100px;
}
.dta-tkpub-cfm,
.dta-tkorder-info,
.dta-tkorder-change,
.dta-ws-edit,
.dta-tuu-edit,
.dta-tbr-edit {
   width: 650px;
}
.dta-ws-edit textarea ,
.dta-tuu-edit textarea  {
   resize:vertical;
}
.dta-loading {
   width: 600px;
   text-align: center;
}

.dta-tkreport-store {
   width: 650px;
}
.dta-tkreport-store .dta-form dl + dl,
.dta-tuu-log .dta-form dl + dl {
  margin-top: 8px;
}
.dta-tuu-log .dta-form dt,
.dta-tkreport-store .dta-form dt {
  margin-bottom: 0;
}
.dta-status-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
}
.dta-status-box .dsb-ic {
   width: 150px;
   margin-bottom: 24px;
}
.dta-status-box .dsb-ic img {
   width: 100%;
   display: block;
}
.dta-status-box .dsb-txt {
   font-size: 16px;
   font-weight: bold;
   color: #333;
   line-height: 1.5;
   text-align: center;
}
.dta-status-box .dsb-g {
   color: #4AB348;
}
.dta-status-box .dsb-r {
   color: #F16161;
}
.dta-status-box .dta-list {
   width: 100%;
   padding: 16px 16px;
   margin-top: 24px;
   border-top: 1px solid #DFDFDF;
   font-size: 16px;
   color: #333;
   line-height: 1.5;
}
.dta-status-box .dta-list li {
   list-style: none;
   padding: 0;
}
.dta-status-box .dta-list li + li {
   margin-top: 5px;
}
/*----*/


/*--自訂欄位說明 pp--*/
.db-tkdata-sample {
  width: 790px;
  border-radius: 6px;
}
.db-tkdata-sample * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.db-tkdata-sample .popbox {
  border-radius: 6px;
  padding: 0;
}
.db-tkdata-sample .panel-body {
  padding: 24px 14px 30px 24px !important;
}
.db-tkdata-sample .dta-title {
  width: 100%;
  margin-bottom: 24px;
  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;
}
.db-tkdata-sample .dtt-txt {
  font-size: 16px;
  color: #302e2d;
  line-height: 1.4;
}
.dts-note {
  margin-bottom: 16px;
  font-size: 14px;
  color: #302e2d;
  line-height: 1.4;
}
.dts-note ul {
  padding-left: 20px;
}
.dts-note li {
  list-style-type: disc;
  margin-bottom: 3px;
}
.dts-note li:last-child {
  margin-bottom: 0;
}
.db-tkdata-sample .dts-sample-box {
  width: 100%;
}
.db-tkdata-sample .dts-sample-box + .dts-sample-box {
  margin-top: 16px;
}
.db-tkdata-sample .dts-sample-box .dsb-title {
  width: 72px;
  height: 30px;
  background: #9dd4b8;
  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;
  font-size: 14px;
  color: #30473b;
}
.db-tkdata-sample .dts-sample-box .dsb-content {
  width: 100%;
  padding: 16px 16px;
  border: 1px solid #9dd4b8;
  font-size: 14px;
  color: #302e2d;
}
.db-tkdata-sample .dts-sample-box .dsc-title {
  display: block;
  margin-bottom: 3px;
}

/*----*/



/*-- 票券總覽 --*/
.ccb-ti {
   width: 1234px;
   display: flex;
   flex-wrap: wrap;
}
.ccb-ti + .ccb-ti {
   margin-top: 20px;
}
.ccb-ti.cti-2 {
   align-items: stretch;
}
.ccb-ti.cti-2 .cbt-status {
   width: calc(100% - 390px);
}
.ccb-ti.cti-2 .cbt-news {
   width: 390px;
}
.ccb-ti.cti-2 .ti-tabs li {
   width: 80px;
}
.ccb-ti.cti-2 .tis-tab-content {
   margin: 20px 0 20px;
}
.ccb-ti.cti-2 .ti-tabs {
   top: -44px;
}

.ccb-ti .panel {
   margin-bottom: 0;
}
.ccb-ti .cbt-status {
   width: calc(100% - 340px);
}
.ccb-ti .cbt-status .panel {
   min-height: 280px;
}
.tbw-ti {
   width: 100%;
   position:  relative;
}
.ti-tabs {
   position: absolute;
   display: flex;
   align-items: center;
   justify-content: center;
   right: 0;
   top: -54px;
}
.ti-tabs li {
   width: 60px;
   height: 30px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px;
   font-size: 14px;
   color: #302e2d;
   cursor: pointer;
   background: transparent;
   transition: .3s;
}
.ti-tabs li:hover {
   background: #ededed;
}
.ti-tabs li.active {
   color: #007939;
   background: #daf2e5;
}
.tis-tab-content {
   margin: 30px 0 20px;
}
.tis-tab-content + .tis-btn-box {
   margin-top: -10px;
}
.tis-btn-box {
   text-align: right;
   margin-bottom: 20px;
}
.ttc-box {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-wrap: wrap;
}
.ttc-box .tcb-type {
  width: 100%;
  margin-bottom: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   align-items: center;
   justify-content: flex-start;
   position: relative;
   z-index: 5;
}
.tcb-type .ttp-select {
  width: 110px;
}
.tcb-type .ttp-select select {
  width: 100%;
  margin-bottom: 0;
  border: 1px solid #c1c1c1;
  background: #FFF;
}
.tcb-type .ttp-select select:disabled {
  background: #ececec;
}
.ttc-box .tcb-group {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
}
.ttc-box .tcb-price-list,
.ttc-box .tcb-ticketnum-list {
   width: calc(100% - 305px);
   min-width: 156px;
   margin-right: 15px;
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   flex-wrap: wrap;
}
.ttc-box .tcb-price-list li,
.ttc-box .tcb-ticketnum-list li {
   width: calc(33.33% - 15px);
   min-width: 156px;
   height: 95px;
   margin: 0 15px 0px 0;
   padding: 10px 10px;
   background: #f2fef8;
   border: 1px solid #9dd4b8;
   border-radius: 8px;
   list-style-type: none;
   text-indent: 0;
   flex-grow: 1;
}

.ttc-box .tcb-ticketnum-list li {
   height: 87px;
}

.ttc-box .tcb-price-list .tpl-txt {
   font-size: 16px;
   line-height: 1.4;
   color: #333;
   margin-bottom: 0;
}

.ttc-box .tcb-ticketnum-list .ttl-txt {
   font-size: 14px;
   line-height: 1.4;
   color: #333;
   margin-bottom: 0;
}

.ttc-box .tcb-price-list .tpl-price {
   margin-top: 15px;
   font-size: 16px;
   line-height: 1.4;
   color: #302e2d;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.ttc-box .tcb-price-list .tpl-price .tlp-currency {
   font-size: 14px;
   margin-right: 8px;
   color: #5a736b;
}
.tlp-box {
   width: calc(100% - 35px);
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
}
.ttc-box .tcb-price-list .tpl-price .tlp-num {
   font-size: 30px;
   font-weight: bold;
   color: #2d4d42;
}
.ttc-box .tlp-num .tpn-txt {
   color: #2d4d42;
}
.ttc-box .tcb-price-list .tpl-price .tlp-currency2 {
   font-size: 14px;
   margin-left: 2px;
   color: #5a736b;
   padding-bottom: 5px;
}
.ttc-box .tcb-ticketnum-list .ttl-num {
   margin-top: 5px;
   font-size: 32px;
   font-weight: bold;
   line-height: 1.2;
   color: #2d4d42;
   display: flex;
   align-items: center;
   justify-content: center;
}
.ttc-box .tcb-ticketnum-list .tln-txt {
   color: #2d4d42;
}

.contentpanel .tis-calculist {
   width: calc(100% - 340px);
   margin-right: 50px;
}
.contentpanel .tis-calculist li {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-size: 17px;
   line-height: 1.4;
   color: #333;
   list-style: none;
   text-indent: 0;
   margin: 0 0px 10px 0;
   padding: 0px;
}
.contentpanel .tis-calculist .tip_box_tc {
   font-size: 14px;
}
.contentpanel .tis-calculist li.tsc-total {
   padding-top: 10px;
   border-top: 1px solid #555;
}
.contentpanel .tis-calculist .tsc-num {
   text-align: right;
}
.contentpanel .tis-calculist .tsc-num .tn-txt {
   color: #68A54B;
}
.contentpanel .tis-calculist .tsc-num .tn-tip {
   font-size: 13px;
   color: #555;
}
.contentpanel .tis-calculist .tsc-num .tn-currency {
   font-size: 15px;
}


.ttc-chart-block {
   width: 290px;
   position: relative;
   padding: 0;
   box-sizing: border-box;
   text-align: center;
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   flex-wrap: wrap;
}
.ttc-chart-block.tcb2 {
   width: 290px;
}

.ttc-chart-block .tcb-chart {
   position: relative;
   text-align: center;
   width: 180px;
   margin-right: 15px;
}

.ttc-chart-block .tbc-holder {
   width: 100%;
   position: relative;
}

.ttc-chart-block .tcb-content-wrap {
   width: calc(100% - 195px);
}

.contentpanel .ttc-chart-block .tcb-content li {
   display: block;
   margin-top: 8px;
   padding-left: 0;
   list-style: none;
   font-size: 14px;
   color: #302e2d;
   line-height: 1.4;
   text-indent: 0;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.ttc-chart-block .c-block {
   width: 20px;
   height: 20px;
   display: block;
   margin-right: 15px;
}

.ttc-chart-block .cb-1 {
   background: #ebf1de;
}

.ttc-chart-block .cb-2 {
   background: #0d6600;
}

.ttc-chart-block .cb-3 {
   background: #f8c003;
}

.ttc-chart-block .cb-red {
   background: #d9534f;
}

.ttc-txt {
   width: 100%;
   text-align: left;
   font-size: 14px;
   line-height: 1.4;
   color: #666;
   margin-top: 10px;
}

.ttc-list {
   width: 100%;
   text-align: left;
   font-size: 14px;
   line-height: 1.4;
   color: #666;
   margin-top: 10px;
   list-style-type: disc;
}

.ttc-list li {
   margin-bottom: 2px;
}

.ttc-list li:last-child {
   margin-bottom: 0px;
}

.ttc-list .tl-hl {
   color: #007939;
}


/*--ticket news--*/
.ccb-ti .cbt-news {
   width: 340px;
}
.contentpanel .ctn-list {
   width: 100%;
   margin-bottom: 20px;
}
.contentpanel .ctn-list li {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   padding-left: 0px;
   margin-bottom: 8px;
   text-indent: 0px;
}
.contentpanel .ctn-list li:last-child {
   margin-bottom: 0;
}
.ctn-list .cnl-type {
   width: 34px;
   height: 20px;
   font-size: 12px;
   color: white;
   display: flex;
   align-items: center;
   justify-content: center;
}
.ctn-list .cnl-type.cnt-imptnt {
   background: #ac1f1b;
}
.ctn-list .cnl-type.cnt-imptnt:before {
   content: '重要';
}
.ctn-list .cnl-type.cnt-system {
   background: #f0ad4e;
}
.ctn-list .cnl-type.cnt-system:before {
   content: '系統';
}
.ctn-list .cnl-type.cnt-maintain {
   background: #d9534f;
}
.ctn-list .cnl-type.cnt-maintain:before {
   content: '維護';
}
.ctn-list .cnl-type.cnt-news {
   background: #5bc0de;
}
.ctn-list .cnl-type.cnt-news:before {
   content: '新聞';
}
.ctn-list .cnl-type.cnt-announce {
   background: #428bca;
}
.ctn-list .cnl-type.cnt-announce:before {
   content: '公告';
}
.ctn-list .cnl-date {
   font-size: 12px;
   color: #302e2d;
   line-height: 1;
   margin: 0 8px;
}
.ctn-list .cnl-title {
   width: calc(100% - 120px);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}



/*--票券--*/
.ccb-ti .cbt-total-content {
   width: 50%;
}
.ccb-ti .cbt-total-content .panel {
   min-height: 350px;
}
.cbt-total-content .ti-tabs {
   top: -40px;
}
.cbt-total-content .tcb-type {
   position: absolute;
   right: 0;
   top: -51px;
}
.cbt-total-content .ti-tabs li {
   width: 88px;
}
.cbt-total-content .tot-tab-content {
   margin: 30px 0 20px;
}


.ccb-ti .cbt-order-total {
   width: 50%;
}
.ccb-ti .cbt-order-total .panel {
   min-height: 400px;
}
.ti-order-total .ti-tabs {
   top: -40px;
}
.ti-order-total .tcb-type {
   position: absolute;
   right: 0;
   top: -51px;
}
.ti-order-total .ti-tabs li {
   width: 88px;
}
.ti-order-total .tot-tab-content {
   margin: 30px 0 20px;
}
.tot-tab-content + .tot-btn-box {
   margin-top: -10px;
}
.tot-btn-box {
   text-align: right;
   margin-bottom: 20px;
}
.tot-tab-content .totc-box {
  width: 100%;
}
.tot-tab-content .tocb-info {
  width: 100%;
  margin-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tot-tab-content .toi-txt {
   font-size: 14px;
   line-height: 1.4;
 }
.tot-tab-content .toi-select {
  width: 110px;
}
.tot-tab-content .toi-select select {
  width: 100%;
  margin-bottom: 0;
  border: 1px solid #c1c1c1;
  background: #FFF;
}
.tot-tab-content .toi-select select:disabled {
  background: #ececec;
}
.tot-tab-content .toi-num {
  font-size: 36px;
  color: #2d4d42;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.tot-tab-content .toi-num .tin-currency {
  font-size: 16px;
  font-weight: normal;
  margin-right: 8px;
}
.tot-tab-content .totc-chart-block {
  width: 100%;
}
.tot-tab-content .totc-chart-block .tocb-chart {
  width: 100%;
}
.tot-tab-content .totc-chart-block .tbc-holder {
  height: 200px;
}
.tot-tab-content .totc-chart-block .tocb-content-wrap {
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
   flex-wrap: wrap;
}
.tot-tab-content .totc-chart-block .tocb-txt {
  width: 100%;
  text-align: right;
  font-size: 14px;
  line-height: 1.4;
}
.tot-tab-content .totc-chart-block .tocb-list {
  min-width: 140px;
  padding: 10px 20px;
  border: 1px solid #ebebeb;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.tot-tab-content .totc-chart-block .tocb-list + .tocb-txt {
   margin-top: 15px;
}
.tot-tab-content .totc-chart-block .tocb-list li {
  display: block;
  list-style: none;
  font-size: 14px;
  color: #757575;
  line-height: 1.4;
  text-indent: 0;
  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;
}
.tot-tab-content .totc-chart-block .tocb-list li + li {
   margin-left: 15px;
}
.tot-tab-content .totc-chart-block .c-block {
  width: 30px;
  height: 1px;
  display: block;
  margin-right: 10px;
}
.tot-tab-content .totc-chart-block .cb-1 {
  background: #007939;
}
.tot-tab-content .totc-chart-block .cb-2 {
  background: #2c6189;
}

.ccb-ti .cbt-pd-sales {
  width: 50%;
}
.ccb-ti .cbt-pd-sales .panel {
  min-height: 355px;
  padding-bottom: 10px;
}
.ccb-ti .cbt-pd-sales .ti-pd-sales .ti-tabs {
  top: -40px;
}
.ccb-ti .cbt-pd-sales .tps-tab-content {
  margin: 16px 0 20px;
}
.ccb-ti .cbt-pd-sales .tps-tab-content .tstc-box {
  width: 100%;
}
.ccb-ti .cbt-pd-sales .cps-table {
  width: 100%;
  font-size: 14px;
  color: #302e2d;
  line-height: 1.4;
  text-align: center;
}
.ccb-ti .cbt-pd-sales .cps-table colgroup col:nth-child(1) {
  width: 10%;
  min-width: 50px;
}
.ccb-ti .cbt-pd-sales .cps-table colgroup col:nth-child(2) {
  width: 20%;
  min-width: 76px;
}
.ccb-ti .cbt-pd-sales .cps-table colgroup col:nth-child(3) {
  width: 45%;
}
.ccb-ti .cbt-pd-sales .cps-table colgroup col:nth-child(4) {
  width: 25%;
  min-width: 116px;
}
.ccb-ti .cbt-pd-sales .cps-table thead {
  border-bottom: 1px solid #007939;
}
.ccb-ti .cbt-pd-sales .cps-table tbody tr {
  background: white;
}
.ccb-ti .cbt-pd-sales .cps-table tbody tr:nth-child(2n) {
  background: #ecf5f0;
}
.ccb-ti .cbt-pd-sales .cps-table th, .ccb-ti .cbt-pd-sales .cps-table td {
  padding: 10px 10px;
  text-align: center;
}
.ccb-ti .cbt-pd-sales .cps-table th:nth-child(3), .ccb-ti .cbt-pd-sales .cps-table td:nth-child(3) {
  text-align: left;
}
.ccb-ti .cbt-pd-sales .cps-table .cpt-pd {
  width: 242px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ccb-ti .cbt-pd-sales .cps-txt {
  width: 100%;
  text-align: right;
  font-size: 14px;
  line-height: 1.4;
  color: #666;
  margin-top: 20px;
}

.ccb-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 16px 0;
}
.ccb-between .pager {
  color: #666;
}

.cbt-tk-setting {
   width: 832px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
   flex-wrap: wrap;
}
.cbt-tk-setting .cts-box {
  width: calc(50% - 16px);
  max-width: 400px;
  height: 392px;
  margin: 0 32px 22px 0;
  padding: 42px 24px;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFF;
  position: relative;
  /*border: 3px solid #4ab348;*/
  border-radius: 5px;
  -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}
.cbt-tk-setting .cts-box:nth-child(2n) {
  margin-right: 0;
}
.cbt-tk-setting .cts-box.csb-finish {
  border-color: transparent;
}
.cbt-tk-setting .cts-box.csb-finish .csb-finish-ic {
  display: block;
}
.cbt-tk-setting .cts-box.csb-finish .csb-btn-box .btn {
  border: 1px solid #7ec77c;
  background: #dcfedb;
  color: #348c33;
}
.cbt-tk-setting .csb-icon {
  width: 74px;
}
.cbt-tk-setting .csb-icon img {
  width: 100%;
}
.cbt-tk-setting .csb-title {
  font-size: 26px;
  font-weight: bold;
  color: #1d2939;
  margin-top: 24px;
  text-align: center;
  line-height: 1.2;
}
.cbt-tk-setting .csb-txt {
   height: 36px;
  font-size: 12px;
  color: #888;
  margin-top: 15px;
  text-align: center;
  line-height: 1.5;
}
.cbt-tk-setting .csb-note {
   height: 36px;
  font-size: 12px;
  color: #888;
  margin-top: 15px;
  text-align: center;
  line-height: 1.5;
}
.cbt-tk-setting .csb-not li {
   list-style-type: disc;
   margin-bottom: 5px;
}
.cbt-tk-setting .csb-not li:last-child {
   margin-bottom: 0;
}
.cbt-tk-setting .csb-warning {
  width: 100%;
  height: 50px;
  padding: 6px 8px;
  background: #fff5f5;
  border: 1px solid #ed9a9a;
  font-size: 12px;
  color: #f16161;
  margin-top: 15px;
  text-align: center;
  line-height: 1.5;
  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;
}
.cbt-tk-setting .csb-warning.cw-nocontent {
  background: transparent;
  border: 1px solid transparent;
}
.cbt-tk-setting .csb-btn-box {
  margin-top: 17px;
}
.cbt-tk-setting .csb-btn-box .btn {
  width: 150px;
  height: 40px;
  font-size: 15px;
  line-height: 30px;
}
.cbt-tk-setting .csb-finish-ic {
  display: none;
  width: 109px;
  height: 109px;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 5;
  background: url("../images/mark-succ.svg") center center/contain no-repeat;
}

/*----*/


/*--標籤切換--*/
.tkcc-feetype {
   width: 100%;
   height: 46px;
   text-align: right;
   position: relative;
   z-index: 1;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   padding-bottom: 5px;
   margin-bottom: -45px;
   font-size: 13px;
   color: #333;
}
.tbw-tkcc {
   width: 100%;
   position: relative;
   z-index: 10;
}
.contentpanel .tkcc-tabs, 
.tkcc-tabs {
   width: 100%;
   display: flex;
   align-items: flex-end;
   justify-content:  flex-start;
   border-bottom: 2px solid #2B9038;
   margin-bottom: 20px;
}
.tkcc-tabs li {
   width: 184px;
   height: 44px;
   color: #555;
   background-color: #efefef;
   font-size: 15px;
   font-weight: bold;
   line-height: 1;
   padding: 10px 0;
   margin-right: 20px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   list-style: none;
   text-indent: 0px;
   cursor: pointer;
}
.tkcc-tabs li:last-child {
   margin-right: 0px;
}
.tkcc-tabs li.active {
   color: #fff;
   background-color: #2B9038;
}
/*----*/


/*-- 票券自訂欄位 異動歷程 --*/
.tsc-sample-box {
  width: 100%;
  margin-bottom: 40px;
}
.tsc-sample-box .tsb-title {
  width: 150px;
  height: 30px;
  background: #9dd4b8;
  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;
  font-size: 14px;
  color: #30473b;
}
.tsc-sample-box .tsb-content {
  width: 100%;
  padding: 16px 16px;
  border: 1px solid #9dd4b8;
  font-size: 14px;
  color: #302e2d;
  max-height: 500px;
  overflow-y: auto;
}
.tsc-sample-box .tsc-box {
   padding-bottom: 40px;
}
.tsc-sample-box .tsc-box + .tsc-box {
      padding: 40px 0;
      border-top: 2px solid #888;
}
.tsc-sample-box .tsc-title {
   width: 100%;
   display: block;
   font-size: 14px;
   color: #5d9578;
   border-bottom: 1px dotted #888;
   padding-bottom: 8px;
}
.tsc-sample-box .tsc-detail {
   padding-top: 8px;
   font-size: 14px;
   line-height: 1.5;
}
.tsc-sample-box .tcd-title {
   font-size: 15px;
   margin-bottom: 4px;
}
/*----*/


.inp-error-box {
   font-size: 12px;
   color: #d9534f;
   line-height: 1.2;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-top: 5px;
   padding-left: 5px;
}
.qf-textarea {
   width: 100%;
   border: 1px solid #c1c1c1;
   font-size: 14px;
   color: #333;
   border-radius: 5px;
   padding: 8px 8px;
}
.qf-terms-ck {
   width: 550px;
   margin: 0 auto;
}
.qf-terms-ck .qtc-inp {
   display: inline-block;
   width: 16px;
   margin-left: 0;
}
.qf-exp-box {
   font-size: 13px;
   color: #333;
   line-height: 1.4;
   margin-top: 30px;
}
.qeb-sign-box {
   width: 100px;
   height: 40px;
   display: inline-block;
   margin: 0 3px;
   padding: 2px 2px;
   font-size: 16px;
   color: #333;
   font-family: '標楷體';
   text-align: center;
   border: 4px solid #ba0000;
}
.qsb-txt {
   width: 100%;
   height: 100%;
   border: 2px solid #ba0000;
   display: flex;
   align-items: center;
   justify-content: center;
}


.table tr td .info-sign, .table tr th .info-sign, .info-sign {
   background-image: url(../images/icon_info.png);
   background-position: 0 0px;
   width: 20px;
   height: 20px;
   display: inline-block;
   margin-left: 1px;
   cursor: pointer;
   vertical-align: -5px;
   text-align: left;
   line-height: 1.4;
}

.tsd-img-prev {
   display:  inline-block;
}

.tsd-img-prev.tip-logo {
   width: 166px;
}

.tsd-img-prev.tip-bner {
   width: 200px;
}

.tsd-img-prev img {
   width: 100%;
   display: inline-block;
   border: 1px solid #CCC;
   vertical-align: top;
}

.tsd-social {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin: 10px 0;
   position: relative;
}
.tsd-social dt {
   margin-right: 5px;
   width: 80px;
}
.tsd-social dd {
   margin-right: 5px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.tsd-social .warring {
   right: -58px;
}
.tsd-return-terms {
   width: 100%;
   height: 200px;
   overflow-y: auto;
   border: 1px solid #CCC;
   padding: 10px 10px;
   border-radius: 4px;
}
.trt-num {
   width: 100%;
   margin-top: 5px;
   text-align: right;
   font-size: 13px;
   color: #888;
}
.trt-link-box {
   width: 100%;
   margin-bottom: 5px;
   text-align: right;
   font-size: 13px;
   color: #888;
}
.trt-txtarea {
   width: 100%;
   height: 100px;
   border: 1px solid #CCC;
   padding: 10px 10px;
   border-radius: 4px;
}
.tks-modifytxt{
   color: #d9534f;
}
.tks-modifytxt.tm-delete {
   text-decoration: line-through;
}



/*--標籤切換--*/
.tbw-module {
   width: 100%;
}
.contentpanel .twm-tabs, 
.twm-tabs {
   width: 100%;
   display: flex;
   align-items: flex-end;
   justify-content:  flex-start;
   border-bottom: 2px solid #2B9038;
   margin-bottom: 20px;
   position: relative;
}
.twm-tabs li {
   width: 184px;
   height: 44px;
   color: #555;
   background-color: #efefef;
   font-size: 15px;
   font-weight: bold;
   line-height: 1;
   padding: 10px 0;
   margin-right: 20px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   list-style: none;
   text-indent: 0px;
   cursor: pointer;
}
.twm-tabs li:last-child {
   margin-right: 0px;
}
.twm-tabs li.active {
   color: #fff;
   background-color: #2B9038;
}
.twm-tabs li.active .tips-txt {
   display: block;
   color: #333;
   font-weight: normal;
}
.twm-tabs li .tips-txt {
  display: none;
  position: absolute;
  right: 0;
  top: 11px;
}
/*----*/



/*--銀行閘道排序--*/
.gtw-tab-content {
   width: 680px;
}
.gtc-box {
   width: 100%;
}
.gtb-title {
   padding: 0 10px;
   font-size: 14px;
   color: #333;
   text-align: left;
   margin-bottom: 20px;
}
.gtb-sequence {
   padding: 0 30px;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.gts-box {
   width: 294px;
}
.gts-box + .gts-box {
   margin-left: 30px;
}
.gsb-title {
   font-size: 14px;
   color: #000;
   text-align: left;
   margin-bottom: 10px;
}
.gsb-list {
   width: 100%;
}
.gsb-list li {
   width: 100%;
   height: 40px;
   border: 1px solid #ccc;
   background: #e5f7d9;
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 15px;
   color: #333;
   line-height: 1.4;
   padding: 0 15px;
}
.gsb-list li + li {
   margin-top: 10px;
}
.gsl-move {
   width: 24px;
   height: 24px;
   cursor: grab;
}
.gsl-move img {
   width: 100%;
}
.gtw-btn-box {
   width: 680px;
   text-align: center;
   margin-top: 30px;
}
.gsb-nodata {
   width: 100%;
   margin-top: 20px;
   text-align: center;
   color: #333;
   font-size: 15px;
}
/*----*/



.pd-img-prev {
   display: inline-block;
}

.pd-img-prev.pip-pic {
   width: 200px;
}

.pd-img-prev img {
   width: 100%;
}

.tp-instruction {
   width: 100%;
}
.tp-instruction dl {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin: 10px 0;
   position: relative;
}
.tp-instruction  dt {
   margin-right: 10px;
   width: 24px;
   text-align: right;
}
.tp-instruction  dd {
   margin-right: 5px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.tp-instruction .warring {
   right: -58px;
}


/*-- 設定可核銷商店 --*/
.tk-store-setting {
   width: 100%;
   max-height: 206px;
   overflow-y: auto;
}
.tst-txt {
   font-size: 14px;
   color: #4a535e;
   line-height: 1.5;
}
.tst-txt.tst-hl {
   color: #4ab348;
}
.contentpanel .tss-list {
   margin-top: 15px;
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
}
.contentpanel .tss-list li {
   width: 100%;
   padding-right: 15px;
   margin-bottom: 8px;
   font-size: 14px;
   color: #4a535e;
   line-height: 1.4;
   text-align: left;
   list-style-type: none;
}
.dta-writeoff-store {
   width: 600px;
}
.ows-list {
   width: 100%;
   max-height: 370px;
   overflow-y: auto;
   margin-top: 15px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
}
.ows-list label {
   width: 100%;
   padding-right: 10px;
   display: block;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
}
input[type="checkbox"].osl-ck {
   width: 18px;
   margin: 3px 7px 0 0;
   flex-shrink: 0;
}
.osl-ck:checked + .osl-txt {
   color: #0060df;
}
.osl-txt {
   width: 100%;
   display: inline-block;
   line-height: 1.4;
}
/*----*/


/*----*/
.dta-subac-branch {
   width: 600px;
}
.subac-list {
   width: 100%;
   max-height: 370px;
   overflow-y: auto;
   margin-top: 15px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
}
.subac-list label {
   width: 100%;
   padding-right: 5px;
   display: block;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
}
.subac-list input[type="checkbox"].scl-ck {
   width: 18px;
   margin: 3px 7px 0 0;
   flex-shrink: 0;
}
.subac-list .scl-ck:checked + .scl-txt {
   color: #0060df;
}
.subac-list input[type="radio"].scl-rdo {
   width: 18px;
   margin: 3px 7px 0 0;
   flex-shrink: 0;
}
.subac-list .scl-rdo:checked + .scl-txt {
   color: #0060df;
}
.subac-list .scl-txt {
   width: 100%;
   display: inline-block;
   line-height: 1.4;
}
/*----*/


.temperature {
    display: inline-block;
    background-color: #75c55f;
    line-height: 30px;
    width: 50px;
    text-align: center;
    color: #fff;
    margin: 5px;
    border-radius: 4px;
}


/*--上傳--*/
.upload-box {
   width: 635px;
   display: block;
   padding: 20px 16px;
   background: #ecf5f0;
   border-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.upload-box .btn {
   display: block;
}
.upload-box .def-file {
  height: 28px;
  position: relative;
  text-align: left;
  display: block;
  padding-left: 80px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.upload-box .dff-no-file, .dff-txt {
  font-size: 13px;
  color: #555;
}

.upload-box .def-file input.dff-input {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 28px;
  cursor: pointer;
  z-index: 11;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
.upload-box .def-file input.dff-input:hover + .dff-btn {
  border-color: #cdcece;
}
.upload-box .def-file input.dff-input:hover + .dff-btn.disabled {
  border-color: #e9e9e9;
}
.upload-box .dff-btn {
  min-width: 68px;
  height: 28px;
  margin: 0 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 2px;
  border: 1px solid #ccc;
  background-color: #e4e7ea;
  font-size: 13px;
  color: #4a535e;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-box .uf-txt {
   margin-top: 7px;
   color: #333;
   font-size: 14px;
   line-height: 1.2;
}
/*----*/



/*----*/
.ctd-function-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 15px 20px 0;
}
.ctd-function-box .cfb-btn {
   display: block;
   font-size: 14px;
   width: 100px;
   height: 43px;
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 0;
   margin-right: 10px;
}
.ctd-function {
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.cf-filter {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   border-right: 1px solid #CCC;
   padding-right: 12px;
}

.form-control.cff-select {
   width: 95px;
   height: 43px;
   margin-left: 10px;
}

.form-control.cff-select.cse-w {
   width: 180px;
}

.def-select{
    height: 43px;
    width: 206px;
    position:relative;
    line-height: 1.5;
    font-size: 14px;
    display: block;
    margin-bottom: 0!important;
}

.def-select:before {
  content:'';
  right: 6px;
  top: 7px;
  width: 25px;
  height: 30px;
  background: #4ab348;
  position: absolute;
  pointer-events: none;
  display: block;
  transition: 0.4s;
}
.def-select:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 6px 0 6px;
  border-color: #FFF transparent transparent transparent;
  content: '';
  right: 12px;
  top: 19px;
  position: absolute;
  pointer-events: none;
}
.def-select.disabled:before {
   background: $pm_bright_gray;
}
.def-select select{
  height: 100%;
  width: 100%;
  background: #4ab348;
  appearance: none;
  transition: 0.4s;
  color: #FFF!important;
  padding: 5px 30px 5px 6px;
}
.def-select select:disabled {
      color: #CCC;
      background: #f5f5f5;
}
.cf-ctrl {
   padding-left: 12px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.cf-ctrl .cfc-type-ex {
   display: flex;
   align-items: center;
   justify-content: flex-start;
}
.cf-ctrl .cte-box {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 0;
}
.cf-ctrl .cte-box li {
   width: 86px;
   height: 43px;
   display: block;
   cursor: pointer;
   border-radius: 6px;
   background-color: #e9e9e9;
   color: #4a535e;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: .3s;
}
.cf-ctrl .cte-box li:first-child {
   border-radius: 6px 0 0 6px;
}
.cf-ctrl .cte-box li:last-child {
   border-radius: 0 6px 6px 0;
}
.cf-ctrl .cte-box li + li {
   margin-left: 3px;
}
.cf-ctrl .cte-box li:hover {
   background-color: #e5f7d9;
}
.cf-ctrl .cte-box li.cte-act {
   background-color: #e5f7d9;
   color: #267252;
}
.cf-ctrl .cte-tip {
   margin-left: 5px;
}
.cf-ctrl .cte-tip .question-sign {
   width: 21px;
   height: 21px;
   background-image: url('../images/cells-icon-24-x-24-status-qa.svg');
}
.cf-ctrl .cfc-log {
   margin-left: 12px;
}
.cf-ctrl .cfc-log label{
   margin-bottom: 0!important;
}
.cf-ctrl .cfc-log input[type="checkbox"] {
   margin: 0 3px 0 0;
}
/*----*/



.tb-link-box {
   width: 100%;
   margin-bottom: 3px;
}
.tb-link-box .tlb-link {
   margin-right: 10px;
}
.ph-flex {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.ctd-type-link {
   width: 160px;
   margin-left: 10px;
   font-size: 14px;
   color: #333;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   flex-shrink: 0;
}
.ctd-type-link .ctl-txt {
   padding: 0 10px;
}
.ctd-type-link .ctl-txt + .ctl-txt {
   border-left: 1px solid #CCC;
}


.warning-box {
   padding:10px; 
   background-color:#ffe9e9; 
   position:relative;
   color: #D9534F;
   font-size: 14px;
}

.tk-note-box {
   font-size: 14px;
   color: #514f4e;
   line-height: 1.4;
   border: 1px solid #9dd4b8;
   background: #f2fef8;
   padding: 16px 16px;
   margin-bottom: 8px;
}

.tpc-info {
   width: 100%;
   font-size: 14px;
   color: #333;
   line-height: 1.4;
   margin-bottom: 15px;
}

.tpc-info .tpi-num {
   color: #d9534f;
}

.tpc-btn-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 24px;
}

.tpc-tklist-box {
   width: 100%;
   margin-bottom: 24px;
   border: 1px solid #cacaca;
}
.ttb-ctrl {
   padding: 9px 8px;
   background: #f4f4f4;
}
.contentpanel .tpc-tklist {
   width: 100%;
   max-height: 1050px;
   overflow: auto;
   padding: 16px 27px 6px;
   display: block;
   /* display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start; */
   list-style-type: none;
}
.contentpanel .tpc-tklist.ttk-todev > li {
   width: auto;
   margin-bottom: 0px;
   border: none;
   background: none;
   padding: 0;
}
.contentpanel .tpc-tklist.ttk-todev > li:after {
   display: none;
}
.contentpanel .tpc-tklist > li {
   width: 21.72cm;
   /* width: 17.78cm; */
   margin: 0 auto 20px;
   list-style-type: none;
   position: relative;
   border: 1px solid #dbdbdb;
   background: #FFF url('../images/ecticket-bg@2x.jpg') center center / cover no-repeat;
   padding: 0cm 0.7cm;
}


/*--票券--*/
/* .contentpanel .tpc-tklist > li:after {
   content: "";
   display: block;
   width: 0.15cm;
   height: 1.25cm;
   background: #000;
   position:  absolute;
   top: 0;
   left: 0;
   z-index: 5;
} */
.tpc-ticket {
   width: 20.32cm;
   height: 9cm;
   /* width: 16.18cm;
   height: 7cm; */
   
   position:  relative;
   /* padding: 0.8cm 0 0.5cm; */
   padding: 0.3cm 0 0.3cm;  
}
/* .tpc-ticket:after {
   content: "";
   display: block;
   width: 0.15cm;
   height: 1.25cm;
   background: #000;
   position:  absolute;
   top: 0;
   left: 0;
   z-index: 5;
} */
.ttk-sample:before {
   content: "樣本";
   width: 20.32cm;
   height: 9cm;
   font-family: '新細明體';
   font-size: 100px;
   color: #D27878;
   display: flex;
   align-items: center;
   justify-content: center;
   position:  absolute;
   top: 0;
   left: 0;
   z-index: 5;
   opacity: .8;
}
.ttk-content {
   width: 100%;
   display: flex;
   align-items: stretch;
   justify-content: space-between;
}
.tkc-box {
   width: calc(100% - 60px);
   padding-right: 12px;
}

.ttk-code-box {
   width: 60px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: column;
}
.ttk-code-box .tcb-barcode  {
   width: 1.5cm;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-bottom: 10px;
}
.ttk-code-box .tcb-barcode img  {
   width: 100%;
}
.ttk-code-box .tcb-qr {
   width: 60px;
}
.ttk-code-box .tcb-qr img {
   width: 100%;
}
.ttk-header {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 8px;
}
.tkh-logo {
   height: 36px;
   margin-right: 6px;
}
.tkh-logo img  {
   height: 100%;
}
.tkh-content {
   width: 100%;
   /* height: 36px; */
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.tkh-title {
   width: 100%;
   max-width: calc(100% - 286px);
   font-size: 22px;
   color: #000;
   text-align: left;
   line-height: 1;
   overflow: hidden;
   white-space: nowrap;
   margin-right: 5px;
}
.tkh-box {
   width: 281px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-shrink: 0;
   line-height: 1;
}
.thb-type,
.thb-sn {
   font-size: 14px;
   color: #000;
}
.ttk-intro {
   width: 100%;
   /* height: 80px; */
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   margin-bottom: 6px;
}
.ttk-intro .tit-box {
   width: 100%;
   font-size: 14px;
   color: #000;
}
.tit-box .tib-title {
   width: 100%;
   line-height: 1;
   margin-bottom: 4px;
   font-size: 12px;
}
.tit-box .tib-list {
   width: 100%;
   height: 205px;
   padding-left: 17px;
   margin: 0;
}
.tit-box .tib-list li {
   margin-bottom: 3px;
   margin-left: 2px;
   list-style: outside decimal;
   font-size: 13px;
   line-height: 1.2;
}
.tit-box .tib-list li:last-child {
   margin-bottom: 0;
}
.ttk-note {
   width: 100%;
   height: 50px;
   font-size: 12px;
   color: #000;
   margin-bottom: 3px;
}
.ttk-note .tn-inner {
   width: 140%;
   transform: scale(.7);
   transform-origin: left top;
}
.ttk-note .tn-title {
   line-height: 1;
   margin-bottom: 5px;

}
.ttk-note .tn-txt {
   line-height: 1.2;
}
.ttk-info {
   width: 100%;
   /* height: 45px; */
   font-size: 12px;
   color: #000;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.ttk-info .tif-inner {
   width: 100%;
}
.ttk-info ul {
   width: 100%;
   margin-bottom: 3px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
}
.ttk-info ul:last-child {
   margin-bottom: 0;
}
.contentpanel .ttk-info li,
.ttk-info li {
   margin-right: 10px;
   font-size: 12px;
   line-height: 1.1;
   list-style: none;
   margin-left: 0px;
}
.ttk-info li:last-child {
   margin-right: 0;
}
/*----*/

.ogs-card-bank input[type="checkbox"] + span {
   min-width: 84px;
   display: inline-block;
}




/*-- 新增動態3D驗證 --*/
.c3v-add-wrap {
   width: 100%;
   border-top: 1px solid #CCC;
   padding-top: 30px;
   margin-top: 20px;
}
/*----*/


/*--開關控制--*/
.swb-control-box {
   width: 40px;
   height: 22px;
   margin: 0 3px;
   border-radius: 99em;
   background: #4AB348;
   border: 1px solid #4AB348;
   position: relative;
   display: inline-block;
   vertical-align: middle;
}
.swb-control-box.sctb-close {
   background: #e9e9e9;
   border-color: #e9e9e9;
}
.swb-control-box.sctb-close .swb-control {
   left: 0px;
   -webkit-box-shadow: 2px 0 2px 0 #DDD;
   box-shadow: 2px 0 2px 0 #DDD;
}
.swb-control-box .swb-control {
   width: 20px;
   height: 20px;
   border-radius: 99em;
   background: white;
   position: absolute;
   top: 0;
   right: 0px;
   -webkit-box-shadow: -2px 0 2px 0 #3e883b;
   box-shadow: -2px 0 2px 0 #3e883b;
}
/*----*/



/*--最佳化設定管理--*/
.panel-body.gos-wrap {
   padding: 30px 35px!important;
}
.panel-body.gos-wrap::before, 
.panel-body.gos-wrap::after {
   display:  none;
}
.gsw-box {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
}
.gos-wrap .gsw-paylist {
   width: 370px;
   flex-shrink: 0;
   margin-right: 35px;
}
.gos-wrap .gsw-paylist dl {
   width: 100%;
   margin-bottom: 25px;
}
.gos-wrap .gsw-paylist dl:last-child {
   margin-bottom: 0;
}
.gos-wrap .gsw-paylist dt {
   width: 100%;
   font-size: 15px;
   color: #000;
   line-height: 1.4;
   font-weight: normal;
   margin-bottom: 5px;
}
.gos-wrap .gsw-paylist dt.gwp-two {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.tip-link {
   font-size: 13px;
   color: #2c893a;
   line-height: 1.4;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.tip-link:before {
   content: '';
   display: block;
   width: 20px;
   height: 20px;
   margin-right: 3px;
   background: url('../images/ic_24x_atte-og.svg') center center / contain no-repeat;
}
.gos-wrap .gsw-paylist dd {
   width: 100%;
   font-size: 13px;
   color: #555;
}
.gos-wrap .gos-paylist select {
   width: 100%;
   height: 35px;
}
.gos-wrap .gsw-pay-sample {
   width: calc(100% - 405px);
   border: 1px solid #cccccc;
}
.gos-wrap .gps-title {
   width: 100%;
   height: 38px;
   background: #eee;
   font-size: 13px;
   color: #333;
   line-height: 1.4;
   display: flex;
   align-items: center;
   justify-content: center;
}
.gos-wrap .gps-content {
   padding: 20px 20px;
}
.gos-wrap .gsw-btn {
   width: 100%;
   margin-top: 20px;
   text-align: right;
}




/*-- 付款頁預覽 --*/
.gps-content .ecpay-select-input:after, 
.gps-content .ecpay-cit-item-box:after, 
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-intro:after, 
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li:after, .gps-content .site-content-wrapper .site-content:after, .gps-content .site-content-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.gps-content .ecpay-pay-list-wrap {
  width: 100%;
  background-color: #fff;
  margin: 0px auto;
}
.gps-content .ecpay-pay-list-wrap * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li {
  width: 100%;
  border: 1px solid #dcdcdc;
  position: relative;
  cursor: pointer;
  list-style: none;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li + li {
  border-top: none;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.on-touch .ecpay-pl-intro {
  background: #f3f3f3;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li:first-child {
  border-radius: 12px 12px 0 0;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li:first-child .ecpay-pl-intro {
  border-radius: 12px 12px 0 0;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li:last-child {
  border-radius: 0 0 12px 12px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li:last-child .ecpay-pl-intro {
  border-radius: 0 0 12px 12px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act {
  border-top: 1px solid #dcdcdc;
  border-radius: 12px 12px;
  margin: 10px 0;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act + li {
  border-top: 1px solid #dcdcdc;
  border-radius: 12px 12px 0 0;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act + li:last-child {
  border-radius: 12px 12px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act .ecpay-pl-intro {
  border-radius: 12px 12px 0 0;
  background: #f3f3f3;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act .ecpay-pl-radio:before {
  background: #31302f;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act .ecpay-pl-radio:after {
  opacity: 1;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act .ecpay-pl-content {
  display: block;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act-pre {
  border-radius: 0 0 12px 12px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act-pre:first-child {
  border-radius: 12px 12px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-intro {
  width: 100%;
  min-height: 58px;
  padding: 18px 16px 16px;
  display: block;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-radio, .gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-type {
  display: inline-block;
  vertical-align: middle;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-type .ecpay-plt-img {
  height: 26px;
  padding-top: 2px;
  vertical-align: -2px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-radio {
  width: 18px;
  height: 18px;
  margin-right: 5px;
  position: relative;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-radio:before {
  background: white;
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #31302f;
  display: block;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 99em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-radio:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 3px;
  left: 7px;
  width: 5px;
  height: 10px;
  border: 2px solid #FFF;
  border-left: none;
  border-top: none;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-content {
  display: none;
  padding: 20px 16px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-content .ecpay-plc-qr {
  width: 185px;
  margin: 0 auto;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-content .ecpay-plc-qr img {
  width: 100%;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-content .ecpay-plc-txt {
  width: 100%;
  text-align: center;
  font-size: 15px;
  color: #000;
  line-height: 1.5;
  margin-top: 16px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-content .ecpay-plt-hl {
  font-size: 18px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-note-box {
  font-size: 13px;
  line-height: 1.5;
  color: #036eb8;
  margin-top: 5px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-note-box .ecpay-pnb-title {
  margin-bottom: 5px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-note-box .ecpay-pnb-list {
  padding-left: 17px;
  margin: 0px;
  list-style-type: disc;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-note-box .ecpay-pnb-list li {
  margin-bottom: 6px;
   font-size: 13px;
   list-style: outside;
   padding-left: 0px;
   margin-left: 0px;
   text-indent: 0px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-note-box .ecpay-pnb-list li:last-child {
  margin-bottom: 0;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type {
  float: right;
  padding-top: 2px;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 10px;
  background-size: contain;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-visa {
  background: url("../images/img_Visa.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-master {
  background: url("../images/img_mastercard_dark.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-jcb {
  background: url("../images/img_jcb.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-aecard {
  background: url("../images/img_AEcard.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-upay {
  background: url("../images/img_UnionPay.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-ok {
  background: url("../images/ok-mart.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-seven {
  background: url("../images/7-11.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-hilife {
  background: url("../images/hi-life.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span.ecpay-family {
  background: url("../images/family-mart-logo.svg") no-repeat scroll 0 center/contain transparent;
}
.gps-content .ecpay-pay-list-wrap .ecpay-btn-box {
  margin-top: 40px;
}
@media (max-width: 568px) {
  .gps-content .ecpay-pay-list-wrap {
    margin: 0;
  }
  .gps-content .ecpay-pay-list-wrap .ecpay-pl-icon-type span {
    margin: 0 0 0 5px;
  }
}
.gps-content .ecpay-col-a-100 {
  width: 100%;
}
.gps-content .ecpay-card-info {
  color: #036eb8;
  font-size: 13px;
  line-height: 1.2;
  text-align: left;
  position: relative;
}
.ecpay-card-info .ecpay-tip-popup .etp-close {
  width: 14px;
  height: 14px;
  font-size: 20px;
  color: #FFF;
  top: 3px;
  right: 5px;
  position: absolute;
  line-height: 0;
  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;
  cursor: pointer;
}
.gps-content .ecpay-card-info.eci-inb {
  display: inline-block;
}
.gps-content .ecpay-card-info.eci-2 .ecpay-tip-popup {
  left: calc(50% - 130px);
  width: 220px;
  padding: 10px 8px;
}
.gps-content .ecpay-card-info.eci-2 .ecpay-tip-popup:after {
  left: 124px;
}
.gps-content .ecpay-card-info.eci-2 .ecpay-tp-txt {
  padding: 0 0 4px 8px;
}
.gps-content .ecpay-card-info b {
  font-weight: 100;
}
.gps-content .ecpay-card-info .ecpay-tp-txt {
  padding: 0 0 10px 11px;
  color: #FFF;
}
.gps-content .ecpay-card-info .ecpay-ci-txt, .gps-content .ecpay-card-info .ecpay-ci-tip-box {
  display: inline-block;
  vertical-align: middle;
}
.gps-content .ecpay-card-info .ecpay-ci-tip-box {
  position: relative;
}
.gps-content .ecpay-card-info .ecpay-ci-icon {
  cursor: pointer;
  margin-left: 2px;
}
.gps-content .ecpay-card-info .ecpay-tip-popup {
  display: none;
  bottom: 30px;
  left: -6px;
  width: 265px;
  height: auto;
  line-height: 1.6;
  position: absolute;
  padding: 10px 12px;
  border: 1px solid #EEE;
  background: rgba(50, 50, 50, 0.9);
  font-size: 13px;
  line-height: 1.5;
  color: white;
  text-align: left;
  z-index: 11;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 4px;
}
.gps-content .ecpay-card-info .ecpay-tip-popup:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: rgba(50, 50, 50, 0.9) transparent transparent transparent;
  content: "";
  left: 10px;
  bottom: -7px;
  position: absolute;
  pointer-events: none;
}
.gps-content .ecpay-card-info .ecpay-tip-popup .etp-link {
  color: #ffb300;
}
.gps-content .ecpay-card-info .ecpay-tip-popup .etp-link.on-touch {
  text-decoration: underline;
}
.gps-content .ecpay-card-info .ecpay-tip-popup .etp-list {
  width: 100%;
  list-style-type: decimal;
  padding-left: 20px;
}
.gps-content .ecpay-card-info .ecpay-tip-popup .etp-list li {
  margin-bottom: 5px;
}
.gps-content .ecpay-card-info .ecpay-tip-popup .etp-list li:last-child {
  margin-bottom: 0px;
}
.gps-content .ecpay-pay-check {
  color: #232323;
  margin: 40px 0 0;
  padding-bottom: 10px;
  text-align: center;
}
.gps-content .ecpay-pay-check input[type=checkbox] {
  width: 18px;
  height: 18px;
  display: none;
}
.gps-content .ecpay-pay-check input[type=checkbox]:checked + label::after {
  opacity: 1;
}
.gps-content .ecpay-pay-check input[type=checkbox]:checked + input + label::after {
  opacity: 1;
}
.gps-content .ecpay-pay-check .ecpay-checkbox {
  cursor: pointer;
  overflow: visible;
  display: inline-block;
  position: relative;
  padding-top: 1px;
  padding-left: 27px;
  font-size: 14px;
  line-height: 1.2;
  text-align: left;
}
.gps-content .ecpay-pay-check .ecpay-checkbox.eck-2 {
  height: 20px;
  vertical-align: middle;
  padding-left: 24px;
}
.gps-content .ecpay-pay-check .ecpay-checkbox::before {
  background: white;
  border: 1px solid #e0e0e0;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 4px;
}
.gps-content .ecpay-pay-check .ecpay-checkbox:after {
  opacity: 0;
  content: "";
  position: absolute;
  background: transparent;
  top: 5.5px;
  left: 5px;
  width: 8px;
  height: 4px;
  border: 3px solid #222222;
  border-top: none;
  border-right: none;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.gps-content .ecpay-pay-check .epc-txt {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 1.4;
  max-width: calc(100% - 28px);
  text-align: left;
}
.gps-content .ecpay-card-info-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 568px) {
  .gps-content .ecpay-card-info-tab dl:last-child {
    margin: 0;
  }
}
.gps-content .ecpay-card-info-tab dd {
  position: relative;
}
.gps-content .ecpay-card-info-tab dd a.ecpay-icon-ic_del {
  display: block;
  color: #666;
  font-size: 18px;
  position: absolute;
  right: 12px;
  top: 8px;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line .ecpay-card-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #036eb8;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line .ecpay-card-detail i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 10px 0 0;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line .ecpay-card-detail .ecpay-visa {
  background: url("../images/img_Visa.svg") no-repeat scroll 0 center/contain transparent;
  background-size: contain;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line .ecpay-card-detail .ecpay-master {
  background: url("../images/img_mastercard_dark.svg") no-repeat scroll 0 center/contain transparent;
  background-size: contain;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line .ecpay-card-detail .ecpay-jcb {
  background: url("../images/img_jcb.svg") no-repeat scroll 0 center/contain transparent;
  background-size: contain;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line .ecpay-card-detail .ecpay-aecard {
  background: url("../images/img_AEcard.svg") no-repeat scroll 0 center/contain transparent;
  background-size: contain;
}
.gps-content .ecpay-card-info-tab .ecpay-card-status-line .ecpay-card-detail .ecpay-upay {
  background: url("../images/img_UnionPay.svg") no-repeat scroll 0 center/contain transparent;
  background-size: contain;
}
.gps-content .ecpay-card-info-tab .ecpay-cit-ic {
  font-size: 18px;
  display: inline-block;
  vertical-align: -3px;
  margin-right: 2px;
}
.gps-content .ecpay-card-info-tab .ecpay-cit-title {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.gps-content .ecpay-cit-item-box {
  width: 100%;
}
.gps-content .ecpay-cit-item-box .ecpay-cit-item {
  float: left;
  width: calc(50% - 17px);
}
.gps-content .ecpay-cit-item-box .ecpay-cit-item:nth-child(odd) {
  margin-right: 34px;
}
.gps-content .ecpay-cit-item-box .ecpay-cit-date input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (max-width: 568px) {
  .gps-content .ecpay-cit-item-box {
    margin-bottom: 20px;
  }
  .gps-content .ecpay-cit-item-box .ecpay-cit-item {
    width: 100%;
  }
  .gps-content .ecpay-cit-item-box .ecpay-cit-item:nth-child(odd) {
    margin-right: 0px;
  }
}
.gps-content .ecpay-select-input {
  margin-bottom: 20px;
}
.gps-content .ecpay-select-input.ecpay-cit-item dt {
  width: 100%;
  color: #121212;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 0;
  position: relative;
}
.gps-content .ecpay-select-input.ecpay-cit-item dt::before {
  font-size: 20px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 10px;
}
.gps-content .ecpay-select-input.ecpay-cit-item dd {
  width: 100%;
  margin: 0 0 10px;
}
.gps-content .ecpay-select-input.ecpay-cit-item dd input {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 100%;
  font-size: 15px;
  padding: 8px 8px 7px;
  position: relative;
}
.gps-content .ecpay-select-input.ecpay-cit-item dd .ecpay-card-status-line {
  color: #f85766;
  font-size: 14px;
}
.gps-content .ecpay-select-input dt {
  float: left;
  width: 140px;
  color: #121212;
  font-size: 16px;
  line-height: 29px;
  padding: 3px 0 0 30px;
  position: relative;
}
.gps-content .ecpay-select-input dt::before {
  font-size: 20px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 10px;
}
.gps-content .ecpay-select-input dd {
  float: right;
  width: calc(100% - 140px);
  margin: 0 0 10px;
}
.gps-content .ecpay-select-input dd:last-child {
  margin-bottom: 0;
}
.gps-content .ecpay-select-input dd input {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  width: 100%;
  font-size: 15px;
  margin: 0 0 10px;
  padding: 8px 8px 7px;
  position: relative;
}
.gps-content .ecpay-select-input dd .ecpay-card-status-line {
  color: #f85766;
  font-size: 14px;
}
.gps-content .ecpay-select-input .ecpay-select-tab {
  background: #fff;
  position: relative;
  width: 100%;
}
.gps-content .ecpay-select-input .ecpay-select-tab:before {
  content: "";
  right: 6px;
  top: 7px;
  width: 25px;
  height: 26px;
  background: white;
  position: absolute;
  pointer-events: none;
  display: block;
}
.gps-content .ecpay-select-input .ecpay-select-tab::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #444 transparent transparent transparent;
  content: "";
  right: 10px;
  top: 16px;
  position: absolute;
  pointer-events: none;
}
.gps-content .ecpay-select-input .ecpay-select-tab select {
  width: 100%;
  border: 1px solid #e0e0e0;
  cursor: pointer;
  font-size: 15px;
  padding: 8px 8px 7px 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFF;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 4px;
}
.gps-content .ecpay-select-input .ecpay-select-tab-box {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 8px 8px 7px;
  position: relative;
}
.gps-content .ecpay-select-input .ecpay-select-tab-box::after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #444 transparent transparent transparent;
  content: "";
  right: 10px;
  top: 12px;
  position: absolute;
  pointer-events: none;
}

@media (max-width: 568px) {
  .gps-content .ecpay-select-input dt, .gps-content .ecpay-select-input dd {
    float: none;
    width: 100%;
  }
  .gps-content .ecpay-select-input dt {
    padding-top: 0;
    margin-bottom: 6px;
    font-size: 15px;
  }
  .gps-content .ecpay-select-input dt::before {
    top: 7px;
  }
}
/*-- 付款頁預覽 end --*/



/*--banner 區塊--*/
.panel-body.pbd-bnr-wrap {
   padding: 15px 20px !important;
}
.pbw-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.pbw-box a {
   display: block;
   width: 100%;
   max-width: 850px;
}
.pbw-box img {
   max-width: 100%;
   display: block;
   border: 1px solid #eaeaea;
}

.pbd-bnr-wrap2 {
   display: flex;
   align-items: stretch;
   justify-content: flex-start;
   background: #f3f5f8;
}
.pbd-bnr-wrap2 * {
   transition: .3s;
}
.pbd-bnr-wrap2.pbw2-2 .pbw2-box {
   width: 58%;
   /*max-width: 690px;*/
}
.pbd-bnr-wrap2.pbw2-2 .pbw2-content {
   width: 42%;
   padding: 11px 15px;
}
.pbd-bnr-wrap2 .pbw2-box {
   width: 66%;
   /* max-width: 1067px; */
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-shrink: 0;
}
.pbd-bnr-wrap2 .pbw2-box a {
   display: block;
   width: 100%;
}
.pbd-bnr-wrap2 .pbw2-box img {
   width: 100%;
   display: block;
}
.pbd-bnr-wrap2 .pbw2-content {
   width: 34%;
   padding: 30px 15px;
}
.pbd-bnr-wrap2 .pwc-title {
   width: 100%;
   font-size: 18px;
   color: #267252;
   line-height: 1.4;
   margin-bottom: 8px;
}
.pbd-bnr-wrap2 .pwc-list {
   width: 100%;
   padding-left: 18px;
}
.pbd-bnr-wrap2 .pwc-list li {
   width: 100%;
   font-size: 14px;
   line-height: 1.3;
   color: #333;
   margin-bottom: 3px;
   list-style-type: disc;
   list-style-position: outside;
}
.pbd-bnr-wrap2 .pwc-list li:last-child {
   margin-bottom: 0px;
}
.pbd-bnr-wrap2 .red {
   color: #d9534f;
}
.pbd-bnr-wrap2 .pwc-btn-box {
   width: 100%;
   margin-top: 20px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.pbd-bnr-wrap2 .pwc-btn-box .pwc-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;
}
/*----*/


/*--業務資訊--*/
.lf-salesrep {
   width: 100%;
   padding: 10px 15px;
   background: #eefdea;
   border-radius: 3px;
   display: flex;
   align-items: stretch;
   justify-content: space-between;
}
.lf-salesrep .lsr-icon {
   width: 50px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.lsr-icon .lsri-pic {
   width: 50px;
   height: 50px;
   background: url("../images/ic_user_tie.svg") center center / contain no-repeat;
}
.lsr-icon .lsri-txt {
   width: 100%;
   margin-top: 3px;
   font-size: 12px;
   color: #666;
   line-height: 1;
}
.lf-salesrep .lsr-info {
   width: 100%;
   margin-left: 15px;
   padding-left: 15px;
   border-left: 1px solid #CCC;
}
.lsr-info .lif-box {
   font-size: 15px;
   color: #333;
   line-height: 1.2;
   word-break: break-all;
   word-wrap: break-word;
   margin-bottom: 8px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   padding-top: 2px;
}
.lsr-info .lif-box a {
   color: #588c3f;
   text-decoration: underline;
}
.lsr-info .lif-box:last-child {
   margin-bottom: 0px;
}
.lsr-info .lif-box:before {
   content: '';
   display: block;
   width: 24px;
   height: 24px;
   margin-right: 8px;
   margin-top: -3px;
   flex-shrink: 0;
   background: transparent center center / contain no-repeat;

}
.lsr-info .lif-box:nth-child(1):before {
   background-image: url("../images/ic_person.svg");
}
/* .lsr-info .lif-box:nth-child(2):before {
   background-image: url("../images/ic_phone.svg");
} */
.lsr-info .lif-box:nth-child(2):before {
   background-image: url("../images/ic_email2.svg");
}
.lf-btn-box {
   width: 100%;
   margin-top: 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.lbb-btn {
   width: 100%;
   flex-grow: 1;
   padding: 8px 8px;
   margin-right: 10px;
   border-radius: 3px;
   border: 1px solid #37a535;
   background-color: #4ab348;
   font-size: 14px;
   color: #FFF;
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: 0.2s;
}
.lbb-btn:last-child {
   margin-right: 0px;
}
.lbb-btn:hover {
   text-decoration: none;
   background-color: #43a242;
}
.lbb-btn.lbt-gray {
   color: #555;
   border: 1px solid #ccc;
   background-color: #efefef;
}
.lbb-btn.lbt-gray:hover {
   background-color: #DDD;
}
/*----*/


/*----*/
.cp-fixbtn {
   width: calc(100% - 330px);
   position: fixed;
   bottom: 0;
   left: 330px;
   padding: 0 15px;
   border-top: 1px solid #e4e7ea;
   z-index: 199;
}
.cp-fixbtn .panel {
   margin-bottom: 0;
}
.cp-withfixbtn {
   padding-bottom: 100px;
}
@media screen and (max-width: 1024px) {
   .cp-fixbtn {
      width: 100%;
      left: 0;
      padding: 0;
   }
   .cp-fixbtn .col-sm-9 {
      padding-right: 0;
   }
}
/*----*/



/*--廣告區塊--*/
.panel + .mpl-ad.ma2  {
   margin-top: -20px;
   margin-bottom: 20px;
}
.mpl-ad {
   width: 100%;
   padding: 0 45px;
   margin-bottom: 20px;
   position: relative;
}
.mpl-ad.ma2 {
   padding: 0 0;
   margin-bottom: 0;
}
.mpl-ad.ma3 {
   padding: 0 0;
}
.mpl-ad .ma-link {
   width: 100%;
   display: block;
}
.mpl-ad img {
   width: 100%;
   display: block;
}
.mpl-ad .ma-close {
   width: 30px;
   height: 30px;
   background: url('../images/ap_w15_cancel.svg') center center / contain no-repeat;
   position: absolute;
   top: 10px;
   right: 55px;
   cursor: pointer;
}
.mpl-ad-ctrl {
   width: 90px;
   height: 90px;
   display: none;
   position: fixed;
   right: 100px;
   bottom: 170px;
   cursor: pointer;
}
.mpl-ad-ctrl.mac-act {
   display: block;
}
.mpl-ad-ctrl img {
   width: 100%;
   display: block;
}
.mpl-ad-ctrl .mac-dot {
   width: 16px;
   height: 16px;
   border-radius: 100%;
   background-color: #f85766;
   position: absolute;
   right: -5px;
   top: -5px;
}



.mpl-ad-box-l {
   width: calc(68.45% - 15px);
   float: left;
   margin-right: 15px;
   word-break: break-all;
   word-wrap: break-word;
}
.mpl-ad-box-r {
   width: 31.55%;
   float: left;
}
.mpl-ad-box-l2 {
   width: calc(67.7% - 15px);
   float: left;
   margin-right: 15px;
   word-break: break-all;
   word-wrap: break-word;
}
.mpl-ad-box-r2 {
   width: 32.3%;
   float: left;
}
@media screen and (max-width: 1220px) {
   .mpl-ad-box-l {
      width: calc(100% - 200px - 15px);
   }
   .mpl-ad-box-r {
      width: 200px;
   }
}

.mpl-ad-slide {

}
.mpl-ad-slide .mas-list {
   
 }
.mpl-ad-slide .mas-list .swiper-wrapper {
   width: 100%;
 }
.mpl-ad-slide .mas-list .swiper-slide {
   width: 100%;
   position: relative;
 }

.mpl-ad-slide .mas-list .mal-img {
   width: 100%;
   border-radius: 3px;
   overflow: hidden;
 }
 .mpl-ad-slide .mas-list .mal-link {
   width: 100%;
   display: block;
 }
.mpl-ad-slide .mas-list .mal-img img {
   width: 100%;
 }

.mpl-ad-slide .mas-pg {
   bottom: 18px;
 }
.mpl-ad-slide .mas-pg .swiper-pagination-bullet {
   margin: 0 4px;
   background: #FFF;
   opacity: .3;
 }
.mpl-ad-slide .mas-pg .swiper-pagination-bullet-active {
   opacity: 1;
 }
/*----*/


/*-- TWQR 介紹 --*/
.twa-intro {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 30px;
}
.twa-intro .tai-box {
   width: 50%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
   padding: 5px 24px 0;
}
.twa-intro .tai-box:after {
   content: '';
   display: block;
   width: 1px;
   height: 120px;
   background: #DCDCDC;
   position: absolute;
   right: 0;
   top: calc(50% - 60px);
}
.twa-intro .tai-box:last-child:after {
   display: none;
}
.twa-intro .twa-title {
   font-size: 15px;
   line-height: 1.4;
   color: #333;
   margin-bottom: 12px;
}
.twa-intro .twa-logo-box {
   width: 100%;
   margin-bottom: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.twa-intro .twa-logo-box .tlb-logo {
   height: 20px;
   display: block;
}
.twa-intro .twa-logo-box .tlb-logo.tlg-2 {
   height: 30px;
}
.twa-intro .twa-logo-box .tlb-txt {
   font-size: 13px;
   line-height: 1.4;
   color: #333;
   margin: 0 4px;
   display: block;
}
.twa-intro .twa-hl {
   font-size: 15px;
   line-height: 1.5;
   color: #A40B00;
   margin-bottom: 12px;
}
.contentpanel .twa-intro .twa-txt-list .ttl-hl {
   font-size: 20px;
   font-weight: bold;
   color: #A40B00;
   padding: 0 2px;
   display: inline-block;
   top: -4px;
   position: relative;
   vertical-align: -5px;
}
.contentpanel .twa-intro .twa-txt-list .ttl-hl2 {
   font-weight: bold;
   color: #000;
}
.contentpanel .twa-intro .twa-txt-list li {
   width: 100%;
   list-style: none;
   position: relative;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   font-size: 15px;
   line-height: 1.4;
   color: #343434;
   margin-bottom: 8px;
}
.contentpanel .twa-intro .twa-txt-list li:last-child {
   margin-bottom: 0px;
}
.contentpanel .twa-intro .twa-txt-list li:before {
   content: '';
   display: block;
   width: 24px;
   height: 24px;
   flex-shrink: 0;
   margin-right: 8px;
   position: relative;
   top: -2px;
   background: url('../images/ap_icon_w20_input_success.svg') center center / contain no-repeat;
}

.twa-img-intro {
   width: 100%;
   max-width: 960px;
   margin: 0 auto 30px;
}
.twa-img-intro .tii-title {
   font-size: 14px;
   line-height: 1.4;
   color: #333;
   margin-bottom: 8px;
}
.twa-img-intro .tii-list {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: center;
}
.contentpanel .twa-img-intro .tii-list li {
   width: 225px;
   margin-right: 20px;
   list-style: none;
}
.twa-img-intro .tii-list li:last-child {
   margin-right: 0px;
}
.twa-img-intro .tii-list li .til-img {
   width: 100%;
   margin-bottom: 10px;
}
.twa-img-intro .tii-list li .til-img img {
   width: 100%;
   display: block;
}
.twa-img-intro .tii-list li .til-txt {
   width: 100%;
   text-align: center;
   font-size: 14px;
   line-height: 1.4;
   color: #343434;
}
.twa-img-intro .tii-list li .til-txt .tit-tip {
   font-size: 12px;
}
.twa-img-intro .tii-list li ol.til-txt {
   padding-left: 20px;
}
.twa-img-intro .tii-list li ol.til-txt li {
   width: 100%;
   list-style: disc;
   margin: 0;
   text-align: left;
}
.twa-btn-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}
.twa-btn-box .twa-btn {
   width: 220px;
   height: 52px;
   border-radius: 999px;
   border: 1px solid #CAE7B7;
   background: #E9FFDB;
   color: #2C893A;
   font-size: 16px;
   line-height: 1.4;
   padding: 0 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   text-decoration: none;
}
.twa-btn-box .twa-btn:hover {
   background: #D5F4C0;
}
.twa-support {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   font-size: 15px;
   line-height: 1.4;
   color: #343434;
   margin-bottom: 20px;
}
.twa-support .ts-logo {
   height: 40px;
   display: block;
   margin: 0 5px;
}
.twa-service-apply {
   width: 100%;
   padding-bottom: 30px;
}
.twa-service-apply .tsa-title {
   width: 100%;
   text-align: center;
   color: #333;
   font-size: 15px;
   line-height: 1.4;
   margin-bottom: 16px;
}
.twa-service-apply .tsa-list {
   width: 100%;
   display: flex;
   align-items: stretch;
   justify-content: center;
}
.twa-service-apply .tal-radio {
   width: 50%;
   margin-right: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
}
.twa-service-apply .tal-radio:last-child {
   margin-right: 0px;
}
.twa-service-apply .tal-radio .tlr-label {
   height: 26px;
   padding: 0 20px;
   margin-bottom: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 99px;
   background: #37A535;
   color: #FFF;
   font-size: 12px;
   line-height: 1.4;
}
.twa-service-apply .tal-radio .tlr-box {
   width: 100%;
}
.twa-service-apply .tal-radio input[type="radio"] {
   display: none;
}
/* .twa-service-apply .tal-radio.disabled {
   color: #afc0c1;
} */
.twa-service-apply .tal-radio .radio {
   width: 100%;
   height: 172px;
   cursor: pointer;
   overflow: visible;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: space-between;
   position: relative;
   border-radius: 12px;
   background: #F5F5F5;
   color: #333;
   font-size: 13px;
   text-align: center;
   border: 2px solid transparent;
   padding: 0;
   margin-top: 0px;
}
.twa-service-apply .tal-radio .trb-title {
   width: 100%;
   height: 100%;
   font-size: 13px;
   line-height: 1.3;
   color: #333;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.twa-service-apply .tal-radio .tbt-box {
   width: 100%;
   margin-top: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.twa-service-apply .tal-radio .tbt-box .tbb-logo {
   height: 24px;
   display: block;
}
.twa-service-apply .tal-radio .tbt-box .tbb-logo + .tbb-logo {
   margin-left: 4px;
}
.twa-service-apply .tal-radio .tbt-box .tbb-txt {
   font-size: 13px;
   line-height: 1.4;
   color: #333;
   margin: 0 4px;
   display: block;
}
.twa-service-apply .tal-radio .radio .trb-content {
   width: 100%;
   height: 50px;
   font-size: 16px;
   line-height: 1.4;
   color: #303030;
   border-radius: 0px 0px 9px 9px;
   background: #DDD;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}
.twa-service-apply .tal-radio input[type=radio]:checked + label.radio {
   border-color: #2B8339;      
}
.twa-service-apply .tal-radio input[type=radio]:checked + label.radio .trb-content {
   color: #FFF;
   background: #2B8339;
}
/* .twa-service-apply .tal-radio input[type=radio]:disabled + label.radio {
   background: #EEE;
   border-color: #CCC;
}
 .twa-service-apply .tal-radio input[type=radio]:disabled + label.radio .tal-title, .twa-service-apply .tal-radio input[type=radio]:disabled + label.radio .tal-txt {
   color: #666;
 } */

 
 .twa-service-apply .tal-checkbox {
   width: 50%;
   margin-right: 20px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   transition: .2s;
}
.twa-service-apply .tal-checkbox * {
   transition: .2s;
}
.twa-service-apply .tal-checkbox:last-child {
   margin-right: 0px;
}
.twa-service-apply .tal-checkbox .tlr-label {
   height: 26px;
   padding: 0 20px;
   margin-bottom: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 99px;
   background: #37A535;
   color: #FFF;
   font-size: 12px;
   line-height: 1.4;
}
.twa-service-apply .tal-checkbox .tlr-box {
   width: 100%;
}
.twa-service-apply .tal-checkbox input[type="checkbox"] {
   display: none;
}
/* .twa-service-apply .tal-checkbox.disabled {
   color: #afc0c1;
} */
.twa-service-apply .tal-checkbox .checkbox {
   width: 100%;
   height: 172px;
   cursor: pointer;
   overflow: visible;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: space-between;
   position: relative;
   border-radius: 12px;
   background: #F5F5F5;
   color: #333;
   font-size: 13px;
   text-align: center;
   border: 2px solid transparent;
   padding: 0;
   margin-top: 0px;
}
.twa-service-apply .tal-checkbox .trb-title {
   width: 100%;
   height: 100%;
   font-size: 13px;
   line-height: 1.3;
   color: #333;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}
.twa-service-apply .tal-checkbox .tbt-box { 
   width: 100%;
   margin-top: 12px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.twa-service-apply .tal-checkbox .tbt-box .tbb-logo {
   height: 24px;
   display: block;
}
.twa-service-apply .tal-checkbox .tbt-box .tbb-logo + .tbb-logo {
   margin-left: 4px;
}
.twa-service-apply .tal-checkbox .tbt-box .tbb-txt {
   font-size: 13px;
   line-height: 1.4;
   color: #333;
   margin: 0 4px;
   display: block;
}
.twa-service-apply .tal-checkbox .checkbox .trb-content {
   width: 100%;
   height: 50px;
   font-size: 16px;
   line-height: 1.4;
   color: #303030;
   border-radius: 0px 0px 9px 9px;
   background: #DDD;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}
.twa-service-apply .tal-checkbox .checkbox:before {
   background: white;
   border: 2px solid #B4B3B6;
   content: '';
   position: absolute;
   top: 16px;
   left: 16px;
   width: 16px;
   height: 16px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-background-clip: padding-box;
   -moz-background-clip: padding;
   background-clip: padding-box;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px; 
}
.twa-service-apply .tal-checkbox .checkbox:after {
   opacity: 0;
   content: '';
   position: absolute;
   background: transparent;
   top: 20.5px;
   left: 19px;
   width: 10px;
   height: 5px;
   border: 2px solid #2C893A;
   border-top: none;
   border-right: none;
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -webkit-transform: rotate(-45deg);
   transform: rotate(-45deg); 
}
.twa-service-apply .tal-checkbox:hover .checkbox {
   border-color: #2B8339;    
}
.twa-service-apply .tal-checkbox input[type=checkbox]:checked + label.checkbox {
   border-color: #2B8339;
   box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);    
}
.twa-service-apply .tal-checkbox input[type=checkbox]:checked + label.checkbox .trb-content {
   color: #FFF;
   background: #2B8339;
}
.twa-service-apply .tal-checkbox input[type=checkbox]:checked + label:before {
   border-color: #2C893A;
}
.twa-service-apply .tal-checkbox input[type=checkbox]:checked + label:after {
   opacity: 1; 
}
/*--disabled--*/
.twa-service-apply .tal-checkbox:hover input[type=checkbox]:disabled .checkbox {
   border-color: transparent;    
}
.twa-service-apply .tal-checkbox input[type=checkbox]:disabled + label.checkbox {
   border-color: transparent;
   box-shadow: none;
   color: #48484A;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #F5F5F5;
}
.twa-service-apply .tal-checkbox input[type=checkbox]:disabled + label.checkbox .trb-content {
   color: #48484A;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), #DDD;
}
.twa-service-apply .tal-checkbox input[type=checkbox]:disabled + label:before {
   border-color: #B4B3B6;
}
.twa-service-apply .tal-checkbox input[type=checkbox]:disabled + label:after {
   opacity: 0;
   border-color: #B4B3B6;
}
.twa-service-apply .tal-checkbox input[type=checkbox]:checked:disabled + label:after {
   opacity: 1;
}
/*----*/

.twa-terms-box {
   width: 100%;
   height: 120px;
   overflow-y: auto;
   padding: 15px 15px;
   border: 1px solid #DDD;
   margin-bottom: 40px;
}
.twa-terms-box .about_inner h3 {
   font-size: 15px;
}
.twa-terms-box .about_inner ul {
   padding-left: 17px;
}
.twa-terms-box .about_inner ul li {
   list-style: outside decimal;
}
.twa-terms-box .about_inner ul ul {
   padding-left: 21px;
}
.twa-terms-box .about_inner ul li li {
   list-style: outside disc;
   margin-left: 0px;
}
.ttb-title {
   
}
/*----*/



/*-- 裕富申請 --*/
.yrh-logo-box {
   width: 100%;
   margin-bottom: 20px;
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
}
.yrh-logo-box .yrh-logo {
   height: 40px;
   display: block;
}
.yrh-logo-box .yrh-txt {
   font-size: 14px;
   line-height: 1.4;
   color: #343434;
   margin-left: 5px;
   display: block;
}
.yrh-img-intro {
   width: 100%;
   margin-bottom: 30px;
}
.yrh-img-intro .yii-list {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
}
.contentpanel .yrh-img-intro .yii-list li {
   width: 225px;
   margin-right: 40px;
   list-style: none;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
}
.yrh-img-intro .yii-list li:last-child {
   margin-right: 0px;
}
.yrh-img-intro .yii-list li .yil-img {
   width: 100px;
   margin-bottom: 12px;
}
.yrh-img-intro .yii-list li .yil-img img {
   width: 100%;
   display: block;
}
.yrh-img-intro .yii-list li .yil-title {
   width: 100%;
   text-align: center;
   font-size: 16px;
   font-weight: bold;
   line-height: 1.4;
   color: #343434;
   margin-bottom: 2px;
}
.yrh-img-intro .yii-list li .yil-txt {
   width: 100%;
   text-align: center;
   font-size: 14px;
   line-height: 1.4;
   color: #646464;
}
.yrh-img-intro .yii-list li .yil-txt .yit-tip {
   font-size: 12px;
}
.yrh-txt {
   width: 100%;
   list-style: none;
   position: relative;
   font-size: 16px;
   line-height: 1.4;
   color: #343434;
   margin-bottom: 15px;
}
.yrh-tip {
   font-size: 14px;
   line-height: 1.4;
   color: #343434;
   margin-bottom: 20px;
}
.yrh-txt .yt-hl {
   color: #2C893A;
}
.contentpanel .yrh-txt-list {
   width: 100%;
   margin-bottom: 20px;
}
.contentpanel .yrh-txt-list + .yrh-tip {
   margin-top: -20px;
}
.contentpanel .yrh-txt-list .ytl2 {
   width: 100%;
   margin: 5px 0;
   list-style-type: decimal;
   padding-left: 20px;
}
.contentpanel .yrh-txt-list .ytl2 > li {
   width: 100%;
   font-size: 16px;
   line-height: 1.4;
   color: #343434;
   margin-bottom: 5px;
}
.contentpanel .yrh-txt-list .ytl-hl {
   font-size: 17px;
   font-weight: bold;
   color: #D9534F;
   padding: 0 2px;
   display: inline-block;
   top: -2px;
   position: relative;
}
.contentpanel .yrh-txt-list .ytl-hl2 {
   font-weight: bold;
   color: #000;
}
.contentpanel .yrh-txt-list > li {
   width: 100%;
   list-style: none;
   position: relative;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-wrap: wrap;
   font-size: 16px;
   line-height: 1.4;
   color: #343434;
   margin-bottom: 10px;
}
.contentpanel .yrh-txt-list > li:last-child {
   margin-bottom: 0px;
}
.contentpanel .yrh-txt-list > li:before {
   content: '';
   display: block;
   width: 24px;
   height: 24px;
   margin-right: 8px;
   position: relative;
   top: -2px;
   background: url('../images/ap_icon_w20_input_success.svg') center center / contain no-repeat;
}
.yrh-txt-box {
   width: 100%;
   padding: 15px 15px;
   border: 1px solid #DDD;
   margin-bottom: 24px;
}
.yrh-terms-box {
   width: 100%;
   height: 120px;
   overflow-y: auto;
   padding: 15px 15px;
   border: 1px solid #DDD;
   margin-bottom: 40px;
}
.yrh-terms-box .about_inner h3 {
   font-size: 15px;
}
.yrh-terms-box .about_inner ul {
   padding-left: 17px;
}
.yrh-terms-box .about_inner ul li {
   list-style: outside decimal;
}
.yrh-terms-box .about_inner ul ul {
   padding-left: 21px;
}
.yrh-terms-box .about_inner ul li li {
   list-style: outside disc;
   margin-left: 0px;
}
/*----*/

/*-- check 區塊 --*/
.checkbox-box {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
}
.checkbox-box .cbb-inp {
   width: 14px;
   margin: 5px 10px 0 0;
   margin-right: 10px;
   display: block;
   flex-shrink: 0;
}
.checkbox-box .cbb-txt {
   width: 100%;
   font-size: 16px;
   line-height: 1.5;
   color: #343434;
}
.checkbox-box .cbb-txt .cbt-tip {
   font-size: 14px;
}
.checkbox-box .cbb-txt .cbt-tip + .cbt-tip {
   margin-left: 10px;
}
/*----*/


/*--分享跳窗--*/
.pp-social-box {
   width: 100%;
}
.pp-social-box .psb-title {
   width: 100%;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   margin-bottom: 20px;
}
.pp-social-box .psb-list {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: center;
}
.pp-social-box .psb-list li {
   width: 70px;
   list-style: none;
   margin-right: 15px;
}
.pp-social-box .psb-list li:last-child {
   margin-right: 0;
}
.pp-social-box .psl-link {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
}
.pp-social-box .psl-link:hover {
   text-decoration: none;
}
.pp-social-box .psl-link .psl-img {
   width: 48px;
}
.pp-social-box .psl-link .psl-img img {
   width: 100%;
}
.pp-social-box .psl-link .psl-txt {
   font-size: 12px;
   color: #333;
   margin-top: 6px;
}
/*----*/


/*--留言回覆--*/
.order-msg-box {
   width: 100%;
   height: 620px;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   background-color: #F0F0F0;
   margin-bottom: 30px;
}
.omb-list-box {
   width: 350px;
   height: 100%;
   padding: 16px 8px 16px 16px;
}
.contentpanel .omb-list {
   width: 100%;
   height: 100%;
   overflow-y: auto;
   margin: 0;
   padding-right: 8px;
}
.contentpanel .omb-list li {
   width: 100%;
   background: #FFFFFF;
   border-radius: 12px;
   list-style: none;
   cursor: pointer;
   transition: .2s;
}
.contentpanel .omb-list li:hover,
.contentpanel .omb-list li.obl-act {
   background: #E1F2E4;
}
.contentpanel .omb-list li:hover .obl-box,
.contentpanel .omb-list li.obl-act .obl-box {
   border-color: #FFF;
}
.contentpanel .omb-list li + li {
   margin-top: 16px;
}
.omb-list .obl-box {
   width: 100%;
   min-height: 50px;
   padding: 10px 16px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   border-bottom: 1px solid #EEEEEE;
}
.omb-list .obb-num {
   font-size: 14px;
}
.omb-list .obb-status {
   min-width: 45px;
   height: 27px;
   padding: 0 6px;
   background: #1B6727;
   border-radius: 4px;
   font-size: 12px;
   color: #FFF;
   display: flex;
   align-items: center;
   justify-content: center;
}
.omb-list .obl-box2 {
   width: 100%;
   padding: 10px 16px;
}
.obb2-info {
   width: 100%;
   margin-bottom: 5px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.omb-list .obb2-info .obi-name {
   font-size: 16px;
   font-weight: bold;
   color: #1C1C1E;
   line-height: 1.4;
}
.omb-list .obb2-info .obi-date {
   font-size: 12px;
   color: #A5A5A5;
   line-height: 1.4;
}
.omb-list .obb2-msg {
   font-size: 16px;
   color: #48484A;
   line-height: 1.4;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}
.omb-content {
   width: calc(100% - 350px);
   height: 100%;
   background-color: #F5F5F5;
   position: relative;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   flex-direction: column;
   padding: 16px 5px 5px 0;
}

.tbms-wrap {
    width: 100%;
    height: 100%;
    padding: 0px 16px 16px;
    position: relative;
    overflow-y: auto;
}

.tbms-wrap .tms-box {
    width: 100%;
    position: relative;
    margin-bottom: 26px;
}

.tbms-wrap .tmb-name {
    font-size: 13px;
    line-height: 1.4;
    color: #8E8E93;
    margin-bottom: 8px;
}

.tbms-wrap .tms-box:last-child {
    margin-bottom: 0;
}

.tbms-wrap .tmb-left .tmb-name {
    text-align: left;
}

.tbms-wrap .tmb-left .tmb-list {
    text-align: left;
}

.tbms-wrap .tmb-left .tmb-list .tmb-txt {
    border-radius: 0px 16px 16px 16px;
    background: #FFF;
}

.tbms-wrap .tmb-left .tmb-time {
    text-align: left;
}

.tbms-wrap .tmb-right .tmb-list {
    text-align: right;
}

.tbms-wrap .tmb-right .tmb-list .tmb-txt {
    background: #E1F2E4;
    border-radius: 16px 16px 0px 16px;
    text-align: left;
}

.tbms-wrap .tmb-right .tmb-time {
    text-align: right;
}

.tbms-wrap .tmb-list {
    width: 100%;
    position: relative;
}

.tbms-wrap .tmb-list li {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 8px;
    position: relative;
    font-size: 16px;
    line-height: 1.4;
    color: #1C1C1E;
}

.tbms-wrap .tmb-list li:last-child {
    margin-bottom: 0;
}

.tbms-wrap .tmb-list .tmb-txt {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 30px;
    max-width: 60%;
    min-height: 30px;
    padding: 10px 10px;
    position: relative;
}

.tbms-wrap .tmb-list .tmb-pic {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 235px;
    position: relative;
    background: #EEEEEE;
}

.tbms-wrap .tmb-list .tmb-pic img {
    display: block;
    width: 100%;
    border-radius: 8px 8px;
}

.tbms-wrap .tmb-time {
    font-size: 12px;
    color: #A5A5A5;
}

.tbms-inp-box {
    width: 100%;
    flex-shrink: 0;
    border-top: 1px solid #EEE;
    background: #FFF;
}

.tib-input-box {
    padding: 10px 15px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tib-input-box .tib-photo-file {
    position: relative;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    background: transparent url("../images/msg_picupload_ic.svg") center center/contain no-repeat;
    flex-shrink: 0;
    cursor: pointer;
}

.tib-input-box .tib-photo-file .tpf-input-file {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 11;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.tib-input-box .tib-input {
    width: 100%;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    color: #333;
    background: #F2F2F7;
    border: 1px solid #DFDFDF;
    border-radius: 18px;
}

.tib-input-box .tib-send {
    display: block;
    width: 24px;
    height: 23px;
    margin-left: 12px;
    background: transparent url("../images/msg_send_ic.svg") center center/contain no-repeat;
    flex-shrink: 0;
}

.tib-tip-box {
	width: 100%;
	text-align: center;
	font-size: 14px;
    color: #48484A;
}
.tib-tip-box .ttb-tip {
    color: #A5A5A5;
}

.tf-multifile {
	width: 100%;
   height: auto;
	position: relative;
}
.tf-multifile .image-uploader {
	cursor: pointer;
	min-height: 0;
	border: none;
}
.tf-multifile .image-uploader .uploaded {
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.tf-multifile .image-uploader .uploaded .uploaded-image {
	margin: 10px 15px 10px 0;
	display: block;
	width: 40px;
	padding-bottom: 40px;
	border: 1px solid #EEE;
	border-radius: 6px;
   background-color: #EEE;
}
.tf-multifile .image-uploader .uploaded .uploaded-image:first-child {
	margin-left: 15px;
}
.tf-multifile .image-uploader .uploaded .uploaded-image .delete-image {
	-webkit-appearance: none;
	border: none;
	position: absolute;
	top: -4px;
	right: -4px;
	z-index: 12;
	width: 16px;
	height: 16px;
	cursor: pointer;
	background: url("../images/msg_close2.svg") top left/contain no-repeat;
	display: block;
	text-indent: 100px;
}
.tf-multifile .image-uploader .uploaded .uploaded-image .delete-image .iui-close {
	display: none;
}
.tf-multifile .image-uploader .upload-text {
	display: none;
}
/*----*/

/*--icon box--*/
.status-ic {
   width: 110px;
   margin: 0 auto 15px;
}
.status-ic img {
   width: 100%;
   display: block;
}
/*----*/

/*--通知設定區塊--*/
.info-setting-box {
   display: flex;
   align-items: top;
   justify-content: flex-start;
}
.isb-title {
   width: 84px;
   padding-right: 10px;
   padding-top: 5px;
   display: block;
}
.isb-content {
   width: calc(100% - 90px);
   display: block;
   position: relative;
}
.isb-content input[type="checkbox"] {
   width: 14px;
}
.isb-content .isc-btn-box {
   width: 100%;
   margin-top: 10px;
}
/*----*/



/*-- 最新消息 --*/
.gw-news {
   width: 100%;
   box-sizing: border-box;
   padding-bottom: 10px;
}
.gw-news * {
   box-sizing: border-box;
}
.gn-header {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   margin-bottom: 15px;
}
.gn-header .gnh-title {
   font-size: 18px;
   color: #2C893A;
   font-weight: bold;
   line-height: 1.2;
}
.gn-header .gn-tabs {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-left: 48px;
}
.gn-header .gn-tabs li {
   font-size: 16px;
   color: #7C7C7C;
   line-height: 1;
   padding-bottom: 8px;
   border-bottom: 3px solid transparent;
   margin-left: 16px;
   cursor: pointer;
   list-style: none;
}
.gn-header .gn-tabs li:first-child {
   margin-left: 0;
}
.gn-header .gn-tabs li:hover {
   color: #2C893A;
}
.gn-header .gn-tabs li.active {
   color: #00783C;
   border-bottom-color: #00783C;
}
.gn-tab-content {
   width: 100%;
}
.gn-tab-content .gtc-box {
   width: 100%;
}
.gtc-box .gnt-list {
   width: 100%;
}
.gtc-box .gnt-list li {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 8px;
}
.gtc-box .gnt-list li:last-child {
   margin-bottom: 0;
}
.gtc-box .gl-label {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
   margin-right: 13px;
}
.gtc-box .gl-label:before {
   content: "";
   width: 70px;
   height: 25px;
   background: #7C7C7C;
   color: #FFF;
   font-size: 14px;
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 2px;
}
.gtc-box .gl-label:after {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 4px 0 4px 5px;
   border-color: transparent transparent transparent #7C7C7C;
}

/* 重要 */
.gtc-box .gl-label.gl-imp:after {
   border-left-color: #E60012;
}
.gtc-box .gl-label.gl-imp:before {
   content: '重要';
   background: #E60012;
}

/* 活動 */
.gtc-box .gl-label.gl-act:after {
   border-left-color: #68A54B;
}
.gtc-box .gl-label.gl-act:before {
   content: '活動';
   background: #68A54B;
}

/* 公告 */
.gtc-box .gl-label.gl-post:after {
   border-left-color: #7C7C7C;
}
.gtc-box .gl-label.gl-post:before {
   content: '公告';
   background: #7C7C7C;
}

/* 產品 */
.gtc-box .gl-label.gl-pd:after {
   border-left-color: #7C7C7C;
}
.gtc-box .gl-label.gl-pd:before {
   content: '產品';
   background: #7C7C7C;
}

/* 新聞 */
.gtc-box .gl-label.gl-news:after {
   border-left-color: #7C7C7C;
}
.gtc-box .gl-label.gl-news:before {
   content: '新聞';
   background: #7C7C7C;
}

/* 維護 */
.gtc-box .gl-label.gl-maintain:after {
   border-left-color: #7C7C7C;
}
.gtc-box .gl-label.gl-maintain:before {
   content: '維護';
   background: #7C7C7C;
}

.gtc-box .gl-date {
   color: #333;
   font-size: 14px;
   margin-right: 10px;
}
.gtc-box .gl-title {
   vertical-align: middle;
   overflow:hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   display: block;
   color: #00783C;
   font-size: 14px;
}
.gn-more {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-top: 27px;
}
.gn-more .gnm-btn {
   min-width: 60px;
   height: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 3px;
   border: 1px solid #46B8DA;
   background: #5BC0DE;
   font-size: 14px;
   color: #FFF;
   transition: .3s;
}
.gn-more .gnm-btn:hover {
   background-color: #39b3d7;
   border-color: #269abc;
   text-decoration: none;
}


.news-page-title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.news-page-title .npt-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 1px;
    margin-left: 40px;
    margin-bottom: 0;
}

.news-page-title .npt-tabs li {
    font-size: 16px;
    color: #666;
    line-height: 1;
    padding-bottom: 8px;
    border-bottom: 3px solid transparent;
    margin-right: 16px;
    cursor: pointer;
    list-style: none;
    transition: .2s;
}

.news-page-title .npt-tabs li:last-child {
    margin-right: 0;
}

.news-page-title .npt-tabs li:hover,
.news-page-title .npt-tabs li.active {
    border-bottom-color: #00783C;
    color: #00783C;
}

.news-page-list .gl-label {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.news-page-list .gl-label:before {
	content: "";
	width: 70px;
	height: 25px;
	background: #7C7C7C;
	color: #FFF;
	font-size: 14px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2px;
}
.news-page-list .gl-label:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 5px;
	border-color: transparent transparent transparent #7C7C7C;
}

/* 重要 */
.news-page-list .gl-label.gl-imp:after {
    border-left-color: #E60012;
}
.news-page-list .gl-label.gl-imp:before {
    content: '重要';
    background: #E60012;
}

/* 活動 */
.news-page-list .gl-label.gl-act:after {
    border-left-color: #68A54B;
}
.news-page-list .gl-label.gl-act:before {
    content: '活動';
    background: #68A54B;
}

/* 公告 */
.news-page-list .gl-label.gl-post:after {
    border-left-color: #7C7C7C;
}
.news-page-list .gl-label.gl-post:before {
    content: '公告';
    background: #7C7C7C;
}

/* 產品 */
.news-page-list .gl-label.gl-pd:after {
    border-left-color: #7C7C7C;
}
.news-page-list .gl-label.gl-pd:before {
    content: '產品';
    background: #7C7C7C;
}

/* 新聞 */
.news-page-list .gl-label.gl-news:after {
    border-left-color: #7C7C7C;
}
.news-page-list .gl-label.gl-news:before {
    content: '新聞';
    background: #7C7C7C;
}

/* 維護 */
.news-page-list .gl-label.gl-maintain:after {
    border-left-color: #7C7C7C;
}
.news-page-list .gl-label.gl-maintain:before {
    content: '維護';
    background: #7C7C7C;
}
/*----*/


/*-- 標籤連結區塊 --*/
.contentpanel .tab-link-list {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   list-style: none;
   margin-bottom: 30px;
}
.contentpanel .tab-link-list li {
   margin-right: 16px;
   list-style: none;
}
.tab-link-list li:last-child {
   margin-right: 0px;
}
.tll-link {
   font-size: 16px;
   color: #7C7C7C;
   line-height: 1.4;
   padding-bottom: 3px;
   border-bottom: 3px solid transparent;
   text-decoration: none;
}
.tll-link:hover {
   text-decoration: none;
}
.tll-link.tll-act {
   color: #00783C;
   border-bottom-color: #00783C;
}
/*----*/


/*-- 行銷小工具介紹 --*/
.mktt-intro-box {
   width: 100%;
   margin-bottom: 30px;
   padding-top: 16px;
}
.mktt-intro-box .mib-title {
   width: 100%;
   text-align: center;
   color: #333;
   font-size: 26px;
   line-height: 1.2;
   margin-bottom: 16px;
}
.mktt-intro-box .mib-txt {
   width: 100%;
   text-align: center;
   color: #555;
   font-size: 16px;
   line-height: 1.5;
}
.mktt-list {
   width: 100%;
   display: flex;
   align-items: stretch;
   justify-content: center;
   padding: 0 20px 20px;
}
.mktt-list .mtl-box {
   width: calc(50% - 16px);
   max-width: 340px;
   min-height: 364px;
   margin: 0 32px 22px 0;
   padding: 24px 20px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   position: relative;
   border-radius: 30px;
   border: 2px solid #ABD5BB;
   background: #D3FFE4;
 }
 .mktt-list .mtl-box:nth-child(2n) {
   margin-right: 0;
 }
 .mktt-list .mtl-box.mlb-msg {
   border-color: #ABD5BB;
   background: #D3FFE4;
 }
 .mktt-list .mtl-box.mlb-mail {
   border-color: #B0D5CE;
   background: #D4F8F1;
 }
 .mlb-content {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-start;
}
 .mktt-list .mlb-icon {
   width: 100px;
 }
 .mktt-list .mlb-icon img {
   width: 100%;
   display: block;
 }
 .mktt-list .mlb-title {
   font-size: 22px;
   color: #333;
   margin-top: 8px;
   text-align: center;
   line-height: 1.2;
 }
 .mktt-list .mlb-txt {
   font-size: 14px;
   color: #555;
   margin-top: 8px;
   text-align: center;
   line-height: 1.5;
 }
.mbc-num-box {
   width: 100%;
   height: 110px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   margin-top: 16px;
}
.mktt-list .mbc-num-box .mbc-num {
   width: 100%;
   border-top: 1px solid rgba(0, 0, 0, 0.10);
   padding-top: 16px;
   font-size: 14px;
   color: #555;
   line-height: 1.4;
   text-align: center;
}
.mktt-list .mbc-num-box .mnb-hl {
   font-size: 20px;
   font-weight: bold;
   color: #D9534F;
   padding: 0 4px;
}
.mktt-list .mbc-num-box .mnb-hl.mh-nostock {
   color: #444;
}
.mktt-list .mbc-num-box .mlb-btn-box {
   margin-top: 16px;
}
.mktt-list .mbc-num-box .mlb-btn-box .mlb-btn {
   width: 116px;
   height: 48px;
   font-size: 15px;
   color: #000;
   text-decoration: none;
   display: flex;
   padding: 0 5px;
   justify-content: center;
   align-items: center;
   border-radius: 8px;
   background: #FFD600;
   transition: .2s;
}
.mktt-list .mbc-num-box .mlb-btn-box .mlb-btn:hover {
   background: #DFBC04;
}

.mkt-tool-wrap {
   background: #2C893A;
}
.mtw-title {
   width: 100%;
   font-size: 26px;
   text-align: center;
   line-height: 1.2;
   color: #FFF;
   margin: 40px 20px 24px;
}
.mtw-content {
   width: 100%;
   padding: 0 20px 56px; 
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
}
.mtw-box {
   display: flex;
   width: 560px;
   padding: 24px 24px;
   flex-direction: column;
   align-items: center;
   border-radius: 12px;
   background: #FFF;
}
.mtw-box + .mtw-box {
   margin-top: 24px;
}
.mtw-box .mwb-title {
   font-size: 22px;
   color: #333;
   line-height: 1.2;
   margin-bottom: 16px;
}
.mwb-txt {
   font-size: 14px;
   color: #555;
   line-height: 1.5;
   text-align: center;
   margin-bottom: 20px;
}
.mwb-payway {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
   margin-bottom: 30px;
}
.mwb-payway dt {
   min-width: 88px;
   height: 28px;
   padding: 0 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #446849;
   font-size: 14px;
   border-radius: 180px;
   background: #DDF3E5;
   margin-right: 8px;
}
.mwb-payway dd {
   padding-top: 4px;
   color: #111;
   font-size: 14px;
   font-weight: bold;
}
.mwb-list {
   width: 100%;
   display: flex;
   align-items: stretch;
   justify-content: center;
}
.contentpanel .mwb-list li {
   list-style: none;
   margin-right: 50px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-direction: column;
}
.contentpanel .mwb-list li:last-child {
   margin-right: 0px;
}
.mwb-list .mwl-ic {
   width: 48px;
   height: 48px;
   margin-bottom: 4px;
}
.mwb-list .mwl-ic img {
   width: 100%;
}
.mwl-txt {
   font-size: 14px;
   color: #41864C;
}
/*----*/


.acb2-wrap {
   padding-bottom: 16px;
 }
 .acb2-wrap a {
   color: #0081DA;
 }
 .acb2-wrap .acb-title-tab {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   margin-bottom: 40px;
 }
 .acb2-wrap .att-link {
   min-width: 112px;
   height: 38px;
   margin-right: 8px;
   padding: 0 24px;
   border-radius: 100px;
   background: rgba(4, 30, 73, 0.06);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 16px;
   color:#57624F;
   transition: .2s;
 }
 .acb2-wrap .att-link:last-child {
   margin-right: 0px;
 }
 .acb2-wrap .att-link:hover {
   background: rgba(4, 30, 73, 0.1);
   text-decoration: none;
 }
 .acb2-wrap .att-link.atl-act {
   background: #00A84F;
   color: #FFF;
 }
 .acb2-wrap .acb-txt {
   text-align: center;
 }
 .acb2-wrap .ac-chart-block {
   padding-top: 45px;
   display: flex;
   align-items: flex-start;
   justify-content: center;
 }
 .acb2-wrap .ac-chart-block .ac-chart {
     width: 200px;
     display: block;
 }
 .acb2-wrap .ac-chart .acc-info {
   width: 78%;
   height: 78%;
   color: #333;
   font-size: 15px;
   line-height: 1.5;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .acb2-wrap .ac-chart .acc-info .aci-content {
   display: block;
 }
 .acb2-wrap .ac-chart .acc-info .aci-price {
   font-size: 20px;
   margin-right: 0;
   color: #333;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .acb2-wrap .ac-chart .acc-info .ap-currency {
   font-size: 14px;
   margin-right: 4px;
 }
 .acb2-wrap .ac-content-wrap {
   width: 390px;
   margin-left: 100px;
   margin-top: 0;
 }
 .acb2-wrap .acw-title {
   font-size: 18px;
   font-weight: bold;
   color: #333;
   margin-bottom: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .acb2-wrap .acw-title .abi-price {
   font-size: 22px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .acb2-wrap .acw-title .ap-currency {
   font-size: 14px;
   margin-right: 4px;
 }
 .acb2-wrap .acw-list {
   padding-left: 0;
 }
 .acb2-wrap .acw-list li {
   margin-bottom: 12px;
   font-size: 14px;
   color: #333;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
 }
 .acb2-wrap .acw-list li:last-child {
   margin-bottom: 0px;
 }
 .acb2-wrap .acw-list .al-name {
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
 }
 .acb2-wrap .acw-list .an-ic {
   width: 16px;
   height: 16px;
   border-radius: 100%;
   margin-right: 8px;
   margin-top: 4px;
 }
 .acb2-wrap .acw-list .an-link {
   margin-left: 8px;
 }
 .acb2-wrap .acw-list .an-ic.ani-1 { background: #339965;}
 .acb2-wrap .acw-list .an-ic.ani-2 { background: #507BAF;}
 .acb2-wrap .acw-list .an-ic.ani-3 { background: #D9D9D9;}
 .acb2-wrap .acw-list .an-ic.ani-red { background: #d9534f; }
 .acb2-wrap .acw-list.acl-sum {
   width: 100%;
   padding-top: 16px;
   margin-top: 16px;
   border-top: 1px solid #EBEBEB;
 }
 .acb2-wrap .acw-list.acl-sum .al-price {
   color: #00A84F;
 }
 
 
 /* 實際可提領餘額 */
 .acw-balance-box {
   width: 100%;
   margin-top: 32px;
 }
 .acw-balance-box * {
   transition: .1s;
 }
 .acw-balance-box.abb-act .abb-ctrl .abt-arrow:after {
   transform: rotate(-315deg);
   margin-top: 2px;
 }
 .acw-balance-box.abb-act .abb-content {
   max-height: 1000px;
   padding: 16px 16px;
 }
 .acw-balance-box .abb-ctrl {
   width: 100%;
   height: 60px;
   margin-bottom: 5px;
   padding: 0 16px 0 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
   border-radius: 60px;
 }
 .acw-balance-box .abb-ctrl:hover {
   background: #F0F3E8;
 }
 .acw-balance-box .abb-ctrl:active {
   background: #F0F3E8;
 }
 .acw-balance-box .abb-ctrl:hover .abt-arrow {
   background: rgba(4, 30, 73, 0.08);
 }
 .acw-balance-box .abb-ctrl .abt-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-right: 12px;
   font-size: 14px;
   font-weight: bold;
   color: #333;
   margin-bottom: 0;
 }
 .acw-balance-box .abb-ctrl .abt-box .atb-price {
   color: #00A84F;
 }
 .acw-balance-box .abb-ctrl .abt-arrow {
   width: 48px;
   height: 48px;
   flex-shrink: 0;
   display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 100px;
   background: transparent; 
 }
 .acw-balance-box .abb-ctrl .abt-arrow:after {
   content: '';
   width: 7px;
   height: 7px;
   display: block;
   border: 1px solid #555;
   border-right: none;
   border-bottom: none;
   transform: rotate(-135deg);
   transition: .2s;
   margin-top: -4px;
 }
 .acw-balance-box .abb-content {
     width: 100%;
     max-height: 0;
     padding: 0;
     border-radius: 10px;
     background: #F0F3E8;
     overflow: hidden;
 }
 .acw-balance-box .abc-price-box {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   font-size: 14px;
   color: #555;
   line-height: 1.4;
 }
 .acw-balance-box .abc-price-box .apb-1 {
   text-align: left;
 }
 .acw-balance-box .abc-price-box .apb-2 {
   text-align: right;
 }
 .acw-balance-box .abc-price-box .apb-hl {
   color: #00A84F;
 }
 .acw-balance-box .abc-progress-box .progress {
     border-radius: 180px;
     height: 14px;
     margin-top: 16px;
     margin-bottom: 0;
     overflow: visible;
     background: #FFF;
 }
 
 .acw-balance-box .abc-progress-box .progress-bar {
     position: relative;
     border-radius: 10px;
     background: #339965;
 }
 .acw-balance-box .abc-progress-box .apb-tip {
   width: 100%;
   text-align: left;
   font-size: 13px;
   color: #777;
   line-height: 1.4;
   margin-top: 5px;
 }
 .acw-balance-box .abb-content .abc-tip {
     width: 100%;
     text-align: center;
     font-size: 14px;
     color: #777;
     line-height: 1.4;
     margin-top: 14px;
 }
 .acw-balance-box .abb-content .abc-tip.red {
   color: #d9534f!important;
 }
 /* 實際可提領餘額 END */

 /*-- 表單 --*/
.acb-form-box {
   width: 100%;
   margin-bottom: 35px;
 }
 .acb-form {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 .acb-form dl {
   width: calc(50% - 20px);
   margin: 0 20px 15px 0;
   display: flex;
   align-items: flex-start;
   justify-content: flex-start;
 }
 .acb-form dl:nth-child(2n) {
   margin-left: 0;
   margin-right: 20px;
 }
 .acb-form dt, .acb-form dd {
   display: block;
 }
 .acb-form dt {
   width: 70px;
   margin-right: 10px;
   color: #333;
   font-size: 14px;
   line-height: 1.2;
   padding-top: 7px;
   flex-shrink: 0;
   text-align: left;
 }
 .acb-form dd {
   width: 100%;
   color: #333;
   font-size: 14px;
 }
 .acb-form dt.df-oneline {
   padding-top: 0px;
 }
 .acb-form input:not([type="checkbox"],[type="radio"]) {
   width: 100%;
   height: 35px;
   border-radius: 4px;
   border: 1px solid #D9D9D9;
   background: #FFF;
 }
 .acb-form .abf-tip {
   color: #E95663;
   font-size: 12px;
   line-height: 1.4;
   margin-top: 2px;
 }
 .acb-form .abf-sele-multi {
   display: flex;
   align-items: center;
   justify-content: flex-start;
 }
 .acb-form .def-select {
   width: 100%;
   height: 35px;
   position: relative;
   line-height: 1.5;
   font-size: 14px;
   display: block;
 }
 .acb-form .def-select + .def-select {
   margin-left: 10px;
 }
 .acb-form .def-select:before {
   content: "";
   right: 2px;
   top: 3px;
   width: 25px;
   height: 31px;
   background: white;
   position: absolute;
   pointer-events: none;
   display: block;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
 }
 .acb-form .def-select:after {
   content: "";
   width: 6px;
   height: 6px;
   border: 1px solid #333;
   border-right: none;
   border-bottom: none;
   right: 8px;
   top: 14px;
   position: absolute;
   pointer-events: none;
   transform: rotate(-135deg);
 }
 .acb-form .def-select.disabled:before {
   background: #f4f4f4;
 }
 .acb-form .def-select select {
   height: 35px;
   width: 100%;
   border-radius: 4px;
   border: 1px solid #D9D9D9;
   background: #FFF;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   transition: 0.3s;
   margin: 0;
   padding-right: 22px;
 }
 .acb-form .def-select select:disabled {
   color: #4d6d6d;
   background: #f4f4f4;
 }
 @media screen and (-webkit-min-device-pixel-ratio: 0) {
   .acb-form .def-select select {
     padding-right: 18px;
   }
 }
 .acb-form .abf-date-box {
   display: flex;
   align-items: center;
   justify-content: flex-start;
 }
 .acb-form .abf-date-box .adb-txt {
   font-size: 14px;
   padding: 0 6px;
   flex-shrink: 0;
 }
 .acb-form + .acb-btn-box {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
 .acb-form + .acb-btn-box .table_btn {
   color: #000;
   display: block;
 }
 .acb-function {
   width: 100%;
   margin-bottom: 24px;
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 .acb-function .af-btn-box {
   display: flex;
   align-items: center;
   justify-content: flex-start;
 }
 .acb-function .af-btn {
   height:36px;
   padding: 0 16px;
   margin-right: 16px;
   border-radius: 100px;
   border: 1px solid #ABD49F;
   background: #EEFDEA;
   color: #303F2C; 
   font-size: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .acb-function .abb-tip .acr-waring {
   color: #E95663;
 }
 .acb-function .af-note {
   color: #333;
   font-size: 14px;
   line-height: 1.4;
 }

 .acb-function .btn {
   color: #FFF;
 }
 .acb-function .export-menu a {
   display: block;
   color: #333;
 }
 .acb-function .export-menu a:hover { color: #4AB348; text-decoration: none; }
 /*----*/
 
 
 /*--表格版型--*/
 .ec-table-temp {
   width: 100%;
 }
 .ec-table-temp table {
   width: 100%;
   border: none;
   text-align: center;
   border-collapse: separate;
   border-spacing: 0;
 }
 .ec-table-temp .ett-ac-detail td {
   width: 90px;
 }
 .ec-table-temp table .ett-w1 {
   width: 70px;
 }
 .ec-table-temp table .ett-w2 {
   width: 160px;
 }
 .ec-table-temp table thead th {
   background: #F0F3E8;
   padding: 16px 10px;
   border: 1px solid #D9D9D9;
   border-right: none;
   border-left: none;
   text-align: center;
   font-size: 14px;
   color: #555;
   line-height: 1.4;
 }
 .ec-table-temp table thead tr {
   border: none;
 }
 .ec-table-temp table thead th:first-child {
   border-radius: 16px 0 0 0;
   border-left: 1px solid #D9D9D9;
 }
 .ec-table-temp table thead th:last-child {
   border-radius: 0 16px 0 0;
   border-right: 1px solid #D9D9D9;
 }
 .ec-table-temp table thead .ett-th {
   display: flex;
   align-items: center;
   justify-content: flex-end;
 }
 .ec-table-temp table thead .eth-g {
   color: #00A84F;
   padding: 0 3px;
 }
 .ec-table-temp table thead .eth-r {
   color: #E95663;
   padding: 0 3px;
 }
 .ec-table-temp table tbody tr:hover td {
   background: #F0F3E8;
 }
 .ec-table-temp table td {
   padding: 16px 10px;
   background: #FFF;
   border:none;
   border-bottom: 1px solid #D9D9D9;
   text-align: center;
   font-size: 14px;
   color: #555;
   line-height: 1.4;
 }
 .ec-table-temp table td:first-child {
   border-left: 1px solid #D9D9D9;
 }
 .ec-table-temp table td:last-child {
   border-right: 1px solid #D9D9D9;
 }
 .ec-table-temp table .eth-g {
   color: #00A84F;
 }
 .ec-table-temp table .eth-r {
   color: #E95663;
 }
 .ec-table-temp .ett-ctrl {
   width: 48px;
   height: 48px;
   flex-shrink: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   border-radius: 100px;
   background: transparent;
   transition: .2s;
 }
 .ec-table-temp .ett-ctrl:after {
   content: '';
   width: 7px;
   height: 7px;
   display: block;
   border: 1px solid #555;
   border-right: none;
   border-bottom: none;
   transform: rotate(-135deg);
   transition: .2s;
   margin-top: -4px;
 }
 .ec-table-temp .ett-ctrl:hover {
   background: rgba(4, 30, 73, 0.08);
 }
 .ec-table-temp .ett-ac-act .ett-ctrl:after {
   transform: rotate(-315deg);
   margin-top: 2px;
 }
 .ec-table-temp .ett-ac-act + .ett-ac-detail td {
   padding: 8px 8px;
 }
 .ec-table-temp .ett-ac-act + .ett-ac-detail .ead-box {
   display: block;
 }
 .ec-table-temp .ett-ac-detail td {
   padding: 0;
   vertical-align: top;
 }
 .ec-table-temp .ett-ac-detail .ead-box {
   display: none;
   padding: 10px 10px;
   border-radius: 8px;
   background: #F3F5ED;
 }
 .ec-table-temp .ett-ac-detail .ead-box td {
   border: none;
   color: #777;
   background: transparent;
 }
 .ec-pagenum {
   margin: 40px 0 30px;
   text-align: center;
 }
 .ec-pagenum a {
   margin-top: 40px;
   text-align: center;
   color: #588c3F;
 }
 /*----*/


/*-- 物流異常件紀錄 --*/
.olcs-content-wrap {
   width: 100%;
}
.olcs-content-wrap .site-content {
    width: 100%;
    margin: 0 auto;
    padding: 40px 84px;
    position: relative;
    background: white;
    border: 1px solid #EBEBEB;
}

.olcs-content-wrap .site-content + .site-content {
    margin-top: 20px;
}
.olcs-content-wrap .content-des {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 1.7;
}

.olcs-content-wrap .content-des.ctd-margin {
    margin-top: 60px;
}

.olcs-content-wrap .content-des .ctd-hl {
    display: inline-block;
    font-weight: bold;
    color: #588C3F;
    margin: 0 5px;
}
.olcs-content-wrap .apply-form {
    width: 100%;
    margin: 0 auto;
}

.olcs-content-wrap .apply-form .af-content {
    font-size: 16px;
}

.olcs-content-wrap .apply-form .af-oneline dt {
    padding-top: 0;
    margin-top: -4px;
}

.olcs-content-wrap .apply-form dl,
.olcs-content-wrap .apply-form dd,
.olcs-content-wrap .apply-form dt,
.olcs-content-wrap .apply-form a,
.olcs-content-wrap .apply-form .radio {
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.olcs-content-wrap .apply-form dl {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    vertical-align: top;
}

.olcs-content-wrap .apply-form dl:last-child {
    margin-bottom: 0;
}

.olcs-content-wrap .apply-form dt {
    width: 180px;
    display: inline-block;
    padding-right: 3px;
    padding-top: 14px;
    font-size: 16px;
    vertical-align: top;
    line-height: 1.7;
}

.olcs-content-wrap .apply-form dd {
    width: calc(100% - 186px);
    display: inline-block;
    vertical-align: top;
    position: relative;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 1.2;
}

.olcs-content-wrap .apply-form .inp-required {
    color: red;
    font-size: 13px;
    font-weight: bold;
    margin-left: 4px;
    vertical-align: 2px;
}

.olcs-content-wrap .apply-form input[type=text],
.olcs-content-wrap .apply-form input[type=password],
.olcs-content-wrap .apply-form input[type=tel],
.olcs-content-wrap .apply-form input[type=email],
.olcs-content-wrap .apply-form input[type=file] {
    width: 100%;
    height: 50px;
}

.olcs-content-wrap .apply-form .af-textarea {
   width: 100%;
}

.olcs-content-wrap .apply-form input {
    border: 1px solid #aaa;
    padding: 6px 8px;
    font-size: 14px;
    color: #555;
    background: white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.olcs-content-wrap .apply-form input:hover {
    border: 1px solid #84AF6F;
}

.olcs-content-wrap .apply-form input:focus {
    border: 1px solid #588C3F;
    background: #FBFFF9;
    -webkit-box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
    -moz-box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
    box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
}

.olcs-content-wrap .apply-form ::-webkit-input-placeholder {
    color: #aaa;
    opacity: .9;
}

.olcs-content-wrap .apply-form :-moz-placeholder {
    color: #aaa;
    opacity: .9;
}

.olcs-content-wrap .apply-form input[type='checkbox'] {
    width: 18px;
    height: 18px;
}

.olcs-content-wrap .apply-form input[type='radio'] {
    width: 18px;
    height: 18px;
}

.olcs-content-wrap .apply-form textarea {
    border: 1px solid #aaa;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 1.5;
    background: white;
    resize: vertical;
    border-radius: 4px;
}

.olcs-content-wrap .apply-form textarea:hover {
    border: 1px solid #84AF6F;
}

.olcs-content-wrap .apply-form textarea:focus {
    border: 1px solid #588C3F;
    background: #FBFFF9;
    -webkit-box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
    -moz-box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
    box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
}

.olcs-content-wrap .apply-form select {
    border: 1px solid #aaa;
    padding: 6px 8px;
    font-size: 14px;
    cursor: pointer;
    background: white;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.olcs-content-wrap .apply-form input[type='submit'] {
    cursor: pointer;
}

.olcs-content-wrap .apply-form .input-error {
    border: 2px solid #ec4040;
}

.olcs-content-wrap .apply-form .input-error-txt {
    color: #ec4040;
    font-size: 13px;
    line-height: 1.5;
    margin-top: 2px;
    padding-left: 9px;
}

.olcs-content-wrap .apply-form .input-error-txt {
   color: #ec4040;
   font-size: 13px;
   line-height: 1.5;
   margin-top: 2px;
   padding-left: 9px;
}

.olcs-content-wrap .apply-form .af-select {
    width: 100%;
    position: relative;
    line-height: 1.6;
    font-size: 16px;
    display: inline-block;
}

.olcs-content-wrap .apply-form .af-select:before {
    content: "";
    right: 6px;
    top: 6px;
    width: 45px;
    height: 40px;
    background: white;
    position: absolute;
    pointer-events: none;
    display: block;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.olcs-content-wrap .apply-form .af-select:after {
    content: "";
    width: 7px;
    height: 7px;
    border: 1px solid #888;
    border-right: none;
    border-top: none;
    position: absolute;
    right: 15px;
    top: 20px;
    pointer-events: none;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.olcs-content-wrap .apply-form .af-select select {
    width: 100%;
    height: 50px;
    background: #FFF;
    padding-right: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.olcs-content-wrap .apply-form .af-select:hover select {
    border: 1px solid #84AF6F;
}

.olcs-content-wrap .apply-form .af-select:focus select {
    border: 1px solid #588C3F;
    -webkit-box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
    box-shadow: 0 0px 6px 0px rgba(88, 140, 63, 0.7);
}

.olcs-content-wrap .apply-form .af-radio input[type=radio] {
    display: none;
}

.olcs-content-wrap .apply-form .af-radio .radio {
    cursor: pointer;
    text-indent: 27px;
    overflow: visible;
    display: inline-block;
    position: relative;
    margin: 2.5px 15px 2.5px 0;
}

.olcs-content-wrap .apply-form .af-radio label.radio:before {
    background: white;
    border: 1px solid #aaa;
    content: "";
    position: absolute;
    top: -2.5px;
    left: 0;
    width: 18px;
    height: 18px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 99em;
}

.olcs-content-wrap .apply-form .af-radio label.radio:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    top: 2.5px;
    left: 5px;
    background: #555;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 99em;
}

.olcs-content-wrap .apply-form .af-radio input[type=radio]:checked+label:after {
    opacity: 1;
}

.olcs-content-wrap .apply-form .af-check {
    text-align: left;
    margin-bottom: 15px;
}

.olcs-content-wrap .apply-form .af-check input[type=checkbox] {
    display: none;
}

.olcs-content-wrap .apply-form .af-check .checkbox {
    cursor: pointer;
    overflow: visible;
    display: inline-block;
    position: relative;
    padding-left: 28px;
    text-align: left;
    line-height: 1.4;
    font-size: 15px;
}

.olcs-content-wrap .apply-form .af-check label.checkbox:before {
    background: white;
    border: 1px solid #aaa;
    content: "";
    position: absolute;
    top: 0.5px;
    left: 0;
    width: 18px;
    height: 18px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 4px;
}

.olcs-content-wrap .apply-form .af-check label.checkbox:after {
    opacity: 0;
    content: "";
    position: absolute;
    background: transparent;
    top: 5.5px;
    left: 5px;
    width: 8px;
    height: 4px;
    border: 3px solid #555;
    border-top: none;
    border-right: none;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.olcs-content-wrap .apply-form .af-check input[type=checkbox]:checked+label:after {
    opacity: 1;
}

.olcs-content-wrap .apply-form .af-check.ac-center {
    text-align: center;
}

.olcs-content-wrap .apply-form .af-file {
    display: block;
    position: relative;
    margin-top: 15px;
}

.olcs-content-wrap .apply-form .af-file:first-child {
    margin-top: 0;
}

.olcs-content-wrap .apply-form .af-file .input-file-cover {
    width: 100%;
    margin: 0;
}

.olcs-content-wrap .apply-form .af-file .ifc-input {
    display: block;
    height: 50px;
    padding-right: 40px;
}

.olcs-content-wrap .apply-form .af-file .input-file-box {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 50px;
}

.olcs-content-wrap .apply-form .af-file .input-file {
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}

.olcs-content-wrap .apply-form .af-file .input-file-clear {
    width: 20px;
    height: 20px;
    line-height: 17px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #EEE;
    display: block;
    background: #888;
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 6;
    cursor: pointer;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 99em;
}

.olcs-content-wrap .apply-form .af-file:hover .ifc-input {
    border: 1px solid #84AF6F;
}

.olcs-content-wrap .apply-form .af-tip {
    font-size: 14px;
    line-height: 1.5;
    color: #888888;
    margin-top: 3px;
    padding-left: 9px;
    position: relative;
}

.olcs-content-wrap .apply-form .af-tip.aft-hl {
    color: #588C3F;
}

.olcs-content-wrap .apply-form .af-tip a {
    text-decoration: underline;
}

.olcs-content-wrap .apply-form .afc-contact-way .af-select {
    width: calc(50% - 10px);
    margin-left: 16px;
}

.olcs-content-wrap .apply-form .afc-contact-way .af-select:first-child {
    margin-left: 0;
}

.olcs-content-wrap .apply-form .afc-question .af-select+.af-select {
    margin-top: 15px;
}

.olcs-content-wrap .apply-form .afc-question-des.aqd-replay textarea {
    min-height: 130px;
}

.olcs-content-wrap .apply-form .afc-question-des textarea {
    width: 100%;
    min-height: 260px;
    resize: vertical;
}

.olcs-content-wrap .apply-form .afc-question-des .aqd-txt-num {
    float: right;
    font-size: 13px;
    color: #777;
    margin-top: 6px;
}

.olcs-content-wrap .apply-form .afc-captcha {
    width: 100%;
    position: relative;
}

.olcs-content-wrap .apply-form .afc-captcha li {
    display: inline-block;
    vertical-align: middle;
}

.olcs-content-wrap .apply-form .afc-captcha li:nth-child(1) {
    width: 40%;
}

.olcs-content-wrap .apply-form .afc-captcha li:nth-child(2) {
    width: 100px;
}

.olcs-content-wrap .apply-form .afc-captcha li:nth-child(3) {
    width: auto;
}

.olcs-content-wrap .apply-form .afc-captcha .acp-pic img {
    width: 100%;
    max-height: 44px;
    display: inline-block;
    vertical-align: bottom;
}

.olcs-content-wrap .apply-form .afc-captcha .acp-refresh {
    font-size: 15px;
}

.olcs-content-wrap .apply-form .afc-captcha .acp-refresh a {
    text-decoration: underline;
}

.olcs-content-wrap .apply-form .afc-btn {
    width: 100%;
    margin-top: 35px;
    text-align: center;
}

.olcs-content-wrap .sc-case-num {
    width: 100%;
    margin: 30px 0 60px;
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.olcs-content-wrap .sc-case-num .scn-hl {
    display: inline-block;
    font-size: 26px;
    font-weight: bold;
    color: #588C3F;
    vertical-align: -3px;
    margin-left: 10px;
}

.olcs-content-wrap .ofw-link-box {
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.olcs-content-wrap .ofw-link-box li {
    display: inline-block;
    padding: 0px 10px;
    position: relative;
    text-align: center;
}

.olcs-content-wrap .ofw-link-box li:after {
    content: "";
    height: 60px;
    border-right: 1px solid #ccc;
    position: absolute;
    top: 48px;
    right: -2px;
    display: block;
}

.olcs-content-wrap .ofw-link-box li:last-child:after {
    display: none;
}

.olcs-content-wrap .ofw-link-box li a {
    width: 150px;
    height: 156px;
    padding-top: 35px;
    display: block;
    background: transparent;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.olcs-content-wrap .ofw-link-box li a.on-touch {
    background-color: #F7FDF4;
    text-decoration: none;
}

.olcs-content-wrap .ofw-link-box li .olb-icon {
    width: auto;
    height: 60px;
    display: inline-block;
}

.olcs-content-wrap .ofw-link-box li .olb-icon img {
    height: 100%;
    vertical-align: bottom;
}

.olcs-content-wrap .ofw-link-box li .olb-txt {
    width: 100%;
    margin-top: 10px;
    font-size: 15px;
    color: #333;
    text-align: center;
}
.olcs-content-wrap .osc-num-box {
    width: 100%;
    font-size: 20px;
    color: #333;
    margin-bottom: 20px;
}

.olcs-content-wrap .osc-num-box:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 24px;
    border: 3px solid #588C3F;
    margin-right: 8px;
}

.olcs-content-wrap .osc-num-box span {
    display: inline-block;
    vertical-align: middle;
}

.olcs-content-wrap .osc-num-box .osc-num {
    font-weight: bold;
    color: #588C3F;
    margin-left: 26px;
}

.olcs-content-wrap .osc-case-data {
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 1.5;
    color: #000;
    background: #F5FCF1;
}

.olcs-content-wrap .osc-case-data dl {
    margin-bottom: 3px;
}

.olcs-content-wrap .osc-case-data dl:last-child {
    margin-bottom: 0px;
}

.olcs-content-wrap .osc-case-data dt,
.olcs-content-wrap .osc-case-data dd {
    display: inline-block;
    vertical-align: middle;
}

.olcs-content-wrap .osc-case-data dt {
    width: 100px;
    color: #333;
}

.olcs-content-wrap .osc-case-data dd {
    width: calc(100% - 100px - 6px);
}

.olcs-content-wrap .osc-qa-box {
    width: 100%;
    position: relative;
}

.olcs-content-wrap .osc-qa-box .oqb-title {
   width: 100%;
   font-size: 16px;
   line-height: 1.5;
   color: #333;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.olcs-content-wrap .osc-qa-box .oqb-des {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
    word-wrap: break-word;
    word-break: break-all;
}

.olcs-content-wrap .osc-qa-box .oqb-doc {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
}

.olcs-content-wrap .osc-qa-box .oqb-doc li {
    margin-bottom: 5px;
}

.olcs-content-wrap .osc-qa-box .oqb-doc li:last-child {
    margin-bottom: 0px;
}

.olcs-content-wrap .osc-qa-box .oqb-date {
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    color: #888;
    text-align: left;
}

.olcs-content-wrap .osc-personal-data {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.olcs-content-wrap .osc-personal-data li {
    margin-bottom: 1px;
}

.olcs-content-wrap .osc-personal-data li:last-child {
    margin-bottom: 0px;
}

.olcs-content-wrap .osc-qa-box .oqb-des .oqb-des-img img {
    width: 100%;
    height: auto;
}

.olcs-content-wrap .site-content.osc-re-box {
    background: #f5f5f5;
    border: 1px solid #DCDCDC;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 6px;
}
.olcs-content-wrap .osc-re-box .orb-inner {
   width: 100%;
   margin-top: 20px;
}
.olcs-content-wrap .osc-re-box .orb-inner .osr-txt {
   margin-bottom: 0px;
}
.olcs-content-wrap .osc-re-box .osr-title {
   width: 100%;
   font-size: 16px;
   line-height: 1.5;
   color: #333;
   margin-bottom: 20px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
}

.olcs-content-wrap .osc-re-box .osr-txt {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
    word-wrap: break-word;
    word-break: break-all;
}

.olcs-content-wrap .osc-re-box .osr-pic {
    width: 100%;
    max-width: 340px;
    margin-bottom: 20px;
}

.olcs-content-wrap .osc-re-box .osr-pic img {
    width: 100%;
    vertical-align: bottom;
    border: 1px solid #CCC;
}

.olcs-content-wrap .osc-re-box ul,
.olcs-content-wrap .osc-re-box ol {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
    padding-left: 19px;
}

.olcs-content-wrap .osc-re-box ul li,
.olcs-content-wrap .osc-re-box ol li {
    margin-bottom: 2px;
    list-style-position: outside;
    font-size: 16px;
}

.olcs-content-wrap .osc-re-box ul li:last-child,
.olcs-content-wrap .osc-re-box ol li:last-child {
    margin-bottom: 0;
}

.olcs-content-wrap .osc-re-box ul {
    list-style-type: disc;
}

.olcs-content-wrap .osc-re-box ol {
    list-style-type: decimal;
}

.olcs-content-wrap .osc-re-box table {
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
    border: 1px solid #CCCCCC;
}

.olcs-content-wrap .osc-re-box table th,
.olcs-content-wrap .osc-re-box table td {
    border: 1px solid #CCCCCC;
    border-top: 0;
    border-right: 0;
    padding: 12px 15px;
    vertical-align: middle;
    text-align: center;
    color: #555;
    font-size: 15px;
    line-height: 1.4;
}

.olcs-content-wrap .osc-re-box table th {
    font-weight: normal;
    background: #EBEBEB;
}

.olcs-content-wrap .osc-re-box .osr-date {
    width: 100%;
    font-size: 14px;
    line-height: 1.4;
    color: #888;
    text-align: right;
}

.olcs-content-wrap img.icon_service {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    margin: 0 10px 0px 0;
}

.olcs-content-wrap img.icon_member {
    width: 45px;
    height: 45px;
    vertical-align: middle;
    margin: 0 10px 0px 0;
}

.olcs-content-wrap ul.btn_select {
    margin-top: 10px;
}

.olcs-content-wrap ul.btn_select li {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
}

.olcs-content-wrap ul.btn_select li a {
    display: block;
    padding: 15px 8px;
    border: 1px solid #aaa;
    font-size: 14px;
    color: #FFF;
    background-color: #588C3F;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    border-radius: 4px;
    text-decoration: none;
}
/*----*/


/*-- ecshop 通知區塊 --*/
.ecshop-pupinfo {
   width: 100%;
   min-height: 74px;
   border-radius: 10px;
   border: 1px solid #ffca2a;
   background: #fff2cc;
   padding: 15px 15px;
   margin: 10px 0;
   display: flex;
   align-items: center;
   justify-content: space-between;
   box-sizing: border-box;
 }
 .ecshop-pupinfo * {
   box-sizing: border-box;
 }
 .esp-logo {
   width: 100px;
   margin-right: 10px;
   flex-shrink: 0;
 }
 .esp-logo img {
   width: 100%;
   display: block;
 }
 .esp-content {
   font-size: 15px;
   color: #646360;
   line-height: 1.4;
   margin-right: auto;
 }
 .esp-btnbox {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   margin-left: 20px;
   flex-shrink: 0;
 }
 .esp-btn {
   min-width: 70px;
   height: 34px;
   padding: 6px 10px;
   border-radius: 8px;
   font-size: 12px;
   color: #FFF;
   line-height: 1;
   background: #002060;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: .2s;
 }
 .esp-btn:hover {
   text-decoration: none;
   background: #011844;
 }
 .esp-btn.eb-red {
   background: #c00000;
 }
 .esp-btn.eb-red:hover  {
   background: #930101;
 }
 .esp-btn + .esp-btn {
   margin-left: 10px;
 }
 /*----*/

/*-- ecshop 介紹 --*/
.ecshop-intro-link {
   margin-top: 40px;
}
.ecshop-intro-link:hover .ecshop-text-block {
   box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.2);
}
.ecshop-text-block {
   background: rgba(0, 0, 0, 0.07);
   border-radius: 16px;
   padding: 32px 40px;
   position: absolute;
   top: 64px;
   left: 72px;
}
.ecshop-text-block h2, .ecshop-text-block h1, .ecshop-text-block ul li {
   color: #fff;
}
.ecshop-text-block h2 {
   font-size: 26px;
}
.ecshop-text-block h2 strong {
   color: #ff0;
   padding: 0 8px;
}
.ecshop-text-block h1 {
   font-size: 26px;
   margin-top: 0;
}
.ecshop-text-block ul {
   margin: 0 0 16px;
}
.ecshop-text-block ul li {
   font-size: 16px;
   line-height: 1.6;
   letter-spacing: 0.3px;
}
.ecshop-text-block .button {
   display: inline-block;
   background: #fff;
   border-radius: 999px;
   color: #19806F;
   font-size: 20px;
   font-weight: bold;
   padding: 24px 40px;
}
.ecshop-text-block .button:hover {
   background: #f2f2f2;
}
/*----*/


/*--實質受益人 條款--*/
.osbt-box {
   width: 100%;
}
.osbt-box + .osbt-box {
   margin-top: 25px;
}
.osbt-box .osb-title {
   width: 100%;
   color: #267252;
   font-size: 15px;
   font-weight: bold;
   line-height: 1.4;
   text-align: left;
   margin-bottom: 10px;
}
.osbt-box .osb-content {
   width: 100%;
   color: #333;
   font-size: 14px;
   line-height: 1.4;
   text-align: left;
   background: #f5f5f5;
   padding: 15px 15px 0;
   margin-bottom: 15px;
   border-radius: 4px;
}
.osbt-box .osb-content.oc-act {
   padding-bottom: 15px;
}
.osbt-box .osb-content.oc-act .oc-title:after {
   transform: rotate(-180deg);
}
.osbt-box .osb-content.oc-act .oc-detail {
   display: block;
}
.osbt-box .oc-title {
   width: 100%;
   color: #333;
   font-weight: bold;
   font-size: 15px;
   line-height: 1.4;
   text-align: left;
   padding-bottom: 15px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   cursor: pointer;
}
.osbt-box .oc-title:after {
   content:'';
   display: block;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 8px 5px 0 5px;
   border-color: #000333 transparent transparent transparent;
   flex-shrink: 0;
   transition: .2s;
}
.osbt-box .osb-content .oc-detail {
   display: none;
}
.osbt-box {
   width: 100%;
}
.osbt-box {
   width: 100%;
}
.osbt-box {
   width: 100%;
}
/*----*/

/*--實質受益人資料--*/
.sbdt-wrap {
   width: 100%;
   padding-left: 32px;
   margin-bottom: 30px;
}
.sbdt-box {
   width: 100%;
   color: #333;
}
.sbdt-box.stb-flex {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-wrap: wrap;
}
.sbdt-box.stb-flex .stb-option {
   margin-right: 25px;
}
.sbdt-box + .sbdt-box {
   margin-top: 10px;
}
.sbdt-box .stb-option {
   display: block;
   color: #333;
}
.sbdt-box table .stb-option {
   color: #555;
}
.sbdt-box .stb-detail {
   width: 100%;
   padding-left: 34px;
   color: #333;
}
/*----*/



/*----*/
.anisetting-slider {
   width: 300px;
   height: 16px;
   margin-right: 10px;
   border: #999 1px solid;
   border-radius: 6px;
   display: inline-block;
   vertical-align: middle;
   position: relative;
}

.anisetting-slider .slider-bar {
   height: 100%;
   background-color: #3bb112;
   border-radius: 4px;
}

.anisetting-slider .controler {
    margin-left: -10px;
    position: absolute;
    top: -3px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: #333 1px solid;
    border-radius: 15px;
    z-index: 2;
    cursor: default;
    display: block;
}
.anisetting-audio audio {
   border-radius: 3px;
}
.anisetting-img img {
   display: block;
   width: 100%;
   max-width: 400px;
}
.anisetting-img2 img {
   display: block;
   width: 100%;
   max-width: 150px;
}
/*----*/


/*--雙因認證跳窗--*/
.acv-link-list {
   width: 100%;
   display: flex;
   align-items: flex-start;
   justify-content: center;
   margin-bottom: 25px;
}
.acv-link-list .all-box {
   width: 130px;
   display: flex;
   align-items: center;
   justify-content: flex-start;
   flex-direction: column;
}
.acv-link-list.all-2 .all-box {
   width: 150px;
}
.acv-link-list.all-2 .all-box .all-qr {
   margin-bottom: 0;
}
.acv-link-list .all-box + .all-box {
   margin-left: 50px;
}
.acv-link-list .all-box .all-qr {
   width: 100%;
   margin-bottom: 15px;
}
.acv-link-list .all-box .all-qr img {
   width: 100%;
   display: block;
}
.acv-link-list .all-box .all-app {
   width: 120px;
}
.acv-link-list .all-box .all-app img {
   width: 100%;
   display: block;
}
.acv-inp-box {
   margin-bottom: 25px;
   text-align: center;
}
/*----*/