content-txt@charset "UTF-8";
.site-main-wrapper .site-main, .site-content-wrapper, .inv-pay-tip, .inv-pay-apply, .inv-apply-process {
  zoom: 1;
}

.site-main-wrapper .site-main:after, .site-content-wrapper:after, .inv-pay-tip:after, .inv-pay-apply:after, .inv-apply-process:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

a {
  color: #3391e8;
  text-decoration: underline;
}

a.on-touch {
  color: #29669f;
  text-decoration: none;
}

/*-- 主內容區塊 START
------------------- */
.mb40{margin-bottom:40px !important;}
.site-main-wrapper {
  /*主內容100%背景設定*/
  background: #618148;
  width: 100%;
  min-width: 1170px;
}

.site-main-wrapper.smw-sub01 {
  background: #5eccac;
}
.site-main-wrapper.smw-sub01 .site-main {
  height: 348px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.site-main-wrapper * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.site-main-wrapper img {
  vertical-align: bottom;
}

.site-main-wrapper .main-pic {
  width: 100%;
}

.site-main-wrapper .main-pic-m {
  width: 100%;
  display: none;
}

.site-main-wrapper .site-main {
  width: 1170px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  text-align: center;
}

.site-main-wrapper .site-main .site-main-content {
  width: calc(35% - 30px);
  display: inline-block;
  margin-right: 25px;
  vertical-align: middle;
  text-align: left;
}

.site-main-wrapper .site-main .page-title {
  font-weight: bold;
  text-align: left;
  color: white;
  line-height: 1.3;
}

.site-main-wrapper .site-main .page-title h1,
.site-main-wrapper .site-main .page-title .pt-txt {
  font-size: 42px;
  font-weight: bold;
  margin-bottom: 10px;
}

.site-main-wrapper .site-main .page-title p {
  font-size: 16px;
  font-weight: normal;
}

.site-main-wrapper .site-main .smc-txt {
  text-align: left;
  color: white;
  line-height: 1.5;
  font-size: 16px;
  margin-top: 54px;
}

.site-main-wrapper .site-main .smc-txt .smt-hightlight {
  font-family: Verdana;
  font-size: 36px;
  font-weight:bold;
}

.site-main-wrapper .site-main .site-main-pic {
  width: 64%;
  max-width: 755px;
  padding: 50px 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.site-main-wrapper .site-main .main-pic-m {
  display: inline-bock;
}

@media (max-width: 768px) {
  .site-main-wrapper {
    min-width: 0;
  }
  .site-main-wrapper .main-pic {
    display: none;
  }
  .site-main-wrapper .main-pic-m {
    display: block;
  }
  .site-main-wrapper .site-main {
    width: 100%;
  }
  .site-main-wrapper .site-main .site-main-content {
    width: 100%;
    max-width: 600px;
    padding: 40px 15px 0px;
    margin-right: 0px;
  }
  .site-main-wrapper .site-main .site-main-pic {
    width: 100%;
    max-width: 600px;
    padding: 40px 0;
  }
  .site-main-wrapper .site-main .main-pic-m {
    width: auto;
    max-width: 100%;
  }
  .site-main-wrapper.smw-sub01 .site-main {
    height: auto;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .site-main-wrapper.smw-sub01 .site-main .page-title {
    text-align: center;
  }
  .site-main-wrapper.smw-sub01 .main-pic {
    display: block;
  }
}
/*----*/


/*-- 主內容區塊2 START -- */
.site-main-wrapper2 {
  background: #F1F1F1;
  width: 100%;
  min-width: 1170px;
}
.site-main-wrapper2 .smw2-content {
  width: 1170px;
  height: 630px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  text-align: center;
  z-index: 11;
}
.s2c-box {
    padding-top: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.s2c-subtitle {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 13px;
  text-align: center;
  color: #FFF;
  margin-bottom: 3px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.s2c-title {
  font-size: 64px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #FFF;
  margin-bottom: 3px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.s2c-txt {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #FFF;
  margin-bottom: 9px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.s2c-hltxt {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #ffe600;
  margin-bottom: 9px;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
}
.s2c-btn-box {
  width: 100%;
  margin-top: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.s2c-btn {
  width: 144px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background-color: #ff9b00;
  font-size: 18px;
  font-weight: bold;
  color: white;
  text-decoration: none;
  transition: .3s;
}
.s2c-btn.on-touch {
  background: #d08105;
  color: #FFF;
}
.smw2-pic {
  width: 100%;
  min-width: 1170px;
  height: 630px;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 10;
  transform: translateX(-50%)
}
.smw2-pic .swiper-slide {
    height: 630px;
    overflow: hidden;
    border: 1px solid #FFF;
}
.smw2-pic .swiper-slide:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.24);
    z-index: 10;
}
.smw2-pic .swiper-slide .s2s-pic {
  width: 100%;
  height: 100%;
  background: center top / cover  no-repeat;
  transition: 4s linear;
  transform: scale(1.5);
}
.smw2-pic .swiper-slide.swiper-slide-active .s2s-pic {
  transform: scale(1);
}
.smw2-pic .swiper-slide:nth-child(1) .s2s-pic {
    background-image: url('../../../images/Invoice/images/events/kv@2x.png');
}
.smw2-pic .swiper-slide:nth-child(2) .s2s-pic {
    background-image: url('../../../images/Invoice/images/events/kv_2@2x.png');
}
.smw2-pic .swiper-slide:nth-child(3) .s2s-pic {
    background-image: url('../../../images/Invoice/images/events/kv_3@2x.png');
}
@media (max-width: 1070px) {
  .smw2-pic {
    left: 0;
    transform: translateX(0)
  }
}
@media (max-width: 768px) {
  .site-main-wrapper2 {
    min-width: 0;
  }
  .site-main-wrapper2 .smw2-content {
    width: 100%;
  }
  .s2c-box {
      padding-top: 200px;
  }
  .s2c-subtitle {
    font-size: 22px;
    letter-spacing: 1px;
  }
  .s2c-title {
    font-size: 40px;
  }
  .s2c-txt {
    font-size: 15px;
  }
  .s2c-hltxt {
    font-size: 20px;
  }
  .smw2-pic {
    min-width: 0;
    left: 50%;
    transform: translateX(-50%)
  }
}
@media (max-width: 568px) {

  .smw2-pic .swiper-slide:nth-child(1) .s2s-pic {
    background-image: url('../../../images/Invoice/images/events/kv_sp.png');
  }
  .smw2-pic .swiper-slide:nth-child(2) .s2s-pic {
      background-image: url('../../../images/Invoice/images/events/kv2_sp.png');
  }
  .smw2-pic .swiper-slide:nth-child(3) .s2s-pic {
      background-image: url('../../../images/Invoice/images/events/kv3_sp.png');
  }
}
/*----*/


/*--麵包屑--*/
.site-breadcrumb {
  width: 100%;
  font-size: 14px;
  color: white;
  line-height: 1;
  text-align: left;
  padding: 15px 0;
}
.site-breadcrumb.sbdc2 {
  position: absolute;
  top: 0;
  left: 0;
}
.site-breadcrumb a {
  color: white;
}
.site-breadcrumb a.on-touch {
  text-decoration: underline;
}
.site-breadcrumb li {
  display: inline-block;
  vertical-align: middle;
}
.site-breadcrumb li:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 20px;
  margin: 0 6px 0 8px;
  background: url('../../../images/Invoice/images/events/arrow_R.svg') center center / contain no-repeat;
}
.site-breadcrumb li:last-child:after {
  display: none;
}
.site-breadcrumb .sb-home a {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
}
.site-breadcrumb .sb-home img {
  width: 100%;
  display: inline-block;
}
@media (max-width: 768px) {
  .site-breadcrumb {
    display: none;
  }
}


/*-- 詳細內容區塊 START
------------------- */
.site-content-wrapper {
  width: 100%;
  min-width: 1170px;
  position: relative;
  background: #f1f1f1;
}

.site-content-wrapper * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.site-content-wrapper.scw-bg {
  background-color: white;
}

.site-content-wrapper.scw-bg2 {
  background: #d9d9d9 url('../../../images/Invoice/images/events/bg2.png') center center repeat;
}

.site-content-wrapper.scw-bg3 {
  background: #fcfcfc url('../../../images/Invoice/images/events/bg1.png') center center / cover no-repeat;
}


.site-content-wrapper .site-content {
  width: 1170px;
  margin: 0 auto;
  position: relative;
  padding: 80px 0 50px;
}

@media (max-width: 1170px) {
  .site-content-wrapper .site-content {
    padding: 80px 20px 50px;
  }
}

@media (max-width: 768px) {
  .site-content-wrapper {
    min-width: 0;
    position: relative;
    background: #f1f1f1;
  }
  .site-content-wrapper .site-content {
    width: 100%;
    padding: 60px 20px 50px;
  }
}

@media (max-width: 568px) {
  .site-content-wrapper .site-content {
    padding: 50px 20px 40px;
  }
}


.site-content-wrapper .content-title {
  width: 100%;
  text-align: center;
  font-size: 38px;
  font-weight: bold;
  margin-bottom: 12px;
  line-height: 1.2;
  letter-spacing: 1px;
  color: #676767;
}

.site-content-wrapper .content-title-left {
  text-align: left;
}

.site-content-wrapper .content-subtitle {
  width: 100%;
  text-align: center;
  font-size: 24px;
  line-height: 1.4;
  color: #618148;
  font-weight: bold;
}

.site-content-wrapper .content-subtitle-left {
  text-align: left;
}

.site-content-wrapper .content-mtitle {
  width: 100%;
  text-align: left;
  font-size: 28px;
  line-height: 1.1;
  color: #618148;
  font-weight: bold;
}

.site-content-wrapper .content-mtitle .cmt-tip {
  font-size: 18px;
}

.site-content-wrapper .content-mtitle + table {
  margin-top: 15px;
}

.site-content-wrapper .content-txt-wrap {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  position: relative;
}

.site-content-wrapper .content-txt-wrap.ctw-center {
  text-align: center;
}

.site-content-wrapper .content-txt-wrap.ctw-bottom {
  margin-bottom: 0px;
  margin-top: 30px;
}

.site-content-wrapper .content-txt-wrap.ctw-bottom .content-txt {
  margin-bottom: 15px;
}

.site-content-wrapper .content-txt-box {
  width: 100%;
  padding: 20px 20px;
  background: #f1f1f1;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.site-content-wrapper .content-txt {
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  color: #676767;
}

.site-content-wrapper .content-txt-left {
  text-align: left;
}

.site-content-wrapper .content-txt ul {
  margin-bottom: 30px;
}

.site-content-wrapper .content-txt li {
  margin-bottom: 20px;
}

.site-content-wrapper .content-txt li:last-child {
  margin-bottom: 0;
}

.site-content-wrapper .content-list {
  font-size: 16px;
  line-height: 1.5;
  color: #676767;
}

.site-content-wrapper .content-list ul {
  list-style-type: disc;
  padding-left: 20px;
}

.site-content-wrapper .content-list li {
  margin-bottom: 7px;
}

.site-content-wrapper .content-list li:last-child {
  margin-bottom: 0;
}

.site-content-wrapper .content-tip {
  width: 100%;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
  color: #9e9e9e;
}

.scw-btn-block {
  width: 100%;
  position: relative;
  text-align: center;
}

.scw-btn-block .sbb-btn-box {
  width: 210px;
  height: 44px;
  background: #b45820;
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 30px;
}

.scw-btn-block .sbb-btn-box.on-touch .sbb-btn {
  height: 50px;
  line-height: 50px;
  text-decoration: none;
}

.scw-btn-block .sbb-btn-box .sbb-btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin-top: -6px;
  padding: 0 15px;
  text-align: center;
  color: white;
  font-size: 20px;
  background: #f39c15;
  display: block;
  cursor: pointer;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 568px) {
  .site-content-wrapper .content-title {
    font-size: 34px;
  }
  .scw-btn-block .btn {
    width: 100%;
    margin: 0 0 15px 0;
  }
  .scw-btn-block .btn:last-child {
    margin-bottom: 0;
  }
}

.site-content-wrapper .scw-tip {
  font-size: 14px;
  color: #ec4040;
  line-height: 1.5;
}

@media (max-width: 1170px) {
  .site-content-wrapper .iap-subtitle {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
}

/*--使用情境介紹--*/
.scw-situation {

}
.scw-situation .site-content {
  width: 100%;
  max-width: 100%;
  padding: 80px 0px 80px;
}
.inv-situation-intro {
  width: 100%;
  margin-top: 25px;
}
.inv-situation-intro .sblb-marquee {
  height: 207px;
  overflow: hidden;
}
.inv-situation-intro .sblb-marquee .sm-list {
  width: 100%;
  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-animation: sblb-marquee 25s linear infinite;
          animation: sblb-marquee 25s linear infinite;
}
.inv-situation-intro .sblb-marquee .sm-list > ul > li {
  width: 2223px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@-webkit-keyframes sblb-marquee {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-152%);
            transform: translateX(-152%);
  }
}
@keyframes sblb-marquee {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-152%);
            transform: translateX(-152%);
  }
}

.inv-situation-intro .isti-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* .inv-situation-intro .isb-title {
  width: 525px;
  margin-right: 75px;
  font-size: 32px;
  font-weight: bold;
  color: #676767;
  line-height: 1.4;
} */
.inv-situation-intro .isb-invnum {
  width: 525px;
  margin-right: 75px;
}
.inv-situation-intro .isb-invnum .isin-txt {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #676767;
  line-height: 1.4;
  margin-bottom: 2px;
}
.inv-situation-intro .isb-invnum .isin-txt2 {
  width: 100%;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #676767;
  line-height: 1.4;
}
.inv-situation-intro .isb-invnum .isin-num-box {
  width: 100%;
  text-align: center;
  margin-top: 5px;
  font-size: 64px;
  font-weight: bold;
  font-family: Verdana;
  color: #618148;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.inv-situation-intro .isb-invnum .isin-num-box .isnn-txt {
  font-size: 16px;
  margin-left: 5px;
  padding-bottom: 10px;
  font-family: '微軟正黑體',Verdana,Arial,Helvetica,sans-serif;
}
.inv-situation-intro .isti-list {
  width: 100%;
}
.site-content-wrapper .inv-situation-intro .isti-list ul {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  list-style-type: none;
  padding-left: 0px;
}
.inv-situation-intro .isti-list > ul > li {
  width: 175px;
  height: 207px;
  margin: 0 8px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #FFF;
  border-radius: 6px;
  box-shadow: 0 0 8px 0 rgba(38, 54, 42, 0.15);
}
.inv-situation-intro .isti-list .iil-img {
  width: 140px;
}
.inv-situation-intro .isti-list .iil-img img {
  width: 100%;
  display: block;
}
.inv-situation-intro .isti-list .iil-txt {
  width: 100%;
  font-size: 14px;
  color: #000;
  line-height: 1.4;
  margin-top: 5px;
  text-align: center;
}

@media (max-width: 900px) {
  .inv-situation-intro .isti-box {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .inv-situation-intro .isb-title {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 1.2;
    text-align: center;
  }
  .inv-situation-intro .isb-invnum {
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .inv-situation-intro .isb-invnum .isin-num-box {
    width: 318px;
    font-size: 50px;
    display: block;
    margin: 5px auto 0;
  }
  .inv-situation-intro .isb-invnum .isin-num-box .isnn-txt {
    display: block;
    margin-left: 0px;
    padding-bottom: 0px;
    text-align: right;
  }
}
@media (max-width: 768px) {
  .scw-situation .site-content {
    width: 100%;
    max-width: 100%;
    padding: 70px 0px 80px;
  }
  .inv-situation-intro {
    margin-top: 40px;
  }
  .inv-situation-intro .isti-list > ul > li {
    width: 105px;
    height: 120px;
    margin: 0 4px;
  }
  .inv-situation-intro .isti-list .iil-img {
    width: 80px;
  }
  .inv-situation-intro .sblb-marquee {
    height: 120px;
  }
  .inv-situation-intro .sblb-marquee .sm-list > ul > li {
    width: 1177px;
  }
}
@media (max-width: 568px) {
  .inv-situation-intro .isb-invnum .isin-num-box {
    width: 280px;
    font-size: 44px;
  }
}
/*----*/



/*-- 電子發票功能 PC --*/
.inv-feature-list {
  width: 100%;
  position: relative;
  margin-top: 40px;
}
.inv-feature-list > ul {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.inv-feature-list > ul > li {
  width: 25%;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 15px;
  padding: 25px 15px 35px;
  text-align: center;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  background: white;
}

.inv-feature-list .ifl-img {
  width: 100%;
  max-width: 210px;
  display: block;
}

.inv-feature-list .ifl-title, 
.inv-feature-list .ifl-txt {
  display: block;
  width: 100%;
}

.inv-feature-list .ifl-title {
  color: #618148;
  font-size: 20px;
  margin-top: 20px;
}

.inv-feature-list .ifl-txt {
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}

.inv-feature-list .ifl-list {
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
  list-style-type: disc;
  text-align: left;
}
.inv-feature-list .ifl-list li {
  margin-bottom: 3px;
}
.inv-feature-list .ifl-list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .inv-feature-list {
    display: none;
  }
}
/*----*/


/*-- 電子發票功能 MB --*/
.inv-feature-wrap {
  width: 100%;
  display: none;
}
.site-content-wrapper  ul.ifw-tabs {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 20px;
  padding-left: 0px;
}
.ifw-tabs li {
  width: 74px;
  min-height: 32px;
  margin-right: 16px;
  font-size: 16px;
  color: #FFF;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #8cb36c;
  cursor: pointer;
}
.ifw-tabs li:last-child {
  margin-right: 0;
}
.ifw-tabs li.active {
  background-color: #41582f;
}
.ifw-tab-content {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.ifw-tab-content .itc-box {
  width: 100%;
  max-width: 345px;
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  padding: 25px 15px 35px;
  text-align: center;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  background: white;
}
.ifw-tab-content .itc-box .ifl-img {
  width: 100%;
  max-width: 210px;
  display: block;
}

.ifw-tab-content .itc-box .ifl-title, 
.ifw-tab-content .itc-box .ifl-txt {
  display: block;
  width: 100%;
}

.ifw-tab-content .itc-box .ifl-title {
  color: #618148;
  font-size: 20px;
  margin-top: 20px;
}

.ifw-tab-content .itc-box .ifl-txt {
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
}

.ifw-tab-content .itc-box .ifl-list {
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 15px;
  list-style-type: disc;
  text-align: left;
}
.ifw-tab-content .itc-box .ifl-list li {
  margin-bottom: 3px;
}
.ifw-tab-content .itc-box .ifl-list li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .inv-feature-wrap {
    display: block;
  }
}
/*----*/


/*-- 完整功能 PC --*/
.inv-function-list {
  width: 100%;
  position: relative;
  margin-top: 40px;
}
.inv-function-list > ul {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
.inv-function-list > ul > li {
  width: calc(25% - 30px);
  min-height: 400px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  margin: 0 10px 36px;
  padding: 40px 30px 35px;
  text-align: center;
  border-radius: 10px;
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  background: white;
}

.inv-function-list .ifl-img {
  width: 140px;
  display: block;
}

.inv-function-list .ifl-title, 
.inv-function-list .ifl-txt {
  display: block;
  width: 100%;
}

.inv-function-list .ifl-title {
  min-height: 50px;
  color: #618148;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  margin-top: 25px;
}

.inv-function-list .ifl-txt {
  color: #676767;
  font-size: 14px;
  line-height: 1.5;
  margin-top: 16px;
  text-align: left;
}

@media (max-width: 768px) {
  .inv-function-list {
    display: none;
  }
}
/*----*/


/*-- 完整功能 MB --*/
.invfunc-list-wrap {
  width: 100%;
  max-width: 300px;
  position: relative;
  margin: 30px auto 40px;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;
  display: none;
}

.invfunc-list-wrap .ssp-list {
  width: 100%;
  height: 100%;
}

.invfunc-list-wrap .swiper-slide {
  min-height: 360px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

.invfunc-list-wrap .ssl-box {
  width: 100%;
  height: 210px;
  padding: 20px 20px;
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  border-radius: 5px;
  background: white;
}
.invfunc-list-wrap .ssl-box  + .ssl-box {
  margin-top: 25px;
}
.slb-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
.invfunc-list-wrap .slb-title .sbt-img {
  width: 85px;
  flex-shrink: 0;
}
.invfunc-list-wrap .slb-title .sbt-img img {
  width: 100%;
  display: block;
}
.invfunc-list-wrap .slb-title .sbt-txt {
  color: #618148;
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  padding-left: 8px;
}
.invfunc-list-wrap .slb-txt {
  width: 100%;
  color: #676767;
  font-size: 13px;
  line-height: 1.5;
}

.invfunc-list-wrap .swiper-slide a.on-touch .store-name {
  color: #014a7a;
}

.invfunc-list-wrap .ilw-sp {
  width: 100%;
  margin-top: 25px;
}

.ilw-sp.swiper-pagination-clickable .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0px 6px;
}

.ilw-sp .swiper-pagination-bullet-active {
  background: #41582f;
  opacity: .9;
}
@media (max-width: 768px) {
  .invfunc-list-wrap {
    display: block;
  }
}
/*----*/


.inv-service-list {
  width: 100%;
  /*margin-top: 50px;*/
  text-align: center;
  position: relative;
}

.inv-service-list li {
  width: 290px;
  height: 400px;
  display: inline-block;
  margin: 0 35px;
  padding: 25px 25px 35px;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
}

.inv-service-list .isl-title, .inv-service-list .isl-txt {
  display: block;
  width: 100%;
}

.inv-service-list .isl-img {
  width: 100%;
  display: inline-block;
}

.inv-service-list .isl-title {
  color: #618148;
  font-size: 20px;
  margin-top: 20px;
}

.inv-service-list .im_box{
  margin: 0 auto;
  padding: 0px;
  height: 380px; 
}

.inv-service-list .isl-txt {
  color: #676767;
  font-size: 16px;
  line-height: 1.5;
  margin-top: 15px;
}

.inv-service-list .but_sst{
  width: 120px;
  height: 44px;
  margin-top: 25px;
  background: #345226;
  display: inline-block;
  cursor: pointer;
  position: relative;
  text-decoration: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;

}

.inv-service-list .sstt{
  width: 100%;
  height: 44px;
  line-height: 44px;
  margin-top: -6px;
  padding: 0 15px;
  text-align: center;
  color: white;
  font-size: 20px;
  background: #588c3f;
  display: block;
  cursor: pointer;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.inv-service-list .on-touch .sstt {
  height: 50px;
  line-height: 50px;
  text-decoration: none;
}
.inv-service-list.w_45 li{
  width: 45%;
  max-width: 400px;
  height: auto;
}
.inv-service-list.w_45 li:nth-child(1), .inv-service-list.w_45 li:nth-child(2) {
  margin-bottom: 20px;
}

.inv-service-list.isl-api ul {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
}

.inv-service-list.isl-api li {
  width: 33.33%;
  height: auto;
  min-height: 400px;
  display: block;
  margin: 0 18px;
}
.inv-service-list.isl-api .im_box{
  height: 360px;
}

.inv-service-list .print-manual li {
  height: 360px;
  background: #F3FAEE;
  border-radius: 8px;
  padding: 35px 15px;
  box-shadow: 0 0 0 transparent;
}
.inv-service-list .print-manual li span {
  font-size: 13px;
}
.inv-service-list .print-manual .isl-img {
  width: 109px;
}
.inv-service-list .print-manual .isl-title {
  font-weight: bold;
  line-height: 26px;
  margin-top: 25px;
}
.inv-service-list .print-manual .isl-txt {
  color: #555;
}
.inv-service-list .print-manual li:nth-child(1) .isl-title,
.inv-service-list .print-manual li:nth-child(2) .isl-title {
  line-height: 52px;
}

@media (max-width: 1170px) {
  .inv-service-list li {
    width: 215px;
    height: 350px;
    margin: 0 10px;
    padding: 20px 10px 30px;
  }
  .inv-service-list .isl-txt {
    font-size: 16px;
  }
  .inv-service-list .print-manual li:nth-child(1) .isl-title,
  .inv-service-list .print-manual li:nth-child(2) .isl-title {
    line-height: normal;
  }
}

@media (max-width: 768px) {
  .inv-service-list li {
    width: 160px;
    height: 280px;
    margin: 0 6px;
    padding: 20px 8px 20px;
  }
  .inv-service-list .isl-txt {
    font-size: 14px;
    margin-top: 10px;
  }
  .inv-service-list .im_box{
    height: 275px;
  }
  .site-content-wrapper .content-mtitle {
    width: 100%;
    text-align: center;
    font-size: 24px;
    margin-bottom: 25px;
  }
  .site-content-wrapper .content-mtitle .cmt-tip {
    font-size: 15px;
  }

  .site-content-wrapper .content-mtitle + table {
    margin-top: 10px;
  }
  .inv-service-list.isl-api ul {
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding-left: 0px;
  }

  .inv-service-list.isl-api li {
    width: 100%;
    max-width: 350px;
    margin: 0 0 30px;
  }
  .inv-service-list.isl-api .im_box{
    height: auto;
  }
}

@media (max-width: 568px) {
  .inv-service-list {
    margin-top: 30px;
  }
  .inv-service-list li {
    width: 100%;
    max-width: 300px;
    height: auto;
    overflow: auto;
    margin: 0 0px 30px;
    padding: 20px 8px 30px;
  }
  .inv-service-list li:last-child {
    margin-bottom: 0;
  }
  .inv-service-list .isl-txt {
    font-size: 16px;
    margin-top: 10px;
  }
  .inv-service-list.w_45{
    margin-top: 0px;
  }
  .inv-service-list.w_45 li{
    width: 100%;
    max-width: 300px;
    height: auto;
  }
  .inv-service-list .im_box{
    height: auto;
  }
  .inv-service-list.w_45 li:nth-child(1), .inv-service-list.w_45 li:nth-child(2) {
    margin-bottom: 30px;
  }
}

.inv-service-info {
  width: 100%;
  margin-top: 50px;
  text-align: center;
}

.inv-service-info li, .inv-service-info .isi-icon, .inv-service-info .isi-txt-box {
  display: inline-block;
  vertical-align: bottom;
}

.inv-service-info .isi-icon {
  width: 60px;
  margin: 0 3px;
}

.inv-service-info .isi-icon img {
  width: 100%;
}

.inv-service-info .isi-txt-box {
  color: #676767;
  font-size: 16px;
  line-height: 1.2;
  text-align: right;
}

.inv-service-info .isi-txt-box.itb-r {
  margin-left: 20px;
  text-align: left;
}

.inv-service-info .isi-txt-box .isi-txt1 {
  margin-bottom: 5px;
}

.inv-service-info .isi-txt-box .ist-hl {
  font-size: 36px;
  margin-right: 2px;
  font-family: Verdana;
  font-weight:bold;
}

.inv-service-info .isi-txt-box .isi-txt2 {
  color: #9e9e9e;
}

@media (max-width: 568px) {
  .inv-service-info li {
    width: 100%;
    margin-bottom: 40px;
  }
  .inv-service-info li:last-child {
    margin-bottom: 0px;
  }
  .inv-service-info .isi-txt-box {
    text-align: left;
  }
  .inv-service-info .isi-txt-box.itb-r {
    margin-left: 0px;
  }
}

.inv-service-process {
  width: 100%;
  text-align: center;
  margin-top: 50px;
}

.inv-service-process .isp-pic {
  width: 100%;
  margin-bottom: 36px;
}

.inv-service-process .isp-pic-m {
  display: none;
}

.inv-service-process .isp-pic img {
  width: 100%;
}

.inv-service-process .isp-intro {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.inv-service-process .iin-box {
  width: 33.33%;
  padding: 20px 20px;
  background: rgba(130, 174, 74, 0.1);
  margin-right: 48px;
  border-radius: 5px;
}

.inv-service-process .iin-box:last-child {
  margin-right: 0;
}

.inv-service-process .iin-title {
  width: 100%;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: #618148;
  margin-bottom: 10px;
}

.inv-service-process .iin-txt {
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #676767;
}

@media (max-width: 768px) {
  .inv-service-process {
    margin-top: 20px;
  }
  .inv-service-process .isp-pic {
    display: none;
  }
  .inv-service-process .isp-pic-m {
    display: block;
    text-align: center;
  }
  .inv-service-process .isp-pic-m img {
    display: inline-block;
    max-width: 500px;
  }
  .inv-service-process .isp-intro {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .inv-service-process .iin-box {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px;
  }
  .inv-service-process .iin-box:last-child {
    margin: 0 auto;
  }
}
.scw-esi-wrap .site-content {
  padding: 50px 0 50px;
}
.esi-wrap {
  width: 100%;
}
.esi-wrap .esw-title {
  width: 100%;
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  font-weight: bold;
  color: #60814a;
  line-height: 1.4;
}
.esi-wrap .esw-title .est-txt {
  padding: 0 10px;
  display: block;
}
.esi-wrap .esw-title:before,
.esi-wrap .esw-title:after {
  content: '';
  width: 50px;
  height: 1px;
  background-color: #60814a;
}
.esi-wrap .esw-tabs {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-bottom: 50px;
  background: #FFF;
}
.esi-wrap .esw-tabs li {
  min-height: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  background: #8bb36c;
  font-size: 16px;
  color: #FFF;
  line-height: 1.4;
  border-radius: 8px;
  cursor: pointer;
}
.esi-wrap .esw-tabs li + li {
  margin-left: 14px;
}
.esi-wrap .esw-tabs li.active {
  background: #628148;
}
.esi-wrap .esw-tabs .etb-ic {
  width: 30px;
  height: 30px;
  margin-bottom: 8px;
}
.esi-wrap .esw-tabs .etb-ic img {
  height: 100%;
}

.esi-wrap .esw-tab-content {
  width: 100%;
}

.inv-service-intro {
  width: 100%;
  text-align: center;
}
.esi-intro-box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 60px;
}
.esi-intro-box.eib-2 {
  margin-top: 20px;
}
.esi-intro-box.eib-2 .eib-intro {
  margin-left: 0px;
  padding-top: 0px;
}
.esi-intro-box.eib-2 .eib-intro .eii-title + .eii-content {
  margin-top: 15px;
}
.esi-intro-box.eib-2 .eib-intro .eii-list {
  width: 780px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.esi-intro-box.eib-2 .eib-intro .eii-list li {
  width: 50%;
  padding-right: 10px;
  margin-bottom: 5px;
}
.esi-intro-box.eib-2 .eib-intro .eii-list li + li {
  margin-top: 0;
}
.esi-intro-box .eib-pic {
  width: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.esi-intro-box .eib-pic img {
  width: 100%;
  display: block;
  border-radius: 5px;
}
.esi-intro-box .eib-intro {
  margin-left: 100px;
  padding-top: 30px;
}
.esi-intro-box .eib-intro .eii-box {
  margin-bottom: 70px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}
.esi-intro-box .eib-intro .eii-box:last-child {
  margin-bottom: 0;
}
.esi-intro-box .eib-intro .eii-title {
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  color: #618148;
}
.esi-intro-box .eib-intro .eii-title + .eii-content {
  margin-top: 30px;
}
.esi-intro-box .eib-intro .eii-content {
  width: 100%;
}
.esi-intro-box .eib-intro .eii-subtitle {
  width: 100%;
  text-align: left;
  font-size: 15px;
  line-height: 1.3;
  color: #333;
  margin-bottom: 5px;
}
.esi-intro-box .eib-intro .eii-txt {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 1.5;
  color: #676767;
}
.esi-intro-box .eib-intro .eii-txt + .eii-list {
  margin-top: 5px;
}
.esi-intro-box .eib-intro .eii-list {
  width: 100%;
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
  color: #676767;
  list-style-type: disc;
  padding-left: 0;
}
.esi-intro-box .eib-intro .eii-list li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.esi-intro-box .eib-intro .eii-list li:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url('../../../images/Invoice/images/events/ic-check.svg') center center / contain no-repeat;
  display: block;
  margin-right: 8px;
  position: relative;
  top: 4px;
  flex-shrink: 0;
}
.esi-intro-box .eib-intro .eii-list li + li {
  margin-top: 5px;
}
.esi-intro-box .eib-intro .ct-tip {
  font-size: 13px;
  color: #9e9e9e;
}
.esi-intro-box .eib-intro .eii-link-box {
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 15px;
}
.esi-intro-box .eib-intro .eii-link {
  color: #3391e8;
}
.esi-pos-wrap {
  width: 100%;
  max-width: 1100px;
  margin: 80px auto 0;
}
.esi-pos-wrap .etc-box {
  width: 100%;
  border: 3px solid #628148;
  padding: 0px 24px 36px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.esi-pos-wrap .etc-box + .etc-box {
  margin-top: 90px;
}
.esi-pos-wrap .etc-box .ecb-title {
  min-height: 50px;
  background: #628148;
  padding: 6px 40px;
  border-radius: 5px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  color: #FFF;
  margin: -25px 0 50px;
}
.esi-pos-wrap .etc-box .ecb-content {
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  flex-wrap: wrap;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-img {
  max-width: 500px;
  margin-right: 40px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-img img {
  width: 100%;
  display: block;
}

.esi-pos-wrap .etc-box .ecb-content .t-title {
  color: #628148;
  font-size: 16px;
  position: relative;
  padding-left: 8px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-intro .t-title::before {
  content: "";
  width: 4px;
  height: 16px;
  display: block;
  background-color: #628148;
  margin-right: 8px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-intro table {
  margin-bottom: 30px;
  max-width: 500px;
  width: 100%;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-intro table th {
  background-color: #f3f7ed;
  color: #2b2b2b;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  width: 130px;
  padding: 10px;
  border: 1px solid #b0b0b0;
  vertical-align: middle;
  min-width: 110px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-intro table td {
  color: #2e2e2e;
  font-size: 15px;
  line-height: 1.4;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #b0b0b0;
  vertical-align: middle;
  text-align: left;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-intro .tdt-list {
  color: #2e2e2e;
  font-size: 15px;
  line-height: 1.4;
  text-align: left;
}
.esi-pos-wrap .etc-box .t-tip {
  font-size: 16px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-intro table + .t-tip {
  margin-top: -20px;
}

.esi-pos-wrap .etc-box .ecb-content .ecb-tip-list {
  margin-top: 10px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-tip {
  width: 50%;
  font-size: 16px;
  color: #676769;
  line-height: 1.4;
  text-align: left;
  padding: 24px 24px;
  margin-right: 44px;
  background: #f4f7ee;
  border-radius: 5px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-tip:last-child {
  margin-right: 0px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-tip .ttp-title {
  color: #628148;
  font-size: 16px;
  position: relative;
  font-weight: bold;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-tip .ttp-title:before {
  content: "";
  width: 4px;
  height: 16px;
  display: block;
  background-color: #628148;
  margin-right: 8px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-tip .et-list {
  font-size: 16px;
  color: #676769;
  line-height: 1.4;
  text-align: left;
  padding-left: 13px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-tip .et-list li {
  margin-bottom: 1px;
}
.esi-pos-wrap .etc-box .ecb-content .ecb-tip .et-list li:last-child {
  margin-bottom: 0px;
}

.esi-pos-wrap .etc-box  .red {
  color: #bb2f2f;
}
.esi-pos-wrap .etc-box .v-mb {
  display: none ;
}
.esi-pos-wrap .etc-box .epw-tip {
width: 100%;
font-size: 14px;
color: #2e2e2e;
line-height: 1.4;
text-align: left;
}


.esi-intro-box2 {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}
.esi-intro-box2 .eib2-block {
  width: 33%;
  padding: 0 10px;
  margin-bottom: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.esi-intro-box2 .e2b-pic {
  width: 240px;
  height: 240px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #FFF;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
}
.esi-intro-box2 .e2b-pic img {
  width: 100%;
}
.esi-intro-box2 .e2b-intro {
  width: 286px;
  margin-top: 15px;
}
.esi-intro-box2 .e2b-intro .e2i-title {
  width: 100%;
  text-align: center;
  font-size: 17px;
  line-height: 1.3;
  color: #618148;
  margin-bottom: 8px;
}
.esi-intro-box2 .e2b-intro .e2i-txt {
  width: 100%;
  text-align: left;
  font-size: 14px;
  line-height: 1.4;
  color: #676767;
}
.esi-intro-box2 .e2b-intro .ct-tip {
  font-size: 13px;
  color: #9e9e9e;
}


.esi-wrap .esw-tabs2-box {
  width: 100%;
  margin-top: 50px;
  padding: 0 20px;
  display: none;
}
.esi-wrap .esw-tabs2-box .etb-ctrl {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 15px;
  margin-bottom: 7px;
  border: 1px solid #8bb36c;
  background: #8bb36c;
  font-size: 16px;
  color: #FFF;
  line-height: 1.4;
  border-radius: 8px;
  cursor: pointer;
}
.esi-wrap .esw-tabs2-box .etb-ctrl:before {
  content: '+';
  display: block;
  /*width: 22px;
  height: 22px;
  background: url('../../../images/Invoice/images/events/value-added.svg') center center / contain no-repeat;*/
  margin-right: 5px;
}
.esi-wrap .esw-tabs2-box .etb-ctrl.ecrl-act:before {
  content: '-';
}
.esi-wrap .esw-tabs2-box .etb-ctrl.ecrl-act + .esw-tabs2 {
  display: flex;
}
.esi-wrap .esw-tabs2-box .esw-tabs2 {
  width: 100%;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
  padding-left: 0px;
  display: none;
}
.esi-wrap .esw-tabs2-box .esw-tabs2 li {
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  margin-bottom: 7px;
  border: 1px solid #8bb36c;
  background: #FFF;
  font-size: 16px;
  color: #8bb36c;
  line-height: 1.4;
  border-radius: 8px;
  cursor: pointer;
}
.esi-wrap .esw-tabs2-box .esw-tabs2 li:last-child {
  margin-bottom: 0px;
}
.esi-wrap .esw-tabs2-box .esw-tabs2 li.active {
  display: none;
}

@media (max-width: 768px) {
  .scw-esi-wrap .site-content {
    padding: 35px 0 50px;
  }
  .esi-wrap .esw-tabs {
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 45px;
    padding: 0 20px;
    justify-content: flex-start;
  }
  .esi-wrap .esw-tabs.et-fixed {
    padding-top: 10px;
    position: fixed;
    top: 49px;
    left: 0;
    z-index: 11;
    transition: .2s;
  }
  .esi-wrap .esw-tabs.et-fixed + .esw-tab-content {
    padding-top: 150px;
  }
  .esi-wrap .esw-tabs li {
    min-height: 70px;
    padding: 10px 10px;
  }
  .esi-wrap .esw-tabs li + li {
    margin-left: 10px;
  }
  .esi-wrap .esw-tab-content {
    padding: 0 20px;
  }
  .esi-intro-box {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 24px;
  }
  .esi-intro-box .eib-pic {
    width: 290px;
    height: auto;
  }
  .esi-intro-box .eib-pic.ebp-h {
    height: auto;
  }
  .esi-intro-box .eib-pic img {
    width: 100%;
  }
  .esi-intro-box .eib-intro {
    width: 100%;
    margin-left: 0px;
    margin-top: 30px;
    padding-top: 0;
  }
  .esi-intro-box .eib-intro .eii-box {
    margin-bottom: 50px;
  }
  .esi-intro-box .eib-intro .eii-title {
    font-size: 20px;
  }
  .esi-intro-box .eib-intro .eii-title + .eii-content {
    margin-top: 25px;
  }
  .esi-intro-box .eib-intro .eii-content {
    width: auto;
  }
  .esi-intro-box .eib-intro .eii-txt {
    font-size: 14px;
    width: auto;
  }
  .esi-intro-box .eib-intro .eii-txt + .eii-list {
    margin-top: 5px;
  }
  .esi-intro-box .eib-intro .eii-list {
    font-size: 14px;
    width: auto;
  }

  .esi-wrap .esw-tabs2-box {
    display: block;
  }



  .esi-intro-box.eib-2 .eib-intro {
    margin-top: 0px;
  }
  .esi-intro-box.eib-2 .eib-intro .eii-title + .eii-content {
    margin-top: 17px;
  }
  .esi-intro-box.eib-2 .eib-intro .eii-list {
    width: 100%;
    display: block;
  }
  .esi-intro-box.eib-2 .eib-intro .eii-list + .eii-list {
    margin-top: 5px;
  }
  .esi-intro-box.eib-2 .eib-intro .eii-list li {
    width: 100%;
    padding-right: 0px;
  }
  .esi-pos-wrap {
    margin-top: 40px;
  }
  .esi-pos-wrap .etc-box {
    padding: 0px 20px 24px;
  }
  .esi-pos-wrap .etc-box + .etc-box {
    margin-top: 40px;
  }
  .esi-pos-wrap .etc-box .ecb-title {
    min-height: 38px;
    padding: 6px 8px;
    font-size: 22px;
    margin: -19px 0 24px;
  }
  .esi-pos-wrap .etc-box .ecb-content {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-img {
    margin-right: 0px;
    margin-bottom: 20px;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-intro {
    width: 100%;
    max-width: 500px;
  }
  .esi-pos-wrap .etc-box .ecb-content .t-title {
    font-size: 18px;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-intro .tdt-list {
    color: #2e2e2e;
    font-size: 15px;
    line-height: 1.4;
    text-align: left;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-intro table {
    margin-bottom: 0px;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-tip-list {
    margin-top: 20px;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-tip {
    width: 100%;
    max-width: 500px;
    font-size: 15px;
    padding: 18px 18px;
    margin: 0 auto 18px 0;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-tip:last-child {
    margin-bottom: 0px;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-tip .ttp-title {
    font-size: 15px;
    margin-bottom: 15px;
  }
  .esi-pos-wrap .etc-box .ecb-content .ecb-tip .et-list {
    font-size: 15px;
  }

  .esi-intro-box2 {
    width: 100%;
    max-width: 740px;
  }
  .esi-intro-box2 .eib2-block {
    width: 100%;
    padding: 0 10px;
    margin-bottom: 35px;
  }
  .esi-intro-box2 .e2b-intro {
    width: 100%;
    max-width: 286px;
    margin-top: 15px;
  }
}

.isi-list-box {
  width: 100%;
  margin: 15px 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.isi-list-box .isi-list {
  font-size: 16px;
  color: #000;
  text-align: left;
}
.isi-list-box .isi-list li {
  color: #000;
}


@media (max-width: 768px) {
  .v-pc {
    display: none ;
  }
  .v-mb {
    display: table;
  }
}




.inv-service-intro .isi-pic, .inv-service-intro .isi-intro, .inv-service-intro .isi-pic2 {
  display: inline-block;
  vertical-align: middle;
}

.inv-service-intro .isi-pic {
  width: 290px;
  height: 400px;
  padding: 65px 25px 25px;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
}

.inv-service-intro .isi-pic img,.inv-service-intro .isi-pic2 img {
  width: 100%;
}

.inv-service-intro .isi-intro {
  width: 400px;
  margin-right: 40px;
}

.inv-service-intro .isn-box {
  margin-bottom: 40px;
}

.inv-service-intro .isn-box:last-child {
  margin-bottom: 0;
}

.inv-service-intro .isn-box .ct-tip {
  font-size: 15px;
  color: #9e9e9e;
}

@media (max-width: 860px) {
  .inv-service-intro .isi-intro {
    width: 330px;
  }
}

@media (max-width: 768px) {
  .inv-service-intro .isi-intro {
    width: 100%;
    margin-right: 0px;
    text-align: center;
  }
  .inv-service-intro .isn-box {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 30px;
  }
  .inv-service-intro .isn-box:nth-child(2) {
    padding-left: 0px;
  }
  .inv-service-intro .isi-pic,  .inv-service-intro .isi-pic2 {
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin-top: 30px;
  }
  .inv-service-intro .isi-pic img,  .inv-service-intro .isi-pic2 img {
    display: inline-block;
    max-width: 100%;
  }
}

.inv-pay-data {
  width: 730px;
  margin: 35px auto 0;
}

.inv-pay-data.ipd2 thead th {
  font-size: 17px;
  padding: 20px 10px;
}

.inv-pay-data.ipd2 thead th:nth-child(1) {
  width: 19%;
}

.inv-pay-data.ipd2 thead th:nth-child(2) {
  width: 27%;
}

.inv-pay-data.ipd2 thead th:nth-child(3) {
  width: 27%;
}

.inv-pay-data.ipd2 thead th:nth-child(4) {
  width: 27%;
}

.inv-pay-data.ipd2.ipd-m th:nth-child(1) {
  width: 40%;
}

.inv-pay-data.ipd2.ipd-m th:nth-child(2) {
  width: 60%;
}

.inv-pay-data.ipd2.ipd-m thead th {
  font-size: 16px;
}

.inv-pay-data.ipd2.ipd-m .content-mtitle {
  margin-bottom: 15px;
}



.inv-pay-data table {
  margin-bottom: 50px;
}

.inv-pay-data table:last-child {
  margin-bottom: 0;
}

.inv-pay-data.ipd-m {
  display: none;
  width: 100%;
  max-width: 600px;
  margin: 30px auto 0;
}


.inv-pay-data.ipd-m th:nth-child(1) {
  width: 40%;
}

.inv-pay-data.ipd-m th:nth-child(2) {
  width: 60%;
}
.inv-pay-data.ipd-m thead th {
  font-size: 18px;
}

.inv-pay-data table {
  width: 100%;
}

.inv-pay-data thead th {
  padding: 20px 15px;
  color: white;
  font-size: 20px;
  line-height: 1.3;
  font-weight: normal;
  background: #3c651c;
  border-right: 4px solid #f1f1f1;
  border-left: 4px solid #f1f1f1;
  vertical-align: middle;
  border-radius: 5px 5px 0 0;
}

.inv-pay-data thead th:nth-child(1) {
  width: 28%;
}

.inv-pay-data thead th:nth-child(2) {
  width: 36%;
}

.inv-pay-data thead th:nth-child(3) {
  width: 36%;
}

.inv-pay-data td {
  padding: 18px 15px;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  vertical-align: middle;
  border-right: 4px solid #f1f1f1;
  border-left: 4px solid #f1f1f1;
}

.inv-pay-data tr {
  background: #fdffec;
  color: #676767;
}

.inv-pay-data tr:nth-child(even) {
  background: #fffbda;
}

.inv-pay-data tbody th {
  background: #676767;
  color: white;
  font-size: 17px;
  line-height: 1.3;
  font-weight: normal;
  border-right: 4px solid #f1f1f1;
  border-left: 4px solid #f1f1f1;
  vertical-align: middle;
  padding: 10px 10px;
}
.inv-pay-data tbody th.tb-bg {
  background: #828282;
}

.inv-pay-data tr.ipd-bottom {
  background: #3c651c;
  height: 10px;
}

.inv-pay-data tr.ipd-bottom td {
  padding: 0;
}

.inv-pay-data table .ipd-tbtip  {
  font-size: 14px;
  margin: 5px 0;
}

.inv-pay-data .line-through {
  text-decoration: line-through;
  font-size: 15px;
}

.inv-pay-data .hl {
  color: #bb2f2f;
}

.inv-pay-data .hl-s {
  color: #bb2f2f;
  font-size: 13px;
}

.inv-pay-data .ipd-setting {
  width: 100%;
  position: relative;
  padding: 30px 0 0;
}

.inv-pay-data .ips-user {
  width: 100%;
  position: absolute;
  left: 0;
  top: -39px;
  font-size: 20px;
  color: white;
}

.inv-pay-data .ips-user img {
  width: 165px;
}

.inv-pay-data .ips-user .iu-type {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 18px;
}

 .inv-pay-data .ipd-list {
  color: #676767;
  font-size: 15px;
  line-height: 1.4;
  text-align: left;
}

@media (max-width: 768px) {
  .inv-pay-data {
    display: none;
  }
  .inv-pay-data.ipd-m {
    display: block;
  }
}

@media (max-width: 568px) {
  .inv-pay-data th {
    padding: 16px 10px;
    font-size: 15px;
  }
  .inv-pay-data tbody th {
    font-size: 15px;
  }
  .inv-pay-data td {
    padding: 16px 10px;
    font-size: 17px;
  }
  .inv-pay-data .ipd-setting {
    padding: 24px 0 0;
  }
  .inv-pay-data .ips-user {
    top: -33px;
    font-size: 16px;
  }
  .inv-pay-data .ips-user img {
    width: 116px;
  }
  .inv-pay-data .ips-user .iu-type {
    top: 13px;
  }
}

.inv-pay-list {
  width: 680px;
  margin: 30px auto 0;
}

@media (max-width: 768px) {
  .inv-pay-list {
    width: 100%;
    max-width: 600px;
  }
}

.inv-pay-tip {
  width: 730px;
  margin: 0 auto;
  text-align: center;
}

.inv-pay-tip .ipt-pic {
  float: left;
  width: 290px;
  padding: 50px 25px 25px;
  text-align: center;
  overflow: hidden;
  background: white;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
}

.inv-pay-tip .ipt-pic img,.inv-pay-tip .ipt-pic2 img {
  width: 100%;
}

.inv-pay-tip .ipt-intro {
  float: right;
  width: 400px;
  margin-left: 40px;
  padding-top: 88px;
}

@media (max-width: 768px) {
  .inv-pay-tip {
    width: 100%;
  }
  .inv-pay-tip .ipt-intro{
    float: none;
    width: 100%;
    text-align: center;
    margin-left: 0;
    padding-top: 0px;
  }
  .inv-pay-tip .ipn-box {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .inv-pay-tip .ipt-pic,.inv-pay-tip .ipt-pic2 {
    float: none;
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: 30px auto 0;
  }
  .inv-pay-tip .ipt-pic img,.inv-pay-tip .ipt-pic2 img {
    display: inline-block;
    max-width: 100%;
  }
}
.scw-apply-intro {
  background: #FFF;
}
.scw-apply-intro .site-content {
  padding: 46px 20px 50px;
}
.inv-pay-apply {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.inv-pay-apply .ipa-intro {
  padding: 0px 0;
}

.inv-pay-apply .ipa-list {
  text-align: left;
  margin-top: 5px;
}

.inv-pay-apply .ipa-list li {
  margin-bottom: 7px;
}

.inv-pay-apply .ipa-pic {
  width: 54.5%;
  max-width: 670px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.inv-pay-apply .ipa-pic img {
  width: 100%;
}

@media (max-width: 768px) {
  .inv-pay-apply {
    width: 100%;
  }
  .inv-pay-apply .ipa-intro {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    padding-top: 0px;
  }
  .inv-pay-apply .ipa-pic {
    position: static;
    width: 100%;
    max-width: 500px;
    text-align: center;
    margin: 40px auto -50px;
  }
  .inv-pay-apply .ipa-pic img {
    display: inline-block;
    max-width: 100%;
  }
}

.inv-apply-process {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 25px;
}

.inv-apply-process .iap-box {
  width: 25%;
  margin-right: 0;
}

.inv-apply-process .iap-box .content-txt-wrap {
  padding: 20px 16px;
  margin-bottom: 0px;
}

.inv-apply-process .iap-box .content-txt, 
.inv-apply-process .iap-box .content-list {
  margin-bottom: 10px;
}

.inv-apply-process .iap-header {
  width: 100%;
  font-size: 20px;
  line-height: 1.2;
  color: #5a5a5a;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}

.inv-apply-process .iap-header .iph-title {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-weight: bold;
  padding: 10px 20px;
}

.inv-apply-process .iap-header .ipt-tip {
  font-size:13px;
  font-weight: normal;
  line-height: 1.4;
}

.inv-apply-process .iph-step {
  width: 100%;
  height: 60px;
  text-align: center;
  color: white;
  font-family: Verdana;
  font-weight: bold;
  background: #b4d799;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.inv-apply-process .iph-step:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 0 30px 24px;
  border-color: transparent transparent transparent #b4d799;
  position: absolute;
  right: -24px;
  top: 0;
}

.inv-apply-process .iph-step.ips-bg1 {
  background-color: #b4d799;
  z-index: 10;
}

.inv-apply-process .iph-step.ips-bg1:after {
  border-left-color: #b4d799;
}

.inv-apply-process .iph-step.ips-bg1 + .iph-title {
  background-color: #eaeaea;
}

.inv-apply-process .iph-step.ips-bg2 {
  background-color: #9dbf82;
  z-index: 9;
}

.inv-apply-process .iph-step.ips-bg2:after {
  border-left-color: #9dbf82;
}

.inv-apply-process .iph-step.ips-bg2 + .iph-title {
  background-color: #e2e2e2;
}

.inv-apply-process .iph-step.ips-bg3 {
  background-color: #719555;
  z-index: 8;
}

.inv-apply-process .iph-step.ips-bg3:after {
  border-left-color: #719555;
}

.inv-apply-process .iph-step.ips-bg3 + .iph-title {
  background-color: #d8d8d8;
}

.inv-apply-process .iph-step.ips-bg4 {
  background-color: #577440;
  z-index: 7;
}

.inv-apply-process .iph-step.ips-bg4:after {
  border-left-color: #577440;
  display: none;
}

.inv-apply-process .iph-step.ips-bg4 + .iph-title {
  background-color: #d2d1d1;
}

.inv-apply-process .ipa-list > ul {
  list-style-type: disc;
}

.inv-apply-process .ipa-list li {
  margin-bottom: 0;
  margin-top: 4px;
}

.inv-apply-process .ipa-list li > ul {
  list-style-type: decimal;
}


@media (max-width: 768px) {
  .inv-apply-process {
    align-items: flex-start;
    flex-direction: column;
  }
  .inv-apply-process .iap-box {
    width: 100%;
    margin-bottom: 25px;
  }
  .inv-apply-process .iap-box .content-txt-wrap {
    padding: 15px 0px 0;
  }
  .inv-apply-process .iap-header {
    font-size: 16px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  .inv-apply-process .iph-step {
    width: 80px;
  }
  .inv-apply-process .iap-header .iph-title {
    width: calc(100% - 80px);
    justify-content: flex-start;
    padding-left: 30px;
  }
  .inv-apply-process .iph-step:after {
    border-width: 30px 0 30px 20px;
    right: -20px;
  }
  .inv-apply-process .iph-step.ips-bg4:after {
    display: block;
  }
}

.site-content-wrapper .content-txt.redtxt{ color:#ff4e00;}

/*----*/
/*-----20190218 新增--------*/
li.exampleimg{margin-bottom: 20px;}
.inv-pay-tip .ipt-intro2 {
    float: right;
    width: 400px;
    margin-left: 40px;
    padding-top: 10px;
}
.margin_b{margin-bottom:20px;}
.isi-pic2 {
  width: 290px;
  height: 350px;
  padding: 45px 10px 10px;
  text-align: center;
  overflow: hidden;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  background-color: #FFF;
}
.inv-pay-tip .ipt-pic2{
  float: left;
  width: 290px;
  padding: 70px 10px 70px;
  text-align: center;
  overflow: hidden;
  background: white;
  -webkit-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  -moz-box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
  box-shadow: 0 0 6px 2px rgba(100, 100, 100, 0.2);
}
.redtxt{
	color:#e0006f;
}
.site-content .ct-tip {
  font-size: 15px;
  color: #9e9e9e;
}
.ibon-data{
  width: 100%;
	max-width:800px;
	margin: 35px auto 0;
}
.ibon-data li{margin-bottom: 40px;}
.ibon-data img{
	width: 100%;
}
.ibon-data li p{
	margin-bottom: 10px;
	color:#555;
	font-size: 16px;
}
.inv-pay-tip .ipt-intro3{
	padding-top:44px;
}
@media (max-width: 768px) {
	.inv-pay-tip .ipt-intro2{
    float: none;
    width: 100%;
    text-align: center;
    margin-left: 0;
    padding-top: 0px;
  }
	.inv-pay-tip .ipt-pic2 {
    float: none;
    width: 100%;
    max-width: 300px;
    text-align: center;
    margin: 30px auto 0px;
  }
	.inv-pay-tip .ipt-intro3{
    float: none;
    width: 100%;
    text-align: center;
    margin-left: 0;
    padding-top: 0px;
  }
}

.site-content-wrapper ul {
   font-size: 16px;
   line-height: 1.5;
   color: #676767;
   list-style-type: disc;
   padding-left:20px;
}

.site-content-wrapper ul li span{

   display: inline-block;
	line-height: 20px;
}

/**/
.scb-content{
	width: 80%;
	margin: 0 auto;
	text-align: left;
}
  .site-content-wrapper .ctw-qa-box {
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    color: #333; }
    .site-content-wrapper .ctw-qa-box:last-child {
      margin-bottom: 0; }
    .site-content-wrapper .ctw-qa-box .cqb-q {
      width: 100%;
      background: #f2f7ed;
	  color: #000;
      padding: 5px 12px; 
	  -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
}
    .site-content-wrapper .ctw-qa-box .cqb-a {
      width: 100%;
      background: #fff;
      padding: 6px 12px;
	  line-height: 25px;

}
    .site-content-wrapper .ctw-qa-box .cqb-hl {
    
	  width: 25px;
	  height: 25px;
      font-weight: bold;
	  float: left;
	  margin-right: 10px;
}
    .site-content-wrapper .ctw-qa-box .cqb-hl2 {
     display: inline-block;
	  width: 28px;
	  height: 28px;
      font-weight: bold; 
		 vertical-align:sub;
}
.site-content-wrapper .ctw-qa-box h3{font-size: 18px;}
.site-content-wrapper .ctw-qa-box .cqb-a ul{margin-left: 20px;}
.site-content-wrapper .ctw-qa-box .cqb-a ul li{
	list-style-type:decimal;
	padding-left: 10px;
	line-height: 2;
}
.mf-note-box{
	width: 100%;

    padding: 20px 30px;
    background: #e8e8e8;
    font-size: 16px;
    line-height: 1.5;
    color: black;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

/* segment */
.tab-demo {
  width: 100%;
  margin: 0 auto;
}
.tab-demo > ul {
  display: block;
  margin: 0 auto;
  list-style: none;
  border-bottom: 1px solid #068708;
  margin: 30px 0;
}
.tab-demo > ul.store {
  border-bottom: 1px solid #068587;
}
.tab-demo > ul > li {
  border-radius: 8px 8px 0 0;
  display: inline-block;
  width: 49%;
  box-sizing: border-box;
  cursor: pointer;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  list-style: none;
  padding: 12px;
  text-align: center;
  vertical-align: top;
}
.tab-demo > ul > li a {
  display: block;
  color: #068708;
  text-decoration: none;
  /*pointer-events: none;*/
}
.tab-demo > ul.store > li a{
  display: block;
  color: #068587;
  text-decoration: none;
  /*pointer-events: none;*/
}
.tab-demo > ul > li.active {
  background: #068708;
}

.tab-demo > ul.store > li.active {
  background: #068587;
}

.tab-demo > ul > li.active a {
  color: #fff;
}

/*------*/
ul.einvoice_taglink {margin-bottom: 10px;}
ul.einvoice_taglink li{
	display: inline-block;
	
}
 
 .css-button {
	color: #FFF;
	font-size: 16px;
	border-radius: 5px;
	border: 1px #dce6b1 solid;
	background-color:#618148;
	box-shadow: 1px 1px 1px 0px #dde8ae;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}
.css-button:hover {
	background-color:#4d6837;
	color:#FFF;
}
.css-button-icon {
	padding: 10px 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.16);
	box-shadow: rgba(0, 0, 0, 0.14) -1px 0px 0px inset;
}
.css-button-icon svg {
	vertical-align: middle;
	position: relative;
}
.css-button-text {
	padding: 10px 18px;
}
@media (max-width: 860px) {
	ul.einvoice_taglink {
	width: 100%;
		clear: both;
	}
	ul.einvoice_taglink li{

	
	}
	.css-button {
		float: left;
		display: inline-block;
		margin: 2px 5px 5px 5px;
	}


}	 
@media (max-width: 375px) {
	.css-button {font-size: 12px;}
}
.faq-title {
    color: #068708;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.faq-content p {
	padding: 15px 0;}
.faq-content {
    color: #454545;
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.faq-table table {
    border: 1px solid #588d3f;
	width: 100%;}
.faq-table tr {
    color: #111;
    background-color: #fff;
}

.faq-table th {
    padding: 15px 25px;
    color: white;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    background: #8aa47e;
    border: 1px solid #bbb;
}
.faq-item-title {
    color: #068708;
    font-size: 20px;
    line-height: 50px;
    margin: 5px 0 10px;
}
.faq-table th.ec {
    background: #588d3f;
    font-weight: 600;
}
.faq-table td {
    padding: 15px 25px;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #bbb;
}
.faq-table .faq-subtitle {
    background-color: #949494;
    color: #fff;
}
.faq-table {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
}
li.numberli{list-style: decimal;}
li.noneli{list-style:none;}
.mrb_20{margin-bottom: 20px;}

li.labelli{
	background-color: #FFE879;
	width: 130px;
	text-align: center;
	height: 30px; 
	line-height: 30px;
	font-weight: bold;
}

.s_text{font-size:14px; color:#636363;}





/*-- 申請方式 --*/
.scw-apply-intro {
  width: 100%;
}
.scw-apply-intro .site-content {
  padding: 50px 20px 42px;
}
.scw-apply-intro .sai-list {
  width: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 30px;
}
.scw-apply-intro .sai-list .sl-box {
  width: calc(50% - 15px);
  min-height: 170px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ecf4da;
}
.scw-apply-intro .sai-list .sl-box + .sl-box {
  margin-left: 30px;
}
.scw-apply-intro .sai-list .slb-ic {
  width: 170px;
  flex-shrink: 0;
}
.scw-apply-intro .sai-list .slb-ic img {
  width: 100%;
}
.scw-apply-intro .sai-list .slb-info {
  width: 100%;
  max-width: 230px;
  margin-left: 20px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #676767;
}
@media (max-width: 768px) {
  .scw-apply-intro .sai-list {
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  .scw-apply-intro .sai-list .sl-box {
    width: 100%;
    max-width: 500px;
    min-height: 170px;
  }
  .scw-apply-intro .sai-list .sl-box + .sl-box {
    margin-left: 0px;
    margin-top: 20px;
  }
  .scw-apply-intro .sai-list .slb-ic {
    width: 120px;
  }
  .scw-apply-intro .sai-list .slb-ic img {
    width: 100%;
  }
  .scw-apply-intro .sai-list .slb-info {
    margin-left: 15px;
  }
}

.scw-apply-way {

}
.scw-apply-way .site-content {
  padding: 40px 20px;
}
.saw-content {
  margin-top: 35px;
}
.saw-content .saw-tabs {
  width: 100%;
  max-width: 1100px;
  display: block;
  margin: 0 auto 30px;
  list-style: none;
  padding-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 2px solid #41582f;
}
.saw-content .saw-tabs li {
  width: 100%;
  height: 54px;
  padding: 0 15px;
  margin-right: 9px;
  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;
  background: #8cb36c;
  color: #FFF;
  font-size: 17px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border-radius: 10px 10px 0 0;
}
.saw-content .saw-tabs li.active {
  background: #41582f;
}
.saw-content .saw-tabs li:last-child {
  margin-right: 0;
}
.saw-content .saw-tab-content {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
.saw-content .saw-tab-content .stc-faq-list {
  width: 100%;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq {
  width: 100%;
  position: relative;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq * {
  -webkit-transition: unset;
  transition: unset;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq + .sfl-title {
  margin-top: 60px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq + .sfl-faq {
  margin-top: 25px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-hl {
  color: #FF9182;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title {
  width: 100%;
  min-height: 46px;
  font-size: 20px;
  font-weight: bold;
  color: #618148;
  background-color: #ecf5da;
  line-height: 1.3;
  cursor: pointer;
  padding: 10px 30px;
  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;
  border-radius: 4px 4px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title .ft-txt {
  padding-right: 10px;
  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;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title .ftt-q {
  margin-right: 16px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title .ft-ic {
  width: 30px;
  height: 30px;
  background: url('../../../images/Invoice/images/events/toggle_open.svg') center center / contain no-repeat;
  transition: .2s;
  flex-shrink: 0;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title.ft-open .ft-ic {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title.ft-open + .sfq-box {
  display: block;
  max-height: 1000px;
  padding: 20px 30px 0 112px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box {
  font-size: 16px;
  color: #676767;
  line-height: 1.6;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding: 0px 30px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-tip {
  color: #979797;
  font-size: 14px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-txt + .sqb-list {
  margin-top: 5px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-hl {
  color: #618148;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-pic {
  margin-top: 10px;
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-pic img {
  width: 100%;
  display: block;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-list {
  padding-left: 18px;
  list-style: disc;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-list + .sqb-txt {
  margin-top: 5px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-list.sl2 {
  padding-left: 22px;
  list-style: decimal;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-list > li {
  margin-bottom: 5px;
}
.saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box .sqb-list > li:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .scw-apply-intro .site-content {
    padding: 40px 20px 20px;
  }
  .scw-apply-way .site-content{
    padding: 20px 20px;
  }
  .saw-content {
    margin-top: 20px;
  }
  .saw-content .saw-tabs {
    margin-bottom: 20px;
  }
  .saw-content .saw-tabs li {
    font-size: 15px;
    padding: 0 10px;
    height: 48px;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-title {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq {
    width: 100%;
    position: relative;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq * {
    -webkit-transition: unset;
    transition: unset;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq + .sfl-title {
    margin-top: 40px;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq + .sfl-faq {
    margin-top: 20px;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title {
    min-height: 50px;
    font-size: 18px;
    padding: 15px 15px;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title .ftt-q {
    margin-right: 10px;
    flex-shrink: 0;
    font-size: 16px;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title .ft-ic {
    width: 20px;
    height: 20px;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-title.ft-open + .sfq-box {
    padding: 10px 15px 0;
  }
  .saw-content .saw-tab-content .stc-faq-list .sfl-faq .sfq-box {
    padding: 0px 15px;
  }
}
/*----*/


/*-- 電子發票系統 --*/
.scw-einv-system {
  background: #fcfcfc;
}
.scw-einv-system .site-content {
  padding: 70px 20px;
}
.scw-einv-system .content-title {
  margin-bottom: 45px;
}
.scw-einv-system .ses-list-box {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto 50px;
}
.scw-einv-system .ses-list-box img {
  width: 100%;
}
.scw-einv-system .ses-list-box-m {
  width: 100%;
  max-width: 412px;
  margin: 0 auto 40px;
  overflow-x: auto;
  display: none;
}
.scw-einv-system .ses-list-box-m img {
  width: 412px;
}

/*--介紹輪播--*/
.scw-einv-system .ses-intro-list {
  width: 100%;
}
.scw-einv-system .ses-intro-list .sc-sil-box {
    width: 100%;
    height: 306px;
}
.scw-einv-system .ses-intro-list .swiper-slide {
  width: 100%;
    height: 100%;
    color: #636363;
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    transition: 0.3s;
    display: flex;
    align-items: stretch;
    justify-content: center;
    position: relative;
}
.scw-einv-system .ses-intro-list .ssb-left,
.scw-einv-system .ses-intro-list .ssb-right {
    padding: 0px;
    opacity: 1;
    transition: 0.7s;
    position: relative;
}
.scw-einv-system .ses-intro-list .ssb-left {
  width: calc(100% - 500px);
  max-width: 540px;
  opacity: 0;
  transition-delay: .2s;
}
.scw-einv-system .ses-intro-list .ssb-right {
  width: 500px;
  padding-left: 40px;
  opacity: 0;
  transform: scale(0);
  transition-delay: .4s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scw-einv-system .ses-intro-list .swiper-slide-active .ssb-left {
  opacity: 1;
}

.scw-einv-system .ses-intro-list .swiper-slide-active .ssb-right {
  opacity: 1;
  transform: scale(1);
}

.scw-einv-system .ses-intro-list .ssb-content {
    width: 100%;
}

.scw-einv-system .ses-intro-list .ssbc-label {
  width: 73px;
  height: 22px;
  position: absolute;
  right: 0;
  top: 0;
  background: center center / contain no-repeat;
}
.scw-einv-system .ses-intro-list .ssbc-label + .ssbc-label {
  right: 90px;
}

.scw-einv-system .ses-intro-list .ssbc-label.slb-01 {
  background-image: url('../../../images/Invoice/images/events/ic-b2b.svg');
}

.scw-einv-system .ses-intro-list .ssbc-label.slb-02 {
  background-image: url('../../../images/Invoice/images/events/ic-b2c.svg');
}

.scw-einv-system .ses-intro-list .ssbc-title {
    font-size: 25px;
    font-weight: bold;
    color: #333;
    line-height: 1.4;
}

.scw-einv-system .ses-intro-list .ssbc-des {
    font-size: 17px;
    color: #555;
    line-height: 1.7;
    margin-top: 10px;
}

.scw-einv-system .ses-intro-list .ssbc-des a {
  color: #5b8440;
}

.scw-einv-system .ses-intro-list .ssbc-des + .ssbc-list {
  margin-top: 30px;
}

.scw-einv-system .ses-intro-list .ssbc-img {
    width: 100%;
}

.scw-einv-system .ses-intro-list .ssbc-list {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
  text-align: left;
  list-style-type: disc;
  padding-left: 20px;
}
.scw-einv-system .ses-intro-list .ssbc-list li + li {
  margin-top: 10px;
}
.scw-einv-system .ses-intro-list .swiper-button-prev,
.scw-einv-system .ses-intro-list .swiper-button-next {
    width: 36px;
    height: 36px;
    background: transparent url('../../../images/Invoice/images/events/btn_arrowgreen.svg') center center / contain no-repeat;
}

.scw-einv-system .ses-intro-list .swiper-button-prev,
.scw-einv-system .ses-intro-list .swiper-container-rtl .swiper-button-next,
.scw-einv-system .ses-intro-list .swiper-button-next,
.scw-einv-system .ses-intro-list .swiper-container-rtl .swiper-button-prev {
    top: calc(50% - 18px);
}

.scw-einv-system .ses-intro-list .swiper-button-prev,
.scw-einv-system .ses-intro-list .swiper-container-rtl .swiper-button-next {
    left: 0px;
}

.scw-einv-system .ses-intro-list .swiper-button-next,
.scw-einv-system .ses-intro-list .swiper-container-rtl .swiper-button-prev {
    right: 0px;
    transform: rotate(180deg);
}

.scw-einv-system .ses-intro-list .swiper-button-next.swiper-button-disabled, 
.scw-einv-system .ses-intro-list .swiper-button-prev.swiper-button-disabled {
  opacity: .8;
  cursor: auto;
  pointer-events: none;
  background-image: url('../../../images/Invoice/images/events/btn_arrowgrey.svg');
}

.scw-einv-system .ses-intro-list .swiper-pagination {
  width: 100%;
  margin-top: 30px;
  position: static;
}

.scw-einv-system .ses-intro-list .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0px 6px;
}

.scw-einv-system .ses-intro-list .swiper-pagination .swiper-pagination-bullet-active {
  background: #41582f;
  opacity: .9;
}
/*----*/

@media (max-width: 768px) {
  .scw-einv-system .site-content {
    padding: 50px 20px;
  }
  .scw-einv-system .content-title {
    margin-bottom: 30px;
    font-size: 30px;
  }
  .scw-einv-system .ses-list-box {
    display: none;
  }
  .scw-einv-system .ses-list-box-m {
    display: block;
  }
  .scw-einv-system .ses-intro-list {
    max-width: 540px;
    margin: 0 auto;
  }
  .scw-einv-system .ses-intro-list .sc-sil-box {
    height: auto;
  }
  .scw-einv-system .ses-intro-list .swiper-slide {
      font-size: 13px;
      flex-direction: column;
      justify-content: flex-start;
      align-items: center;
  }
  .scw-einv-system .ses-intro-list .ssb-left {
    width: 100%;
    max-width: 540px;
    margin-bottom: 10px;
  }
  .scw-einv-system .ses-intro-list .ssb-right {
    width: 100%;
    max-width: 540px;
    padding: 30px 0 0 0;
  }

  .scw-einv-system .ses-intro-list .ssbc-title {
      font-size: 22px;
  }

  .scw-einv-system .ses-intro-list .ssbc-des {
      font-size: 14px;
  }

  .scw-einv-system .ses-intro-list .ssbc-des + .ssbc-list {
    margin-top: 25px;
  }

  .scw-einv-system .ses-intro-list .ssbc-list {
    font-size: 14px;
    line-height: 1.5;
  }
  .scw-einv-system .ses-intro-list .ssbc-list li + li {
    margin-top: 8px;
  }
  .scw-einv-system .ses-intro-list .swiper-button-prev,
  .scw-einv-system .ses-intro-list .swiper-button-next {
      display: none;
  }
  .scw-einv-system .ses-intro-list .swiper-button-prev,
  .scw-einv-system .ses-intro-list .swiper-container-rtl .swiper-button-next {
      display: none;
  }
}
/*----*/