/* CSS Document */

/*@import url("fonts.css");*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url(fonts.css);

/* -- CUSTOM CSS -- */
html, body {width:100%; height:100%; padding:0px; margin:0px; position: relative;}

body{ 
	background-color:#fff;
}
body{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size:100%; font-weight:normal; color:#000; text-decoration:none; }
ul, li { list-style: none; margin: 0; padding: 0; }
img {
	border:0px;
}
.img-responsive{ display: block; height: auto; max-width: 100%; }

a,
a:hover{
  text-decoration:none;
  /* color: inherit; */
  outline:0;
}
a:focus {
  text-decoration:none;
  outline:0;
}

.btn.focus, .btn:focus{
	outline:0;
	box-shadow: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
    box-shadow: none;
}
input,
select,
textarea{
    background-clip: padding-box;
}


body.lock-position {
  overflow: hidden !important;
}

/* .flex-column-reverse{ -webkit-flex-direction: column-reverse !important; } */

#main {
  display: flex;
  flex-direction:initial;
}

.pdt-30{ padding-top: 30px; }

@media (max-width: 991px){
  #main {
    display: flex;
    flex-direction:column-reverse;
    -webkit-flex-direction: column-reverse !important; 
  }
}

.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
}



/************************************************************************/
/************************************************************************/

.contentStatic-pageBody {
  display: flex;
  flex-flow: column nowrap;
  flex: 0 0 auto;
  height: 100%;
  position: relative;
}
.contentStatic-pageContent {
  width: 100%;
  flex: 1 1 auto;
  margin: 0 auto;
  padding: 0px 20px;
}


a.link-underline{ position: relative; }
a.link-underline:after{
  content: '';
  position: absolute;
  left: 0;
  display: inline-block;
  height: 100%;
  width: 100%;
  border-bottom: 1px solid;
  margin-top: 5px;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  transform: scale(0,1);
}
a.link-underline:hover:after{
    opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}


header{ background-color: #132F65; width: 100%; padding: 15px 0; z-index: 99; }
header .header-panel{ position: relative; width: 100%; }

header .header-panel{ overflow: hidden; }
header .bp-logo2{ width: 200px; z-index: 90; float: left; }
header .bp-logo2 h1{ margin: 0; padding: 0; font-size: 100%; }
header .bp-logo2 h1 a{ display: block; }
header .bp-logo2 img{ margin: 0; padding: 0; }
header .bp-titile{ font-family: vonnesthin,Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 26px; line-height: 1; color: #fff; float: left; padding-left: 20px; margin-left: 20px; border-left: 1px solid rgba(255,255,255, 0.2); margin-top: 0px; text-transform: uppercase; }
header .bp-titile a{ color: #fff; }

.nav-epaper{ float: right; padding-top: 7px; }
.nav-epaper ul li{ display: inline-block; color: #fff; padding: 0 15px; line-height: 1; }
.nav-epaper ul li:last-child{ padding-right: 0; }
.nav-epaper ul li a{ font-size: 12px; text-transform: uppercase; color: #fff; }

li.signin-panel{ border-left: 1px solid #fff; }
li.signin-panel i{ font-size: 16px; vertical-align: middle; padding-right: 7px; }


.bank-verify{ text-align: right; padding-top: 10px; }
.bank-verify a{ display: inline-block; font-size: 10px; color: #fff; text-transform: uppercase; background-color: #346AD3; padding: 5px 10px; border: 1px solid #346AD3; }
.bank-verify  a:hover{ border: 1px solid #132f65; background-color: #fff; color: #132f65; }


footer{ background-color: #132F65; width: 100%; }
footer .footer-panel{ overflow: hidden; }
footer .footer-bottom{ font-size: 14px; color: #fff; font-weight: bold; padding: 20px 0; }
footer .turehits{ display: inline-block; padding-top: 0; padding-left: 10px; }
footer .footer-contact{ float: right; }
footer .footer-contact ul li{ display: inline-block; margin-right: 30px; font-weight: normal; }
footer .footer-contact ul li:last-of-type{ margin-right: 0; }
footer .footer-contact a{ color: #fff; font-weight: 300; margin-left: 15px; }


.scrolDisabled{
  overflow: hidden;
  position: fixed;
}

.nav-epaper ul li.nav--showmobi{ display: none; }

@media (max-width: 1199px) {

  .nav-epaper ul li{ padding: 0 5px; }

  footer .footer-bottom{ text-align: center; }
  footer .footer-contact{ float: none; }
  footer .footer-contact ul li{  padding-top: 15px; }

/* }
@media (max-width: 991px) { */

  header{ padding: 10px 0 !important; height: 50px; position: fixed; }
  header .bp-logo2{ padding-top: 0; width: 160px; }
  header .bp-titile{ margin-top: 3px; display: none; }
  .nav--showmobi{ display: block; }

  .nav-epaper{ display: none; }
  .nav-epaper.navOpen{
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    float: none;
    padding: 30px; text-align: center;
  }
  .nav-epaper.navOpen ul li a{ color: #132F65; font-size: 16px; }
  .nav-epaper.navOpen ul li{ display: block; color: #132F65; padding: 15px 0; }
  .bank-verify{ text-align: center; }

  .content-pd{ padding-top: 50px; }

  #ham-menu-2{
    width: 28px;
    height: 20px;
    position: fixed;
    margin: 0;
    top: 15px;
    right: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    z-index: 101;
  }

  #ham-menu-2 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }

  #ham-menu-2 span:nth-child(1) {
    top: 0px;
  }

  #ham-menu-2 span:nth-child(2) {
    top: 9px;
  }

  #ham-menu-2 span:nth-child(3) {
    top: 18px;
  }

  #ham-menu-2.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  #ham-menu-2.open span:nth-child(2) {
    opacity: 0;
    left: -30px;
  }

  #ham-menu-2.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }




}

@media (max-width: 576px) {

  header .bp-logo2{ margin-left: 20px; }

  footer .footer-contact{ text-align: left; padding: 0 10px; width: 300px; margin:0 auto; }
  footer .footer-contact ul li{ display: block; margin:0; }
  footer .footer-contact ul li span{ display: block; padding-left: 45px; }

}



/************************************************************************/
/************************************************************************/

h2{ font-family: charis_silbold, Georgia,Times,Times New Roman,serif; font-size: 52px; }
h3{ font-size: 28px; line-height: 34px; }
h4{ font-size: 21px; line-height: 34px; }

.txt-FF4D43{ color: #FF4D43; }


.section-intro{ padding: 50px 0 100px; }
.epaper-header{ text-align: center; }
.epaper-header h2{ color: #132F65; text-transform: uppercase; }
/* .epaper-header h2 span{ color: #6C6C6C; } */
.epaper-header .text{ font-size: 21px; }
.epaper-checkmark{ text-align: center; padding-top: 20px; }
.epaper-checkmark ul li{ position: relative; display: inline-block; padding-left: 30px; padding-right: 50px; text-transform: uppercase; font-size: 18px; line-height: 30px; color: #6C6C6C; font-weight: bold; }
.epaper-checkmark ul li:before{ content: ""; position: absolute; background-image: url('../images/epaper/icn-checkmark.svg'); width: 24px; height: 22px; background-repeat: no-repeat; left: 0; top: 4px; }

.epaper-intro{ text-align: center; padding-top: 40px; }
.epaper-intro--img{ display: inline-block; vertical-align: top; max-width: 720px; width: 100%; }
.epaper-intro--promotion{ display: inline-block; vertical-align: top; width: 320px; background-color: #F5F5F5; padding: 60px 20px 30px; text-align: center; position: relative; color: #343434; }
.epaper-intro--promotion .promotion-header{ font-size: 31px; line-height: 31px; font-weight: bold;  padding-bottom: 20px; border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.epaper-intro--promotion .promotion-header span{ display: block; font-size: 23px; font-weight: normal; }
.epaper-intro--promotion .promotion-wsj{ font-family: 'Chronicle Display'; font-size: 24px; line-height: 30px; font-weight: bold; margin-bottom: 5px; }
.epaper-intro--promotion .promotion-discount{ font-size: 18px; line-height: 26px; font-weight: bold; margin-bottom: 15px; }
.epaper-intro--promotion .promotion-prize{ font-family: charis_sil, Georgia,Times,Times New Roman,serif; font-size: 78px; color: #346AD3; position: relative; display: inline-block; }
.epaper-intro--promotion .promotion-prize span{ position: absolute; top: 0; right: 0; font-size: 14px; }
.epaper-intro--promotion .promotion-text1{ font-size: 13px; line-height: 16px; color: #132F65; }
.epaper-intro--promotion .promotion-text2{ font-size: 16px; line-height: 25px; font-weight: bold; color: #132F65; }
.epaper-intro--promotion .promotion-btn{ text-align: center; padding-top: 20px; }
.epaper-intro--promotion .promotion-btn a{ display: inline-block; background-color: #346AD3; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 25px; border: 1px solid #346AD3; }
.epaper-intro--promotion .promotion-btn a:hover{ border: 1px solid #132f65; background-color: #fff; color: #132f65; }
.epaper-intro--promotion .promotion-best{ position: absolute; top: 0; right: 5px; width: 50px; }

.arrow-down{ text-align: center; padding-top: 10px; }
.arrow-down a{ display: inline-block; background-color: #E5E5E5; width: 50px; height: 50px; border-radius: 50%; position: relative; }
.arrow-down a img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }



.section-plan{ padding: 50px 0 100px; }
.plan-of-month{ text-align: center; padding-top: 20px; }
/*.plan-of-month ul{ display: inline-block; 
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.plan-of-month ul li{ float: left;
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}*/
.plan-of-month ul li .box-bg-plan{ background-color: #F5F5F5; padding: 0 15px 40px 15px; margin-bottom: 30px; border-top: 5px solid #346AD3; position: relative; margin-top: 30px; }
.box-bg-plan .plan-header{ border-bottom: 1px solid #ddd; margin-bottom: 30px; position: relative; padding: 50px 0 15px; }
/*.box-bg-plan .plan-header .box-plan--header{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }*/
.box-bg-plan .plan-header img{ width: 28px; display: inline-block; margin-top: -6px; margin-right: 5px; }
.box-bg-plan .plan-header .box-plan--header{ font-family: charis_sil, Georgia,Times,Times New Roman,serif; font-size: 28px; color: #343434; }
.box-bg-plan .plan-header .box-plan--header.spanMonth{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 22px; color: #343434; font-weight: bold; }
.box-bg-plan .plan-header .box-plan--header.spanPackage{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 20px; color: #343434; }
.box-bg-plan .plan-header .box-plan--header span{ display: block; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 20px; font-weight: bold; }
.box-bg-plan .plan-prize{ font-family: charis_sil, Georgia,Times,Times New Roman,serif; font-size: 50px; color: #346AD3; position: relative; display: inline-block; font-weight: normal; }
.box-bg-plan .plan-prize span{ position: absolute; top: 0; right: 0; font-size: 14px; }
.box-bg-plan .plan-issues{ font-size: 16px; line-height: 24px; font-weight: bold; color: #132F65; padding-top: 10px; }
.box-bg-plan .plan-issues span{ display: block; font-size: 21px; line-height: 26px; color: #050505; }
.box-bg-plan .plan-btn{ text-align: center; padding-top: 40px; }
.box-bg-plan .plan-btn a{ display: inline-block; width: 180px; background-color: #fff; font-size: 18px; font-weight: bold; color: #346AD3; padding: 10px; border: 1px solid #346AD3; }
.box-bg-plan .plan-btn a:hover{ background-color: #346AD3; color: #fff; }
.box-bg-plan .plan-best{ position: absolute; top: 0; right: 20px; width: 50px; }

.box-bg-plan .plan-header.pdtop-10{ padding-top: 10px; }


.box-bg-plan.plan-recommend:before{
  content: 'RECOMMENDED'; position: absolute; top: -28px; left: 0;
  width: 100%; background-color: #F0251D; padding: 5px; 
  font-size: 12px; font-weight: bold; color: #fff;
}
.box-bg-plan.plan-recommend .plan-btn a{ background-color: #346AD3; color: #fff; }
.box-bg-plan.plan-recommend .plan-btn a:hover{ background-color: #fff; color: #346AD3; }

.box-bg-plan.plan-dealofyear:before{
  content: 'DEAL OF THE YEAR'; position: absolute; top: -28px; left: 0;
  width: 100%; background-color: #F0251D; padding: 5px; 
  font-size: 12px; font-weight: bold; color: #fff;
}
.box-bg-plan.plan-dealofyear .plan-btn a{ background-color: #346AD3; color: #fff; }
.box-bg-plan.plan-dealofyear .plan-btn a:hover{ background-color: #fff; color: #346AD3; }


.nav-planofmanth{ text-align: center; }
.nav-planofmanth ul{ display: inline-block; }
.nav-planofmanth ul li{ float: left; position: relative; width: 245px; margin: 0 10px; }
.nav-planofmanth ul li a{ display: block; font-family: charis_silbold, Georgia,Times,Times New Roman,serif; font-size: 30px; color: #ACACAC; padding: 7px; border-radius: 0; background-color: #fff; border:1px solid #ccc; }
.nav-planofmanth ul li a.active, .nav-planofmanth ul li a:hover{ background-color: #356AD4; color: #fff; border-color: #356AD4;}
.nav-planofmanth ul li a.active:after {
  content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #356AD4;
}


@media (max-width: 1199px) {

  .epaper-intro--img{ max-width: 520px; }

  .box-bg-plan .plan-prize{ font-size: 40px; }
  .box-bg-plan .plan-header .box-plan--header,
  
  .box-bg-plan .plan-header .box-plan--header span{ font-size: 18px; }
  .box-bg-plan .plan-header.pdtop-10{ padding-top: 15px; }

}
@media (max-width: 991px) {

  h2{ font-size: 46px; }

  .section-intro, .section-plan{ padding: 50px 0; }

  .epaper-intro--img, .epaper-intro--promotion{ display: block; margin: 0 auto 20px; }
  .epaper-intro--promotion .promotion-best{ width: 50px; right: 5px; }

  .arrow-down{ display: none; }

  .nav-planofmanth ul li{ width: 200px; }
  .nav-planofmanth ul li a{ font-size: 26px; }

  .box-bg-plan .plan-header .box-plan--header.spanMonth{ font-size: 20px; }

}
@media (max-width: 767px) {

  .nav-planofmanth ul li{ width: 100px; margin: 0 5px; }
  .nav-planofmanth ul li a{ font-size: 18px; }
  .plan-of-month{ padding-top: 0; }
  .nav-planofmanth ul li a.active:after{ 
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #356AD4;
 }

}
@media (max-width: 576px) {

  h2{ font-size: 36px; }
  h3{ font-size: 26px; }
  .epaper-header h2 span{ display: block; }
  .epaper-header .text{ font-size: 18px; }

  .epaper-intro--promotion{ width: 100%; }
  .epaper-checkmark ul li{ padding-right: 0; display: block; width: 140px; margin: 0 auto; text-align: left; }

  .plan-of-month ul li .box-bg-plan{ padding: 0 15px 25px 15px; margin-bottom: 20px; }

  .box-bg-plan .plan-btn a{ font-size: 16px; }
  .box-bg-plan .plan-header .box-plan--header,
  .box-bg-plan .plan-header .box-plan--header span{ font-size: 16px; }

  .box-bg-plan .plan-header img{ width: 25px; margin-top: -5px; }

}
@media (max-width: 370px) {

  .nav-planofmanth ul li{ width: 80px; }
  .nav-planofmanth ul li a{ font-size: 14px; }
  .box-bg-plan .plan-header{ padding-top: 40px; }
  .box-bg-plan .plan-header .box-plan--header,
  .box-bg-plan .plan-header .box-plan--header.spanMonth{ font-size: 17px; }
  .box-bg-plan .plan-header .box-plan--header span{ font-size: 14px; }

}
@media (max-width: 352px) {

  h2{ font-size: 32px; }
  .epaper-header .text{ font-size: 16px; }

}



/************************************************************************/
/************************************************************************/


.section-step{ padding: 70px 0 50px 0; }
.nav-step{ text-align: center; }
.nav-step ul{ display: inline-block; }
.nav-step ul li{ float: left; width: 75px; height: 75px; border-radius: 50%; background-color: #EDF5FF; font-size: 40px; font-weight: bold; color: #EDF5FF; position: relative; padding-top: 8px;  margin-right: 100px; }
.nav-step ul li:last-child{ margin-right: 0; }
.nav-step ul li:after{ content: ""; position: absolute; top: 50%; right: -90px; width: 80px; height: 6px; background-color: #EDF5FF; transform: translateY(-50%); }
.nav-step ul li:last-child:after{ display: none; }
.nav-step ul li.actived{ background-color: #132F65; color: #fff; }
.nav-step ul li span{ position: absolute; display: block; top: -20px; font-size: 13px; color: #132F65; text-transform: uppercase; width: 45px; left: 50%; transform: translateX(-50%);}
.nav-step ul li a{ display: block; width: 75px; height: 75px; border-radius: 50%; color: inherit; margin-top: -8px; padding-top: 8px; }


.section-step h3{ text-align: center; color: #132F65; font-weight: bold; }
.section-step h4{ text-align: center; padding: 20px 0 10px; }

.section-step--payment{ padding: 50px 0; }

.content-step{ max-width: 700px; width: 100%; margin: 0 auto; padding-top: 30px; }
.content-step2{ max-width: 800px; width: 100%; margin: 0 auto; padding-top: 30px; }
.content-step3{ max-width: 1100px; width: 100%; margin: 0 auto; padding-top: 60px; }
.content-step4{ max-width: 700px; width: 100%; margin: 0 auto; padding-top: 100px; }
.content-step5{ max-width: 800px; width: 100%; margin: 0 auto; padding-top: 100px; }
.content-step6{ max-width: 700px; width: 100%; margin: 0 auto; }

.content-step4 h3{ text-transform: uppercase; }

.content-forprint{ max-width: 700px; width: 100%; margin: 0 auto; }


.txt-package{ position: absolute; top: -20px; font-size: 12px; color: #6C6C6C; }
.name-package{ padding: 5px 0; border-bottom: 0.6px solid #bbb; text-align: right; }
.btn-change{ display: inline-block; position: absolute; top: 35px; right: -120px; border: 0.5px solid #676767; background-color: #E5E0E0; color: #000; padding: 3px 10px; border-radius: 5px; font-size: 12px; }
.form-message label.error{ color: #f00; font-size: 12px; }

.step-form{}
.step-form--row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.step-form--col100{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}
.step-form--col30{
  position: relative;
  width: 30%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
.step-form--col50{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
.step-form--col70{
  position: relative;
  width: 70%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
}

.step-form--col50_2{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}



@media (max-width: 1440px){
  .content-step4, .content-step5{ padding-top: 60px; }
}

@media (max-width: 576px){

  .step-form--col30, .step-form--col50, .step-form--col70{
    width: 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .content-step3{ padding-top: 30px; }

}


.content-step-form{ max-width: 450px; width: 100%; margin: 0 auto; }


.step-form .form--text {
  margin:30px 0 10px;
  position:relative;
  display:inline-block;
  width: 100%;
}
.step-form .form-placeholder {
  padding: 5px 0;
  pointer-events: none;
  position:absolute;
  left:0;
  top:0;
  transition: 0.2s;
  transition-timing-function: ease;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  opacity:0.5;
  color: #6C6C6C;
}
.step-form .text-placeholder{ 
  padding: 5px 0;
  pointer-events: none;
  position:absolute;
  right:0;
  top:0;
  opacity:0.8;
  color: #6C6C6C;
}
.step-form .form--btn {
  margin:20px 0 10px;
  position:relative;
  display:inline-block;
  width: 100%;
}
input.form-step {
  padding: 5px 0;
  width: 100%;
  border-radius: 0;
  border: 0;
  border-bottom: 0.6px solid #bbb;
  color: #333;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
  border: 0;
  border-bottom: 0.6px solid #bbb;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0);
}
input.form-step:focus + .form-placeholder, input.form-step:not(:placeholder-shown) + .form-placeholder {
  opacity:1;
  /* transform: scale(0.75) translateY(-100%) translateX(-15px); */
  top: -25px;
  font-size: 12px;
}
/* For IE Browsers*/
input.form-step:focus + .form-placeholder, input.form-step:not(:-ms-input-placeholder) + .form-placeholder {
  opacity:1;
  /* transform: scale(0.75) translateY(-100%) translateX(-15px); */
  top: -25px;
  font-size: 12px;
}




.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus{ box-shadow: none; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus,
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid{ box-shadow: none; border-color: inherit; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{ color: inherit; }

/* .was-validated .gj-datepicker-md ~ .form-control:invalid + .invalid-feedback{ display: block; } */


.form-check{ font-size: 16px; color: #333; }


.captcha-form{ padding: 20px 0; }
.captcha-form #changimg{ cursor: pointer; }
.captcha-input{ display: inline-block; width: 195px; height: 40px; border: 1px solid #BABABA; border-radius: 5px; padding: 3px 10px; }
.captcha-input:focus{ border: 1px solid #BABABA; }

.step-btn{ padding-top: 30px; text-align: center; }
.btn-next{ display: inline-block; width: 156px; height: 45px; font-size: 18px; color: #fff; background-color: #346AD3; border: 1px solid #346AD3; padding: 9px; text-align: center; border-radius: 0; }
.btn-next:hover{ color: #346AD3; background-color: #fff; }


.box-choose-payment{ text-align: center; }
.box-choose-payment .form-check-inline{ margin-right: 30%; }
.box-choose-payment .form-check-inline:last-child{ margin-right: 0; }

.box-payment--note{ position: relative; background-color: #F6F6F6; border-radius: 20px; padding: 20px 30px; color: #333; margin-top: 20px; }
.payment--title{ font-weight: bold; font-style: italic; padding-bottom: 10px; }
.box-payment--note ul li{ padding-bottom: 20px; }
/* .box-payment--note#payment--1:before {
  content: "";
  position: absolute; top: -22px; left: 96px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 22px solid #F6F6F6;
}
.box-payment--note#payment--2:before {
  content: "";
  position: absolute; top: -22px; right: 33.5%;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 22px solid #F6F6F6;
} */
.radio-payment input[type="radio"]:checked:before {
  content: "";
  position: absolute; bottom: -27px; left: -5px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 22px solid #F6F6F6;
}
.radio-payment input[type="radio"]:checked:before {
  content: "";
  position: absolute; bottom: -27px; left: -5px;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 22px solid #F6F6F6;
}



.box-taxinvoice{ overflow: hidden; text-align: center; }
.box-taxinvoice--choose{ float: left; width: 30%; }
.box-taxinvoice--for{ float: left; width: 68%; }
.taxinvoice--for{ padding-top: 30px; }

/* .box-taxinvoice--choose .form-check-input{ margin-left: -1.2rem; } */




.section-freetrial{ padding: 100px 0; }
.content-freetrial{ max-width: 620px; width: 100%; margin: 0 auto; }
.content-freetrial h3{ color: #132F65; font-weight: bold; padding-top: 60px; }
.box-remark{ padding: 30px 0; color: #333; }
.text-thank{ color: #333; padding-bottom: 20px; }
.text-code{ padding: 15px 0; border-bottom: 0.6px solid #bbb; font-size: 70px; line-height: 70px;  }
.goto-btn{ padding-top: 30px; }




.box-company--choose{ float: left; width: 100px; padding-top: 25px; }
.box-company--choose .form-check{ font-size: 11px; }
/* .box-company--choose .form-check-label{ padding-left: 5px; } */
.step-form .form--text.company--branch{ width: calc(100% - 100px); }
.box-company--choose .form-check-input{ margin-top: 0; }

.list-payment--bank{ text-align: center; }
.list-payment--bank ul li{ display: inline-block; width: 49%; }
.list-payment--bank ul li div:first-child{ float: left; width: 70px; }
.list-payment--bank ul li div:last-child{ float: left; width: calc(100% - 70px); text-align: left; padding-left: 15px; }

.list-payment--bank2{ text-align: center; padding: 50px 0; }
.list-payment--bank2 ul li{ display: inline-block; width: 33%; }
.list-payment--bank2 ul li div:first-child{ float: left; width: 70px; }
.list-payment--bank2 ul li div:last-child{ float: left; width: calc(100% - 70px); text-align: left; padding-left: 15px; }



.step-form .step-sum {
  margin:10px 0 0 0;
  position:relative;
  display:inline-block;
  width: 100%;
  font-size: 15px;
}
.step-form .step-sum.sum--title{ font-weight: bold; }
.step-form .step-sum.sum--text span{ padding-left: 25px; display: inline-block; }
.step-form .step-sum.sum--text:before{ 
  content: ":"; position: absolute; left: 0px;
}

.text-payment--confirm{ font-size: 16px; }
.text-payment--confirm span{ text-decoration: underline; font-weight: bold; }


.box-payment--trans{ padding: 30px 0; }
.box-payment--trans .form-check{ font-size: 12px; font-weight: bold; }
.box-payment--title{ font-size: 20px; font-weight: normal; }
.icn-bank{ width: 30px; }



@media (max-width: 991px) {

  .btn-change{ position: relative; top: 0; right: 0; float: right; }

  .nav-step ul li{ width: 60px; height: 60px; font-size: 30px; margin-right: 80px; }
  .nav-step ul li:after{ right: -75px; width: 70px; height: 6px; }
  .nav-step ul li a{ width: 60px; height: 60px; }

  /* .list-payment--bank2 ul li{ font-size: 14px; } */
  .list-payment--bank2 ul li:nth-child(1), .list-payment--bank2 ul li:nth-child(2){ width: 49%; }
  .list-payment--bank2 ul li:nth-child(3){ width: 50%; padding-top: 30px; }

}
@media (max-width: 767px) {

  .nav-step ul li{ width: 35px; height: 35px; font-size: 20px; padding-top: 2px; margin-right: 50px; }
  .nav-step ul li:after{ right: -45px; width: 40px; height: 4px; }
  .nav-step ul li span{ font-size: 12px; }
  .nav-step ul li a{  width: 35px; height: 35px; padding-top: 2px; margin-top: -2px; }

  .section-freetrial{ padding: 50px 0; }

  .list-payment--bank ul li{ max-width: 265px; width: 100%; }
  .list-payment--bank ul li div:first-child{ width: 50px; }
  .list-payment--bank ul li div:last-child{ width: calc(100% - 50px); }

  .list-payment--bank2{ padding: 30px 0; }
  .list-payment--bank2 ul li:nth-child(1),
  .list-payment--bank2 ul li:nth-child(2),
  .list-payment--bank2 ul li:nth-child(3){ max-width: 265px; width: 100%; }
  .list-payment--bank2 ul li:nth-child(2){ padding-top: 30px; }
  .list-payment--bank2 ul li div:first-child{ width: 50px; }
  .list-payment--bank2 ul li div:last-child{ width: calc(100% - 50px); }

  .box-payment--trans .form-check{ 
    width: 200px; padding-bottom: 15px;
    display: block; text-align: left;
    margin: 0 auto;
  }


}
@media (max-width: 576px) {

  .nav-step ul li{ font-size: 18px; padding-top: 4px; margin-right: 35px; }
  .nav-step ul li:after{ right: -30px; width: 25px; height: 3px; }
  .nav-step ul li a{ padding-top: 4px; margin-top: -4px; }

  .box-payment--note{ padding: 20px; }
  .box-choose-payment .form-check-inline{ margin-right: 20px; }

  .text-code{ padding: 10px 0; font-size: 50px; line-height: 50px;  }

  .btn-next{ display: inline-block; width: 120px; height: 40px; font-size: 15px; }

  .step-form .step-sum{ margin: 0; }
  .step-form .step-sum.sum--text{ padding-bottom: 15px; }
  .step-form .step-sum.sum--text span{ padding-left: 15px; }

}
@media (max-width: 360px) {

  .nav-step ul li{ width: 30px; height: 30px; font-size: 16px; padding-top: 3px; margin-right: 30px; }
  .nav-step ul li:after{ right: -25px; width: 20px; }
  .nav-step ul li span{ font-size: 10px; }
  .nav-step ul li a{  width: 30px; height: 30px; padding-top: 3px; margin-top: -3px; }

  .box-payment--note{ padding: 10px 15px; }

}



.box-taxinvoice--choose .form-check-input{ left: 50%; }

/* @media screen and (-webkit-min-device-pixel-ratio:0) { 

  .selector:not(*:root), .form-check-input{ top: 2px; left: 3px; margin: 0; }
  .selector:not(*:root), .box-taxinvoice--choose .form-check-input{ left: 40%; }
  .selector:not(*:root), .form-check-inline .form-check-input{ margin-bottom: 4px; }

} */





.bgcolor-pageContent{ background-color: #EDF5FF; width: 100%; }
.section-why{ padding: 60px 20px; }
.container-banner{ text-align: center; padding: 50px 0; }
.container-banner h2{ font-family: charis_sil, Georgia,Times,Times New Roman,serif; font-size: 38px; color: #132F65; padding-top: 40px; }

.container-banner--why{ text-align: center; padding: 35px 0; }
.container-banner--why .img-banner img{ max-height: 45vh; }
.container-banner--why .arrow-down--banner{ padding-top: 50px; }


.container-why{ max-width: 740px; width: 100%; margin: 0 auto; overflow: hidden; }
.container-why ul{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.container-why ul li{
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  text-align: center;
  margin-bottom: 10px; height: 360px;
}
.container-why ul li .box-whyimg{ padding: 5px; border: 1px solid #E4E4E4; height: 100%; overflow: hidden; }
.container-why ul li .whyimg{ background-color: #F5F5F5; height: 100%; padding: 20px; position: relative; }
.container-why ul li .whyimg .whyimg-text{  transition: all 0.8s ease; position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.container-why ul li .whyimg img{ margin: auto; width: inherit;}
.container-why ul li .whytext{ display: none; font-family: charis_sil, Georgia,Times,Times New Roman,serif; font-size: 24px; color: #132F65; padding: 20px 10px 0; }
.container-why ul li .whytext span{ font-size: 20px; color: #696969; }

.container-why ul li .box-whyimg:hover .whyimg{ display: block; }
.container-why ul li .box-whyimg:hover .whyimg .whyimg-text{ transition: all 0.8s ease; top: 20px; transform: translate(-50%,0); }
.container-why ul li .box-whyimg:hover .whyimg img{ border-bottom: 1px solid #ddd; padding-bottom: 20px;  }
.container-why ul li .box-whyimg:hover .whytext{ display: block; }

.container-why ul li:nth-child(1) .box-whyimg .whyimg img{ width: 280px; }
.container-why ul li:nth-child(2) .box-whyimg .whyimg img{ width: 300px; }
.container-why ul li:nth-child(3) .box-whyimg .whyimg img{ width: 250px; }
.container-why ul li:nth-child(4) .box-whyimg .whyimg img{ width: 150px; }

.container-why ul li:nth-child(1) .box-whyimg:hover .whyimg img{ width: 200px; }
.container-why ul li:nth-child(2) .box-whyimg:hover .whyimg img{ width: 70%; margin-top: 30px; }
.container-why ul li:nth-child(3) .box-whyimg:hover .whyimg img{ width: 50%; }
.container-why ul li:nth-child(4) .box-whyimg:hover .whyimg img{ width: 35%; margin-top: 30px; }


.container-why--title{ text-align: center; padding-top: 40px; }
.container-why--title h2{ font-family: charis_sil, Georgia,Times,Times New Roman,serif; font-size: 36px; color: #132F65; max-width: 600px; width: 100%; margin: 0 auto; }
.container-why--title p{ font-size: 20px; color: #696969; padding-top: 20px; }
.box-whyimg--cross{ text-align: center; padding-top: 50px; padding-bottom: 40px; }
.box-whyimg--cross ul li{ display: inline-block; width: 25%; padding: 0 20px; }
.box-whyimg--cross ul li span{ display: block; font-size: 24px; padding-top: 20px; }
.box-whyimg--cross ul li:last-of-type img{ max-width: 200px; width: 100%; }

.box-whyimg--icon{ text-align: center; padding-top: 50px; }
.box-whyimg--icon ul li{ display: inline-block; width: 20%; padding: 0 20px 40px; }
.box-whyimg--icon ul li span{ display: block; font-size: 20px; padding-top: 10px; }


.container-download--title{ 
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
.container-download--title h2{ font-family: charis_sil, Georgia,Times,Times New Roman,serif; font-size: 36px; color: #132F65; }
.container-download--title p{ font-size: 20px; color: #696969; padding-top: 20px; max-width: 550px; width: 100%; margin: 0 auto; }
.img-download{ padding: 40px 0; max-width: 350px; width: 100%; margin: 0 auto; }
.img-download--icon a:hover img{ opacity: 0.7; }


.txt-inline{ display: inline-block; font-size: 12px; color: #6C6C6C; text-align: center; padding: 0 2px; }
.txt-inline .form--text{ margin: 0; padding: 10px 0 20px; }
.txt-blocktitle{ position: relative; font-size: 12px; color: #6C6C6C; }
.txt-inline--title{ position: absolute; top: 0; left: 0; width: 110px; }
.box--day-transfer{ display: inline-block; padding-left: 110px; }
.txt-inline .form--text select{ font-size: 16px; }

.slip-upload{ padding: 30px 0 10px; }
.slip--title{ font-size: 16px; font-weight: normal; }
.txt-slipupload{ display: inline-block; font-size: 12px; color: #6C6C6C; text-align: center; padding: 0 2px; }
.txt-red{ color: #FF4D43; }
.txt-ps{ font-size: 12px; color: #FF4D43; text-align: left; }
.slip-upload .form-step{ display: inline-block; width: auto; }



.container-howto{ 
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 50px 0px;
}
.container-howto h3{ color: #132F65; font-weight: bold; }

.container-tab{ padding-top: 50px; }
.container-tab .nav-tabs{ border-bottom: 2px solid #132F65; padding: 0 30px; }
.container-tab .nav-tabs .nav-link.active, 
.container-tab .nav-tabs .nav-item.show .nav-link{
  color: #fff; background-color: #132F65; border-color: transparent;
}
.container-tab .nav-tabs .nav-link{ border-radius: 0; font-size: 14px; text-align: center; padding: 18px 15px; margin: 0 20px; cursor: pointer; text-transform: uppercase; color: #4B4B4B; }
.container-tab .nav-tabs .nav-link span{ display: block; }
.container-tab .nav-tabs .nav-item{ cursor: pointer; }
.container-tab .nav-tabs .nav-item:nth-child(2) .nav-link{ padding: 7px 15px; }

.container-tab .nav-tabs .nav-link:hover, 
.container-tab .nav-tabs .nav-link:focus{
  color: #fff; background-color: #132F65; border-color: transparent;
}



.gj-datepicker-md{ display: inline-block; }



@media (max-width: 1440px) {
  .container-banner{ padding: 40px 0; }
  .container-banner h2{ padding-top: 20px; font-size: 34px; }

  .container-banner--why{ padding: 0; }
  .container-why--title{ padding-top: 20px; }
  .container-banner--why .arrow-down--banner{ padding-top: 20px; }

}
@media (max-width: 1199px) {
  .container-tab .nav-tabs{ padding: 0 20px; }
  .container-tab .nav-tabs .nav-link{ margin: 0 10px; }
}
@media (max-width: 991px) {
  .container-why{ max-width: 640px; }
  .container-why ul li .whytext{ display: block; }
  .container-why ul li .box-whyimg .whyimg{ display: block; }
  .container-why ul li .box-whyimg .whyimg img{ border-bottom: 1px solid #ddd; padding-bottom: 20px; }
  .container-why ul li:nth-child(1) .box-whyimg .whyimg img{ width: 200px; }
  .container-why ul li:nth-child(2) .box-whyimg .whyimg img{ width: 70%; }
  .container-why ul li:nth-child(3) .box-whyimg .whyimg img{ width: 50%; }
  .container-why ul li:nth-child(4) .box-whyimg .whyimg img{ width: 35%; }

  .box-whyimg--cross ul li{ width: 30%; }

  .box-whyimg--icon ul li{ width: 24%; }
  .box-whyimg--icon ul li span{ font-size: 16px; }
}
@media (max-width: 767px) {
  .container-banner h2{ padding-top: 20px; font-size: 30px; }
  .container-why{ max-width: 640px; }
  .container-why ul li{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
  }
  .container-why ul li .whyimg .whyimg-text{ position: relative; }
  .container-why ul li .box-whyimg:hover .whyimg .whyimg-text{ top: 50%; transform: translate(-50%, -50%); }
  .container-why ul li .box-whyimg .whyimg{ padding: 30px 20px; }
  .container-why ul li:nth-child(1) .box-whyimg .whyimg img{ width: 280px; }
  .container-why ul li:nth-child(2) .box-whyimg .whyimg img{ width: 300px; }
  .container-why ul li:nth-child(3) .box-whyimg .whyimg img{ width: 250px; }
  .container-why ul li:nth-child(4) .box-whyimg .whyimg img{ width: 150px; margin-top: 20px; }

  .container-why--title{ padding-top: 0; }
  .box-whyimg--cross{ padding: 0; }
  .container-why--title h2, .container-download--title h2{ font-size: 30px; }

  .box-whyimg--icon ul li{ width: 30%; }

  .container-download--title{ 
    position: relative;
    top: inherit;
    left: inherit;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    padding: 50px 0;
  }
}
@media (max-width: 576px) {
  .container-why ul li:nth-child(1) .box-whyimg .whyimg img{ width: 200px; }
  .container-why ul li:nth-child(2) .box-whyimg .whyimg img{ width: 70%; margin-top: 0px; }
  .container-why ul li:nth-child(3) .box-whyimg .whyimg img{ width: 50%; }
  .container-why ul li:nth-child(4) .box-whyimg .whyimg img{ width: 35%; margin-top: 0px; }

  .box-whyimg--cross ul li{ display: block; width: 100%; padding: 20px 20px 40px; }
  .box-whyimg--cross ul li span{ font-size: 20px; padding-top: 10px; }

  .box-whyimg--icon ul li{ width: 49%; padding: 0 10px 40px; }

  .txt-slipupload{ text-align: left; display: block; padding: 5px 0; }
  .gj-datepicker-md{ display: block; }
  .slip-upload .form-step{ display: block; width: 100%; }
  .slip-upload{ padding-top: 0; }
}









/*************************************************/
/*************************************************/

.accordionFAQ{ padding-top: 50px; }
.accordionFAQ .card{ border:0 ; }
.accordionFAQ .card-header{ 
  cursor: pointer; 
  border-radius: 0;
  background-color: #132F65;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  padding: 12px 20px 10px;
  margin-bottom: 10px;
}
.accordionFAQ .card-header.collapsed{
  background-color: #F5F5F5;
  color: #132F65;
  font-weight: bold;
}
.accordionFAQ .card-header:before  {
  font-family: 'Font Awesome 5 Free';  
  content: "\f068";
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  font-weight: 900;
  font-size: 14px;
}
.accordionFAQ .card-header.collapsed:before  {
  /* symbol for "collapsed" panels */
  content: "\f067"; 
}

.accordionFAQ .card-body{ padding: 20px 0 30px; }

.content-howto{ width: 100%; margin: 0 auto; overflow: hidden; }
.content-howto .box-howto--img{ padding-bottom: 20px; }

.txt-remark{ font-size: 14px; color: #f00; }




.bgcolor-special{ background-color: #F5F5F5; width: 100%; }
.section-special{ padding: 100px 0; }
.div-epaper--special{ padding-top: 100px; }
.epaper-special{ text-align: center; padding-bottom: 20px; }
.epaper-special h3{ font-family: charis_silbold,Georgia,Times,Times New Roman,serif; font-size: 18px; line-height: 24px; padding: 10px 0; }
.epaper-special a{ color: #132F65; }
.epaper-special a:hover{ color: #2b63d1; }
.special-btn { text-align: center; padding-top: 30px; }
.special-btn a{ display: inline-block; background-color: #346AD3; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 100px; border: 1px solid #346AD3; }
.special-btn a:hover{ border: 1px solid #132f65; background-color: #fff; color: #132f65; }
.div-epaper--special .col-50{ padding: 0 15px; }



.container-special{ max-width: 1000px; width: 100%; margin: 0 auto; padding: 0 20px; }
.div-special--detail{ padding: 50px 0; }
.epaper-special--title{ background-color: #F5F5F5; font-weight: bold; color: #132F65; padding: 25px 30px; }
.special-btn_sub a{ display: inline-block; background-color: #346AD3; font-size: 16px; font-weight: bold; color: #fff; padding: 10px 25px; border: 1px solid #346AD3; }
.special-btn_sub a:hover{ border: 1px solid #132f65; background-color: #fff; color: #132f65; }
.epaper-special--detail{ padding: 30px 0; color: #343434; }
.epaper-special--features p{ font-weight: bold; color: #132F65; }
.epaper-special--features ul{ margin-left: 20px; }
.epaper-special--features ul li{ color: #343434; list-style: disc; }


.slip-upload .form-step.input-datetime{ width: 250px; }
.txt-thank span{ display: block; }



@media (max-width: 991px) {
  .section-special{ padding: 50px 0; }
  .div-epaper--special{ padding-top: 50px; }
}
@media (max-width: 767px) {

  .accordionFAQ{ padding-top: 30px; }
  .accordionFAQ .card-header{ font-size: 14px; padding: 10px 15px 8px; }
  .accordionFAQ .card-header:before{ font-size: 12px; }
  .content-howto .box-howto--img{ margin: 0 auto; }

  .epaper-special--book{ text-align: center; padding-bottom: 20px; }

}
@media (max-width: 576px) {
  .special-btn a{ padding: 10px 50px; font-size: 16px; }
  .slip-upload .form-step.input-datetime{ width: 100%; }
}
@media (max-width: 450px) {
  .txt-thank span{ display: contents; }
}



/*************************************************/
/*************************************************/

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.hide-loadmore{ display: none; }
.show-loadmore{ display: block; }



.form--text select.select {
  width: 100%;
  background: transparent;
  border-radius: 0;
  border: 0;
  border-bottom: 0.6px solid #bbb;
  color: #333;
  padding: 5px 0;
  outline: none;
  display: inline-block;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  cursor:pointer;
  background-image: url(../images/icon/arrow_select.svg); 
  background-repeat: no-repeat;
  background-position: right center;
}

.form--text .form-placeholder.text-select{
  opacity:1;
  top: -25px;
  font-size: 12px;
}

.tooltip-info{ position: absolute; font-size: 20px; top: 6px; right: 0; cursor: pointer; }






/*************************************************/
/*************************************************/

.promotion-recommand{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); font-size: 12px; font-weight: bold; color: #fff; background-color: #F0251D; padding: 5px 20px; }

.bgcolor-pageContent2{ background-color: #F9F9F9; width: 100%; }
.section-why{ padding: 100px 20px; }

.epaper-header2{ text-align: center; }
.epaper-header2 h2{ color: #132F65; padding-bottom: 40px; }

.btn-epaper{ text-align: center; padding-top: 20px; }
.btn-epaper a{ display: inline-block; background-color: #346AD3; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 90px; border: 1px solid #346AD3; }
.btn-epaper a:hover{ border: 1px solid #132f65; background-color: #fff; color: #132f65; }

.form--btn-pdt{ padding-top: 75px; }

.show-md{ display: none; }
.show-lg{ display: block; }

/*.owl-boxplan.owl-carousel .owl-item:nth-child(1){ display: none; }*/


@media (max-width: 991px) {

  .show-md{ display: block; }
  .show-lg{ display: none; }

/*  .owl-boxplan.owl-carousel .owl-item:nth-child(1){ display: block; }
  .owl-boxplan.owl-carousel .owl-item:nth-child(5){ display: none; }*/

}
@media (max-width: 767px) {
  .owl-boxplan.owl-carousel .owl-stage, .owl-boxplan2.owl-carousel .owl-stage{ left: -30px; }
  .owl-boxplan.owl-carousel .owl-stage.pos-right, .owl-boxplan2.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }
}
@media (max-width: 576px) {

  .form--btn-pdt{ padding-top: 0px; }

}



/*************************************************/
/*************************************************/


.text-payment--remark{ font-size: 16px; padding: 30px 0; }
.text-payment--remark span{ text-decoration: underline; font-weight: bold; }

.trial_step2{ max-width: 600px; padding-bottom: 30px; }
.trial_step2 .step-form .step-sum{ margin-top: 30px; }

.boxstep-btn{ padding-top: 50px; }
.trial-btn--w100 .btn-next{ width: auto; }

.error-boxtext{ padding-top: 1rem; }
.error-boxnote{ padding-top: 50px; text-align: center; font-size: 14px; }


@media (max-width: 576px) {

  .trial_step2 .step-form .step-sum{ margin-top: 0px; }
  .boxstep-btn{ padding-top: 0px; }

}












/**************************************************************************************/
/**************************************************************************************/


.ads-subscription{ text-align: center; padding-top: 50px; }
.container-subscription{ width: 100%; background-color: #fff; padding: 0 20px; margin: 50px 0; }
.container-subscription2{ width: 100%; background-color: #fff; padding: 0 20px; }
.subscription-content{ max-width: 950px; width: 100%; margin: 0 auto; padding: 50px 0; }
.subscription-footer{ width: 100%; background-color: #284C8E; padding: 40px 0; text-align: center; font-size: 14px; line-height: 24px; color: #fff; margin-bottom: 50px; }

.subscription-title{ text-align: center; }
.subscription-title h2{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; font-weight: bold; font-size: 28px; padding-bottom: 10px; color: #132F65; }
.subscription--subtitle{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 16px; color: #000; text-align: center; padding-bottom: 30px; }
.subscription--header{ font-size: 12px; font-weight: bold; padding-top: 20px; padding-bottom: 10px; }

.subscription-form{ max-width: 640px; width: 100%; margin: 0 auto; padding-top: 30px; }


.custom-select{ background: #fff url('../images/icon/arrow_select2.svg') no-repeat right 1.5rem center; border: 1px solid #EBEBEB; border-radius: 3px; font-size: 12px; color: #333; height: calc(2.875rem + 2px); padding: 0.75rem 1.75rem 0.75rem 1.25rem; }

.subscription-form .form-control{ font-size: 12px; color: #333; border: 1px solid #EBEBEB; border-radius: 3px; padding: 0.75rem 1.25rem; height: 3rem; }
.subscription-form textarea.form-control{ height: auto; }
.subscription-form .form-control::-webkit-input-placeholder {
  color: #333;
}
.subscription-form .form-control::-moz-placeholder {
  color: #333;
}
.subscription-form .form-control:-ms-input-placeholder {
  color: #333;
}
.subscription-form .form-control::-ms-input-placeholder {
  color: #333;
}
.subscription-form .form-control::placeholder {
  color: #333;
}
.subscription-form .form-check-label{ font-size: 12px; color: #333; }

.btn-center{ padding-top: 20px; text-align: center; }
.btn-submit, a.btn-submit{ background-color: #346AD3; border-radius: 0px; font-size: 16px; color: #fff; padding: 10px; width: 150px; border: 1px solid #346AD3; }
.btn-submit:hover{ background-color: #fff; color: #346AD3; }

.btn-submit2, a.btn-submit2{ background-color: #fff; border-radius: 0px; font-size: 16px; color: #346AD3; padding: 10px; width: 150px; border: 1px solid #346AD3; }
.btn-submit2:hover{ color: #fff; background-color: #346AD3; }


.subscription--preview{ border: 1px solid #EBEBEB; margin-bottom: 20px; }
.subscription--preview ul li{ padding: 12px 30px; font-size: 12px; line-height: 22px; color: #333; background-color: #F0F0F0; }
.subscription--preview ul li:nth-child(odd){ background-color: #fff; }


.subscription--thank{ border: 1px solid #EBEBEB; padding: 30px; text-align: center; }
.subscription--thank h2{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif; text-transform: uppercase; font-weight: bold; font-size: 25px; color: #132F65; }
.subscription--text{ font-size: 12px; color: #333; padding: 30px 0; }


/*.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label{ color: #333; }
.was-validated .form-control:valid, .form-control.is-valid, .was-validated .custom-select:valid, .custom-select.is-valid{ border-color: #EBEBEB; }*/



/*.captcha-form{ padding: 20px 0; }
.captcha-form #changimg{ cursor: pointer; }
.form-control.captcha-input{ display: inline-block; width: 195px; height: 40px; border: 1px solid #EBEBEB; border-radius: 5px; padding: 3px 10px; }
.form-control.captcha-input:focus{ border: 1px solid #BABABA; }*/

a.link-2B63D1{ color: #2B63D1; }
a.link-2B63D1:hover{ text-decoration: underline; }
.form-btn{ display: inline-block; padding: 0 3px; }


@media (max-width: 576px) {

  .ads-subscription{ padding-top: 30px; }
  .custom-select{ background: #fff url('../images/icon/arrow_select22.svg') no-repeat right 1rem center; height: calc(2.875rem + 2px); padding: 0.75rem 1.75rem 0.75rem 1.25rem; }
  .subscription-content{ padding: 30px 0; }
  .subscription-footer{ padding: 25px 0; }

  .subscription--thank{ padding: 20px; }
  .subscription--preview ul li{ padding: 12px 20px; }

  .btn-submit, a.btn-submit{ font-size: 14px; width: 100px; }

}




.subscription--bg-intro{ background-image: url(../images/subscription/bg_intro.jpg); background-size: cover; width: 100%; height: 80%; position: relative; background-repeat: no-repeat; background-position: center top; margin-bottom: 60px; }

.subscription--text-intro{ text-align: center; padding: 100px 20px; color: #fff; max-width: 940px; width: 100%; margin: 0 auto; }
.txtintro-title{ font-size: 20px; line-height: 24px; font-family: charis_silbold,Georgia,Times,Times New Roman,serif; text-transform: uppercase; padding: 40px 0 20px; }
.txtintro-detail{ font-family: charis_sil,Georgia,Times,Times New Roman,serif; font-size: 18px; line-height: 22px; }

.img-intro-deal{ max-width: 800px; width: 90%; margin: 0 auto; }

.subscription--owlintro{ width: 100%; padding: 0 20px; }
.boxintro{ background-color: #F5F5F5; }
.boxintro--header{ padding: 30px 0 0 0; text-align: center; background-color: #fff; height: 100px; border-top: 5px solid #346AD3; position: relative; } /*height: 150px;*/
.boxintro--header .introtitle{ font-size: 30px; line-height: 34px; font-weight: bold; color: #343434; }
.boxintro--header .introtxt{ font-family: charis_silbold,Georgia,Times,Times New Roman,serif; font-size: 14px; line-height: 17px; color: #346AD3; padding-top: 15px; }
.boxintro--header:after{ content: ""; position: absolute; width: 230px; height: 1px; background-color: #ddd; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 99; }
.boxintro--detail{ padding: 30px 0; }
.boxintro--detail .introlist{ font-size: 14px; line-height: 24px; color: #132F65; font-weight: bold; margin: 0 auto; height: 160px; width: 220px; }
.boxintro--detail .introbtn a{ display: block; width: 185px; background-color: #fff; border: 1px solid #346AD3; color: #346AD3; font-size: 18px; font-weight: bold; padding: 7px 0; text-align: center; margin: 0px auto; }
.boxintro--detail .introbtn a:hover{ background-color: #346AD3; color: #fff; }
.boxintro--detail .introlist ul{ margin-left: 20px; }
.boxintro--detail .introlist ul li{ list-style: disc; }


.owl-boxintro.owl-carousel .owl-item:nth-child(1) .boxintro--detail .introlist{ width: 220px; }
.owl-boxintro.owl-carousel .owl-item:nth-child(2) .boxintro--detail .introlist{ width: 90%; }
.owl-boxintro.owl-carousel .owl-item:nth-child(3) .boxintro--detail .introlist{ width: 120px; }

.owl-boxplan3.owl-carousel .owl-stage,
.owl-boxplan4.owl-carousel .owl-stage{ display: inline-block; }


.subscription-header2{ text-align: center; padding-bottom: 50px; }
.subscription-header2 h2{ color: #132F65; }
.subscription-header2 p{ color: #696969; font-size: 20px; }

.nav-plandelivered{ text-align: center; }
.nav-plandelivered ul{ display: inline-block; }
.nav-plandelivered ul li{ float: left; position: relative; width: 245px; margin: 0 10px; }
.nav-plandelivered ul li a{ display: block; font-family: charis_silbold, Georgia,Times,Times New Roman,serif; font-size: 20px; line-height: 24px; color: #ACACAC; padding: 7px; border-radius: 0; background-color: #fff; border:1px solid #ccc; height: 62px; }
.nav-plandelivered ul li a span{ font-size: 18px; line-height: 22px; display: block; }
.nav-plandelivered ul li a.active, .nav-plandelivered ul li a:hover{ background-color: #356AD4; color: #fff; border-color: #356AD4;}
.nav-plandelivered ul li a.active:after {
  content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%);
  width: 0; height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #356AD4;
}

.for-newspaperbox{ border-top: 1px solid #ccc; margin-top: 50px; padding-top: 30px; }
.plan-of-month.for-newspaperbox ul li .box-bg-plan{ border-top: 0; }

.subscription-thank{ max-width: 640px; width: 100%; margin: 0 auto 30px; }

.list-payment--banktransfer{ text-align: center; }
.list-payment--banktransfer ul li{ display: block; overflow: hidden; max-width: 420px; width: 90%; margin: 15px auto; padding: 10px; border: 1px solid #ddd; border-radius: 6px; font-size: 15px; line-height: 28px; color: #333; }
.list-payment--banktransfer ul li div:first-child{ float: left; width: 70px; }
.list-payment--banktransfer ul li div:first-child img{ width: 40px; margin: 20px auto; }
.list-payment--banktransfer ul li div:last-child{ float: left; width: calc(100% - 70px); text-align: left; padding-left: 15px; }




.service_area{ margin: 50px auto; background-color: #F5F5F5; padding: 50px; text-align: center; }
.service_area--title{ font-size: 16px; font-weight: bold; text-align: left; padding-bottom: 30px; text-transform: uppercase; }
.service_area--title2{ font-size: 28px; font-weight: bold; color: #132F65; text-transform: uppercase; }
.service_area--title2 span{ padding: 0 20px; }
.service_area--title2 span:nth-child(2) { border-right: 2px solid #132F65; border-left: 2px solid #132F65; }
.service_area--txt{ font-size: 16px; padding: 10px 0 20px 0; }
.service_area--txt a{ text-decoration: underline; }



.padding-0{ padding: 0; }
.pd30{ padding: 30px 0; }
.pdt20{ padding-top: 20px; }
.pdb20{ padding-bottom: 20px; }



@media (max-width: 1440px) {

  .subscription--text-intro{ padding: 50px 20px; }
  .txtintro-title{ padding: 30px 0 15px; }

}
@media (max-width: 1199px) {

  .boxintro--header .introtitle{ font-size: 24px; line-height: 28px; }

  .nav-plandelivered ul li{ width: 200px; }
  .nav-plandelivered ul li a{ font-size: 18px; line-height: 22px; padding: 5px; height: 62px; }
  .nav-plandelivered ul li a span{ font-size: 16px; line-height: 20px; }

}
@media (max-width: 991px) {

  .service_area--title2{ font-size: 24px; }

}
@media (max-width: 767px) {
  .owl-boxintro.owl-carousel .owl-stage{ left: -30px; }
  .owl-boxintro.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

  .owl-boxplan3.owl-carousel .owl-stage{ left: -30px; }
  .owl-boxplan3.owl-carousel .owl-stage.pos-right{ left: inherit!important; right: -30px!important; }

  .nav-plandelivered ul li{ width: 150px; }

  .service_area--title2{ font-size: 20px; }
  .service_area--title2 span{ padding: 0 10px; }

}
@media (max-width: 576px) {

  .txtintro-title{ font-size: 18px; line-height: 22px; }
  .txtintro-detail{ font-size: 16px; line-height: 20px; }
  .boxintro--header:after{ width: 160px; }
  .boxintro--detail .introlist{ height: 200px; }
  .boxintro--detail .introbtn a{ font-size: 16px; }

  .nav-plandelivered ul li{ width: 100px; margin: 0 5px; }
  .nav-plandelivered ul li a{ font-size: 16px; height: 60px; }
  .nav-plandelivered ul li a span{ font-size: 14px; }

  .subscription-title h2{ font-size: 24px; }
  .subscription--subtitle{ font-size: 14px; }
  .subscription-header2{ padding-bottom: 30px; }
  .service_area{ margin: 0 auto 30px; padding: 20px; }

  .service_area--title2 span{ display: block; padding: 10px 0; }
  .service_area--title2 span:nth-child(2) { border-right: 0; border-left: 0; }
  

}
@media (max-width: 370px) {

  .nav-plandelivered ul li{ width: 82px; }
  .nav-plandelivered ul li a{ font-size: 14px; line-height: 18px; height: 50px; }
  .nav-plandelivered ul li a span{ font-size: 12px; line-height: 16px; }

}
@media (max-width: 360px) {

  .boxintro--header .introtitle{ font-size: 20px; line-height: 24px; }

}
@media (max-width: 350px) {
  .boxintro--detail .introlist{ height: 230px; }
}


/*************************************************/


.subscription-content--area{ width: 100%; margin: 0 auto; padding: 50px 0; }
.map-container{ width: 100%; height: 500px; position: relative; }

.map-info{ padding-top: 20px; width: auto; margin: 0 auto; position: absolute; right: 20px; bottom: 20px; }
.map-info ul{display: block; overflow: hidden; }
.map-info ul li{display: block; padding-left: 30px; position:relative; font-size: 13px;  font-weight: 300; margin: 0 0 10px; color: #132F65; }
.map-info ul li span{ 
  position: absolute; 
  display: block; 
  overflow: hidden; 
  width: 14px; 
  height: 14px; 
  left: 0; 
  bottom: 0; 
  top: 0;
  margin: auto 0;
  -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;
}
.case-0{ background-color: #E4E4E4; }
.case-1{ background-color: #132F65; }

.map-container svg path{ outline: none !important; }

.level-0{fill: #E4E4E4  !important;}
.level-1{fill: #132F65  !important;}
.provine-info{
    display:none;
}
.popover{ background-color: #2B62CF; font-family: 'Prompt', Arial,Helvetica Neue,Helvetica,sans-serif;}
.popover-body h5{ display: block; text-align: center; margin: 10px 0; color: #fff; font-size: 14px; border-bottom: 1px solid #fff; padding-bottom: 5px; }
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #2B62CF;
}

.box-unique{width: 200px; height: 80px; display: none; z-index: 999;}
.box-arrow h5{display: block; text-align: center; margin: 5px 0; color: #fff; font-size: 14px; }
.box-arrow{border-radius: 5px; text-align: center;background-color:#2B62CF; position: relative; padding:.5rem .75rem;}
.box-arrow > .arrow {
    top: calc((0.5rem + 1px) * -1);
}
.box-arrow .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.box-arrow .arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.box-arrow > .arrow::before {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color:#2B62CF;
}
.box-arrow > .arrow::after {
  content: '';
  border-bottom-color: #2B62CF;
}
.box-unique .close{font-size: 10px; color: #fff; position: absolute; top: 5px; right: 7px;}


ul.p-info{
  display: block;
  overflow: hidden;
  text-align: center;
}
ul.p-info li{
  display: inline-block;
  font-size: 10px;
  padding: 0 5px;
  text-align: center;
  font-weight: 400;
  color: #fff;
}
ul.p-info li span{
  display: block;
  font-size: 24px;
  font-weight: 600;
}
/*ul.p-info li:nth-child(1){color: #FF3939}
ul.p-info li:nth-child(2){color: #1DB440}
ul.p-info li:nth-child(3){color: #AAAAAA}*/
#controls {
  position: absolute;
  bottom: 0px;
  left: 10px;
  width: 100%;
  max-width: 50px;
}

#controls circle:hover {
  fill-opacity: 1;
}



.area-table{ background-color: #F5F5F5; padding: 30px 40px; }
.area-table--title{ font-size: 26px; font-family: charis_silbold, Georgia,Times,Times New Roman,serif; color: #132F65; padding-bottom: 20px; text-align: center; }
.box--table{ text-align: center; width: 100%; }
.box--table thead tr th{ font-size: 16px; color: #2B62CF; padding-bottom: 20px; }
.box--table thead tr th:first-child{ text-align: left; }
.box--table tbody tr td{ font-size: 14px; font-weight: bold; color: #132F65; border-bottom: 1px solid rgba(19,47,101,0.25); padding: 10px 0; }
.box--table tbody tr td:first-child{ text-align: left; }
.box--table tbody tr:last-child td{ border-bottom: 0; }




.owl-tablearea.owl-theme .owl-dots{ margin-top: 10px; }
.owl-tablearea.owl-theme .owl-dots .owl-dot span{ width: 10px; height: 10px; border-radius: 30px; }
.owl-tablearea.owl-carousel .owl-nav button.owl-prev {
  background: url(../images/campaign/covid/arrow_blue.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  left: -40px;
}
.owl-tablearea.owl-carousel .owl-nav button.owl-next {
  background: url(../images/campaign/covid/arrow_blue2.svg) no-repeat center center;
  width: 30px;
  height: 30px;
  right: -40px;
}



@media (max-width:1025px) {
  .box-th-sum ul li{
    padding: 10px 3px;
    font-size: 12px;
  }
}
@media (max-width:991px) {
  .box-map{ margin-bottom: 50px; }
  #controls{top: 0px; left:0;}
}
@media (max-width: 620px) {

  .owl-tablearea.owl-carousel .owl-nav{ top: auto; margin-top: 0; width: 100px; left: 50%; margin-left: -50px; height: 30px; }
  .owl-tablearea.owl-carousel .owl-nav{ bottom: -70px; }

  .owl-tablearea.owl-carousel .owl-nav button.owl-prev{ left: 0; }
  .owl-tablearea.owl-carousel .owl-nav button.owl-next{ right: 0; }

  .subscription-content--area{ padding-bottom: 80px; }

}
@media (max-width:576px) {

  .box-map{ margin-bottom: 30px; }
  #controls{ left:auto; right: 0; }
  .map-info ul li{  width: 100%; float: none; }
  .area-table{ padding: 20px; }
  .box--table thead tr th{ padding-bottom: 15px; font-size: 14px; }
  .box--table tbody tr td{ font-size: 12px; }
  .area-table--title{ font-size: 22px; }

  .owl-tablearea.owl-carousel .owl-nav{ bottom: -60px; }

}


.popup-intro-img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 800px; width: 90%; z-index: 999; }
.popup-close{ position: absolute; right: 0; top: 0; width: 30px; background-color: #333; padding: 5px; }
.overlay-bg{ position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 990; }


.owl-boxintro.owl-carousel .owl-stage{ margin: 0 auto; }


.fade:not(.show){ visibility: hidden; z-index: -1; }





/************************************************************************/
/************************************************************************/

.pageContent-abt{ padding: 0; background: #fff url('../images/epaper/abt/bg-b.svg'); background-repeat: no-repeat; background-position: 80% center; }
.scetion-epaper-abt{ padding: 80px 20px 40px 20px; }
.scetion-epaper-abt .container{ position: relative ;}

.epaper-abt-content{ max-width: 580px; width: 100%; }
.epaper-abt-content h2{ font-size: 32px; line-height: 45px; color: #132F65; }
.epaper-abt-content .abt-subtitle{ font-size: 16px; color: #343434; }
.epaper-abt-content .abt-text1{ font-family: charis_silbold, Georgia,Times,Times New Roman,serif; font-size: 16px; line-height: 24px; }
.epaper-abt-content .abt-text2{ font-family: charis_silbold, Georgia,Times,Times New Roman,serif; font-size: 28px; line-height: 30px; padding-top: 60px; }

.abt-boxprice{ padding-top: 30px; }
.abt-boxprice .abt-boxprice--old{ display: inline-block; font-family: 'Vonnes',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 26px; line-height: 36px; font-weight: 500; position: relative; }
.abt-boxprice .abt-boxprice--old span{ font-size: 50px; }
.abt-boxprice .abt-boxprice--old::before{ content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background-color: #343434; }
.abt-boxprice .abt-boxprice--new{ display: inline-block; font-family: 'Vonnes',Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 60px; line-height: 65px; font-weight: bold; color: #346AD3; }
.abt-boxprice .abt-boxprice--new span{ font-size: 100px; }

.epaper-abt-content .btn-subscribe_now{ padding-top: 20px; }
.epaper-abt-content .btn-subscribe_now a{ display: block; background-color: #132F65; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 20px; border: 1px solid #132F65; text-align: center; }
.epaper-abt-content .btn-subscribe_now a:hover{ background-color: #fff; color: #132F65; }
.link-package{ padding-top: 15px; }
.link-package a{ font-size: 15px; line-height: 24px; color: #343434; text-decoration: underline; }
.link-package a:hover{ text-decoration: none; }


.barbottom-epaper-abt{ background-color: #346AD3; }
.epaper-abt--icn{ padding: 40px 0 60px; }
.epaper-abt--icn ul li{ display: inline-block; text-align: center; padding:10px; }
.epaper-abt--icn ul li img{ width: 62px; }
.epaper-abt--icn ul li a{ display: block; }
.epaper-abt--icn ul li a:hover{ opacity: 0.7; }
.epaper-abt--icn ul li span{ display: block; margin-top: 10px; font-size: 11px; color: #fff; }


.img-mobile_epaper{ position: absolute; top: 0; right: 0; max-width: 430px; width: 100%; }


.package--abt.plan-of-month ul li .box-bg-plan{ margin-bottom: 0; }
.package--abt .plan-btn a{ display: inline-block; width: 100%; background-color: #132F65; font-size: 18px; font-weight: bold; color: #fff; padding: 10px;  }
.package--abt .plan-btn a:hover{ background-color: #346AD3; color: #fff; }
.package--abt .box-bg-plan .plan-savecost{ background-color: #fff; border-radius: 20px; font-size: 14px; color: #346AD3; font-weight: bold; padding: 5px; text-align: center; margin: 20px auto 0; width: 160px; }
.box-bg-plan.plan-recommend .plan-savecost{ color: #F0251D; }


@media (max-width: 1199px){

  .img-mobile_epaper{ max-width: 400px; }

}
@media (max-width: 991px){

  .pageContent-abt{ background-position: right top; }
  .img-mobile_epaper{ position: relative; margin: 0 auto; padding-top: 30px;  }
  .scetion-epaper-abt{ padding: 40px 20px; }
  .epaper-abt-content{ margin: 0 auto; }

  .epaper-abt--icn{ padding: 40px 0; text-align: center; }
  .epaper-abt--icn ul li img{ width: 50px; }

}
@media (max-width: 576px){

  .scetion-epaper-abt{ padding: 30px 20px; }
  .abt-boxprice .abt-boxprice--old{ font-size: 16px; line-height: 26px; }
  .abt-boxprice .abt-boxprice--old span{ font-size: 30px; }
  .abt-boxprice .abt-boxprice--new{ font-size: 30px; line-height: 45px; }
  .abt-boxprice .abt-boxprice--new span{ font-size: 60px; }

}
@media (max-width: 360px){

  .epaper-abt-content h2{ font-size: 26px; line-height: 40px; }
  .epaper-abt-content .abt-subtitle{ font-size: 14px; }

}


/************************************************************************/
/************************************************************************/

.hide-note{ display: none; }
.show-note{ display: block; }

.section-nonestep{ padding: 70px 0; }
.section-nonestep h3{ color: #132F65; font-weight: bold; }
.section-nonestep h4{ font-weight: bold; padding: 50px 0 20px; }
.section-nonestep h6{ font-weight: bold; }

.nonestep-box--package{ background-color: #F8F8F8; padding: 20px 30px; }
.nonestep-box--package .boxpg--head{ font-size: 14px; line-height: 18px; }
.nonestep-box--package .boxpg--title{ font-size: 20px; line-height: 26px; font-weight: bold; padding: 5px 0 20px; }
.nonestep-box--package .boxpg--text{ font-size: 12px; line-height: 18px;}
.nonestep-box--price{ background-color: #EDF5FF; padding: 15px 30px; }
.nonestep-box--price .boxp--text{ font-size: 14px; line-height: 26px; color: #132F65; display: inline-block;}
.nonestep-box--price .boxp--price{ font-size: 24px; line-height: 26px; font-weight: bold; color: #132F65; display: inline-block; float: right; }
.nonestep-link--change{ text-align: right; }
.nonestep-link--change a{ font-size: 12px; color: #346AD3; }

.nonestep--border{ border: 1px solid #ccc; padding: 15px 20px; margin: 5px 0; }
.img-icn-credit{ max-width: 295px; width: 100%; display: inline-block; float: right; }

.box-payment--note.nonestep--method{ position: relative; border-top:1px solid #333; padding: 20px 30px; color: #333; margin-top: 30px; background-color: transparent; border-radius: 0; }
.payment--title a{ position: relative; font-style: normal; text-decoration: underline; color: #333; }
.payment--title a:after{ position: absolute; content: "+"; font-size: 13px; line-height: 11px; height: 13px; padding: 0 2px; border: 1px solid #333; border-radius: 4px; text-decoration: none; margin-left: 5px; width: 14px; top: 3px; text-align: center; }
.payment--title a.txtodd:after{ content: "-"; font-size: 15px; line-height: 10px; padding: 0 2px 0 1px; }
.box-savecard{ display: inline-block; width: calc(100% - 10px); }
.box-savecard img{ float: left; margin-right: 15px; }

.nonestop--choosetax{ padding-top: 30px; }
.box-taxinvoice.nonestep{ text-align: left; }
.box-taxinvoice.nonestep .box-taxinvoice--choose .form-check-input{ left: auto; }

.nonestep-btn{ padding: 50px 0 20px; }

.list-payment--bank.nonestep{ text-align: left; padding: 20px 0; }

.btn-next2{ padding: 30px 0 30px 0; text-align: center; }
.btn-next2 a{ display: inline-block; font-size: 18px; color: #fff; background-color: #346AD3; border: 1px solid #346AD3; padding: 10px 20px; text-align: center; border-radius: 0; text-transform: uppercase; }
.btn-next2 a:hover{ color: #346AD3; background-color: #fff; }


.box-title--wait{ text-align: center; font-size: 24px; color: #346AD3; }
.box--order{ max-width: 700px; width: 90%; margin: 20px auto; padding: 20px; background-color: #EDF5FF; font-size: 18px; line-height: 26px; text-align: center; }
.box--order span{ color: #346AD3; }
.text-nonestep--title{ padding-top: 30px; text-align: center; }

.list-nonestep--summary{ max-width: 700px; width: 100%; margin: 20px auto; }
.list-nonestep--summary ul li{ overflow: hidden; border-top: 1px solid #BBB; padding: 15px 0; font-size: 16px; line-height: 26px; }
.list-nonestep--summary ul li:last-of-type{ border-top: 0; background-color: #EDF5FF; font-size: 18px; }
.list-nonestep--summary ul li span{ font-weight: bold; }
.list-nonestep--summary ul li .sum--left{ float: left; padding-left: 100px; width: 40%; }
.list-nonestep--summary ul li .sum--right{ float: left; position: relative; padding-left: 10px; width: 50%; }
.list-nonestep--summary ul li .sum--right::before{ content: ":"; position: absolute; left: 0; }

.text-nonestep--mailconfirm{ text-align: center; max-width: 480px; width: 100%; margin: 50px auto 0; }

.text-nonestep--sorry{ text-align: center; padding-top: 50px; }



@media (max-width: 1440px){

  .section-nonestep{ padding:50px 0;}
  .nonestep--border{ padding: 10px 15px; }

  .form-nonestep input.form-step,
  .form-nonestep.step-form .form-placeholder{ font-size: 14px; }
  .form-nonestep.step-form .form--text{ margin: 20px 0 10px; }
  .form-nonestep.step-form  .box-company--choose .form-check{ font-size: 11px; }
  .nonestep-btn .btn-next{ width: 120px; height: 40px; font-size: 16px;}

  .section-nonestep h4{ padding: 30px 0 10px; }
  .nonestep--border .form-check,
  .box-payment--note.nonestep--method,
  .section-nonestep h6{ font-size: 14px; }

  .nonestep-btn{ padding: 30px 0 20px; }
  .nonestop--choosetax{ padding-top: 20px; }
  
  
}
@media (max-width: 1199px){

  .nonestep-box--package, .nonestep-box--price{ padding: 10px 15px; }
  .nonestep-box--price .boxp--price{ font-size: 20px; }

}
@media (max-width: 767px){

  .box-payment--note.nonestep--method{ padding: 20px 0; }
  .section-nonestep{ padding: 50px 0;}
  .nonestep-box--package{ margin-top: 30px; }

  .content-step4.nonestep{ padding-top: 0; }

}
@media (max-width: 576px){

  .img-icn-credit{ float: none; }
  .btn-next2 a{ font-size: 16px; padding: 10px 15px; }

  .list-nonestep--summary ul li .sum--left{  padding-left: 10px; width: 45%; }
  .list-nonestep--summary ul li .sum--right{ width: 55%; }

}



/************************************************************************/
/************************************************************************/