body.page-template-template-my-account-page .ast-container{
   /* padding-left: 12px;
   padding-right: 12px; */
}
.input-lowercase{
   text-transform: lowercase !important;
}
/* input::placeholder{
   font-size: 14px;
} */
.input-lowercase::placeholder{
   text-transform: none !important;
}
.account-header{
   background: url(../images/account-header-bg.jpg) bottom center no-repeat #043E68;
   min-height: 266px;
   padding: 0 10px;
}
.account-header2{
   background: url(../images/account-header2-bg.jpg) bottom center no-repeat #F8F8F8;
   min-height: 150px;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 10px;
}
.my-account-wrapper.my-account-wrapper3{
   background: url(../images/account-header3-bg.jpg) top center no-repeat #FFF;
   padding-top: 76px;
}
.account-header2 h1{
   font-size: 38px;
   line-height: 60px;
   text-align: center;
   color: #313131;
   margin-bottom: 0;
}
.my-account-wrapper{
   padding: 18px 0;
   width: 100%;
   min-height: 600px;
}
.my-account-wrapper.my-account-wrapper2{
   padding: 0;
   position: relative;
}
.my-account-menu{
   position:relative;
   margin:0 auto;
   padding-right: 125px;
   margin-left: -19px;
   z-index: 3;
}
.my-account-menu ul.s-menu{
   list-style: none;
   padding: 0;
   margin: 0;
   position: relative;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   height: 30px;
   overflow: hidden;
}
.my-account-menu ul.s-menu li{
   text-align: center;
   padding: 0 19px;
   position: relative;
}
.my-account-menu ul.s-menu li a{
   line-height: 30px;
   font-family: 'noto_sanssemibold';
   font-size: 15px;
   color: #313131;
}
.my-account-menu ul.s-menu li + li::before{
   content: "";
   display: block;
   height: 15px;
   width: 1px;
   background-color: #C4C4C4;
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
}
.my-account-menu #menu-all{
   position: absolute;
   background: #023D67;
   border-radius: 10px;
   width: 83px;
   height: 28px;
   line-height: 28px;
   font-family: 'noto_sanssemibold';
   right: 0px;
   top: 50%;
   transform: translateY(-50%);
   color: #fff;
   transition: all .2s ease-in;
   display: none;
}
.my-account-menu #menu-all span{
   display: block;
   padding-left: 14px;
   position: relative;
   cursor: pointer;
   font-family: 'noto_sanssemibold';
}
.my-account-menu #menu-all span::after{
   content: "";
   display: block;
   background: url(../images/ax-phase2/icon-account-menu-all.svg) top left no-repeat;
   background-size: 100%;
   width: 15px;
   height: 3px;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
}
.my-account-menu ul#menu-all-sub{
   list-style: none;
   position: absolute;
   top: 100%;
   right: 0;
   min-width: 225px;
   background: #023D67;
   border-radius: 10px;
   border-top-right-radius: 0;
   max-height: 0;
   visibility: hidden;
   opacity: 0;
   transition: all .2s ease-in;
   padding: 0;
}
.my-account-menu ul#menu-all-sub::after{
   content: "";
   position: absolute;
   background: url(../images/icon-account-menu-curve.png) top left no-repeat;
   background-size: 100%;
   top: -10px;
   left: 164px;
   width: 24px;
   height: 20px;
   transition: all .2s ease-in;
}
.my-account-menu ul#menu-all-sub li{
   padding-top: 5px;
   display: none;
}
.my-account-menu ul#menu-all-sub li.active{
   display: list-item;
}
.my-account-menu ul#menu-all-sub li:last-child{
   padding-bottom: 9px;
}
.my-account-menu ul#menu-all-sub a{
   color: #fff;
   font-family: 'noto_sanssemibold';
   font-size: 15px;
   line-height: 30px;
   padding: 0 33px 0 22px;
   display: block;
}
.my-account-menu ul.s-menu li a:hover, .my-account-menu ul.s-menu li a.active, .my-account-menu ul#menu-all-sub a:hover, .my-account-menu ul#menu-all-sub a.active{
   color: #15B1D7;
}
.my-account-menu ul#menu-all-sub a.external-links{
   position: relative;
}
.my-account-menu ul#menu-all-sub a.external-links::after{
   content: "";
   width: 20px;
   height: 20px;
   background: url(../images/icon-external-links.png) top left no-repeat;
   background-size: 100%;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 8px;
}
.my-account-menu #menu-all.active{
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
}
.my-account-menu #menu-all.active ul#menu-all-sub{
   max-height: 500px;
   visibility: visible;
   opacity: 1;
}
.account-notifications .a-title{
   padding-left: 25px;
   position: relative;
   font-weight: bold;
   font-size: 16px;
   line-height: 22px;
   color: #313131;
   margin-bottom: 9px;
}
.account-notifications .a-title::before{
   content: "";
   display: block;
   background: url(../images/icon-bell.png) top left no-repeat;
   background-size: 100%;
   width: 16px;
   height: 18px;
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);

}
.account-notifications .a-title span{
   background: #0751A2;
   border-radius: 11px;
   line-height: 22px;
   padding: 0 8px;
   font-size: 14px;
   font-weight: normal;
   color: #fff;
   display: inline-block;
   margin-left: 7px;
   min-width: 31px;
   text-align: center;
}
html body .account-notifications .a-title .cta-notification-view{
   font-family: 'noto_sanssemibold';
   color: #15B1D7;
   text-decoration: underline !important;
   float: right;
   font-weight: normal;
   font-size: 14px;
}
html body .account-notifications .a-title .cta-notification-view:hover{
   color: #0751A2;
}
.a-noti{
   background: #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   padding: 30px 0 40px;
   position: fixed;
   right: -999px;
   top: 0;
   bottom: 0;
   z-index: 1000;
   transition: all .3s ease-in;
   height: 100vh;
}
.a-noti.active{
   right: 0;
}
.a-noti .a-noti-heading{
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 32px;
   padding: 0 29px;
}
.a-noti .a-noti-heading .title{
   font-size: 20px;
   font-family: 'noto_sansextrabold';
}
.page-template-template-my-account-page #primary .a-noti h5{
   font-family: 'noto_sansmedium';
}
.a-noti + .a-noti{
   margin-top: 42px;
}
.a-noti .a-noti-title{
   font-weight: bold;
   font-size: 15px;
   color: #313131;
   margin-bottom: 6px;
}
.a-noti .noti-item{
   background: #EBF7EE;
   border-radius: 7px;
   padding: 13px 60px 12px 8px;
   margin-bottom: 10px;
   display: flex;
   flex-direction: row;
   position: relative;
   transition: height .2s ease-in;
   overflow: hidden;
   max-height: 300px;
}
.a-noti .noti-item.type-2{
   background: #E5EFFA;
}
.a-noti .noti-item.type-3{
   background: #FEF7EA;
}
.a-noti .noti-item.collapse{
   max-height: 0;
}
.a-noti .noti-item.collapse.show{
   max-height: 300px;
}
.a-noti .noti-item .icon{
   max-width: 30px;
   width: 30px;
   margin-right: 11px;
   flex: 0 0 30px;
}
.a-noti .noti-item .icon img{
   width: 30px;
}
.a-noti .noti-item .message-wrap{
   flex-grow: 1;
}
.a-noti .noti-item .message{
   font-size: 14px;
   color: #313131;
}
.a-noti .noti-item .message a{
   color: #15B1D7;
   text-decoration: underline !important;
}
.a-noti .noti-item .message a:hover{
   text-decoration: none !important;
}
.a-noti .noti-item .dt{
   font-size: 11px;
   color: #313131;
   line-height: 12px;
   margin-bottom: 5px;
}
.a-noti .noti-item .n-dismiss{
   width: 18px;
   position: absolute;
   right: 13px;
   top: 13px;
}
.a-noti .a-noti-wrap{
   max-width: 490px;
   min-width: 400px;
   max-height: 100%;
   overflow: hidden;
   overflow-y: auto;
   position: relative;
   right: -17px;
   padding-bottom: 15px;
}
.no-notification{
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
}
.a-noti .a-noti-more{
   text-align: center;
   height: 60px;
   position: relative;
   width: 100%;
}
.a-noti .a-noti-more a{
   display: inline-block;
   font-family: 'noto_sanssemibold';
   font-size: 14px;
   color: #313131;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
}
.a-noti .a-noti-more a.a-collapse-all{
   top: 2px;
}
.a-noti .a-noti-cat{
   padding: 0 29px 13px 12px;
   transition: height .2s ease-in;
}
.a-noti .a-noti-cat + .a-noti-cat{
   padding-top: 26px;
   border-top: 1px solid #C4C4C4;
}
.a-noti .a-noti-cat.collapse{
   margin-bottom: 0;
   max-height: 0;
}
.a-noti .a-noti-cat.collapse.show{
   margin-bottom: 26px;
   max-height: 1000px;
}
.a-noti .a-noti-more .ax-hide{
   opacity: 0;
   visibility: hidden;
   z-index: -1;
}
/* .ax-loading{
	position: relative;
	min-height: 55px;
} */
#register-exam-form.ax-loading{
   position: relative;
}
.ax-loading:before{
   content: "";
   z-index: 98;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fff;
   opacity: .3;
}
.ax-loading:after{
	content: "";
	position: absolute;
	background: url(../images/loading.gif) center center no-repeat;
	background-size: 35px;
	width: 35px;
    height: 35px;
    top: 10px;
    left: 50%;
    margin-left: -17px;
    z-index: 99;
}
.account-notifications h5{
   text-align: center;
   font-size: 16px !important;
   margin: 10px 0 0 !important;
}
.account-header-wrap{
   padding-top: 30px;
   padding-bottom: 32px;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.account-header-wrap .account-image{
   border-radius: 50%;
   overflow: hidden;
   width: 131px;
   height: 131px;
   margin-bottom: 15px;
}
.account-header-wrap .account-image img{
   /* object-fit: cover; */
}
.account-header-wrap .account-name{
   font-family: 'noto_sansextrabold';
   font-size: 20px;
   line-height: 27px;
   text-align: center;
   color: #FFFFFF;
   margin-bottom: 5px;
}
.account-header-wrap .account-location{
   font-size: 14px;
   line-height: 19px;
   text-align: center;
   color: #FFFFFF;
}
.register-wrapper{
   position: relative;
   display: flex;
   width: 100%;
}
.register-wrapper::before{
   content: "";
   background: url(../images/register-bg.jpg) top left no-repeat;
   background-size: cover;
   width: 828px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   transform: translateX(-50%);
   z-index: -1;
}
.register-wrapper::after{
   content: "";
   background: url(../images/register-vector.png) top left no-repeat;
   background-size: cover;
   width: 1920px;
   height: 357px;
   position: absolute;
   bottom: -196px;
   right: 0;
   left: 0;
   z-index: -2;
}
.register-wrapper .left{
   padding: 69px 37px 30px 14px;
   flex: 1 1 37.5%;
}
.register-wrapper .right{
   padding: 65px 20px 165px;
   flex: 1 1 75.5%;
   justify-content: center;
   display: flex;
}
.register-wrapper.forgot-username .right,
.register-wrapper.forgot-password .right{
   padding: 65px 20px 114px;
}
.register-wrapper.signup-main .right{
   padding: 65px 20px 75px;
}
.register-wrapper .left h1{
   font-family: 'noto_sansblack';
   font-size: 38px;
   line-height: 60px;
   color: #FFFFFF;
   padding-bottom: 48px;
   position: relative;
}
.register-wrapper .left h1::after{
   content: "";
   width: 68px;
   height: 4px;
   background: #fff;
   bottom: 27px;
   left: 0;
   display: block;
   position: absolute;
}
.register-wrapper .left p{
   font-size: 15px;
   line-height: 25px;
   color: #FFFFFF;
}
.register-wrapper .left p.p-login{
   margin-top: 42px;
}
.register-wrapper .left p.p-register{
   margin-top: 45px;
   margin-bottom: 5px;
}
a.btn-login{
   display: inline-block;
   padding: 0 24px;
   background: #15B1D7;
   border-radius: 7px;
   line-height: 36px;
   font-family: 'noto_sanssemibold';
   font-size: 14px;
   color: #fff;
   margin-left: 15px;
   transition: all .3s ease-in-out;
}
a.btn-login.jt-login-btn{
  padding: 0 14px;
  margin-left: 12px;
}
a.btn-login:hover{
   background-color: #f97304;
   color: #fff;
}
a.btn-login.btn-register{
   margin-left: 0;
}
.reg-form-wrap{
   width: 395px;
}
.log-reg-menu{
   margin-top: 14.5px;
   margin-bottom: 35px;
   width: 100%;
   border-bottom: 1px solid #E5E5E5;
   display: flex;
}
.register-wrapper.signup-main .right .log-reg-menu{
  margin-bottom: 22px;
}
.log-reg-menu a{
   display: inline-block;
   width: 50%;
   height: 38px;
   text-align: center;
   position: relative;
   font-weight: bold;
   font-size: 23px;
   line-height: 21px;
   color: #C4C4C4;
}
.log-reg-menu a.active, .log-reg-menu a:hover{
   color: #15B1D7;
}
.log-reg-menu a.active::after{
   content: "";
   display: block;
   width: 100%;
   height: 4px;
   background: #15B1D7;
   left: 0;
   bottom: 0;
   position: absolute;
}
.register-wrapper .right h2{
   font-family: 'noto_sansextrabold';
   font-size: 30px;
   line-height: 42px;
   color: #313131;
   margin-bottom: 16px;
   margin-top: 18px;
   position: relative;
}
.register-wrapper.forgot-username .right h2,
.register-wrapper.forgot-password .right h2{
   margin-top: 26px;
}
.register-wrapper.signup-main .right h2.reg-step-h2,
.register-wrapper.signup-main .right h2.reg-non-h2,
.register-wrapper.signup-main .right h2.reg-member-not-match-h2{
  margin-top: 0px;
}
.register-wrapper.signup-main .right h2.reg-step-pre-h2{
  margin-top: 33px;
}
.register-wrapper.forgot-username .form-group{
  margin-top: 11px;
}
.register-wrapper .right h2 i{
   position: absolute;
   right: -13px;
   top: 50%;
   transform: translateY(-50%);
}
html[lang="zh-hans"] .register-wrapper .right h2 i{
   right: unset;
   margin-left: 5px;
}
.register-wrapper .right p{
   font-size: 14px;
   line-height: 18px;
   color: #313131;
   margin-bottom: 27px;
}
div.reg-radio {
  width: 100%;
  height: 70px;
  position: relative;
  margin-bottom: 8px;
}
div.reg-radio label{
   display: block;
   width: 100%;
   height: 100%;
   background: #F8F8F8;
   border: 1px solid #A7A7A7;
   border-radius: 7px;
   padding: 20px 23px;
   cursor: pointer;
}
div.reg-radio label:after{
   content: "";
   display: block;
   width: calc(100% + 2px);
   height: calc(100% + 2px);
   border: 3px solid #15B1D7;
   position: absolute;
   top: -1px;
   left: -1px;
   border-radius: 7px;
   transition: all .3s ease-in-out;
   opacity: 0;
}
div.reg-radio input{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   position: absolute;
   background: none !important;
}
div.reg-radio span{
   font-size: 15px;
   /* line-height: 30px; */
   color: #313131;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 23px;
}
div.reg-radio.reg-member-not-match span{
  padding: 0px 50px 0px 0px;
}
div.reg-radio span:before{
   content: "";
   display: block;
   width: 100%;
   height: 100%;
}
div.reg-radio .checkmark{
   background: #FFFFFF;
   border: 1px solid #A7A7A7;
   border-radius: 50%;
   width: 30px;
   height: 30px;
   transition: all .3s ease-in-out;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   right: 23px;
   pointer-events: none;
}
div.reg-radio .checkmark:after{
   content: "";
   display: block;
   background: url(../images/checkmark-checked.svg) top left no-repeat;
   background-size: 100%;
   width: calc(100% + 2px);
   height: calc(100% + 2px);
   position: absolute;
   top: -1px;
   left: -1px;
   transition: all .3s ease-in-out;
   opacity: 0;
}
div.reg-radio input:checked ~ .checkmark{
   border: 1px solid #15B1D7;
}
div.reg-radio input:checked ~ .checkmark:after, div.reg-radio input:checked ~ label:after{
   opacity: 1;
}
button.btn-reg-submit{
   display: inline-block;
   padding: 0 15px;
   background: #15B1D7;
   border-radius: 7px;
   line-height: 42px;
   font-family: 'noto_sanssemibold';
   font-size: 14px;
   color: #fff;
   transition: all .3s ease-in-out;
   width: 100%;
   text-align: center;
   margin-top: 22px;
}
button.btn-reg-submit:hover{
   background-color: #f97304;
   color: #fff;
}
.register-wrapper.forgot-username button.btn-reg-submit,
.register-wrapper.forgot-password button.btn-reg-submit{
  margin-top: 39px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-step-1{
  margin-top: 19px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-step-2{
  margin-top: 36px;
  margin-bottom: 125px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-step-3{
  margin-top: 37px;
  margin-bottom: 60px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-step-4{
  margin-top: 28px;
  margin-bottom: 65px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-step-5{
  margin-top: 25px;
  margin-bottom: 65px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-member-not-match{
  margin-bottom: 70px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-non-step-1{
  margin-top: 20px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-non-step-2{
  margin-top: 37px;
  margin-bottom: 84px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-non-step-3{
  margin-bottom: 70px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-non-step-4{
  margin-bottom: 66px;
}
.register-wrapper.signup-main button.btn-reg-submit.reg-non-not-match{
  margin-top: 11px;
  margin-bottom: 37px;
}
.reg-form-wrap.loading{
   position: relative;
   pointer-events: none;
}
.reg-form-wrap.loading::before{
   content: "";
   display: block;
   background: #fff;
   opacity: .4;
   width: 100%;
   height: 100%;
   z-index: 999;
   pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
}
.reg-step{
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-end;
}
.reg-step .type{
   font-size: 14px;
   color: #15B1D7;
   font-family: 'noto_sansmedium';
}
.reg-step .step{
   font-size: 11px;
   color: #313131;
}
.login-link{
   margin-top: 40px;
}
.login-link p, .forgot-link p{
   font-size: 14px;
   line-height: 30px;
   text-align: center;
   color: #313131;
}
html body #page .login-link p a, html body #page .forgot-link p a{
   font-family: 'noto_sansmedium';
   font-size: 14px;
   line-height: 30px;
   text-decoration: underline;
   color: #15B1D7;
}
.register-wrapper.forgot-username .login-link,
.register-wrapper.forgot-password .login-link{
  margin-top: 22px;
}
.register-wrapper.forgot-username .login-link.return-link,
.register-wrapper.forgot-password .login-link.return-link{
  margin-top: 40px;
  padding-bottom: 138px;
}
.register-wrapper.signup-main .login-link.reg-step-1-link{
  margin-top: 25px;
  margin-bottom: 121px;
}
.register-wrapper.signup-main .login-link.reg-non-step-1-link{
  margin-bottom: 62px;
}
.add-text{
   margin-top: 34px;
}
.add-text.reg-add-text{
  margin-top: -7px;
}
.add-text.reg-add-text.success{
  margin-bottom: 215px;
}
.add-text.reg-non-add-text{
   margin-top: 0px;
   margin-bottom: 210px;
}
.add-text p{
   font-size: 14px;
   line-height: 30px;
   color: #313131;
}
html body #page .add-text p a{
   font-family: 'noto_sansmedium';
   font-size: 14px;
   line-height: 30px;
   text-decoration: underline;
   color: #15B1D7;
}
.form-group + .form-group{
   margin-top: 10px;
}
.register-wrapper.signup-main .form-group + .form-group{
  margin-top: 15px;
}
.form-group label{
   font-size: 14px;
   line-height: 29px;
   color: #313131;
   margin-bottom: 1px;
   /* display: block; */
   display: flex;
   align-items: center;
}
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="number"], .form-group input[type="password"]{
   background: #F8F8F8;
   border: 1px solid #F8F8F8;
   border-radius: 7px;
   width: 100%;
   box-shadow: none;
   font-size: 14px;
}
.form-group input.error{
   border-color: #FF0000;
}
html body #page .form-group i{
   margin-top: 14px;
   display: block;
}
html body #page .form-group i a, html body #page i.resend-code a{
   font-family: 'noto_sansmedium';
   font-size: 14px;
   line-height: 30px;
   text-align: center;
   text-decoration: underline;
   color: #15B1D7;
   font-style: normal;
}
.page-template-template-register.ast-separate-container, .page-template-template-login.ast-separate-container, .page-template-template-forgot-password.ast-separate-container, .page-template-template-forgot-username.ast-separate-container{
   background-color: #fff;
}
.text-assists{
   font-style: italic;
   font-weight: normal;
   font-size: 13px;
   line-height: 19px;
   color: #FF0000;
   margin-top: 28px;
}
.text-assists.reg-text-assists{
   margin-bottom: 128px;
}
input[type=number].app-none::-webkit-outer-spin-button,
input[type=number].app-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number].app-none {
  -moz-appearance: textfield;
}
.lh-20{
   line-height: 20px !important;
}
.timer-wrap{
   margin-top: 14px;
   font-size: 14px;
   color: #313131;
}
#timer, #timer2{
   font-family: 'noto_sansmedium';
}
html body #page i.resend-code{
   display: none;
}
html body #page a.cta-resend-code{
   text-decoration: underline;
}
html body #page i.resend-code.active{
   display: inline-block;
}
.code-error{
   margin-top: 9px;
   display: none;
   font-size: 13px;
   line-height: 19px;
   color: #FF0000;
}
.api-error{
   color: #FF0000;
}
.code-error.active{
   display: block;
}
html body #page .form-group i.required-text{
   font-size: 11px;
   margin-top: 8px;
}
html body #page .form-group .label-checkbox{
   display: flex;
   align-items: center;
   margin-top: -1.5%;
}
html body #page .form-group .label-checkbox input{
   margin-right: 10px;
   width: 20px;
   height: 20px;
}
/* #reg-form-member-step-5 .code-error{
   margin-bottom: 22px;
   margin-top: 0;
} */
.password-field{
   position: relative;
}
html body #page .form-group i.bi-eye-slash{
   margin-top: 0;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
   width: 48px;
   cursor: pointer;
}
html body #page .form-group i.bi-eye-slash::after{
   content: "";
   background: url(../images/eye-slash.png) top left no-repeat;
   background-size: 100%;
   width: 20px;
   height: 14px;
   position: absolute;
   top: 50%;
   right: 24px;
   transform: translateY(-50%);
}
.forgot-link{
   margin-top: 14px;
}
.register-wrapper.signup-main .forgot-link{
   margin-top: 33px;
}
i.icon-tooltip{
   display: inline-block;
   width: 17px;
   height: 17px;
   position: relative;
}
i.icon-tooltip::before{
   content: "";
   display: block;
   width: 100%;
   height: 100%;
   background: url(../images/icon-tooltip2.svg) top left no-repeat;
   background-size: 100%;
   position: absolute;
   top: 0;
   left: 0;
}
html body #page .form-group i.icon-tooltip{
   display: inline-block;
   margin-top: 0;
   margin-left: 8px;
}
.tippy-box{
   font-size: 12px;
   background-color: #313131;
   border-radius: 10px;
}
.tippy-box ul{
   margin: 0;
   padding: 0;
   padding-left: 15px;
   font-size: 12px;
   line-height: 19px;
}
.tippy-content{
   padding: 10px 15px;
}
.dob-form-wrap{
   position: relative;
}
.dob-form-wrap::after{
   content: "";
   position: absolute;
   width: 18px;
   height: 18px;
   background: url(../images/icon-calendar.png) top left no-repeat;
   background-size: 100%;
   top: 50%;
   transform: translateY(-50%);
   right: 14px;
}
.phone-number-wrap{
   display: flex;
}
.phone-number-wrap .selectize-input{
   border-radius: 0;
   border-top-left-radius: 7px;
   border-bottom-left-radius: 7px;
   background: #F8F8F8;
   border: 1px solid #f8f8f8;
   width: 132px;
   padding: 11.2px;
   height: 100%;
   box-shadow: none;
   color: #666;
   font-size: 14px;
   display: flex !important;
   align-items: center;
   border-right: 1px solid #E0E0E0;
   transition: all .2s linear;
}
.phone-number-wrap .selectize-dropdown, .phone-number-wrap .cc-dropdown-disabled{
   font-size: 14px;
}
.phone-number-wrap .cc-dropdown-disabled{
   border-radius: 0;
   border-top-left-radius: 7px;
   border-bottom-left-radius: 7px;
   background: #F8F8F8;
   border: 1px solid #f8f8f8;
   height: 42px;
   box-shadow: none;
   color: #313131;
   font-size: 14px;
   display: flex !important;
   align-items: center;
   border-right: 1px solid #E0E0E0;
   transition: all .2s linear;
   padding-top: 16px;
   padding-bottom: 6px;
   padding-right: 3px !important;
   padding-left: 11.2px;
   width: 198px;
}
.phone-number-wrap .selectize-input.input-active {
   outline: 0;
   /* border-color: rgba(82,168,236,.8) !important;
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(82 168 236 / 60%) !important; */
   border-color: #F8F8F8 !important;
   box-shadow: #F8F8F8 !important;
}
.phone-number-wrap .selectize-input.input-active input:focus {
   border-color: transparent !important;
   box-shadow: none !important;
}
.phone-number-wrap .selectize-input.focus{
   box-shadow: none;
}
.form-group .phone-number-wrap input[type=text].form-control{
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
}
.phone-number-wrap .selectize-input .item{
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   max-width: 100%;
   padding-right: 17px;
}
.phone-number-wrap .selectize-input.full{
   background: #f8f8f8;
}
.phone-number-wrap .selectize-control .selectize-input.disabled {
   opacity: 1;
   background: #f8f8f8;
}
.phone-number-wrap .selectize-control .selectize-input.disabled:after{
   display: none;
}
.phone-number-wrap .selectize-control .selectize-input.disabled .item{
   padding-right: 0;
}
.account-contribution{
   margin-top: 48px;
}
.menu-contribution{
   display: flex;
}
.menu-contribution div.reg-radio{
   width: 250px;
}
.menu-contribution div.reg-radio + div.reg-radio{
   margin-left: 11px;
}
.account-topbar{
   margin-top: 28px;
   display: flex;
   justify-content: space-between;
}
a.btn-create-kofu, a.cta-kofu-payment, a.cta-save-filters, a.cta-exam-view{
   display: inline-block;
   padding: 0 15px;
   background: #074C99;
   border-radius: 7px;
   line-height: 42px;
   /* height: 42px; */
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   color: #fff;
   transition: all .3s ease-in-out;
   text-align: center;
}
a.btn-create-kofu:hover, a.cta-kofu-payment:hover, a.cta-save-filters:hover, a.cta-exam-view:hover{
   background-color: #f97304;
   color: #fff;
}
a.cta-kofu-payment{
   min-width: 130px;
}
button.btn-kofu-search{
   display: inline-block;
   padding: 0 15px;
   background: #15B1D7;
   border-radius: 7px;
   line-height: 40px;
   height: 40px;
   font-size: 14px;
   color: #fff;
   transition: all .3s ease-in-out;
   text-align: center;
   margin-left: 19px;
}
button.btn-kofu-search:hover{
   background-color: #074C99;
   color: #fff;
}
.form-filters-row{
   display: flex;
   justify-content: space-between;
}
.form-filters-row .left{
   flex: 0 0 50%;
}
.form-filters-row .right{
   flex: 0 0 45%;
   display: flex;
   align-items: center;
   justify-content: flex-end;
}
.kofu-search-id-wrap{
   position: relative;
}
.form-filters-row.form-group input[type="text"] {
   background-color: #fff;
   border: 1px solid #E0E0E0;
   padding: 6px 30px 6px 50px;
   height: 40px;
}
.form-filters-row.form-group input[type="text"]::placeholder{
   color: #C4C4C4;
}
.kofu-search-id-wrap::before{
   content: "";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 15px;
   background: url(../images/icon-search.png) top left no-repeat;
   display: block;
   width: 18px;
   height: 18px;
   background-size: 100%;
}
.kofu-select-wrap{
   display: flex;
   align-items: center;
}
.kofu-select-wrap label{
   margin-right: 13px;
}
.kofu-select-wrap select{
   border: 1px solid #E0E0E0;
   background-color: #fff;
   border-radius: 7px;
   padding: 6px;
   min-width: 140px;
   font-size: 14px;
   height: 40px;
}
.kofu-select-wrap + .kofu-select-wrap {
   margin-left: 29px;
}
.account-statusbar{
   margin-top: 18px;
   display: flex;
   justify-content: space-between;
}
.account-statusbar div{
   display: flex;
   align-items: center;
   font-size: 13px;
   line-height: 30px;
}
.account-statusbar i{
   margin-right: 10px;
}
i.kofu-1st-payment-pending{
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../images/kofu2-1st-payment-pending.svg) top left no-repeat;
   transform: rotate(60deg);
   background-size: 100%;
}
i.kofu-1st-payment-done{
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../images/kofu2-1st-payment-done.svg) top left no-repeat;
   transform: rotate(60deg);
   background-size: 100%;
}
i.kofu-2nd-payment-done{
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../images/kofu2-2nd-payment-done.svg) top left no-repeat;
   transform: rotate(60deg);
   background-size: 100%;
}
i.kofu-3rd-payment-done{
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../images/kofu2-3rd-payment-done.svg) top left no-repeat;
   transform: rotate(60deg);
   background-size: 100%;
}
i.kofu-payment-done{
   display: inline-block;
   width: 20px;
   height: 20px;
   background-color: #074C99;
   border-radius: 50%;
}
i.kofu-payment-pending{
   display: inline-block;
   width: 20px;
   height: 20px;
   background: #C4D3EF;
   border-radius: 50%;
}
.kofu-details{
   margin-top: 18px;
}
.kofu-items{
   background: #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   border-radius: 7px;
   overflow: hidden;
   display: flex;
   flex-direction: row;
}
.kofu-items.in_progress{
   background: #D4E9FF;
}
.kofu-items + .kofu-items{
   margin-top: 9px;
}
.kofu-items .dty{
   width: 29px;
   background: #074C99;
   font-size: 15px;
   color: #FFFFFF;
   font-family: 'noto_sanssemibold';
   writing-mode: vertical-lr;
   text-orientation: upright;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 15px 0;
}
.kofu-items .content{
   width: calc(100% - 29px);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.kofu-items .content .btm{
   height: 33px;
   background: #B2D8FF;
}
.kofu-items.in_progress .content .btm{
   background: #B3D8FF;
}
.kofu-items .content .top{
   padding: 13px 21px 9px;
   display: flex;
   min-height: 170px;
   justify-content: space-between;
}
.kofu-items .content .top .left > div{
   display: inline-block;
}
.kofu-items .content .top .right{
   width: 140px;
}
.kofu-items .kofu-status{
   height: 20px;
   line-height: 20px;
   font-size: 11px;
   color: #fff;
   font-family: 'noto_sanssemibold';
   background: #F9A604;
   border-radius: 3px;
   padding-left: 7px;
   padding-right: 6px;
   display: inline-block;
   margin-bottom: 5px;
}
.kofu-items .kofu-status.expired, .kofu-items .kofu-status.termination{
   background: #FF0000;
}
.kofu-items .kofu-status.completed{
   background: #313131;
}
.kofu-items .content .col1{
   width: 130px;
}
.kofu-items .content .col2{
   width: 141px;
   padding-top: 11px;
   padding-right: 10px;
   margin-left: 50px;
   border-right: 1px solid #E0E0E0;
   padding-bottom: 40px;
}
.kofu-items .content .col1 p{
   font-size: 13px;
   margin-bottom: 8px;
}
.kofu-items .kofu-shares{
   display: flex;
   align-items: flex-end;
}
.kofu-items .kofu-shares span{
   font-weight: bold;
   font-size: 38px;
   line-height: 35px;
   color: #313131;
}
.kofu-items .kofu-shares a{
   font-family: 'noto_sanssemibold';
   font-size: 13px;
   line-height: 18px;
   text-decoration: underline !important;
   color: #15B1D7;
   margin-left: 5px;
}
.kofu-items .kofu-shares a:hover, .kofu-items .kofu-shares a:focus{
   text-decoration: none !important;
   color: #074C99;
}
.kofu-items .kofu-value{
   display: block;
   font-size: 12px;
   line-height: 19px;
   color: #313131;
}
.kofu-items .kofu-value strong{
   font-size: 14px;
}
.kofu-items .kofu-value + .kofu-value{
   margin-top: 12px;
}
.kofu-items .content .col3{
   width: 130px;
   padding-top: 11px;
   margin-left: 44px;
}
.kofu-items .content .col4{
   width: 120px;
   padding-top: 11px;
   margin-left: 133px;
}
.kofu-payment-status{
   position: relative;
   padding-top: 73px;
   text-align: center;
}
.kofu-payment-status.kofu-1st-payment-pending::before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%) rotate(60deg);
   display: inline-block;
   width: 66px;
   height: 66px;
   background: url(../images/kofu2-1st-payment-pending.svg) top left no-repeat;
   background-size: 100%;
}
.kofu-payment-status.kofu-1st-payment-done::before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%) rotate(60deg);
   display: inline-block;
   width: 66px;
   height: 66px;
   background: url(../images/kofu2-1st-payment-done.svg) top left no-repeat;
   background-size: 100%;
}
.kofu-payment-status.kofu-2nd-payment-done::before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%) rotate(60deg);
   display: inline-block;
   width: 66px;
   height: 66px;
   background: url(../images/kofu2-2nd-payment-done.svg) top left no-repeat;
   background-size: 100%;
}
.kofu-payment-status.kofu-3rd-payment-done::before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%) rotate(60deg);
   display: inline-block;
   width: 66px;
   height: 66px;
   background: url(../images/kofu2-3rd-payment-done.svg) top left no-repeat;
   background-size: 100%;
}
.kofu-payment-status.kofu-payment-done::before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   display: inline-block;
   width: 66px;
   height: 66px;
   background-color: #074C99;
   border-radius: 50%;
}
.kofu-payment-status.kofu-payment-pending::before{
   content: "";
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   display: inline-block;
   width: 66px;
   height: 66px;
   background: #C4D3EF;
   border-radius: 50%;
}
a.cta-kofu-terminate{
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   line-height: 19px;
   text-align: right;
   text-decoration: underline !important;
   color: #15B1D7;
   margin-top: 9px;
}
a.cta-kofu-terminate:hover{
   text-decoration: none !important;
}
.kofu-items .content .btm{
   transition: all .3s ease-in;
}
.kofu-items .content .btm a{
   display: block;
   width: 100%;
   height: 100%;
   padding-left: 45px;
   font-family: 'noto_sanssemibold';
   font-size: 13px;
   line-height: 33px;
   color: #074C99;
   position: relative;
}
.kofu-items.in_progress .content .btm a{
   color: #074C99;
}
.kofu-items .content .btm a::before{
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   left: 22px;
   background: url(../images/icon-arrow-down2.png) top left no-repeat;
   background-size: 100%;
   width: 11px;
   height: 6px;
   transition: all .2s ease-in-out;
   transform: translateY(-50%);
}
.kofu-items.in_progress .content .btm a::before{
   background: url(../images/icon-arrow-down2.png) top left no-repeat;
   background-size: 100%;
}
.kofu-items .content .btm a.active::before{
   transform: translateY(-50%) rotate(180deg);
}
.kofu-items .content .btm:hover{
   padding-left: 5px;
}
.kofu-share-content{
   background: #F8F8F8;
   border-radius: 7px;
   display: flex;
   padding: 14px 15px 10px 17px;
   margin: 0 16px 16px 15px;
   display: none;
}
.kofu-share-content .left-share-content{
   width: 314px;
   padding-right: 40px;
   padding-bottom: 20px;
   border-right: 1px solid #D8D8D8;
}
body .kofu-share-content h6{
   font-weight: bold;
   font-size: 13px;
   line-height: 25px;
   color: #313131;
   margin-bottom: 18px;
}
.kofu-items.completed .kofu-share-content{
   background: #F6FBFF;
}
.source-update-wrap{
   display: flex;
   justify-content: space-between;
}
.share-source-update .dt{
   width: 73px;
   font-family: 'noto_sanssemibold';
   font-size: 12px;
   color: #313131;
   line-height: 1.3;
}
.share-source-update .update-content{
   width: 186px;
   line-height: 1.3;
}
.share-source-update .update-content strong{
   font-size: 13px;
   color: #313131;
}
.share-source-update .update-content i{
   font-style: italic;
   font-weight: normal;
   font-size: 12px;
   margin-top: 5px;
   color: #313131;
}
.source-update-wrap + .source-update-wrap{
   margin-top: 14px;
}
.kofu-share-content .no-content strong{
   font-size: 12px;
   color: #313131;
}
.kofu-share-content .right-share-content{
   padding-left: 44px;
   flex-grow: 1;
}
.payment-receipt-wrap{
   display: flex;
   justify-content: space-between;
   overflow: hidden;
}
.payment-receipt-items{
   flex: 1 1 140px;
   max-width: 140px;
   display: flex;
   flex-direction: column;
   align-items: center;
}
.payment-receipt-items .payment-title{
   font-weight: bold;
   font-size: 14px;
   line-height: 25px;
   color: #313131;
}
.payment-receipt-items .payment-amount{
   font-size: 13px;
   line-height: 25px;
   color: #313131;
   margin-bottom: 7px;
}
.payment-receipt-items .payment-status{
   height: 28px;
   width: 27px;
   position: relative;
}
.payment-receipt-items .payment-status.payment-phase-1::before{
   content: "";
   display: block;
   background: #F6FBFF;
   width: 500px;
   height: 5px;
   position: absolute;
   top: 50%;
   right: 100%;
   transform: translateY(-50%);
   z-index: 3;
}
.payment-receipt-items .payment-status.complete.payment-phase-2::before{
   content: "";
   display: block;
   background: #074C99;
   width: 500px;
   height: 5px;
   position: absolute;
   top: 50%;
   right: 100%;
   transform: translateY(-50%);
   z-index: 2;
}
.payment-receipt-items .payment-status.payment-phase-3::before{
   content: "";
   display: block;
   background: url(../images/icon-payment-status-dot3.svg) top center repeat-x;
   background-size: 11px 2px;
   width: 600px;
   height: 2px;
   position: absolute;
   top: 50%;
   right: 100%;
   transform: translateY(-50%);
   z-index: 1;
}
.payment-receipt-items .payment-status.complete.payment-phase-3::before{
   content: "";
   display: block;
   background: #074C99;
   width: 500px;
   height: 5px;
   position: absolute;
   top: 50%;
   right: 100%;
   transform: translateY(-50%);
   z-index: 2;
}
.payment-receipt-items .payment-status img{
   z-index: 5;
   position: relative;
}
.payment-receipt-items .payment-date{
   font-size: 13px;
   line-height: 25px;
   color: #313131;
   margin-top: 12px;
}
.payment-receipt-items .payment-receipt-no{
   font-size: 12px;
   line-height: 25px;
   color: #313131;
}
.payment-receipt-notice{
   font-style: italic;
   font-weight: normal;
   font-size: 11px;
   line-height: 25px;
   color: #FF0000;
   text-align: right;
   margin-top: 24px;
}
.payment-receipt{
   margin-top: 7px;
}
.payment-receipt a{
   display: flex;
   align-items: center;
   font-size: 14px;
   line-height: 19px;
   text-decoration: underline !important;
   color: #15B1D7;
   font-family: 'noto_sanssemibold';
}
.payment-receipt a span{
   font-family: 'noto_sanssemibold';
}
.payment-receipt a img{
   margin-right: 4px;
}
.payment-receipt a:hover{
   text-decoration: none !important;
   color: #074C99;
}
.kofu-details a.cta-create-kofu{
   display: block;
   background: #074C99;
   color: #fff;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   border-radius: 7px;
   height: 88px;
   line-height: 88px;
   font-family: 'noto_sanssemibold';
   font-size: 18px;
   padding: 0 23px;
}
.kofu-details a.cta-create-kofu:hover{
   padding-left: 45px;
}
.kofu-steps{
   display: flex;
   justify-content: center;
   height: 64px;
   align-items: center;
   position: relative;
   font-size: 14px;
}
.kofu-steps > div{
   position: relative;
   height: 100%;
   line-height: 100%;
   display: flex;
   align-items: center;
   color: #C2C1C1;
}
.kofu-steps > div > span.number{
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
   font-size: 14px;
   color: #fff;
   background: #C2C1C1;
   border-radius: 50%;
   margin-right: 7px;
   display: inline-block;
}
.kofu-steps.step1active .step1{
   color: #313131;
}
.kofu-steps.step1active .step1 > span.number{
   background: #313131;
}
.kofu-steps.step2active .step2{
   color: #313131;
}
.kofu-steps.step2active .step2 > span.number{
   background: #313131;
}
.kofu-steps .step2{
   margin-left: 78px;
}
.kofu-steps .step1 .kofu-progress{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 70%;
}
.kofu-steps .step1 .kofu-progress span{
   font-weight: bold;
   font-size: 11px;
   line-height: 30px;
   color: #15B1D7;
   position: absolute;
   top: -25px;
   right: -10px;
}
.kofu-steps .step1 .kofu-progress::before{
   content: "";
   display: block;
   width: 100vw;
   height: 3px;
   background: #15B1D7;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   position: absolute;
   bottom: 0;
   right: 0;
}
.kofu-steps .step2 .kofu-progress{
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   display: none;
}
.kofu-steps .step2 .kofu-progress::before{
   content: "";
   display: block;
   width: 100vw;
   height: 3px;
   background: #15B1D7;
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
   position: absolute;
   bottom: 0;
   left: -78px;
}
.kofu-steps .step2 .kofu-progress span{
   font-weight: bold;
   font-size: 11px;
   line-height: 30px;
   color: #15B1D7;
   position: absolute;
   top: -25px;
   right: -50%;
}
.kofu-steps.step2active .step2 .kofu-progress{
   display: block;
}
.kofu-steps.step2active .step1 .kofu-progress{
   width: 100%;
}
.kofu-steps.step2active .step1 .kofu-progress span{
   display: none;
}
.kofu-progress .elementor-column-gap-default>.elementor-column>.elementor-element-populated{
   padding-top: 0;
   padding-bottom: 0;
}
.account-kofu-confirmation{
   min-height: 350px;
}
.kofu-content{
   margin-top: 28px;
}
.kofu-content h5.kofu-title{
   font-family: 'noto_sansextrabold';
   margin-bottom: 30px;
   text-align: center;
}
.kofu-share-selection{
   max-width: 673px;
   margin: 0 auto;
   border: 1px solid #A7A7A7;
   border-radius: 10px;
   display: flex;
}
.kofu-share-selection .left{
   flex: 0 0 70%;
   max-width: 70%;
   padding-left: 33px;
   padding-right: 36px;
   padding-top: 18px;
   padding-bottom: 10px;
   border-right: 1px solid #A7A7A7;
}
.kofu-share-selection .right{
   flex: 0 0 30%;
   padding-left: 26px;
   padding-right: 28px;
   padding-top: 18px;
   padding-bottom: 10px;
}
body .kofu-share-selection h6{
   font-weight: bold;
   font-size: 15px;
   line-height: 30px;
   color: #313131;
}
body .kofu-share-selection .right h6{
   text-align: center;
   margin-bottom: 13px;
}
.kofu-share-selection i.icon-tooltip{
   margin-left: 7px;
   vertical-align: middle;
}
.kofu-share-selection .btn-share-selection{
   background: #EBFBFF;
   border-radius: 100px;
   font-size: 15px;
   line-height: 30px;
   text-align: center;
   color: #313131;
   width: 51px;
   height: 30px;
   padding: 0;
   border-radius: 100px;
   margin-bottom: 10px;
   margin-right: 9px;
}
.kofu-share-selection .btn-share-selection:hover, .kofu-share-selection .btn-share-selection.active{
   background: #15B1D7;
   color: #fff;
}
.kofu-share-buttons{
   height: 93px;
   width: 100%;
   overflow-x: scroll;
   overflow-y: hidden;
}
.kofu-share-buttons .button-scroll-wrap{
   width: 1000px;
   height: 102%;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
}
.kofu-share-price{
   font-style: italic;
   font-weight: normal;
   font-size: 13px;
   line-height: 30px;
   color: #FF0000;
   margin-top: 6px;
}
.kofu-form button{
   background: #15B1D7;
   border-radius: 7px;
   padding: 0;
   height: 42px;
   width: 92px;
   margin: 30px auto 0;
   display: block;
   line-height: 42px;
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   color: #FFFFFF;
}
.kofu-form button:hover{
   background-color: #F97304;
}
.kofu-share-form-group{
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.kofu-share-form-group i{
   background: #F5F6F7;
   display: inline-block;
   width: 30px;
   height: 30px;
   line-height: 29px;
   text-align: center;
   border-radius: 50%;
   font-family: 'noto_sanssemibold';
   font-size: 18px;
   color: #15B1D7;
   cursor: pointer;
       transition: all .2s linear;
}
.kofu-share-form-group i:hover{
   background: #15B1D7;
   color: #fff;
}
.kofu-share-form-group input[type="number"]{
   font-family: 'noto_sansextrabold';
   font-size: 30px;
   line-height: 30px;
   text-align: center;
   color: #15B1D7;
   padding: 0;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: 0;
   background: transparent;
   border-radius: 0;
   width: 75px;
}
.kofu-share-form-group input::-webkit-outer-spin-button,
.kofu-share-form-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.kofu-share-form-group input[type=number] {
  -moz-appearance: textfield;
}
.kofu-share-form-group input[type="number"]:focus {
   outline: 0;
   border-color: none !important;
   box-shadow: none !important;
}
.kofu-share-selection *::selection {
   color: none;
   background: none;
}
/* For Mozilla Firefox */
.kofu-share-selection *::-moz-selection {
   color: none;
   background: none;
}
.kofu-share-form-price{
   margin-top: 38px;
}
.kofu-share-form-price p{
   font-size: 13px;
   line-height: 17px;
   text-align: center;
   color: #757575;
   margin-bottom: 0 !important;
}
.kofu-share-form-price h5{
   margin-bottom: 0 !important;
   font-weight: bold;
   font-size: 20px !important;
   line-height: 30px;
   color: #313131;
   text-align: center;
}
.kofu-content .code-error{
   display: block;
   margin-bottom: 20px;
   text-align: center;
}
.kofu-confirmation{
   display: flex;
   justify-content: center;
}
.kofu-confirmation-content{
   background: #F8F8F8;
   border: 1px solid #A7A7A7;
   border-radius: 7px;
   padding: 33px 29px 32px 12px;
   display: flex;
}
.kofu-confirmation-content > div{
   display: flex;
   flex-direction: column;
   padding-left: 32px;
   padding-right: 53px;
}
.kofu-confirmation-content > div + div{
   border-left: 1px solid #D8D8D8;
}
.kofu-confirmation-content .title, .kofu-payment-details .title{
   font-size: 13px;
   line-height: 30px;
   color: #313131;
}
.kofu-confirmation-content .value, .kofu-payment-details .value{
   font-weight: bold;
   font-size: 15px;
   line-height: 23px;
   color: #313131;
}
.kofu-action{
   display: flex;
   margin-top: 30px;
   justify-content: center;
   position: relative;
}
a.btn-back{
   border: 1.5px solid #15B1D7;
   border-radius: 7px;
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   text-align: center;
   color: #15B1D7;
   width: 92px;
   height: 42px;
   line-height: 40px;
   margin-right: 18px;
}
a.btn-back:hover{
   background: #A7A7A7;
   color: #fff;
}
.kofu-action button.btn-confirm{
   background: #15B1D7;
   border-radius: 7px;
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   text-align: center;
   color: #fff;
   width: 92px;
   height: 42px;
   line-height: 40px;
   padding: 0;
}
.kofu-action button.btn-confirm:hover{
   background-color: #F97304;
}
.kofu-action a.btn-payment, .kofu-action button.btn-payment, .membership-balance a.cta-membership-payment, a.cta-exam-details{
   background: #15B1D7;
   border-radius: 7px;
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   text-align: center;
   display: inline-block;
   color: #fff;
   height: 42px;
   line-height: 42px;
   padding: 0 12px 0 13px;
   min-width: 100px;
}
.kofu-action a.btn-payment:hover, .kofu-action button.btn-payment:hover, .membership-balance a.cta-membership-payment:hover, a.cta-exam-details:hover{
   background-color: #F97304;
}
body .account-kofu-thankyou h3{
   text-align: center;
   font-family: 'noto_sansblack';
   margin-bottom: 7px;
}
body .account-kofu-thankyou h5{
   text-align: center;
}
body .account-kofu-thankyou p{
   text-align: center;
   margin-top: 20px;
   margin-bottom: 14px;
}
.kofu-btm {
   text-align: center;
   margin-top: 32px;
}
html body .kofu-btm a{
   font-family: 'noto_sanssemibold' !important;
   font-size: 13px;
   line-height: 24px;
   color: #313131;
}
.account-kofu-payment{
   max-width: 594px;
   margin: 0 auto;
}
.kofu-payment-details{
   display: flex;
   justify-content: space-between;
   padding-left: 10px;
   padding-right: 15px;
   margin-bottom: 36px;
}
.kofu-payment-details > div{
   display: flex;
   flex-direction: column;
   padding-right: 10px;
}
.kofu-payment-details > div + div{
   border-left: 1px solid #D8D8D8;
   padding-left: 22px;
}
.kofu-payment-method .title{
   display: flex;
   align-items: center;
}
.kofu-payment-method .title span{
   font-weight: bold;
   font-size: 15px;
   line-height: 30px;
   color: #313131;
}
.kofu-payment-method .title i{
   margin-left: 6px;
}
.kofu-payment-method .title{
   margin-bottom: 12px;
}
.kofu-payment-method .selection{
   display: flex;
}
.kofu-payment-method .selection div.reg-radio{
   width: 288px;
}
.kofu-payment-method .selection div.reg-radio:last-child{
   margin-left: 18px;
}
div.reg-radio.disabled{
   pointer-events: none;
}
div.reg-radio.disabled label span{
   color: #A7A7A7;
}
.payment-method-details{
   height: 83px;
   background: #15B1D7;
   border: 1px solid #15B1D7;
   border-radius: 10px;
   overflow: hidden;
}
.payment-method-details > div{
   display: none;
}
.payment-method-details > div.active{
   display: flex;
}
.payment-method-details .lumpsum{
   justify-content: center;
   align-items: center;
   font-weight: 800;
   font-size: 23px;
   line-height: 30px;
   color: #FFFFFF;
   height: 100%;
}
i.payment-outstanding-text{
   font-style: italic;
   font-weight: normal;
   font-size: 13px;
   line-height: 30px;
   color: #FF0000;
   text-align: center;
   margin-top: 6px;
   display: block;
   margin-bottom: 15px;
}
.payment-acknowledge > div{
   display: flex;
   margin-bottom: 17px;
}
.payment-acknowledge input[type="checkbox"]{
   display: flex;
   width: 19px;
   height: 19px;
   border: 1px solid #C4C4C4;
   margin-right: 12px;
   flex: 0 0 19px;
   margin-top: 4px;
}
.payment-acknowledge label{
   font-size: 13px;
   line-height: 22px;
   color: #313131;
}
.payment-acknowledge a{
   font-family: 'noto_sanssemibold' !important;
   text-decoration: underline !important;
   color: #15B1D7;
}
.kofu-payment-method{
   margin-bottom: 60px;
}
.kofu-action a.btn-edit-shares{
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   line-height: 24px;
   text-decoration: underline !important;
   color: #15B1D7;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}
.payment-method-details .phases{
   padding: 13px 0 14px;
}
.payment-method-details div.reg-radio label:after{
   display: none;
}
.payment-method-details div.reg-radio{
   height: 56px;
   margin-bottom: 0;
   width: 33.33%;
}
.payment-method-details div.reg-radio label{
   padding: 0;
   border-radius: 0;
   background: transparent;
   border: none;
}
.payment-method-details div.reg-radio span{
   font-size: 15px;
   color: rgba(255, 255, 255, 0.8);
   line-height: 1.3;
}
.payment-method-details div.reg-radio span strong{
   font-family: 'noto_sansextrabold';
   font-size: 23px;
   color: #FFFFFF;
}
.payment-method-details div.reg-radio + div.reg-radio{
   border-left: 1px solid #FFFFFF;
}
.payment-method-details div.reg-radio .checkmark:after{
   background: url(../images/checkmark-checked-white.png) top left no-repeat #15B1D7;
   background-size: 100%;
}
.payment-method-details div.reg-radio.required-checkbox{
   pointer-events: none;
}
.kofu-payment-table{
   text-align: center;
   max-width: 743px;
   border-radius: 7px;
   margin: 19px auto 0;
   overflow: hidden;
   border: 1px solid #A7A7A7;
   padding-bottom: 20px;
}
.kofu-payment-table .heading{
   display: flex;
   border: 1px solid #023D67;
   background: #023D67;
   height: 39px;
   align-items: center;
   justify-content: center;
}
.kofu-payment-table .content{
   display: flex;
   align-items: center;
   justify-content: center;
   padding-top: 15px;
}
.kofu-payment-table .heading > div{
   font-size: 13px;
   color: #fff;
}
.kofu-payment-table .content > div{
   font-weight: bold;
   font-size: 15px;
   color: #313131;
}
.kofu-payment-table .content.content-grey > div{
   color: #B6B3B3;
}
.kofu-payment-table .col1{
   flex: 1 1 18%;
   max-width: 18%;
}
.kofu-payment-table.membership-payment-table .col1{
   padding: 0 10px;
}
.kofu-payment-table .col2{
   flex: 1 1 31%;
   max-width: 31%;
}
.kofu-payment-table .col3{
   flex: 1 1 18%;
   max-width: 18%;
}
.kofu-payment-table .col4{
   flex: 1 1 22%;
   max-width: 22%;
   text-align: right
}
.kofu-payment-table .col5{
   flex: 1 1 11%;
   max-width: 11%;
}
.payment-method-details.not_new_payment{
   background: none;
   height: auto;
   border: none;
   border-radius:0;
}
.payment-method-details.not_new_payment .lumpsum{
   height: 83px;
   background: #15B1D7;
   border: 1px solid #15B1D7;
   border-radius: 10px;
}
.payment-method-details.not_new_payment .phases{
   height: 143px;
   justify-content: space-between;
   padding: 0;
}
.payment-method-details.not_new_payment div.reg-radio{
   height: 143px;
   background: #15B1D7;
   border-radius: 7px;
   width: 33%;
   border: 1px solid #A7A7A7;
}
.payment-method-details.not_new_payment div.reg-radio span{
   top: 14px;
   transform: none;
}
.payment-method-details.not_new_payment div.reg-radio .checkmark{
   top: 12px;
   transform: none;
}
.payment-method-details.not_new_payment div.reg-radio.disabled{
   background: #F8F8F8;
}
.payment-method-details.not_new_payment div.reg-radio.disabled span{
   line-height: 1.4;
}
.payment-method-details.not_new_payment div.reg-radio.disabled span, .payment-method-details.not_new_payment div.reg-radio.disabled span strong{
   color: #B6B3B3;
}
.payment-method-details.not_new_payment div.reg-radio + div.reg-radio{
   border-left: 1px solid #A7A7A7;
}
div.reg-radio.disabled .checkmark{
   display: none;
}
.payment-method-details div.reg-radio span .receipt-text{
   font-size: 13px;
   margin-top: 10px;
}
.account-kofu-edit-share .kofu-payment-details{
   max-width: 580px;
   margin: 26px auto 47px;
}
.kofu-action button{
   margin: 0;
}
.empty-results{
   font-weight: bold;
   font-size: 23px;
   margin: 30px 0;
   text-align: center;
}
.kofu-pagination{
   margin: 50px 0;
}
.simplePagination ul{
   display: flex;
   list-style: none;
   padding: 0;
   margin: 0;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
}
.simplePagination ul li{
   margin: 0 5px;
   color: #313131;
   font-size: 14px;
}
.simplePagination ul li a.page-link, .simplePagination ul li span{
   color: #313131;
   font-size: 14px;
   padding: 0;
   background: transparent;
   display: block;
   width: 35px;
   height: 35px;
   border-color: transparent;
   text-align: center;
   line-height: 35px;
   border-radius: 50%;
}
.simplePagination ul li a.page-link:hover{
   font-weight: bold;
}
.simplePagination ul li span.current{
   background: #15B1D7;
   color: #fff;
   border-color: #15B1D7;
   font-weight: bold;
}
.simplePagination ul li:first-child, .simplePagination ul li:last-child{
   display: none;
}
.simplePagination input[type=number]{
   font-family: 'noto_sansextrabold';
   text-align: center;
   padding: 0;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: 0;
   background: transparent;
   border-radius: 0;
   width: 35px;
   height: 35px;
   line-height: 35px;
   color: #313131;
}
.simplePagination input[type=number].app-none::-webkit-outer-spin-button,
.simplePagination input[type=number].app-none::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.simplePagination input[type=number].app-none {
  -moz-appearance: textfield;
}
.account-membership .form-filters-row{
   align-items: flex-end;
}
i.info{
   font-size: 11px;
   line-height: 25px;
   color: #FF0000;
}
.account-membership .account-topbar h5{
   margin-bottom: 0;
   font-family: 'noto_sansextrabold';
}
#confirmbox .modal-dialog{
   margin-top: 5%;
}
#confirmbox .modal-content{
   background: #FFFFFF;
   border-radius: 20px;
}
#confirmbox .modal-header{
   padding: 21px 21px 0 0;
   border: 0;
   border-radius: 0;
   justify-content: flex-end;
}
#confirmbox .modal-header button{
   background: transparent;
   padding: 0;
   margin: 0;
   border: 0;
   border-radius: 0;
}
#confirmbox h5{
   font-family: 'noto_sansextrabold';
   font-size: 22px;
   line-height: 32px;
   text-align: center;
   color: #313131;
   margin-bottom: 15px;
}
#confirmbox p{
   font-size: 18px;
   line-height: 32px;
   text-align: center;
   color: #313131;
   margin-bottom: 40px;
}
#confirmbox .modal-body{
   padding-top: 10px;
   padding-bottom: 50px;
}
.kofu-items.membership-items.unpaid{
   background: #074C99;
}
.kofu-items.membership-items.unpaid .dty{
   background: #003167;
}
.kofu-items.membership-items .content .member-top{
   padding: 13px 21px 9px;
}
.kofu-items.membership-items .content .member-top > div{
   border-bottom: 1px solid #E0E0E0;
   padding-bottom: 11px;
   font-weight: bold;
   font-size: 14px;
   line-height: 28px;
}
.kofu-items.membership-items.unpaid .content .member-top > div{
   border-color: #fff;
   color: #fff;
}
.kofu-items.membership-items .content .member-btm{
   display: flex;
   padding: 13px 21px 15px;
   line-height: 19px;
}
.kofu-items.membership-items .content .member-btm span{
   font-size: 12px;
   color: #313131;
}
.kofu-items.membership-items.unpaid .content .member-btm span{
   color: #fff;
}
.kofu-items.membership-items .content .member-btm strong{
   font-weight: bold;
   font-size: 14px;
   color: #313131;
}
.kofu-items.membership-items .content .member-btm i{
   font-style: italic;
   font-weight: normal;
   font-size: 11px;
   line-height: 17px;
   color: #313131;
}
.kofu-items.membership-items.unpaid .content .member-btm strong, .kofu-items.membership-items.unpaid .content .member-btm i{
   color: #fff;
}
.kofu-items.membership-items .content .member-btm .left > div + div{
   margin-top: 16px;
}
.kofu-items.membership-items .content .member-btm .left{
   border-right: 1px solid #E0E0E0;
   padding-right: 42px;
   min-width: 173px;
}
.kofu-items.membership-items .content .member-btm .right{
   padding-left: 50px;
   display: flex;
   flex-grow: 1;
}
.kofu-items.membership-items .content .member-btm .right > div{
   padding-right: 10px;
}
.kofu-items.membership-items .content .member-btm .right .member-col1{
   flex: 1 1 26%;
   max-width: 26%;
}
.kofu-items.membership-items .content .member-btm .right .member-col2{
   flex: 1 1 28%;
   max-width: 28%;
}
.kofu-items.membership-items .content .member-btm .right .member-col3, .kofu-items.membership-items .content .member-btm .right .member-col4{
   flex: 1 1 23%;
   max-width: 23%;
}
.kofu-items.membership-items .content .member-btm .right .member-col4{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-right: 0;
}
.kofu-items.membership-items .content .member-btm .right .member-col4 > div{
   padding-left: 35px;
}
.kofu-items.membership-items .content .member-btm .right .member-col4 i{
   font-size: 11px;
   color: #FF0000;
}
.kofu-items.membership-items .content .member-btm .right > div > div + div{
   margin-top: 5px;
}
.kofu-items.membership-items .content .member-btm .right > div{
   padding-right: 10px;
}
.kofu-items.membership-items.unpaid .content .member-btm .left{
   flex: 1 1 67%;
   max-width: 67%;
   display: flex;
   justify-content: flex-start;
   padding-right: 0;
}
.kofu-items.membership-items.unpaid .content .member-btm .right{
   flex: 1 1 33%;
   max-width: 33%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-left: 30px;
   min-height: 70px;
}
.kofu-items.membership-items.unpaid .content .member-btm .image-membership{
   float: left;
   margin-right: 13px;
   margin-top: 4px;
}
.kofu-items.membership-items.unpaid .content .member-btm .image-amount{
   float: left;
   margin-right: 11px;
   margin-top: 6px;
}
.kofu-items.membership-items.unpaid .content .member-btm .image-payment-method{
   float: left;
   margin-right: 11px;
   margin-top: 4px;
}
.kofu-items.membership-items.unpaid .content .member-btm .image-term{
   display: flex;
}
.kofu-items.membership-items.unpaid .content .member-btm .image-term .image{
   margin-right: 10px;
   margin-top: 4px;
   max-width: 27px;
   flex: 1 1 27px;
}
.kofu-items.membership-items.unpaid .content .member-btm .left .member-col1{
   flex: 1 1 36%;
   max-width: 36%;
   padding-right: 10px;
}
.kofu-items.membership-items.unpaid .content .member-btm .left .member-col2{
   margin-top: 0;
   flex: 1 1 32%;
   max-width: 32%;
   padding-right: 10px;
}
.kofu-items.membership-items.unpaid .content .member-btm .left .member-col3{
   margin-top: 0;
   flex: 1 1 32%;
   max-width: 32%;
   padding-right: 10px;
}
.kofu-items.membership-items.unpaid .content .member-btm .left > div > div + div{
   margin-top: 20px;
}
.kofu-items.membership-items.unpaid .content .member-btm .receipt{
   margin-top: 5px;
}
.kofu-items.membership-items.unpaid .content .member-btm .left > div > div:first-child{
   min-height: 51px;
}
.kofu-items.membership-items.unpaid .content .member-btm .right .membership-balance{
   line-height: 25px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.kofu-items.membership-items.unpaid .content .member-btm .right i{
   font-size: 11px;
   color: #fff;
   text-align: right;
}
.kofu-items.membership-items .content .member-btm a.cta-download-payment-receipt span{
   font-size: 14px;
   color: #15B1D7;
}
.kofu-items.membership-items.unpaid .content .member-btm a.cta-download-payment-receipt span{
   color: #fff;
}
.kofu-items.membership-items.unpaid .content .member-btm .membership-balance strong {
   font-size: 38px;
   line-height: 35px;
}
.membership-payment-method{
   max-width: 578px;
   margin: 28px auto 0;
}
.membership-payment-method h6{
   text-align: center;
   font-size: 23px;
   margin-bottom: 20px;
   font-family: 'noto_sansextrabold';
}
.membership-payment-method h6 i{
   margin-left: 5px;
}
.membership-payment-details{
   display: flex;
   justify-content: space-between;
   padding-left: 10px;
   padding-right: 15px;
   margin-bottom: 25px;
}
.membership-payment-details > div{
   padding-left: 32px;
   padding-right: 32px;
}
.membership-payment-details > div + div {
   border-left: 1px solid #D8D8D8;
}
.membership-payment-details .title{
   font-size: 13px;
   line-height: 19px;
   color: #313131;
}
.membership-payment-details .value{
   font-weight: bold;
   font-size: 15px;
   line-height: 19px;
   color: #313131;
   padding-left: 3px;
}
.membership-payment-method .payment-method-details div.reg-radio{
   width: 50%;
}
.account-membership-payment .kofu-payment-method{
   margin-bottom: 0;
}
.account-membership-payment .create-kofu-progress-bar{
   max-width: 578px;
   margin: 0 auto;
}
.account-membership-payment .kofu-action .btn-payment{
   min-width: 92px;
}
.account-membership-payment .payment-acknowledge{
   max-width: 850px;
   margin: 20px auto 0;
}
.account-membership-payment .api-error{
   text-align: center;
}
.term-lumpsum{
   height: 38px !important;
}
.account-topbar i.icon-tooltip{
   margin-top: 3px;
   margin-left: 5px;
}
/* #outstandingbox .modal-dialog{
   margin-top: 5%;
   max-width: 580px;
}
#outstandingbox .modal-content{
   background: url(../images/outstandingbox-bg.jpg) top left no-repeat;
   border-radius: 20px;
}
#outstandingbox .modal-header{
   padding: 21px 21px 0 0;
   border: 0;
   border-radius: 0;
   justify-content: flex-end;
}
#outstandingbox .modal-header button{
   background: transparent;
   padding: 0;
   margin: 0;
   border: 0;
   border-radius: 0;
}
#outstandingbox h5{
   font-family: 'noto_sansextrabold';
   font-size: 30px;
   line-height: 36px;
   text-align: center;
   color: #fff;
   margin-bottom: 15px;
}
#outstandingbox p{
   font-size: 23px;
   line-height: 35px;
   text-align: center;
   color: #fff;
   margin-bottom: 40px;
}
#outstandingbox .modal-body{
   max-width: 480px;
   margin: 0 auto;
   padding: 10px;
} */
#outstandingbox .nipp_rb_div_bottom{
   background: url(../images/outstandingbox-bg.jpg) top left no-repeat;
   background-size: cover;
}
#outstandingbox.checkout-renewal-confirm .nipp_rb_div_close{
   color: #fff;
}
#outstandingbox h5{
   font-family: 'noto_sansextrabold';
   font-size: 30px;
   line-height: 36px;
   text-align: center;
   color: #fff;
   margin-bottom: 15px;
}
#outstandingbox p{
   font-size: 23px;
   line-height: 35px;
   text-align: center;
   color: #fff;
   margin-bottom: 10px;
}
#outstandingbox .nipp_rb_div{
   background: transparent
}
.membership-payment-method.not_new_payment{
   max-width: 600px;
}
.membership-payment-method.not_new_payment .phases{
   max-width: 540px;
   margin: 0 auto;
}
.membership-payment-method.not_new_payment .phases div.reg-radio + div.reg-radio{
   margin-left: 19px;
}
.membership-payment-method .payment-method-details.not_new_payment div.reg-radio{
   background: #F8F8F8;
   border: 3px solid #BBBBBB;
}
.membership-payment-method .payment-method-details.not_new_payment div.reg-radio.payment{
   border: 3px solid #15B1D7;
}
.membership-payment-method .payment-method-details.not_new_payment div.reg-radio.payment span, .membership-payment-method .payment-method-details.not_new_payment div.reg-radio.payment span strong{
   color: #313131;
}
.membership-payment-method .payment-method-details.not_new_payment div.reg-radio .checkmark::after {
   background: url(../images/checkmark-checked.svg) top left no-repeat;
   background-size: 100%;
}
.membership-payment-method.not_new_payment .phases.phase_2_balance{
   justify-content: center;
}
.kofu-confirmation-content .value i{
   font-style: normal;
   font-weight: bold;
   font-size: 13px;
   line-height: 18px;
}
[type=submit].loading{
   pointer-events: none;
   opacity: 0.5;
}
#id-emag-email-change input[name="verification_code"], #id-mds-email-change input[name="verification_code"], #id-mds-mobile-change input[name="verification_code"]{
   margin-bottom: 10px;
}
#login-popup .nipp_rb_sec_wrapepr{
   background: url(../images/login-otp-bg.jpg) top left no-repeat #fff;
   position: relative;
   padding: 0;
}
#login-popup .nipp_rb_div_close {
   position: absolute;
   color: #313131;
   top: 20px;
   right: 20px;
   font-size: 34px;
   line-height: 25px;
   padding: 10px;
   transition: all .3s ease-in-out;
   cursor: pointer;
}
#login-popup .al-popup .nipp_rb_div_bottom {
   padding: 0;
   background: transparent;
   max-width: 450px;
   margin: 5% auto 0;
}
#terminate-kofu-popup .btn-confirm{
   color: #fff;
}
body #login-popup .al-popup .nipp_rb_div{
   max-width: unset;
   margin: 0;
   border-radius: 0;
   background: transparent;
   text-align: center;
}
body #login-popup h4{
   font-size: 30px;
   line-height: 41px;
   color: #313131;
   margin-bottom: 18px;
}
body #login-popup .profile-sgm-form input{
   max-width: 390px;
   margin-bottom: 20px;
}
body #login-popup .profile-sgm-form  .sgm-light-blue-btn{
   width: 100%;
   max-width: 390px;
}
body #login-popup p{
   margin-bottom: 7px;
   font-size: 14px;
}
#login-popup .timerbox{
   display: flex;
   margin-bottom: 28px;
   justify-content: center;
}
#login-popup .timerdata{
   display: flex;
}
#loginmb{
   font-size: 14px;
   font-weight: bold;
}
#login-popup .timer-wrap{
   margin-top: 0;
   margin-left: 3px;
   display: block;
}
html body #page #login-popup i.resend-code.active{
   display: block;
}
#emag_email_update_form .code-error{
   margin-top: 10px;
}
.my-account-mobile-menu{
   background: #0751A2;
   color: #fff;
   font-family: 'noto_sansmedium';
   font-size: 15px;
   position: relative;
   height: 44px;
   z-index: 30;
}
.my-account-mobile-menu ul{
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   right: 0;
   z-index: 99;
   background: #0751A2;
   margin: 0;
   padding: 7px 0 0;
   list-style: none;
}
.my-account-mobile-menu .current{
   padding-left: 41px;
   padding-right: 15px;
   line-height: 45px;
   position: relative;
   box-shadow: 0px 4px 7px rgba(0, 0, 0, 0.15);
   z-index: 100;
   font-family: 'noto_sansmedium';
}
.my-account-mobile-menu .current::before{
   content: "";
   display: block;
   background: url(../images/icon-polygon.png) top left no-repeat;
   background-size: 100%;
   width: 10px;
   height: 9px;
   left: 17px;
   top: 50%;
   transform: translateY(-50%) rotate(180deg);
   position: absolute;
   transition: all .2s ease-in-out;
}
.my-account-mobile-menu.active .current::before{
   transform: translateY(-50%) rotate(0);
}
.my-account-mobile-menu ul li{
   margin: 0;
   padding: 0;
}
.my-account-mobile-menu ul li a{
   display: block;
   font-family: 'noto_sansmedium';
   font-size: 15px;
   line-height: 45px;
   color: #FFFFFF;
   padding-left: 41px;
   padding-right: 15px;
}
.my-account-mobile-menu ul li a.active{
   color: #3FD9FF;
}
.my-account-mobile-menu ul li#signout{
   border-top: 1px solid #0B6FDC;
   padding-bottom: 5px;
}
.my-account-mobile-menu ul li#signout a{
   position: relative;
   padding-left: 67px;
}
.my-account-mobile-menu ul li#signout a::before{
   content: "";
   background: url(../images/icon-signout.png) top left no-repeat;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 41px;
   width: 18px;
   height: 17px;
   background-size: 100%;
}
span.asterisk{
   color: #FF0000;
}
#mobile-filter{
   position: absolute;
   right: 13px;
   top: 50%;
   transform: translateY(-50%);
   background: url(../images/icon-filter.png) top left no-repeat;
   width: 29px;
   height: 29px;
   background-size: 100%;
   cursor: pointer;
}
#mobile-filter-box{
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
}
#mobile-filter-box .modal-dialog{
   max-width: unset;
   width: 100%;
   height: 100%;
   margin: 0;
}
#mobile-filter-box .modal-content{
   height: 100%;
   border-radius: 0;
   border: 0;
   background: #fff;
}
#mobile-filter-box .modal-header{
   padding: 19px 18px 18px 22px;
   border-radius: 0;
   border-bottom: 1px solid #D8D8D8;
}
#mobile-filter-box .modal-header h5{
   margin: 0;
   font-weight: bold;
   font-size: 15px;
   line-height: 21px;
}
#mobile-filter-box .modal-header .cta-clear-filters{
   font-family: 'noto_sansmedium';
   font-size: 14px;
   line-height: 21px;
   text-decoration: underline;
   color: #313131;
}
#mobile-filter-box .modal-body{
   padding: 0;
}
#mobile-filter-box .modal-body h6{
   font-family: 'noto_sansmedium';
   font-size: 18px;
   line-height: 25px;
   color: #313131;
   margin-bottom: 18px;
}
#mobile-filter-box .modal-body .top{
   padding: 32px 22px 33px 23px;
   border-bottom: 1px solid #E0E0E0;
}
#mobile-filter-box .modal-body label{
   font-weight: normal;
   font-size: 14px;
   line-height: 28px;
   color: #313131;
   margin-bottom: 2px;
}
#mobile-filter-box .modal-body select{
   width: 100%;
   border: 1px solid #E0E0E0;
   background: #fff;
   border-radius: 7px;
}
#mobile-filter-box .modal-body .btm{
   padding: 24px 22px 33px;
}
.filter-status-selection{
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: -9px;
   margin-right: -9px;
}
.filter-status-selection a{
   display: inline-block;
   border: 1px solid #E0E0E0;
   background: #fff;
   border-radius: 7px;
   line-height: 44px;
   font-size: 14px;
   color: #313131;
   transition: all .3s ease-in-out;
   text-align: center;
   padding: 0 13px;
   margin: 0 9px 8px;
   min-width: 55px;
}
.filter-status-selection a.selected, .filter-status-selection a:hover{
   border-color: #15B1D7;
   background: #15B1D7;
   color: #fff;
}
#mobile-filter-box .modal-footer{
   padding: 16px 17px 14px;
}
#mobile-filter-box .modal-footer a.cta-save-filters{
   display: block;
   width: 100%;
   background: #15B1D7;
   color: #fff;
}
#mobile-filter-box .modal-footer a.cta-save-filters:hover, #mobile-filter-box .modal-footer a.cta-save-filters.selected{
   background-color: #f97304;
   color: #fff;
}
#mobile-search-tags{
   display: flex;
   flex-wrap: wrap;
   margin-left: -2px;
   margin-right: -2px;
   margin-top: 4px;
}
#mobile-search-tags span{
   font-size: 12px;
   line-height: 24px;
   color: #313131;
   border: 1px solid #E0E0E0;
   padding: 0 9px;
   margin: 0 2px 4px;
   border-radius: 7px;
}
.sgm-top-accessibility{
   width: 22px;
   height: 22px;
   position: relative;
}
.sgm-top-accessibility a{
   position: absolute;
   top: 2px;
   right: 0;
   width: 22px;
   height: 22px;
   background-color: #313131;
   border-radius: 50%;
}
.sgm-top-accessibility a::after{
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   right: 0;
   background: url(../images/icon-accessibility.svg) top left no-repeat;
   background-size: 100%;
   transition: all .3s ease-in-out;
}
.sgm-top-accessibility a::before{
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   right: 0;
   background: url(../images/icon-accessibility-close2.svg) top left no-repeat;
   background-size: 100%;
   opacity: 0;
   transition: all .3s ease-in-out;
}
.sgm-top-accessibility.expand a::after{
   opacity: 0;
}
.sgm-top-accessibility.expand a::before{
   opacity: 1;
}
.acc-expand{
   position: absolute;
   right: 37px;
   height: 40px;
   overflow: hidden;
   top: -5px;
}
.acc-expand .wrap{
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
   transition: all .3s ease-in-out;
   margin-top: 100px;
}
.sgm-top-accessibility.expand .acc-expand .wrap{
   margin-top: 0;
}
.acc-expand span{
   display: inline-block;
   font-weight: normal;
   font-size: 14px;
   line-height: 20px;
   color: #313131;
   cursor: pointer;
   transition: all .3s ease-in-out;
}
.acc-expand span.fel-plus, .acc-expand span.fel-minus{
   min-width: 16px;
}
.acc-expand span.fel-plus:hover, .acc-expand span.fel-minus:hover{
   color: #E4E4E4;
}
.acc-expand span.fel-plus{
   margin-left: 11px;
}
.acc-expand span.separator{
   width: 1px;
   height: 20px;
   background: #E4E4E4;
   margin: 0 14px 0 18px;
   cursor: default;
}
.acc-expand span.fel-white{
   background: #FFFFFF;
   border: 0.2px solid #313131;
   width: 16px;
   height: 16px;
   border-radius: 50%;
}
.acc-expand span.fel-white:hover{
   border-color: #E4E4E4;
}
.acc-expand span.fel-yellow{
   background: #FFE7AD;
   border: 0.2px solid #FFE7AD;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   margin-left: 8px;
}
.acc-expand span.fel-yellow:hover{
   border-color: #313131;
}
.acc-expand span.fel-reset{
   margin-left: 15px;
   /* height: 14px; */
}
.acc-expand span.fel-reset svg{
   transition: all .3s ease-in-out;
}
.acc-expand span.fel-reset:hover svg{
   transform: rotate(180deg);
}
.payment-acknowledge{
   padding: 21px 17px 3px 14px;
   background: #EFFCFF;
   border-radius: 15px;
   margin-bottom: 30px;
}
.kofu-items.membership-items.unpaid .content .member-btm .left .member-col1 div:first-child strong{
   font-size: 17px;
}
body .account-topbar h5{
   font-family: 'noto_sansextrabold';
}
.thide{
   display: none !important;
}
.page-template-template-my-account-page .kofu-share-form-price h5{
   font-family: 'Noto Sans', sans-serif !important;
   font-weight: bold !important;
}
.kofu-total-price{
   font-weight: bold;
}
.account-membership-payment .payment-acknowledge{
   max-width: 890px;
}
.acc-expand span.fel-text, .acc-expand span.fel-contrast{
   font-size: 14px !important;
   color: #313131;
   border: 1px solid #E4E4E4;
   border-radius: 7px;
   width: 112px;
   text-align: center;
   line-height: 36px;
   height: 40px;
   transition: all .3s ease-in-out;
   position: relative;
}
.acc-expand span.fel-contrast p{
   font-size: 14px !important;
   margin: 0;
   padding: 0;
}
.acc-expand span.fel-contrast{
   margin-left: 10px;
}
.acc-expand span.fel-text:hover, .acc-expand span.fel-contrast:hover{
   border: 1px solid #15B1D7;
}
.acc-expand span.fel-text.active, .acc-expand span.fel-contrast.active{
   background-color: #15B1D7;
   color: #fff;
}
.acc-expand span .stage{
   opacity: 0;
   transition: all .3s ease-in-out;
   position: absolute;
   left: 11px;
   right: 11px;
   bottom: 6px;
   display: flex;
   justify-content: space-between;
}
.acc-expand span.active .stage{
   opacity: 1;
}
.acc-expand span i{
   width: 20px;
   height: 2px;
   background: #42D3F7;
   border-radius: 5px;
   transition: all .3s ease-in-out;
}
.acc-expand span i.active{
   background: #fff;
}
.acc-expand span.fel-contrast[data-size='1']{
   border: 1px solid #0047ff;
   background-color: #FFF;
   color: #000000;
}
.acc-expand span.fel-contrast[data-size='4']{
   border: 1px solid #D7D7D7;
   background-color: #D7D7D7;
   color: #000000;
}
.acc-expand span.fel-contrast[data-size='4'] i, .acc-expand span.fel-contrast[data-size='4'] i.active{
   background: #000000;
}
.acc-expand span.fel-contrast[data-size='1'] i{
   background: #8f9191;
}
.acc-expand span.fel-contrast[data-size='1'] i.active{
   background: #0047ff;
}
.mmpu_apu_od_content .acc-expand{
   position: relative;
   top: unset;
   right: unset;
   transform: none;
   height: auto;
}
.mmpu_apu_od_content .acc-expand .wrap{
   margin-top: 0;
   width: 100%;
   justify-content: center;
}
.mmpu_apu_od_content .acc-expand span.fel-text, .mmpu_apu_od_content .acc-expand span.fel-contrast{
   color: #fff;
   overflow: hidden;
}
.mmpu_apu_od_content .acc-expand span.fel-text.active, .mmpu_apu_od_content .acc-expand span.fel-contrast.active{
   background: #FFFFFF;
   border: 1px solid #FFFFFF;
   color: #15B1D7;
}
.mmpu_apu_od_content .acc-expand span i{
   background: #E0E0E0;
}
.mmpu_apu_od_content .acc-expand span i.active{
   background: #15B1D7;
}
.mmpu_apu_od_content .acc-expand span.fel-text:hover, .mmpu_apu_od_content .acc-expand span.fel-contrast:hover{
   border: 1px solid #FFFFFF;
}
.mmpu_apu_od_content .fel-reset.black path{
   fill: #000;
}
.str-requirements-wrap{
   position: relative;
}
.str-requirements{
   z-index: 999;
   background: #fff;
   width: 100%;
   padding: 5px 10px;
   max-height: 0;
   visibility: hidden;
   opacity: 0;
   transition: all .3s ease-in-out;
}
.str-requirements-wrap.active .str-requirements{
   max-height: 500px;
   opacity: 1;
   visibility: visible;
	margin-top: 5px;
}
.str-requirements div{
   font-size: 13px;
	line-height: 20px;
}
.str-requirements div span{
	display: inline-block;
	position: relative;
	padding-right: 5px;
}
.str-requirements div span::before{
	position: relative;
}
.str-requirements div.fail{
	color: red;
}
.str-requirements div.pass{
	color: green;
}
.str-requirements div.fail span::before{
	content: "\2715";
}
.str-requirements div.pass span::before{
	content: "\2713";
}
#membership-upgrade-date{
   margin-left: 46px;
}
.reg-form-wrap .payment-acknowledge{
   margin-top: 15px;
   margin-bottom: 0;
}
.account-exam{
   margin: 0 7px;
}
.account-exam .account-topbar h5{
   margin-bottom: 10px;
}
.exam-details{
   border-radius: 17px;
   background: #D4E9FF;
   display: flex;
   padding: 23px 22px 22px 42px;
}
.exam-details.registered{
   position: relative;
   background: #074C99;
   padding: 25px 22px 20px 42px;
   color: #fff;
}
.exam-details + .exam-details{
   margin-top: 11px;
}
.exam-details .center{
   min-height: 100px;
   width: 1px;
   background: #313131;
}
.exam-details.registered .center{
   background: #fff;
   margin-top: 10px;
   margin-bottom: 2px;
}
.exam-details .left{
   flex: 0 0 24.5%;
   max-width: 24.5%;
   padding-top: 23px;
   display: flex;
   height: 100%;
   padding-right: 25px;
}
.exam-details.registered .left{
   padding-top: 57px;
}
.exam-details .left .icon{
   width: 45px;
   height: 54px;
   background: url(../images/exam/icon-exam.svg) top left no-repeat;
   background-size: 100%;
   margin-right: 25px;
}
.exam-details.registered .left .icon{
   background: url(../images/exam/icon-exam-registered.svg) top left no-repeat;
   background-size: 100%;
}
.exam-details .left .id{
   font-size: 17px;
   line-height: 15px;
   padding-top: 6px;
}
.exam-details.registered .left h5{
   color: #fff;
}
.exam-details .right{
   flex-grow: 1;
   display: flex;
   padding-left: 40px;
   flex-direction: column;
   padding-top: 32px;
}
.exam-details.registered .right{
   padding-left: 48px;
   padding-top: 0;
}
.exam-details .right .top{
   display: flex;
   flex-grow: 1;
   align-items: flex-start;
}
.exam-details .right .btm{
   margin-top: 15px;
}
.date-remarks{
   background: #FFD8D8;
   border-radius: 10px;
   padding: 7px 10px 6px 40px;
   font-style: italic;
   font-size: 13px;
   color: #FF0000;
   line-height: 17px;
   position: relative;
   float: left;
}
.exam-details.registered .date-remarks{
   max-width: 380px;
}
html[lang="zh-hans"] .exam-details.registered .date-remarks{
   max-width: unset;
}
.date-remarks::before{
   content: "";
   position: absolute;
   top: 50%;
   left: 10px;
   transform: translateY(-50%);
   background: url(../images/exam/icon-exam-info.svg) top left no-repeat;
   background-size: 100%;
   width: 21px;
   height: 30px;
}
.exam-details.registered .right .btm .cta{
   float: right;
}
.exam-details .right .col1{
   flex: 0 0 23%;
   max-width: 23%;
}
.exam-details .right .col2{
   flex-grow: 1;
}
.exam-details .right .col3{
   flex: 0 0 31%;
   max-width: 31%;
}
.exam-details .right .col1 img{
   margin-right: 9px;
}
.exam-details .right .col2 img, .exam-details .right .col3 img{
   margin-right: 5px;
}
.exam-details .right > div img{
   float: left;
}
.exam-details .right .exam-value{
   /* float: left; */
   line-height: 18px;
}
.exam-details .right > div::after{
   content: "";
   display: table;
   clear: both;
}
a.cta-exam-view, a.cta-exam-details{
   min-width: 106px;
}
.exam-details.registered .right .exam-value{
   line-height: 21px;
}
.exam-details.registered .right .top > div{
   display: flex;
   flex-direction: column;
   padding-right: 10px;
}
.exam-details.registered .right .row1{
   min-height: 85px;
}
.exam-details.registered .right .row2{
   min-height: 77px;
}
.exam-details.registered .right .row4{
   text-align: right;
   height: 100%;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
}
.exam-details.registered .right .col1{
   flex: 0 0 24%;
   max-width: 24%;
}
.exam-details.registered .right .col2{
   flex: 0 0 29%;
   max-width: 29%;
}
.exam-details.registered .right .col3{
   flex: 0 0 27%;
   max-width: 27%;
}
.exam-details.registered .right .col4{
   justify-content: space-between;
   height: 100%;
   flex-grow: 1;
   padding-right: 0;
}
a.cta-exam{
   margin-left: -4px;
   margin-top: -2px;
   display: inline-block;
}
a.cta-exam2{
   margin-left: -13px;
   margin-top: -2px;
   display: inline-block;
}
.exam-details.registered .right .col4 i.icon-tooltip{
   left: 6px;
   top: 2px;
}
.account-exam-eligible + .account-exam-history{
   margin-top: 32px;
}
.account-exam-history{
   margin-bottom: 32px;
   background: #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   border-radius: 7px;
   padding: 34px 30px 40px 34px;
   display: flex;
   flex-direction: row;
}
.exam-history-items + .exam-history-items{
   margin-top: 10px;
}
.account-exam-history .left{
   flex: 0 0 30%;
   max-width: 30%;
}
.account-exam-history .right{
   flex-grow: 1;
}
.account-exam-history .left .text{
   font-size: 13px;
   margin-top: 11px;
}
html[lang="zh-hans"] .account-exam-history .left .text{
   max-width: 236px;
   text-align: center;
}
.account-exam-history .chart{
   position: relative;
   margin-left: 10px;
   width: 236px;
   height: 236px;
}
.account-exam-history .chart .chart-data{
   position: absolute;
   top: 103px;
   left: 50%;
   transform: translateX(-50%);
   font-weight: bold;
   font-size: 15px;
   color: #074C99;
   display: flex;
}
.account-exam-history .chart strong{
   font-size: 120px;
   font-family: 'noto_sansextrabold';
   color: #074C99;
}
.exam-history-items{
   background: #FFFFFF;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
   border-radius: 7px;
   overflow: hidden;
}
.exam-history-items .heading{
   background: #043E68;
   width: 100%;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 14px;
   padding: 5px 20px;
}
.exam-history-items .content{
   padding: 13px 17px 5px 17px;
   display: flex;
}
.exam-history-items .content .left{
   padding-top: 6px;
   flex: 1 1 25%;
   max-width: 25%;
}
.exam-history-items .content .center{
   background: #E0E0E0;
   width: 1px;
   height: 100%;
   min-height: 150px;
}
.exam-history-items .content .right{
   display: flex;
   flex-wrap: wrap;
   padding-left: 27px;
   padding-top: 6px;
}
.exam-history-items .content .exam-value{
   font-size: 12px;
   line-height: 18px;
   min-height: 53px;
}
.exam-history-items .content .exam-value strong{
   font-size: 14px;
}
.exam-history-items .content .exam-value:nth-child(3n+1){
   flex: 1 1 33%;
   max-width: 33%;
}
.exam-history-items .content .left .exam-value:nth-child(3n+1){
   flex: 1 1 100%;
   max-width: 100%;
}
.exam-history-items .content .exam-value:nth-child(3n+2){
   flex: 1 1 39%;
   max-width: 39%;
}
.exam-history-items .content .exam-value:nth-child(3n+3){
   flex-grow: 1;
}
.exam-details.registered .exam-badge{
   color: #FFFFFF;
   font-size: 14px;
   font-family: 'noto_sanssemibold';
   position: absolute;
   top: -6px;
   left: 33px;
   background: #F97304;
   border-radius: 3px;
   padding: 2px 9px 0px;
}
.exam-details.registered .exam-badge::before{
   content: "";
   display: block;
   width: 14px;
   height: 6px;
   background: url(../images/exam/icon-exam-registered-curve.svg) top left no-repeat;
   background-size: 100%;
   position: absolute;
   top: 0;
   left: -9px;
   z-index: -1;
}
.single-exam-header{
   height: 349px;
   background: url(../images/exam/exam-header-bg.jpg) top left no-repeat;
   background-size: cover;
}
.single-exam-header .ast-container, .single-exam-header .wrap{
   height: 100%;
}
.single-exam-header .wrap{
   display: flex;
   justify-content: flex-end;
   flex-direction: column;
   color: #fff;
   padding-bottom: 11px;
}
.single-exam-header .top{
   font-size: 30px;
   margin-bottom: 26px;
}
.single-exam-header .top span{
   font-family: 'noto_sansblack';
   font-weight: normal;
   font-size: 38px;
   display: block;
   margin-top: 14px;
}
.single-exam-header .btm{
   display: flex;
   justify-content: space-between;
}
.single-exam-header .btm a.cta-exam-details{
   min-width: 129px;
}
.single-exam-header .btm .left{
   display: flex;
   flex-grow: 1;
}
.single-exam-header .btm .left > div{
   display: flex;
   padding-right: 10px;
   align-items: flex-start;
}
.single-exam-header .btm .left div.icon-date{
   flex: 1 1 21%;
   max-width: 21%;
}
.single-exam-header .btm .left div.icon-date img{
   margin-right: 14px;
}
.single-exam-header .btm .left div.icon-time{
   flex: 1 1 27%;
   max-width: 27%;
}
.single-exam-header .btm .left div.icon-time img{
   margin-right: 10px;
}
.single-exam-header .btm .left div.icon-venue img{
   margin-right: 11px;
}
.single-exam-header .btm .left div.icon-venue{
   flex-direction: column;
}
.single-exam-header .btm .left div.icon-venue .cta-top, .single-exam-header .btm .left div.icon-venue .icon-venue-top{
   display: flex;
}
.single-exam-content .cta-top{
   display: flex;
   padding-top: 19px;
   padding-bottom: 19px;
}
.single-exam-content .cta-top a, .single-exam-header .btm .left div.icon-venue .cta-top a{
   font-family: 'noto_sanssemibold';
   font-size: 14px;
   color: #313131;
}
.single-exam-header .btm .left div.icon-venue .cta-top a{
   color: #fff;
}
.single-exam-content .cta-top a span, .single-exam-header .btm .left div.icon-venue .cta-top a span{
   text-decoration: underline;
   font-family: 'noto_sanssemibold';
}
.single-exam-content .cta-top a:hover span, .single-exam-header .btm .left div.icon-venue .cta-top a:hover span{
   text-decoration: none;
}
.single-exam-content .cta-top > div, .single-exam-header .btm .left div.icon-venue .cta-top > div{
   display: flex;
   align-items: center;
}
.single-exam-content .cta-top .icon-google img{
   /* margin-left: -2px; */
}
.single-exam-content .cta-top .icon-google, .single-exam-header .btm .left div.icon-venue .cta-top .icon-google{
   margin-right: 21px;
}
.single-exam-content .cta-top .icon-waze, .single-exam-header .btm .left div.icon-venue .cta-top .icon-waze{
   margin-right: 33px;
}
.single-exam-content .exam-content{
   margin-top: 36px;
   padding: 0 17px 0 10px;
   line-height: 27px;
}
.single-exam-content .cta-btm{
   padding: 10px 5px 50px;
}
.single-exam-content .cta-btm a.cta-exam-details{
   min-width: 127px;
}
a.cta-back-exam{
   display: inline-block;
   padding: 0 15px;
   background: #fff;
   border: 1px solid #15B1D7;
   border-radius: 7px;
   line-height: 42px;
   /* height: 42px; */
   font-family: 'noto_sanssemibold' !important;
   font-size: 14px;
   color: #15B1D7;
   transition: all .3s ease-in-out;
   text-align: center;
   min-width: 92px;
   margin-right: 10px;
}
a.cta-back-exam:hover{
   background: #A7A7A7;
   color: #fff;
}
.form-wrap .form-row{
   display: flex;
   margin-left: -7px;
   margin-right: -7px;
}
.form-wrap .form-row .form-group{
   flex: 1 1 50%;
   max-width: 50%;
   margin: 0 7px;
}
.form-wrap .form-row .form-group + .form-group{
   margin-top: 0;
}
.form-wrap .form-row .form-group label{
   margin-bottom: 5px;
}
.form-wrap .form-row .form-group input[type="text"]{
   height: 50px;
}
.form-wrap .form-row{
   margin-bottom: 19px;
}
.form-wrap .form-row .form-group input[type="text"][disabled]{
   color: #979797;
}
body #exam-register-popup .al-popup .nipp_rb_div{
   max-width: 640px;
   margin-top: 87px;
}
body #exam-register-popup .al-popup .nipp_rb_div_bottom{
   padding: 16px 28px 30px 34px;
}
.form-wrap .form-row .form-group .form-select{
   position: relative;
}
.form-wrap .form-row .form-group select{
   width: 100%;
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border: 0;
   border-radius: 7px;
   background: #F8F8F8;
   height: 50px;
   padding-right: 35px;
}
.form-wrap .form-row .form-group .form-select::after{
   content: "";
   display: block;
   position: absolute;
   right: 22px;
   top: 50%;
   transform: translateY(-50%);
   background: url(../images/exam/icon-exam-select.svg) top left no-repeat;
   background-size: 100%;
   width: 13px;
   height: 7px;
}
.form-wrap .form-row .form-group .form-radio{
   display: flex;
   height: 50px;
   align-items: center;
}

.form-wrap .form-row .form-group .form-radio label{
   margin: 0;
   position: relative;
   display: flex;
}
.form-wrap .form-row .form-group .form-radio input{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border-radius: 50px;
   width: 22px;
   height: 22px;
   border: 1px solid #C4C4C4;
   margin-right: 9px;
}
.form-wrap .form-row .form-full-width{
   flex: 1 1 100%;
   max-width: 100%;
}
.form-wrap .form-row .form-group textarea{
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   border-radius: 7px;
   background: #F8F8F8;
   border: 0;
   height: 110px;
}
.form-wrap .form-submit {
   text-align: right;
   margin-top: -4px;
}
.form-wrap .form-submit button.btn-reg-submit{
   width: auto;
   margin-top: 0;
}
.account-exam-thankyou .kofu-confirmation-content{
   padding: 30px 29px 32px 12px
}
.account-exam-thankyou .kofu-confirmation-content > div{
   padding-left: 25px;
   padding-right: 26px;
}
.kofu-action .btn-exam-view{
   min-width: 170px;
}
.sgm-top-notification{
   /* display: none; */
   margin-left: 11px;
   padding-bottom: 1px;
}
.sgm-top-notification a{
   display: block;
   position: relative;
}
.sgm-top-notification a span{
   position: absolute;
   top: -5px;
   right: -9px;
   width: 17px;
   height: 17px;
   line-height: 17px;
   text-align: center;
   color: #fff;
   background: #FF0000;
   border-radius: 50%;
   font-size: 9px;
   transition: all .2s linear;
}
.sgm-top-notification a:hover svg path {
   fill: #15B1D7;
}
.sgm-top-notification a:hover span {
   top: -3px;
   background: #15B1D7;
}
.single-examination div#content.site-content{
   display: none;
}
.single-examination .mobile_sec, .single-examination .account-header{
   display: none !important;
}
.account-exam-thankyou .kofu-action a.btn-payment{
   min-width: 172px;
}
body .account-kofu-thankyou.account-exam-thankyou  p{
   margin-top: 24px;
}
.single-exam-header .date-remarks{
   border-radius: 8px;
   margin-top: 11px;
   float: none;
   max-width: 653px;
}
html[lang="zh-hans"] .single-exam-header .date-remarks{
   max-width: 414px;
}
.single-examination .new_floating_share{
   display: none;
}
#exam-register-popup .form-wrap .form-row .form-group select{
   line-height: 1.3;
}
.single-examination .exam-content table td{
   padding: 0;
   border: 0;
   vertical-align: bottom;
}
.mag-s-text {
   max-width: 874px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   font-size: 14px;
   color: #15B1D7;
   text-align: left;
   font-weight: bold;
}


.etax-note, .etax-note strong{
   margin-top: 5px;
   font-size: 11px;
   line-height: 1.4;
}
.etax-note strong, .content_collap_inner_bg .mg-db-list-right .etax-note strong{
   display: inline;
   font-size: 11px;
}
.etax-note a{
   font-size: 11px;
}
.etax-note strong.red{
   color: #FF0000;
}
.kofu-items .etax-note{
   margin-top: 0;
   margin-bottom: 5px;
   text-align: right;
   padding-right: 24px;
   line-height: 1.6;
}
.e-contlist .etax-note{
   display: block;
   text-align: right;
   padding-right: 73px;
}
.kofu-items.unpaid .etax-note, .kofu-items.unpaid .etax-note strong.red{
   color: #fff;
}
.kofu-items.unpaid .etax-note a{
   color: #fff;
   text-decoration: underline !important;
}
.kofu-items.unpaid .etax-note a:hover{
   text-decoration: none !important;
}
.account-contribution .kofu-items .etax-note{
   display: block;
   padding-right: 0;
   margin-bottom: 0;
}
.account-kofu-thankyou .etax-note{
   text-align: center;
   font-size: 12px;
   margin-bottom: 20px;
   display: block;
}

/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media {
   #exam-register-popup .form-wrap .form-row .form-group input[type="text"][disabled]{
      color: #313131;
   }
}}

@media (max-width: 1022px) and (min-width: 768px){
   #membership-upgrade-date{
      margin-left: 0;
   }
}
@media (min-width: 905px) {
   .my-account-menu #menu-all{
      /* display: none; */
   }
}
@media (max-width: 1024px) {
   .sgm-top-accessibility {
      display: none;
   }
   .sgm-top-notification{
      margin-right: 20px;
   }
}
@media (max-width: 1023px) {
   .form-filters-row .left{
      flex: 0 0 40%;
   }
   .form-filters-row .right{
      flex: 0 0 50%;
   }
}
@media (max-width: 991px) {
   .form-filters-row .left{
      flex: 0 0 30%;
      padding-right: 15px;
   }
   .form-filters-row .right{
      flex: 0 0 65%;
   }
   .register-wrapper:before{
      display: none;
   }
   .register-wrapper .left{
      display: none;
   }
   .register-wrapper .right{
      flex: 1 1 100%;
      padding: 32px 17px 72px;
   }
   .log-reg-menu a{
      font-size: 20px;
   }
   .register-wrapper .right h2{
      font-size: 23px;
      margin-bottom: 12px;
   }
   .register-wrapper .right h2 i{
      position: relative;
      right: unset;
      top: unset;
      margin-left: 7px;
      margin-top: 12px;
      transform: none;
   }
   .login-link{
      margin-top: 24px;
   }
   .my-account-menu{
      padding-right: 79px;
   }
   .account-statusbar{
      align-items: flex-start;
   }
   .account-statusbar div{
      flex-direction: column;
      justify-content: center;
      padding:  0 2.5px;
      font-size: 10px;
      line-height: 12px;
      text-align: center;
      color: #313131;
   }
   .account-statusbar i{
      margin-right: 0;
      margin-bottom: 7px;
   }
   .exam-details .right .col1{
      flex: 0 0 31%;
      max-width: 31%;
   }
   .exam-details .left{
      flex-direction: column;
   }
   .account-exam-history{
      flex-direction: column;
      align-items: center;
   }
   .account-exam-history .right{
      width: 100%;
   }
   .account-exam-history .left{
      max-width: 100%;
      flex: 1 1 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-bottom: 35px;
   }
   .exam-details .right .btm{
      display: flex;
      flex-direction: column-reverse;
   }
   .date-remarks{
      float: none;
   }
   .exam-details.registered .right .btm .cta{
      float: none;
      margin-bottom: 15px;
   }
   .exam-details.registered .right .btm .cta a{
      display: block;
   }
   .exam-details.registered .date-remarks{
      max-width: unset;
   }
}
@media (min-width: 768px) {
   .my-account-mobile-menu, #mobile-filter, #mobile-search-tags, #mobile-view-legend, #mobile-payment-status, #mobile-payment-cta, .mobile-payment-receipt-items, #mobile-kofu-total-price, #mobile-lumpsum, .hide-desktop, .kofu-payment-table .content-mobile, .mobile-receipt-outdate, #mobile-col2, #member-mobile-lastcol, .exam-history-items #mobile-content.content, .exam-details.registered .right #mobile-top.top{
      display: none;
   }
}
@media (max-width: 767px) {
   #membership-upgrade-date{
      margin-left: 0;
   }
   #terminate-kofu-popup p.font-size-16{
      font-size: 16px;
   }
   .form-filters-row .left{
      flex: 1 1 100%;
      padding-right: 8px;
   }
   .form-filters-row .right{
      flex: 1 1 70px;
      max-width: 70px;
   }
   button.btn-kofu-search{
      margin-left: 0;
   }
   .form-filters-row .right .kofu-select-wrap{
      display: none;
   }
   .account-header, .my-account-menu-wrapper{
      display: none;
   }
   .page-template-template-my-account-page .breadcrumbs_contain_sec, .page-template-template-my-account-page .mobile_breadcrumbs{
      display: none !important;
   }
   .account-contribution{
      margin-top: 13px;
   }
   .menu-contribution{
      border: 1px solid #E0E0E0;
      border-radius: 8px;
   }
   .menu-contribution div.reg-radio + div.reg-radio{
      margin-left: 0;
   }
   .menu-contribution div.reg-radio .checkmark{
      display: none;
   }
   .menu-contribution div.reg-radio{
      width: auto;
      flex-grow: 1;
      margin-bottom: 0;
      height: 41px;
   }
   .menu-contribution div.reg-radio label{
      border:0;
      border-radius: 8px;
      background-color: #fff;
   }
   .menu-contribution div.reg-radio input:checked ~ label{
      background: #15B1D7;
      padding: 12px 20px;
   }
   .menu-contribution div.reg-radio input:checked ~ label span{
      font-family: 'noto_sansmedium';
      color: #fff;
   }
   .menu-contribution div.reg-radio span{
      font-size: 14px;
      line-height: 18px;
   }
   .menu-contribution div.reg-radio label:after{
      /* display: none; */
   }
   .account-topbar{
      margin-top: 22px;
   }
   .page-template-template-my-account-page #primary .account-topbar h5{
      font-size: 23px;
      margin-bottom: 10px;
      line-height: 31px;
   }
   .account-membership .form-filters-row{
      align-items: flex-start;
      flex-direction: column-reverse;
   }
   .account-membership .form-filters-row .kofu-select-wrap{
      margin-bottom: 11px;
   }
   .account-membership .account-topbar h5, .account-contribution .account-topbar h5{
      font-size: 23px;
      margin-bottom: 17px;
   }
   i.info{
      line-height: 19px;
   }
   .account-topbar .btn-create-kofu{
      display: none;
   }
   .kofu-details a.cta-create-kofu{
      /* background: #074C99;
      color: #fff; */
   }
   #mobile-view-legend{
      display: block;
      margin-top: 7px;
      text-align: center;
   }
   #mobile-view-legend a{
      font-weight: bold;
      font-size: 12px;
      line-height: 19px;
      color: #313131;
      display: flex;
      justify-content: center;
      align-items: center;
   }
   #mobile-view-legend a span{
      width: 20px;
      height: 20px;
      line-height: 18px;
      display: inline-block;
      border-radius: 50%;
      background-color: #313131;
      color: #fff;
      font-weight: 300;
      font-size: 20px;
      margin-right: 6px;
      vertical-align: middle;
      padding-left: 1px;
   }
   .account-statusbar{
      max-height: 0;
      opacity: 0;
      visibility: hidden;
      transition: max-height .2s ease-in-out;
   }
   .account-statusbar.active{
      max-height: 200px;
      opacity: 1;
      visibility: visible;
   }
   #mobile-view-legend a.active span{
      padding-left: 0;
   }
   .kofu-items .content .top .left > div{
      width: 100%;
   }
   .kofu-items .kofu-status{
      float: right;
   }
   .kofu-items .content .top{
      padding-left: 15px;
      padding-right: 16px;
   }
   .kofu-items .content .top .left{
      width: 100%;
   }
   .kofu-items .content .top .right{
      display: none;
   }
   .kofu-items .content .col2{
      border: 0;
      margin: 0;
      padding-top: 20px;
      padding-bottom: 0;
   }
   .kofu-items .content .top .left .col2, .kofu-items .content .top .left .col3, .kofu-items .content .top .left .col4{
      display: flex;
      margin-left: 0;
   }
   .kofu-items .kofu-value{
      width: 50%;
      padding-right: 10px;
   }
   .kofu-items .kofu-value + .kofu-value{
      margin-top: 0;
   }
   .kofu-items .kofu-shares{
      display: block;
   }
   #mobile-payment-status{
      float: right;
      margin-right: 38px;
   }
   #mobile-payment-status .kofu-payment-status{
      padding-top: 68px;
   }
   #mobile-payment-status .kofu-payment-status::before{
      width: 56px;
      height: 56px;
   }
   .kofu-items .content .btm{
      margin-top: 12px;
      margin-left: 15px;
      margin-right: 16px;
      margin-bottom: 11px;
      border-radius: 5px;
   }
   .kofu-items .content .btm a{
      padding-left: 29px;
   }
   .kofu-items .content .btm a::before{
      left: 8px;
   }
   .kofu-share-content{
      padding: 15px 11px 7px;
      flex-direction: column;
      margin-bottom: 0;
   }
   .kofu-share-content .left-share-content{
      width: 100%;
      border: 0;
      padding-right: 0;
      border-bottom: 1px solid #D8D8D8;
   }
   .kofu-share-content .right-share-content{
      padding-left: 0;
      padding-top: 14px;
   }
   .payment-receipt-notice{
      text-align: left;
   }
   .payment-receipt-wrap{
      flex-direction: column;
      align-items: center;
   }
   .payment-receipt-items{
      display: none;
   }
   .mobile-payment-receipt-items.payment-receipt-items{
      display: flex;
      flex-direction: row;
      width: 100%;
      flex: 1 1 100%;
      max-width: 100%;
      justify-content: space-between;
      align-items: flex-start;
   }
   .payment-receipt-items .payment-date{
      margin-top: 0;
   }
   .mobile-payment-receipt-items .left{
      flex: 0 0 34%;
      max-width: 34%;
   }
   .mobile-payment-receipt-items .payment-status{
      flex: 0 0 27px;
      max-width: 27px;
   }
   .mobile-payment-receipt-items .right{
      flex: 0 0 48%;
      max-width: 48%;
      margin-bottom: 21px;
   }
   .payment-receipt-items .payment-receipt-no{
      line-height: 13px;
   }
   .account-header2{
      min-height: 88px;
   }
   .account-header2 h1{
      font-size: 23px;
      line-height: 31px;
   }
   .kofu-steps > div > span.number, .kofu-steps > div > span.text{
      display: none;
   }
   .kofu-steps{
      height: 1px;
   }
   .kofu-steps .step2{
      margin-left: 0;
   }
   .kofu-steps .step1 .kofu-progress span, .kofu-steps .step2 .kofu-progress span{
      top: -5px;
   }
   .kofu-steps.step2active .step2{
      width: 100%;
   }
   .kofu-steps.step2active .step2 .kofu-progress::before{
      left: 0;
   }
   .kofu-steps.step2active .step2 .kofu-progress span{
      right: 0;
   }
   .kofu-content h5.kofu-title{
      margin-bottom: 21px;
      font-size: 20px;
   }
   .kofu-share-selection{
      flex-direction: column-reverse;
   }
   .kofu-share-form-price{
      display: none;
   }
   #mobile-kofu-total-price.kofu-share-form-price{
      display: flex;
      align-items: center;
      padding-left: 24px;
      padding-bottom: 11px;
      margin-top: 7px;
   }
   #mobile-kofu-total-price.kofu-share-form-price p{
      margin-right: 8px;
   }
   .kofu-share-selection .left{
      padding-left: 24px;
      padding-right: 26px;
   }
   .kofu-share-selection .right{
      padding-left: 21px;
      display: flex;
      flex-direction: row;
      align-items: center;
   }
   body .kofu-share-selection .right h6{
      margin-bottom: 0;
      margin-right: 16px;
   }
   .kofu-share-selection .left{
      flex: 0 0 100%;
      max-width: 100%;
      border: 0;
   }
   .kofu-share-buttons{
      height: 136px;
   }
   .kofu-confirmation-content{
      flex-wrap: wrap;
      padding-right: 12px;
   }
   .kofu-confirmation-content > div{
      flex: 0 0 50%;
      max-width: 50%;
      padding: 0 12px;
      border: 0;
      margin-bottom: 12px;
   }
   .kofu-confirmation-content > div + div{
      border: 0;
   }
   .kofu-confirmation-content{
      padding-top: 17px;
      padding-bottom: 21px;
   }
   .my-account-wrapper.my-account-wrapper3{
      padding-top: 27px;
   }
   .kofu-payment-details{
      flex-wrap: wrap;
      margin-bottom: 10px;
   }
   .kofu-payment-details > div{
      flex: 0 0 50%;
      max-width: 50%;
      margin-bottom: 20px;
   }
   .kofu-payment-details > div + div{
      border: 0;
      padding-left: 0;
   }
   .kofu-payment-details > div:nth-child(2n){
      border-left: 1px solid #D8D8D8;
      padding-left: 22px;
   }
   i.payment-outstanding-text{
      line-height: 21px;
   }
   .kofu-payment-method .selection{
      flex-direction: column;
   }
   .kofu-payment-method .selection div.reg-radio:last-child{
      margin-left: 0;
      margin-bottom: 0;
   }
   .kofu-payment-method .selection div.reg-radio{
      width: 100%;
   }
   .kofu-payment-method .selection div.reg-radio label:after{
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
   }
   .payment-method-details{
      border-top-left-radius: 0;
      border-top-right-radius: 0;
   }
   #mobile-lumpsum {
      justify-content: center;
      align-items: center;
      font-weight: 800;
      font-size: 23px;
      line-height: 30px;
      color: #FFFFFF;
      height: 100%;
      height: 83px;
      background: #15B1D7;
      border: 1px solid #15B1D7;
      border-radius: 10px;
      overflow: hidden;
      margin-top: -8px;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      margin-bottom: 8px;
      display: none;
   }
   #mobile-lumpsum.active{
      display: flex;
   }
   .account-kofu-payment .payment-method-details{
      display: none;
      height: 113px;
   }
   .account-kofu-payment .payment-method-details.not_new_payment{
      height: auto;
   }
   .account-kofu-payment .payment-method-details.active{
      display: block;
   }
   .account-membership-payment .payment-method-details{
      display: none;
   }
   .account-membership-payment .payment-method-details.active{
      display: block;
   }
   .account-kofu-payment .payment-method-details div.reg-radio .checkmark{
      right: 11px;
      top: 0;
      transform: none;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio .checkmark{
      top: 50%;
      right: 20px;
      transform: translateY(-50%);
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio + div.reg-radio{
      border-left: 0;
   }
   .account-kofu-payment .payment-method-details.not_new_payment.phase-2-complete div.reg-radio + div.reg-radio{
      border-left: 1px solid #15B1D7;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio:last-child{
      position: relative;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio:last-child::before{
      content: "";
      display: block;
      position: absolute;
      width: 1px;
      height: 70%;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      background: #fff;
   }
   .account-kofu-payment .kofu-payment-method.not_new_payment div.reg-radio .checkmark{
      right: 20px;
   }
   .account-kofu-payment .kofu-payment-method.not_new_payment .phases div.reg-radio .checkmark{
      right: 16px;
   }
   .account-kofu-payment .payment-method-details.not_new_payment.phase-2-complete div.reg-radio:last-child::before{
      display: none;
   }
   .account-kofu-payment .payment-method-details div.reg-radio {
      height: 86px;
   }
   .account-kofu-payment .payment-method-details div.reg-radio span{
      top: 30px;
      transform: none;
      left: 14px;
      font-size: 14px;
      line-height: 1.2;
   }
   .account-kofu-payment .payment-method-details div.reg-radio span strong{
      font-size: 20px;
   }
   .kofu-action a.btn-edit-shares{
      position: relative;
      top: unset;
      left: unset;
      transform: none;
      margin-top: 20px;
      display: inline-block;
   }
   .kofu-payment-method .kofu-action{
      display: block;
      text-align: center;
   }
   #mobile-payment-cta{
      text-align: center;
      padding-bottom: 18px;
      margin-left: 15px;
      margin-right: 16px;
   }
   #mobile-payment-cta .cta-kofu-payment{
      width: 100%;
   }
   .kofu-confirmation-content .title, .kofu-payment-details .title{
      line-height: 22px;
   }
   .payment-receipt-items .payment-status.payment-phase-1::before, .payment-receipt-items .payment-status.complete.payment-phase-2::before, .payment-receipt-items .payment-status.payment-phase-3::before, .payment-receipt-items .payment-status.complete.payment-phase-3::before{
      width: 5px;
      height: 500px;
      bottom: 0;
      top: unset;
      left: 50%;
      right: unset;
      transform: translateX(-50%);
   }
   .payment-receipt-items .payment-status.payment-phase-3::before{
      background: url(../images/icon-payment-status-dot4.png) top center repeat-y;
      background-size: 3px 16px;
   }
   .account-kofu-edit-share .kofu-payment-details{
      margin-bottom: 0;
   }
   .account-kofu-edit-share .kofu-content{
      margin-top: 15px;
   }
   .kofu-items.membership-items .content .member-btm{
      flex-direction: column;
   }
   .kofu-items.membership-items .content .member-btm .left{
      display: flex;
      padding-right: 0;
      border: 0;
      margin-bottom: 14px;
   }
   .kofu-items.membership-items .content .member-btm .left > div, .kofu-items.membership-items .content .member-btm .right > div{
      flex: 0 0 50% !important;
      max-width: 50% !important;
      padding-right: 10px;
   }
   .kofu-items.membership-items .content .member-btm .left > div + div{
      margin-top: 0;
   }
   .kofu-items.membership-items .content .member-btm .right{
      padding-left: 0;
      flex-wrap: wrap;
   }
   .kofu-items.membership-items .content .member-btm .right .member-col4{
      display: none;
   }
   i.mobile-receipt-outdate {
      font-size: 11px;
      color: #FF0000;
      margin-top: 18px;
   }
   .kofu-items.membership-items .content .member-btm .right .member-col1, .kofu-items.membership-items .content .member-btm .right #mobile-col2{
      margin-bottom: 19px;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .right{
      flex: 1 1 100%;
      max-width: 100%;
      padding-left: 0;
      margin-top: 20px;
      min-height: unset;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .right i {
      display: none;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .right .membership-balance{
      flex: 0 0 100% !important;
      max-width: 100% !important;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .left{
      flex: 1 1 100%;
      max-width: 100%;
   }
   .membership-balance a.cta-membership-payment{
      display: block;
      width: 100%;
      margin-top: 20px;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .image-membership, .kofu-items.membership-items.unpaid .content .member-btm .image-amount, .kofu-items.membership-items.unpaid .content .member-btm .image-payment-method{
      float: none;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .left .member-col3, .kofu-items.membership-items.unpaid .content .member-btm .left .member-col2 div:last-child{
      display: none;
   }

   #member-mobile-lastcol{
      display: flex;
   }
   #member-mobile-lastcol > div{
      flex: 0 0 50%;
      max-width: 50%;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .image-term{
      flex-direction: column;
   }
   .kofu-items.membership-items.unpaid .content .member-btm .image-term .image{
      flex-grow: 0;
   }
   .kofu-payment-table{
      text-align: left;
      border: 0;
      border-radius: 0;
   }
   .kofu-payment-table .heading, .kofu-payment-table .content{
      display: none;
   }
   .kofu-payment-table .content-mobile.content{
      display: block;
   }
   .kofu-payment-table .content-mobile{
      border-radius: 7px;
      overflow: hidden;
      border: 1px solid #A7A7A7;
      padding-top: 0;
      padding-bottom: 10px;
      margin-bottom: 10px;
   }
   .kofu-payment-table .content-mobile .heading{
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      font-size: 15px;
      color: #FFFFFF;
      padding-left: 24px;
      padding-right: 9px;
   }
   .mobile-content-value{
      padding: 0 24px;
      margin-top: 8px;
      display: flex;
   }
   .kofu-payment-table .content-mobile .text-pending{
      padding: 0 24px;
      margin-top: 8px;
      font-weight: bold;
      font-size: 15px;
      color: #FF0000;
      display: block;
   }
   .mobile-content-value > div:first-child{
      font-weight: normal;
      font-size: 13px;
      min-width: 150px;
   }
   .mobile-content-value > div:last-child{
      font-weight: bold;
   }
   .account-kofu-payment .payment-method-details.not_new_payment .phases{
      height: auto;
      flex-wrap: wrap;
      border: 2px solid #15B1D7;
      border-radius: 7px;
      border-top: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      overflow: hidden;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio{
      /* height: 184px;
      border-radius: 0;
      width: 34%; */
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio span{
      top: 50px;
   }
   .account-kofu-payment .kofu-payment-method .selection div.reg-radio.phase-selected label::after {
      border-bottom: 0;
   }
   .account-kofu-payment .kofu-payment-method div.reg-radio.phase-selected label{
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom: 0;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio{
      border-radius: 0;
      height: 70px;
      border: 1px solid #15B1D7;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio.disabled, .account-kofu-payment .payment-method-details.not_new_payment.phase-2-complete div.reg-radio{
      width: 100%;
      flex: 1 1 100%;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio{
      width: 50%;
      flex: 1 1 50%;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio.disabled{
      height: 64px;
      border-bottom: 0;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio.disabled span{
      top: 6px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      left: 0;
      right: 0;
      padding-left: 19px;
      padding-right: 15px;
      transform: none;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio.disabled span > div{
      max-width: 50%;
      flex: 1 1 50%;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio span{
      top: 50%;
      transform: translateY(-50%);
      left: 20px;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio.disabled span .receipt-text{
      margin-top: 0;
      padding-left: 15px;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio.disabled span::before {
      display: none;
   }
   .membership-payment-details > div:first-child{
      padding-left: 0;
   }
   .membership-payment-details > div{
      padding-left: 16px;
      padding-right: 16px;
   }
   .kofu-payment-method div.reg-radio .checkmark{
      right: 11px;
   }
   .membership-payment-method h6{
      font-size: 20px !important;
   }
   .membership-payment-method .kofu-payment-details > div, .membership-payment-details > div{
      flex: 1 1 100%;
      max-width: 100%;
      flex-direction: row;
      align-items: center;
      margin-bottom: 3px;
   }
   .membership-payment-details{
      flex-direction: column;
      margin-bottom: 0;
   }
   .membership-payment-details > div + div{
      border: 0;
      padding-left: 0;
   }
   .membership-payment-method .kofu-payment-details > div:nth-child(2n){
      border: 0;
      padding: 0;
   }
   .membership-payment-method .kofu-payment-details .value{
      margin-left: 5px;
   }
   .account-membership-payment .kofu-steps{
      margin-top: -10px;
   }
   .account-membership-payment .kofu-confirmation-content > div:last-child{
      flex: 1 1 100%;
      max-width: 100%;
   }
   .account-kofu-create{
      padding-bottom: 15px;
   }
   .exam-details{
      flex-direction: column;
      padding: 25px 18px 16px;
   }
   .exam-details.registered{
      padding: 35px 18px 20px;
   }
   .exam-details.registered .left{
      padding-top: 0;
   }
   .exam-details .left{
      padding-top: 0;
      padding-right: 0;
      flex: 1 1 100%;
      max-width: 100%;
      flex-direction: row;
   }
   .exam-details .left .icon{
      width: 39px;
      height: 48px;
      margin-right: 20px;
      margin-left: 4px;
   }
   .exam-details .left .title .type h5{
      font-size: 23px;
      margin-bottom: 0;
   }
   .exam-details.registered .left .id{
      padding-top: 8px;
   }
   .exam-details .left .id{
      padding-top: 0;
   }
   .exam-details .center{
      width: 100%;
      height: 1px;
      min-height: unset;
      margin-top: 13px;
   }
   .exam-details .right{
      padding-left: 0;
   }
   .exam-details .right{
      padding-top: 18px;
   }
   .exam-details.registered .right .top{
      padding-left: 0;
   }
   .exam-details .right .top{
      padding-left: 0;
      flex-direction: column;
      align-items: unset;
   }
   .exam-details .right .col1, .exam-details .right .col2, .exam-details .right .col4{
      flex: 1 1 100%;
      max-width: 100%;
   }
   .exam-details .right .top .col1, .exam-details .right .top .col2{
      padding-left: 3px;
   }
   .exam-details .right .col1{
      margin-bottom: 17px;
   }
   .exam-details .right .col2{
      margin-bottom: 15px;
   }
   .cta-exam-view{
      width: 100%;
   }
   .account-exam{
      margin: 0 5px;
   }
   .exam-details .right .col1 img{
      margin-right: 24px;
   }
   .exam-details .right .col2 img, .exam-details .right .col3 img{
      margin-right: 23px;
   }
   .account-exam-history{
      background: transparent;
      box-shadow: none;
      padding: 0;
   }
   .exam-history-items .content{
      display: none;
   }
   .exam-history-items #mobile-content.content{
      display: flex;
      flex-wrap: wrap;
   }
   .exam-history-items .content .exam-value{
      flex: 1 1 50% !important;
      max-width: 50% !important;
      padding-right: 10px;
      min-height: unset;
      margin-bottom: 15px;
   }
   .single-exam-header .btm{
      flex-direction: column;
   }
   .single-exam-header .btm .left{
      flex-direction: column;
   }
   .single-exam-header .btm a.cta-exam-details{
      width: 100%;
      margin-top: 30px;
   }
   .single-exam-header .date-remarks{
      max-width: unset;
   }
   .single-exam-header{
      height: 438px;
   }
   .single-exam-header .wrap{
      padding-bottom: 20px;
      padding-left: 17px;
      padding-right: 17px;
   }
   .single-exam-header .btm .left > div{
      flex: 1 1 100% !important;
      max-width: 100% !important;
   }
   .single-exam-header .btm .left > div + div{
      margin-top: 18px;
   }
   .single-exam-header .btm .left .icon-venue{
      margin-bottom: 28px;
      margin-top: 10px;
   }
   .single-exam-header .btm .left .icon-time{
      margin-top: 10px;
   }
   #exam-register-popup .nipp_rb_sec_wrapepr{
      padding: 0;
   }
   .single-exam-content .cta-top{
      padding-top: 7px;
   }
   .single-exam-content .cta-top a{
      font-size: 11px;
   }
   .single-exam-content .exam-content{
      padding: 0px 8px 0px 7px;
      line-height: 25px;
   }
   .single-exam-content .cta-btm{
      padding: 0px 8px 50px;
   }
   body #exam-register-popup .al-popup .nipp_rb_div{
      max-width: unset;
      margin-top: 0;
      width: 100%;
      border-radius: 0;
   }
   body #exam-register-popup .al-popup .nipp_rb_div_bottom{
      padding: 12px 25px 29px 26px;
   }
   body #exam-register-popup .form-wrap .form-row{
      display: block;
   }
   body #exam-register-popup .form-wrap .form-row .form-group{
      flex: 1 1 100%;
      max-width: 100%;
      margin: 0;
      margin-left: 9px;
   }
   body #exam-register-popup .form-wrap .form-row .form-group + .form-group{
      margin-top: 19px;
   }
   body #exam-register-popup .form-wrap .form-submit button.btn-reg-submit{
      width: 100%;
   }
   body #exam-register-popup .form-wrap .form-row .form-group .form-radio label{
      width: 125px;
   }
   .exam-details.registered .right{
      padding-left: 0;
   }
   .exam-details.registered .right .top{
      display: none;
   }
   .exam-details.registered .right #mobile-top.top{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
   }
   .exam-details.registered .right #mobile-top.top .exam-value{
      flex: 1 1 50% !important;
      max-width: 50% !important;
      padding-right: 10px;
      min-height: unset;
      margin-bottom: 12px;
      display: block;
      margin-top: 13px;
      font-size: 12px;
   }
   .exam-details.registered .right #mobile-top.top .exam-value strong{
      font-size: 15px;
   }
   .exam-details.registered .right #mobile-top.top #special-request.exam-value,.exam-details.registered .right #mobile-top.top #remark.exam-value {
      flex: 1 1 100% !important;
      max-width: 100% !important;
   }
   .exam-details.registered .right #mobile-top.top i.icon-tooltip{
      vertical-align: middle;
      margin-left: 5px;
   }
   .single-exam-header .top{
      font-size: 20px;
   }
   .single-exam-header .top span{
      font-size: 33px;
      margin-top: 10px;
   }
   #register-exam-form .form-wrap .form-row .form-group input[type="text"]{
      height: 42px;
   }
   #register-exam-form .form-wrap .form-row .form-group label{
      line-height: 23px;
      margin-bottom: 0;
   }
   #register-exam-form .form-wrap .form-row{
      margin-bottom: 17px;
   }
   #register-exam-form .al-popup .nipp_rb_div_close{
      right: 2px;
      top: 5px;
   }
   .account-exam .account-topbar{
      margin-top: 0;
   }
   .page-template-template-my-account-page #primary .account-exam .account-topbar h5{
      margin-bottom: 15px;
   }
   .account-exam-history .chart{
      margin-left: 20px;
      margin-bottom: 10px;
   }
   .account-exam-history .left{
      margin-bottom: 30px;
   }
   .exam-history-items .heading{
      padding: 7px 16px;
   }
   .exam-history-items .content{
      padding-right: 3px;
   }
}
@media (max-width: 544px) {
   #login-popup .al-popup .nipp_rb_div_bottom{
      margin-top: 65px;
   }
}
@media (max-width: 479px) {
   .reg-form-wrap {
      width: 100%;
   }
   .account-membership-payment .payment-method-details.not_new_payment div.reg-radio .checkmark{
      top: 5px;
      right: 10px;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio.disabled span .receipt-text{
      font-size: 11px;
   }
}
@media (max-width: 420px) {
   .menu-contribution div.reg-radio span{
      left: 10px;
   }
   .payment-method-details div.reg-radio span strong{
      font-size: 17px !important;
   }
   .account-kofu-payment .payment-method-details div.reg-radio span{
      font-size: 13px;
   }
}
@media (max-width: 400px) {
   .account-kofu-payment .payment-method-details{
      /* padding-bottom: 15px; */
      height: auto;
   }
}
@media (max-width: 375px) {
   .register-wrapper .right{
      padding-left: 16px;
      padding-right: 10px;
      padding-bottom: 44px;
   }
   .register-wrapper.forgot-username .right,
   .register-wrapper.forgot-password .right{
     padding: 14px 10px 44px 19px;
   }
   .register-wrapper.signup-main .right{
     padding: 33px 17px 33px;
   }
   .register-wrapper.forgot-username .right p,
   .register-wrapper.forgot-password .right p{
     margin-top: 11px;
   }
   .register-wrapper.forgot-username .right h2,
   .register-wrapper.forgot-password .right h2{
     margin-top: 19px;
   }
   .register-wrapper.signup-main .forgot-link{
     margin-top: 16px;
   }
   .register-wrapper.forgot-username .login-link.return-link,
   .register-wrapper.forgot-password .login-link.return-link{
     margin-top: 0px;
     padding-bottom: 123px;
   }
   .register-wrapper.signup-main .login-link.reg-step-1-link{
     margin-top: 19px;
     margin-bottom: 93px;
   }
   .register-wrapper.signup-main .right h2{
     margin-bottom: 20px;
   }
   .register-wrapper .right h2{
     margin-bottom: 0px;
     line-height: 30px;
   }
   .register-wrapper.signup-main .right .form-group{
     margin-top: -4px;
   }
   .register-wrapper.signup-main .form-group + .form-group{
     margin-top: 15px;
   }
   .log-reg-menu{
      margin-top: 7px;
      margin-bottom: 26px;
   }
   .log-reg-menu a{
      line-height: 28px;
      width: 49%;
   }
   .form-group input[type=text], .form-group input[type=email], .form-group input[type=password]{
      height: 45px;
   }
   html body #page .form-group .label-checkbox{
      margin-top: -3%;
   }
   html body #page .form-group.reg-step-2-form-group i{
     margin-top: 2px;
   }
   .register-wrapper.signup-main .right button.btn-reg-submit{
      margin-top: 17px;
   }
   .register-wrapper.signup-main .right button.btn-reg-submit.reg-non-step-1{
      margin-top: 15px;
   }
   .register-wrapper.signup-main button.btn-reg-submit.reg-step-2{
     margin-bottom: 108px;
   }
   .register-wrapper.signup-main button.btn-reg-submit.reg-step-3{
     margin-top: 48px;
     margin-bottom: 35px;
   }
   button.btn-reg-submit{
      margin-top: 20px;
   }
   .reg-form-wrap{
     margin-top: -7px;
   }
   .reg-step{
     margin-top: 5px;
   }
   .forgot-link{
     margin-top: 15px;
   }
   .add-text.reg-add-text{
     margin-top: 0px;
   }
   .menu-contribution .reg-radio:first-child{
      width: 95px;
   }
   .menu-contribution div.reg-radio span{
      left: 0;
      right: 0;
      text-align: center;
   }
   .account-kofu-thankyou .kofu-confirmation-content > div:last-child{
      flex: 1 1 100%;
      max-width: 100%;
   }
   .account-kofu-thankyou.account-kofu-share-thankyou .kofu-confirmation-content > div:last-child{
      flex: 1 1 50%;
      max-width: 50%;
   }
   .membership-payment-method .payment-method-details.not_new_payment, .membership-payment-method .payment-method-details.not_new_payment div.reg-radio{
      height: 170px;
   }
   .membership-payment-method .payment-method-details.not_new_payment .phases{
      height: auto;
   }
   .membership-payment-method .payment-method-details.not_new_payment div.reg-radio .checkmark{
      width: 25px;
      height: 25px;
   }
   .exam-details.registered .exam-badge{
      left: 19px;
   }
}
@media (max-width: 360px) {
   .exam-details.registered .exam-badge{
      font-size: 11px;
   }
}
@media (max-width: 352px) {
   .kofu-details a.cta-create-kofu{
      font-size: 15px;
      line-height: 1.6;
      height: auto;
      padding: 25px 23px;
   }
}
@media (max-width: 334px) {
   .kofu-share-form-group input[type="number"]{
      width: 60px;
   }
   .account-kofu-payment .payment-method-details div.reg-radio span{
      left: 5px;
   }
   .account-kofu-payment .payment-method-details.not_new_payment div.reg-radio:last-child::before {
      left: -5px;
   }
}
@media (max-width: 320px){
}

/* == ZH_HANS == */

/* font-family: 'noto_sanssemibold'; */
html[lang="zh-hans"] .my-account-menu ul.s-menu li a, html[lang="zh-hans"] .my-account-menu #menu-all, html[lang="zh-hans"] .my-account-menu #menu-all span, html[lang="zh-hans"] .my-account-menu ul#menu-all-sub a, html[lang="zh-hans"] .a-noti .a-noti-more a, html[lang="zh-hans"] a.btn-login, html[lang="zh-hans"] button.btn-reg-submit, html[lang="zh-hans"] .kofu-items .dty, html[lang="zh-hans"] .kofu-items .kofu-status, html[lang="zh-hans"] .kofu-items .kofu-shares a, html[lang="zh-hans"] .kofu-items .content .btm a, html[lang="zh-hans"] .share-source-update .dt, html[lang="zh-hans"] .payment-receipt a, html[lang="zh-hans"] .payment-receipt a span, html[lang="zh-hans"] .kofu-details a.cta-create-kofu, html[lang="zh-hans"] .kofu-share-form-group i, html[lang="zh-hans"] .exam-details.registered .badge, html[lang="zh-hans"] .single-exam-content .cta-top a, html[lang="zh-hans"] .account-notifications .a-title .cta-notification-view, html[lang="zh-hans"] .single-exam-content .cta-top a span{
   font-weight: bold;
}

/* font-family: 'noto_sansmedium'; */
html[lang="zh-hans"] .page-template-template-my-account-page #primary .a-noti h5, html[lang="zh-hans"] .reg-step .type, html[lang="zh-hans"] body #page .login-link p a, html[lang="zh-hans"] body #page .forgot-link p a, html[lang="zh-hans"] body #page .add-text p a, html[lang="zh-hans"] body #page .form-group i a, html[lang="zh-hans"] body #page i.resend-code a, html[lang="zh-hans"] #timer, html[lang="zh-hans"] #timer2, html[lang="zh-hans"] .my-account-mobile-menu, html[lang="zh-hans"] .my-account-mobile-menu .current, html[lang="zh-hans"] .my-account-mobile-menu ul li a, html[lang="zh-hans"] #mobile-filter-box .modal-header .cta-clear-filters, html[lang="zh-hans"] #mobile-filter-box .modal-body h6{
   font-weight: 500;
}
@media (max-width: 767px) {
   html[lang="zh-hans"] .menu-contribution div.reg-radio input:checked ~ label span{
      font-weight: 500;
   }
}

/* font-family: 'noto_sansextrabold'; */
html[lang="zh-hans"] .account-header-wrap .account-name, html[lang="zh-hans"] .register-wrapper .right h2, html[lang="zh-hans"] .kofu-content h5.kofu-title, html[lang="zh-hans"] .kofu-share-form-group input[type="number"], html[lang="zh-hans"] .payment-method-details div.reg-radio span strong, html[lang="zh-hans"] .simplePagination input[type=number], html[lang="zh-hans"] .account-membership .account-topbar h5, html[lang="zh-hans"] #confirmbox h5, html[lang="zh-hans"] .membership-payment-method h6, html[lang="zh-hans"] #outstandingbox h5, html[lang="zh-hans"] body .account-topbar h5, html[lang="zh-hans"] .account-exam-history .chart strong, html[lang="zh-hans"] .a-noti .a-noti-heading .title{
   font-weight: bold;
}
/* font-family: 'noto_sansblack'; */
html[lang="zh-hans"] body .account-kofu-thankyou h3, html[lang="zh-hans"] .register-wrapper .left h1, html[lang="zh-hans"] .single-exam-header .top span{
   font-weight: bold;
}
html[lang="zh-hans"] .share-source-update .dt{
   width: 120px;
}
/* == ZH_HANS == */


/* == ECON == */
body #add-popup .al-popup .nipp_rb_div{
   max-width: 640px;
}
#cta-add-contributor{
   cursor: pointer;
}
.form-group .radio-wrap{
   display: flex;
   margin-top: 15px;
}
html body #page .form-group .radio-wrap i{
   margin-top: 0;
}
html body #page .form-group .radio-wrap .reg-radio + .reg-radio{
   margin-left: 20px;
}
#add-popup .title{
   font-family: 'noto_sansextrabold';
   font-size: 18px;
   margin: 0 -1px 10px;
}
#verify-contributor-member, #add-contributor-non-member, #add-contributor-member{
   display: none;
}
.submit-row{
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.submit-row .error-message{
   font-size: 13px;
   color: red;
   line-height: 19px;
}
.submit-row button{
   min-width: 92px;
}
#add-popup .form-wrap{
   position: relative;
}
#add-popup .form-wrap .form-row .form-group input[type="text"]{
   height: 42px;
}
#content #add-popup .div-hp-placeholder label{
   background: transparent;
   border: 0;
   padding: 0;
   font-size: 14px;
}
.submit-row span{
   font-weight: bold;
   font-size: 15px;
   color: #15B1D7;
   text-align: center;
   width: 100%;
   margin-bottom: 20px;
}
.required-row{
   color: #313131;
   font-style: italic;
   font-size: 11px;
   margin-top: -12px;
}
.se_contribution_list_sec{
   position: relative;
}
.sec_tlb_button_div{
   display: flex;
   align-items: center;
}
.sec_tlb_button_div .white_button{
   border-radius: 7px;
   border: 1px solid #E0E0E0;
   margin-left: 10px;
   cursor: pointer;
   padding: 7px 12px 7px 13px;
   font-size: 14px;
   transition: all .3s ease-in-out;
   display: flex;
   align-items: center;
}
.sec_tlb_button_div .white_button:hover{
   border-color: #F97304;
}
.sec_tlb_button_div .white_button .one{
   margin-left: 12px;
   margin-right: 3px;
}
.sec_tlb_button_div .white_button .two{
   transform: rotate(180deg);
}
.se_contribution_list_div{
   width: 100%;
}
.se_contribution_list_div.selected{
   display: none !important;
   visibility: hidden !important;
   opacity: 0 !important;
}
.sec_tlb_button_div .white_button[data-sort="1"] .one path, .sec_tlb_button_div .white_button[data-sort="2"] .two path{
   fill: #313131;
}
body #content .sec_tlb_button_div .blue_button.active {
   background-color: #F97304;
}
.se_contribution_list_div .secl_amount_div input[type="number"] {
   max-width: 100px;
   width: 100%;
   margin-right: 10px;
   height: 42px;
   border: 1px solid #C2C1C1;
   background-color: #F8F8F8;
   border-radius: 7px;
}
.sec_tlb_button_div .white_button{
   border-radius: 7px;
   border: 1px solid #E0E0E0;
   margin-left: 10px;
   cursor: pointer;
   padding: 7px 12px 7px 13px;
   font-size: 14px;
   transition: all .3s ease-in-out;
   display: flex;
   align-items: center;
}
.sec_tlb_button_div .white_button:hover{
   border-color: #F97304;
}
#remove-contributor-popup .btn-cancel, #save-draft-popup .btn-cancel, #dismiss-all-popup .btn-cancel{
   border-radius: 7px;
   border: 1px solid #15B1D7;
   margin-left: 10px;
   cursor: pointer;
   padding: 7px 12px 7px 13px;
   font-size: 14px;
   transition: all .3s ease-in-out;
   display: flex;
   align-items: center;
   margin-right: 18px;
   background-color: transparent;
   color: #15B1D7;
}
#remove-contributor-popup .btn-cancel:hover, #save-draft-popup .btn-cancel:hover, #dismiss-all-popup .btn-cancel:hover{
   border-color: #F97304;
   color: #F97304;
}
#exceedamountbox a.btn-edit, #exceedcontributorbox a.btn-edit{
   border-radius: 7px;
   border: 1px solid #fff;
   margin-left: 10px;
   cursor: pointer;
   padding: 7px 12px 7px 13px;
   font-size: 14px;
   transition: all .3s ease-in-out;
   display: flex;
   align-items: center;
   margin-right: 18px;
   background-color: transparent;
   color: #fff !important;
   text-decoration: none !important;
}
#exceedamountbox a.btn-edit:hover, #exceedcontributorbox a.btn-edit:hover{
   border-color: #15B1D7;
   color: #15B1D7 !important;
}
.seclm_content input[type="number"] {
    height: 40px;
    padding: 6px 12px;
    background-color: #F8F8F8;
    border-radius: 7px;
    border: 1px solid #F8F8F8;
    width: 100%;
    margin-bottom: 18px;
}
#exceedamountbox .nipp_rb_div_bottom, #exceedcontributorbox .nipp_rb_div_bottom{
   background: url(../images/outstandingbox-bg.jpg) top left no-repeat;
   background-size: cover;
}
#exceedamountbox.checkout-renewal-confirm .nipp_rb_div_close, #exceedcontributorbox.checkout-renewal-confirm .nipp_rb_div_close{
   color: #fff;
}
#exceedamountbox h5, #exceedcontributorbox h5{
   font-family: 'noto_sansextrabold';
   font-size: 30px;
   line-height: 36px;
   text-align: center;
   color: #fff;
   margin-bottom: 15px;
}
#exceedamountbox p, #exceedcontributorbox p{
   font-size: 23px;
   line-height: 35px;
   text-align: center;
   color: #fff;
   margin-bottom: 10px;
}
#exceedamountbox .nipp_rb_div, #exceedcontributorbox .nipp_rb_div{
   background: transparent
}
.se_contribution_price_sec{
   margin-bottom: 0;
}
.se_contribution_price_sec.se_contribution_price_active{
   margin-bottom: 17px;
}
body #content .sec_tlb_button.blue_button:hover{
   background-color: #15B1D7;
}
body #content .sec_tlb_button.blue_button.active:hover{
   background-color: #F97304;
}
#add-popup .nipp_rb_div{
   overflow: visible;
}
#content .dsh-econtribution {
   background: #E5EFFA;
}
.dsh-econtribution .dsh-question span {
   background: #043E68;
}
.a-noti-dismiss{
   position: absolute;
   right: 32px;
   top: 0;
}
html body #page .a-noti-dismiss a{
   font-family: 'noto_sanssemibold';
   font-size: 14px;
   text-decoration: underline;
   color: #15B1D7;
}
html body #page .a-noti-dismiss a:hover{
   text-decoration: none;
}
.se_contribution_list_div .secl_title{
   text-transform: uppercase;
}
.aec_offline_checkout_sec .aec_payer_div .switch .slidere::after {
   content: "No";
}
.aec_offline_checkout_sec .aec_payer_div .switch input:checked + .slidere::after {
   content: "Yes";
}
#exceed-notes{
   color: #074C99;
   font-size: 14px;
   text-align: left;
}
#exceed-notes .asterisk{
   color: #074C99;
}
#exceed-notes.exceed{
   color: #FF0000;
   animation: notesblink 1.5s infinite;
}
#exceed-notes.exceed .asterisk{
   color: #FF0000;
}
@keyframes notesblink {
  0% {opacity: 1;}
  50% {opacity: 0.3;}
  100% {opacity: 1;}
}
#exceed-notes p{
   margin-bottom: 10px;
}
.ecc_step2_cwrap #exceed-notes{
   max-width: 640px;
   margin: 15px auto 0;
}
#tax-notes{
   color: #FF0000;
   font-size: 11px;
   font-style: italic;
   text-align: left;
   margin-bottom: 10px;
}
#amount-form input::-webkit-outer-spin-button,
#amount-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#amount-form input[type=number] {
  -moz-appearance: textfield;
}
.aec_ts_error{
   color: #FF0000;
   transition: all .3s ease-in-out;
   text-align: left;
   font-size: 13px;
   max-height: 0;
   overflow: hidden;
   opacity: 0;
}
.aec_ts_error.active{
   max-height: 250px;
   opacity: 1;
   margin-top: 6px;
}
/* html[lang="zh-hans"] .aec_offline_checkout_sec .aec_payer_div .switch .slidere::after {
   content: "否";
}
html[lang="zh-hans"] .aec_offline_checkout_sec .aec_payer_div .switch input:checked + .slidere::after {
   content: "是";
} */
/* font-family: 'noto_sansextrabold'; */
html[lang="zh-hans"] #exceedamountbox h5, html[lang="zh-hans"] #exceedcontributorbox h5, html[lang="zh-hans"] .a-noti-dismiss a{
   font-weight: bold;
}
@media (min-width: 1200px) {
   .ec_s1_bottom_div .ec_s1_bd_tooltip.ec_s1_bd_tooltip_active{
      top: 85px;
   }
   html[lang="zh-hans"] .ec_s1_bottom_div .ec_s1_bd_tooltip.ec_s1_bd_tooltip_active{
      top: 61px;
   }
}
@media (min-width: 768px) {
   html[lang="zh-hans"] .mag-step.econ-step1.step-active-before::before{
      width: 388%;
   }
}
@media (max-width: 767px) {

   body #add-popup .al-popup .nipp_rb_div_bottom{
      padding: 17px 25px 20px;
   }
   #add-popup .form-group .radio-wrap{
      flex-direction: column;
   }
   html body #page #add-popup .form-group .radio-wrap .reg-radio + .reg-radio{
      margin-left: 0
   }
   #add-popup .form-wrap .form-row{
      flex-direction: column;
      margin-bottom: 0;
   }
   #add-popup .form-wrap .form-row .form-group{
      flex: 1 1 100%;
      max-width: 100%;
   }
   #add-popup .submit-row{
      margin-top: 12px;
      flex-direction: column;
   }
   #add-popup .submit-row .error-message{
      margin-bottom: 10px;
   }
   #add-popup .required-row{
      margin-top: 0;
   }
   #add-popup .submit-row button{
      display: block;
      width: 100%;
   }
   #add-popup .form-wrap .form-row .form-group + .form-group{
      margin-top: 19px;
   }
   #add-popup .title{
      margin-top: 30px;
   }
   .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_right.econ-right, .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_bottom .ecc_vscb_right.econ-right{
      width: 100px;
    max-width: 100px;
   }
   .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_left.econ-left, .kofu-content.ecc_vs_content .kofu-confirmation-content .ecc_vsc_bottom .ecc_vscb_left.econ-left{
      width: calc(100% - 100px);
   }
   .sgm-top-notification{
      margin-right: 14px;
      margin-left: 6px;
   }
   .aec_checkout_sec.aec_checkout_offline .aec_checkout_save_sec{
      margin-right: 0;
   }
}
@media (max-width: 479px) {
   .sgm-noti-upcoming-inner .swiper-pagination{
      bottom: 10px;
   }
}
@media (max-width: 400px) {
   .a-noti .a-noti-wrap{
      min-width: unset;
   }
   .a-noti .a-noti-cat{
      padding-left: 0;
   }
   .a-noti .a-noti-heading{
      padding-left: 17px;
   }
}
@media (max-width: 375px) {
   .db-wrap-tab-top > span{
      padding-right: 5px;
   }
   .db-wrap-tab-top > span a i{
      font-size: 11px;
      margin-left: 5px;
   }
   .dsh-exam-list .exam-details.registered .exam-badge{
      left: 19px;
   }
}
/* == ECON == */

/* == CERT == */
#btn-letter-appt{
   display: inline-block;
   margin-top: 10px;
}
html[lang="en-US"] .account-exam-history .cert {
	margin-left: -8px;
   text-align: left;
}
.account-exam-history .cert{
   margin-left: 10px;
   text-align: center;
}
.account-exam-history .cert a{
   display: inline-block; 
   margin-top: 20px;
}
html[lang="zh-hans"] .account-exam-history .left .text{
   margin-left: 10px;
}
html[lang="zh-hans"] .account-exam-history .cert{
   max-width: 236px;
}
a.btn-dl-cert{
   position: relative;
   padding-left: 52px;
   line-height: 19px;
   padding-top: 9px;
   padding-bottom: 10px;
   padding-right: 13px;
   font-size: 14px;
   background: #074C99;
   color: #fff;
   border-radius: 7px;
   border: 1px solid #034EA1;
   font-family: 'noto_sanssemibold' !important;
}
html[lang="zh-hans"] a.btn-dl-cert{
   font-weight: bold;
}
a#btn-cert::before{
   content: "";
   background: url(../images/exam_certificate_icon.svg) top left no-repeat;
   width: 28px;
   height: 23px;
   background-size: 100%;
   position: absolute;
   top: 9px;
   left: 14px;
}
a#btn-letter-appt.btn-dl-cert{
   padding-left: 46px;
}
a#btn-letter-appt::before{
   content: "";
   background: url(../images/certificate_icon.svg) top left no-repeat;
   width: 20px;
   height: 20px;
   background-size: 100%;
   position: absolute;
   top: 9px;
   left: 14px;
}
a.btn-dl-cert:hover{
   background-color: #F97304;
   border-color: #F97304;
   color: #fff;
}
@media (max-width: 767px) {
   html[lang="zh-hans"] .account-exam-history .cert{
      margin-left: 10px;
   }
	html[lang="en-US"] .account-exam-history .cert{
      margin-left: -10px;
   }
	
}
/* == CERT == */
.page-template-template-email-verification i.resend-code, .page-template-template-forgot-password i.resend-code{
   margin-top: 14px;
}