/*SRewards_thepoint_history*/
.mypoint__registered-fix-bar {
    background: #e80d0d;
    font-size: 12px;
    color: #fff;
    padding: 0 20px;
    height: 44px;
    display: flex;
    align-items: center;
    display: none;
}

.mypoint__registered-container {
    padding: 20px 15px;
    border-bottom: 1px dashed #E90D0D;
}

.srewards-thepoint-container {
    /*padding-top: 44px;*/
}

.mypoint__registered-info {
    display: flex;
    width: 100%;
    justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
}

.mypoint__registered-info__points {
	font-size: 20px;
    display: flex;
    font-weight: 500;
}
.mypoint__registered-info__points-img {
    width: 22px;
    margin-right: 5px;
}
.mypoint__registered-info__setting-img {
    width: 20px;
}
.mypoint__registered-info__date {
    font-size: 10px;
    line-height: 14px;
    color: #999999;
    border-right: 1px solid #999999;
    padding-right: 15px;
    margin-right: 15px;
    flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    text-align: right;
}
.mypoint__registered-info__setting {
    display: flex;
}
.mypoint__registered-info-remark {
    font-size: 10px;
    
}
.mypoint__registered-info-remark p {
    color: #999999;
    line-height: 16px;
}

.mypoint__history-container {
    padding: 20px 15px;
}

.mypoint__history-title {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.mypoint__history-desc {
    font-size: 12px;
    margin-bottom: 10px;
}

.mypoint__history-list {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    border-bottom: 1px solid #F2F2F2;
    margin: 10px 0;
    padding: 10px 0;
}

.mypoint__history-list__info {
    display: flex;
    flex-flow: column;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    padding: 0 10px;
}

.mypoint__history-list__info-topic {
    font-size: 14px;
}

.mypoint__history-list__info-detail {
    display: flex;
    font-size: 10px;
    color: #888888;
}

.mypoint__history-list__info-detail-date {
	margin-right: 10px;
	min-width: 55px;
}

.mypoint__history-list__points {
    font-size: 14px;
}
.mypoint__history-list__info-points-value[data-point-value='negative']{
	color: #E90D0D;
}
.mypoint__history-list__info-points-value[data-point-value='positive']{
	color: #996F2D;
}
.mypoint__history-list[data-point-type='smc'] .mypoint__history-list__icon {
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_history_smc.png) no-repeat;
	background-size: contain;
}
.mypoint__history-list[data-point-type='point'] .mypoint__history-list__icon {
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_history_point.png) no-repeat;
	background-size: contain;
}
.mypoint__history-list[data-point-type='adjustment'] .mypoint__history-list__icon {
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_history_adjustment.png) no-repeat;
	background-size: contain;
}
.mypoint__history-list[data-point-type='handset'] .mypoint__history-list__icon {
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_history_hs_accy_purchase.png) no-repeat;
	background-size: contain;
}
.mypoint__history-list[data-point-type='monthly'] .mypoint__history-list__icon {
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_history_monthly_service.png) no-repeat;
	background-size: contain;
}
.mypoint__history-list[data-point-type='bonus'] .mypoint__history-list__icon {
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_history_bonus_points.png) no-repeat;
	background-size: contain;
}
.mypoint__history-list .mypoint__history-list__icon {
    width: 41px;       
}
.mypoint__history-list__info-detail-number {
    background: #F6F6F6;
    border-radius: 4px;
    padding: 1px 4px;
    display: flex;
    align-items: center;
}
.mypoint__history-list__info-detail-number-img {
    width: 14px;
    height: 10px;
}

[data-bar-display] [data-display]{
    display:none;
}
[data-bar-display='member'] [data-display='member'],
[data-bar-display='points'] [data-display='points']{
    display:flex;
}
.mypoint__registered-detail-member{
    text-align: center;
    margin: 0 auto
}
.mypoint__registered-detail-points-column{
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.mypoint__registered-detail-points-mark {
    font-size: 12px;
    margin: 2px 0 0 4px;
    font-weight: 100;
}
.mypoint__history-desc-link {
    color: #996F2D;
}   
.mypoint__registered-info-remark-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-flow: wrap;
}

.mypoint__registered-info-redeem {
    border: 1px solid #E90D0D;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: #E90D0D;
    margin: 15px 0 0;
    line-height: 16px;
    padding: 5px 10px;  
} 
.mypoint__registered-detail-points {
    justify-content: space-between;
    width: 100%;
}
.mypoint__registered-detail-points-redeem {
    border: 1px solid #fff;
    border-radius: 100px;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
}
/*SRewards_thepoint_history*/

/*SRewards_thepoint_registered_number*/
.registered-mobile-container {
    padding: 0 0 70px;
}
.registered-mobile-wrapper {
    padding: 20px 15px;
}

.registered-mobile-intro {
    font-size: 14px;
    padding-bottom: 40px;
}

.registered-mobile-member {
    font-size: 14px;
    padding-bottom: 40px;
}


.registered-mobile__current-number-container {
    padding-bottom: 40px;
}

.registered-mobile__current-number-title {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 5px;
}

.registered-mobile__current-number-desc {
    color: #999999;
    font-size: 12px;
}
.registered-mobile__change-number-desc {
    color: #999999;
    font-size: 12px;
}
.registered-mobile__current-number__connect-container {
    display: flex;
    padding: 10px 0;
}

.registered-mobile__current-number__connect-img {
    width: 26px;
    height: 20px
}

.registered-mobile__current-number__connect-mobile {
    font-size: 15px;
    padding-left: 15px;
    flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
}

.registered-mobile__current-number__connect-status {
    color: #E90D0D;
    font-size: 12px;
}
.registered-mobile__current-number-remark {
    color: #999999;
    font-size: 12px;
    padding-bottom: 10px;
}
.registered-mobile__current-number-update {
    color: #999999;
    font-size: 12px;
}

.registered-mobile__change-number-title {
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 5px;
}

.registered-mobile__change-number-remark {
    font-size: 12px;
    line-height: 16px;
    color: #999999;
}	
input[type="radio"] + label.registered-mobile__change-number-option-label .registered-mobile__change-number-option-label__radio{
    width: 20px;
    height: 20px;
    content: "";
    border-radius: 100%;
    flex-shrink: 0;
    border: 1px solid #E3E3E3;
	margin-right: 15px;
	position: relative;
}
input[type="radio"]:checked + label.registered-mobile__change-number-option-label .registered-mobile__change-number-option-label__radio:after {
    width: 14px;
    height: 14px;
    content: "";
    border-radius: 100%;
    flex-shrink: 0;
    background: #8BD353;
    position: absolute;
    top: 2px;
    left: 2px;
}

input[type="radio"]:disabled + label.registered-mobile__change-number-option-label .registered-mobile__change-number-option-label__info-no,
input[type="radio"]:disabled + label.registered-mobile__change-number-option-label .registered-mobile__change-number-option-label__info-status {
    color: #CCCCCC;
}
input[type="radio"]:disabled + label.registered-mobile__change-number-option-label .registered-mobile__change-number-option-label__icon{
    filter: grayscale(100%);
    opacity: 20%;
}

.registered-mobile__change-number-option-label {
    display: flex;
    flex-flow: column;   
    cursor: pointer; 
}
.registered-mobile__change-number-list{
	border-top: 1px solid #F2F2F2;
    margin: 10px 0;
    padding: 10px 0;
    min-height: 64px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.registered-mobile__change-number-list:last-child {
    border-bottom: 1px solid #F2F2F2;
}
.registered-mobile__change-number-option-label__right-column {
    display: flex;
    align-items: center;
}

.registered-mobile__change-number-option-label__info-column {
    padding-left: 15px;
    text-align: left;
}

.registered-mobile__change-number-option-label__info-no {
    font-size: 15px;
}
.registered-mobile__change-number-option-label__info-text{
    font-size: 12px;
    margin-left: 5px;
}

.registered-mobile__change-number-option-label__info-status {
    font-size: 12px;
    color: #999999;
}
.registered-mobile__change-number-option-label__radio-row {
    display: flex;
    align-items: center;
}
.registered-mobile__change-number-option-label__remark {
    font-size: 12px;
    line-height: 16px;
    color: #999999;
	padding-top: 10px;
    margin-left: 40px;
    text-align: left;
}
.registered-mobile__change-number-option-label[data-service-type='MOBILE'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='MOBILE']{
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_service_mobile.png) no-repeat;
	background-size: contain;
}
.registered-mobile__change-number-option-label[data-service-type='HOMEPHONE+'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='HOMEPHONE+']{
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_service_hpp.png) no-repeat;
	background-size: contain;
}
.registered-mobile__change-number-option-label[data-service-type='FBB'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='FBB']{
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_service_fbb.png) no-repeat;
	background-size: contain;
}
.registered-mobile__change-number-option-label[data-service-type='FIBRE BROADBAND'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='FIBRE BROADBAND']{
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_service_fbb.png) no-repeat;
	background-size: contain;
}
.registered-mobile__change-number-option-label[data-service-type='H5GBB'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='H5GBB'],
.registered-mobile__change-number-option-label[data-service-type='HOME 5G BROADBAND'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='HOME 5G BROADBAND']{
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_service_h5gbb.png) no-repeat;
	background-size: contain;
}
.registered-mobile__change-number-option-label[data-service-type='1638IDD'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='1638IDD']{
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_service_idd1638.png) no-repeat;
	background-size: contain;
}
.registered-mobile__change-number-option-label[data-service-type='SMTHOME'] .registered-mobile__change-number-option-label__icon,
.registered-mobile__current-number__connect-img[data-service-type='SMTHOME']{
	background: url(/SmarTone-CARE/images/srewards_thepoint/icon_service_smart_home.png) no-repeat;
	background-size: contain;
}
.registered-mobile__change-number-option-label__icon{
	width: 26px;
	height: 20px;
}
.registered-mobile-confirm__content {
    font-size: 12px;
}
/*SRewards_thepoint_registered_number*/

/*SRewards_thepoint_link_account*/
.link-account-wrapper{
	padding: 20px 15px;
}
.link-account__intro{
	font-size: 14px;
	padding-bottom: 30px;
}
.link-account__registered-mobile__title {
    font-size: 12px;
    color: #CCCCCC;
}

.link-account__registered-mobile__no {
    font-weight: 700;
    font-size: 14px;
    padding: 10px 0;
}

.link-account__registered-mobile__remark {
    font-size: 12px;
    line-height: 16px;
    color: #888888;
}

.link-account__registered-mobile-container {
    padding-bottom: 30px;
}

.link-account__thepoint__remark {
    font-size: 12px;
    line-height: 16px;
    color: #888888;
    margin: 10px 0;
}

.link-account__thepoint__button {
    border: 1px solid #E90D0D;
    border-radius: 100px;
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    color: #E90D0D;
    padding: 5px 10px;
}

.link-account__thepoint__input-field {
    position: relative;
}
#thepoint-id {
    text-transform: uppercase;
}

input[name="thepoint-id"]:required {
    background-image: none;
}
.link-account__thepoint__modal-link{
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
}
.link-account__modal-img {
    padding: 0 15px;
} 
.link-account__modal-wrapper {
    margin: 30px 30px 0;
    text-align: left;
}

.link-account__modal-header {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 700;
}
.link-account__modal-header-close{
    position: fixed;
    right: 12%;
    top: 9%;
    z-index: 1;
}
.link-account__modal-content li {
    font-size: 14px;
    margin: 0 0 0 20px;
    list-style: decimal;
    padding: 0 0 10px 0;
}
.st-pop-up__find-thepoint-id-container{
    max-height: 85%;
    overflow-y: scroll;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 8%;  
}
/*SRewards_thepoint_link_account*/

/*SRewards_thepoint_otp_verification*/

.otp-verification-wrapper {
    padding: 20px 15px;
    text-align: center;
}

.otp-verification__mobile-desc {
    font-size: 14px;
    padding-bottom: 10px;
}

.otp-verification__mobile-no {
    color: #E90D0D;
    font-weight: 700;
    font-size: 18px;
}

.otp-verification__mobile-container {
    padding-bottom: 40px;
}

.otp-verification__passcode-desc {
    font-size: 14px;
    padding-bottom: 10px;
}

.otp-verification__passcode-resend {
    font-size: 12px;
    padding-top: 40px;
    color: #888888;
    cursor: pointer;
}

input.otp-verification__passcode-input {
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    opacity: 0;
}

.otp-verification__passcode-input-area {
    display: flex;
    justify-content: space-around;
}

.otp-verification__passcode-input-box {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
    width: calc(100% / 6 - 10px);
    height: 64px;
    margin-bottom: 5px;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}
.otp-verification__passcode-input-container {
    position: relative;
}
.otp-verification__passcode-input-container[data-verify='error'] .otp-verification__passcode-input-box{
    border: 1px solid #E90D0D;
}
.otp-verification__passcode-input-container[data-verify] .otp-verification__passcode-input-error{
    display: none;
}
.otp-verification__passcode-input-container[data-verify='error'] .otp-verification__passcode-input-error{
    display:block;
}
.otp-verification__passcode-input-error{
    font-size: 12px;
    color:#E90D0D;
    text-align: left;
    padding-top: 10px;
}
/*SRewards_thepoint_otp_verification*/

/*SRewards_thepoint_register_link*/
.register-link-container {
    padding: 0 0 70px;
}
.register-link-wrapper {
    padding: 30px 15px;
}

.register-link__intro {
    font-size: 14px;
}

.register-link__section {
    padding-top: 20px;
}
.register-link__section:first-child {
    padding-top: 0;
}
.register-link__section-title {
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}

.register-link__section-content {
    font-size: 14px;
}
.register-link__section-content ul {
    padding-left: 30px;
}
.register-link__section-img {
    width: 30px;
    margin-right: 15px;
    vertical-align: middle;
}
.register-link__section-content li {
    padding: 0 0 15px 15px;
    font-size: 14px;
}
.register-link__section-content li.register-link__section-content-title {
    list-style: none;
    padding: 0 0 5px 15px;
    font-weight: 700;
    text-decoration: underline;
}
.register-link__section-content a{
    color: #FF0000;
    text-decoration: underline;
}
.register-link__about-section {
    background: #D1B47A;
    margin: 50px -15px 0;
    padding: 50px 20px 20px 45px;
    color: #fff;
    position: relative;
}
.register-link__about-section:before {
    content: "";
    background: url(/SmarTone-CARE/images/srewards_thepoint/logo_the_point.png);
    width: 80px;
    height: 80px;
    position: absolute;
    left: calc(50% - 40px);
    top: -40px;
    background-size: contain;
}
.register-link__about-section-title {
    text-align: center;
    color: #fff;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    margin-left: -25px;
}
.register-link__about-section-content li {
    padding: 0 0 15px 15px;
    font-size: 14px;
}
.register-link__about-section-content-link {
    text-decoration: underline;
    cursor: pointer;
}
.register-link__terms-remark{
    font-size: 12px;
    color: #9E9E9E;
    padding: 20px 0 0;
}
.register-link__about-section-detail{
    margin-left: 15px;
    font-size: 14px;    
}
.register-link__about-section-detail a {
    text-decoration: underline;
}
/*SRewards_thepoint_register_link*/

/*SRewards_thepoint_terms_and_conditions*/
.terms-conditions-container {
    padding: 0 0 70px;
}
.terms-conditions-wrapper {
    padding: 20px 15px;
}

.terms-conditions__intro {
    font-size: 14px;
}
.terms-conditions__intro + .terms-conditions__intro {
    padding-top: 40px;
}
.terms-conditions__section {
    padding-top: 40px;
}

.terms-conditions__section-title {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
}

.terms-conditions__section-content {
    font-size: 14px;
}
[data-button-display] [data-display]{
    display:none;
}
[data-button-display='scroll'] [data-display='scroll'],
[data-button-display='next'] [data-display='next']{
    display:block;
}
[data-error-display] [data-display]{
    display:none;
}
[data-error-display='uncheck'] [data-display='uncheck']{
    display:block;
}
.st-form-control__checkbox-error{
    margin-top: 20px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #E90D0D;
}
[data-error-display='uncheck'] .st-checkbox input[type="checkbox"]~ .st-checkbox__label:before {
    border: 2px solid #E90D0D;
}
.terms-conditions__section-text{
    font-size: 14px;
    margin-bottom: 15px;    
}
/*SRewards_thepoint_terms_and_conditions*/

/*SRewards_thepoint_multiple_service_verification*/
.verification-wrapper {
    padding: 20px 15px;
}

.verification-desc {
    font-size: 14px;
    padding-bottom: 20px;
    color:  #888888;
}

.verification-intro {
    font-size: 14px;
    padding-bottom: 20px;
}
.verification-input-title {
    font-size: 14px;
    padding-bottom: 20px;
}

.verification-input {
    width: 100%;
    border-bottom: 1px solid #BBBBBB;
    text-transform: uppercase;
    padding-bottom: 9px;
}
/*SRewards_thepoint_multiple_service_verification*/

/*SRewards_thepoint_multiple_service_select*/
.multiple-service-select-intro{
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 20px;    
}
.multiple-service-select-desc{
    font-size: 14px;
    padding-bottom: 20px;    
}
/*SRewards_thepoint_multiple_service_select*/

/*SRewards_thepoint_link_success*/
.link-account-result__wrapper{
    padding: 20px;
}
.link-account-result__status-container{
    padding: 20px 0;
}
.link-account-result__status-desc{
    font-size: 14px;
    text-align: center;
}
.link-account-result__button-download{
    margin-top: 15px;
    background: #fff;
    color: #e80d0d;
    border: 1px solid #e80d0d;
}
.link-account-result__status-icon {
    text-align: center;
}
.link-account-result__status-icon img {
    width: 80px;
    margin: 0 0 20px 0;
}
/*SRewards_thepoint_link_success*/



.st-action-btn[data-button-status='disable'] {
    background: #ddd;
    color: #9E9E9E;
}
.st-checkbox {
    margin-bottom: 20px;
}
.st-checkbox__label {
    display: flex;
    font-size: 14px;
}
.st-checkbox__link{
    text-decoration: underline;
    color: #E90D0D;
    display: inline;
}
.st-checkbox input[type="checkbox"]:checked ~ .st-checkbox__label:before {
    background: #E90D0D;
    color: #fff;
    border: 2px solid #E90D0D;
}
.st-checkbox input[type="checkbox"]~ .st-checkbox__label:before {
    border-radius: 3px;
    content: '\e810';
    color: transparent;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 2px solid #ecebeb;
    text-align: center;
    padding: 0;
    transition: all 0.3s;
    display: block;
    font-family: Ratchicons;
    font-size: 21px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}
.st-footer__bottom-bar {
    text-transform: uppercase;
    background: linear-gradient(0deg, #FFFFFF 75.79%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 375px){
    .st-pop-up__title-text {
        font-size: 20px;
        padding: 0 20px;
        line-height: 24px;
        font-weight: 400;
    }
}

/* channel */
html[data-display-channel='thepoint']{
    overflow:hidden;
}
html[data-display-channel='thepoint'] .login_bottom {
    max-width: 200px;
    margin: 0 auto;
}
html[data-display-channel='thepoint'] .SRewards-login-method__otp-bottom {
    max-width: 200px;
    margin: 0 auto;
    /*
    height: 42%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    */
}
[data-display-channel='thepoint'] #st-header{
    background: #fff;
    padding: 0;
}
[data-display-channel='thepoint'] .st-header__title{
    color: #000;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    text-transform: none;
    text-overflow: unset;
}
[data-display-channel='thepoint'] #st-content {
    text-align: center;
}
.SRewards-login__header {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 30px;
}
.SRewards-login__desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
}
.SRewards-login-method-container {
    max-width: 450px;
    margin: 0 auto;
}
.SRewards-login-tab-container {
    background: #F6F6F6;
    border-radius: 100px;
    display: flex;
    max-width: 450px;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
    line-height: 18px;
}
.SRewards-login-tab {
    width: 50%;
    padding: 15px;
}
[data-method-display] [data-display]{
    display:none;
}
[data-method-display='password'] [data-display='password'],
[data-method-display='otp'] [data-display='otp']{
    display:block;
}
[data-otp-display='send'] [data-display='send'],
[data-otp-display='resend'] [data-display='resend']{
    display:block;
}
[data-role='send-otp-btn'][data-button-status='enable']{
    color: #e80d0d;
    cursor: pointer;
}
[data-role='send-otp-btn'][data-button-status='disable']{
    color: #9C9C9C;
    cursor: not-allowed;
}
.st-form__get-code {
    position: absolute;
    right: 12px;
    bottom: 34px;
    font-size: 14px;
    font-weight: 400;
}

[data-method-display='password'] [data-tab-display='password'],
[data-method-display='otp'] [data-tab-display='otp']{
    background: #e80d0d;
    border-radius: 100px;
    color: #fff;
}
[data-display-channel='thepoint'] input[type="text"]::placeholder,
[data-display-channel='thepoint'] input[type="tel"]::placeholder,
[data-display-channel='thepoint'] input[type="number"]::placeholder, 
[data-display-channel='thepoint'] input[type="password"]::placeholder,
[data-display-channel='thepoint'] .verification-input::placeholder
{ /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #C7C7C7;
    opacity: 1; /* Firefox */
}
  
[data-display-channel='thepoint'] input[type="text"]::-ms-input-placeholder,
[data-display-channel='thepoint'] input[type="tel"]::-ms-input-placeholder,
[data-display-channel='thepoint'] input[type="number"]::-ms-input-placeholder, 
[data-display-channel='thepoint'] input[type="password"]::-ms-input-placeholder,
[data-display-channel='thepoint'] .verification-input::-ms-input-placeholder
{ /* Internet Explorer 10-11 */
    color: #C7C7C7;
}
  
[data-display-channel='thepoint'] input[type="text"]::-ms-input-placeholder,
[data-display-channel='thepoint'] input[type="tel"]::-ms-input-placeholder,
[data-display-channel='thepoint'] input[type="number"]::-ms-input-placeholder, 
[data-display-channel='thepoint'] input[type="password"]::-ms-input-placeholder,
[data-display-channel='thepoint'] .verification-input::-ms-input-placeholder
{ /* Microsoft Edge */
    color: #C7C7C7;
}


[data-display-channel='thepoint'] input[type="text"],
[data-display-channel='thepoint'] input[type="tel"],
[data-display-channel='thepoint'] input[type="number"], 
[data-display-channel='thepoint'] input[type="password"],
[data-display-channel='thepoint'] .verification-input {
    background: #FFFFFF;
    border: 1.5px solid #C7C7C7;
    border-radius: 11px;
    padding: 15px 18px;
    height: 60px;
    margin-top: 30px;
}
[data-display-channel='thepoint'] .verification-input {
    margin-top: 0;
}

[data-display-channel='thepoint'] input[type="text"]:required:invalid + span.st-form__test-placeholder, 
[data-display-channel='thepoint'] input[type="tel"]:required:invalid + span.st-form__test-placeholder, 
[data-display-channel='thepoint'] input[type="number"]:required:invalid + span.st-form__test-placeholder, 
[data-display-channel='thepoint'] input[type="password"]:required:invalid + span.st-form__test-placeholder{
    top: 0;
    color: #333333;
}

[data-display-channel='thepoint'] input[type="text"]:required + span.st-form__test-placeholder, 
[data-display-channel='thepoint'] input[type="tel"]:required + span.st-form__test-placeholder, 
[data-display-channel='thepoint'] input[type="number"]:required + span.st-form__test-placeholder, 
[data-display-channel='thepoint'] input[type="password"]:required + span.st-form__test-placeholder {
    color: #333333;
}
#TFpass_error,
#MSotp_error {
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #FF0000;
    margin-bottom: 20px;
}
[data-display-channel='thepoint'] #st-content::-webkit-scrollbar,
[data-display-channel='thepoint'] .st-pop-up__find-thepoint-id-container::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
  
[data-display-channel='thepoint'] #st-content::-webkit-scrollbar-thumb,
[data-display-channel='thepoint'] .st-pop-up__find-thepoint-id-container::-webkit-scrollbar-thumb  {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    box-shadow: 0 0 1px rgba(255, 241, 241, 0.5);
}
[data-display-channel='thepoint'] .register-link-container {
    text-align: left;
}
[data-display-channel='thepoint'] .register-link-banner {
    display: none;
}
[data-display-channel='thepoint'] .st-action-btn {
    cursor: pointer;
    max-width: 200px;
    margin: 0 auto;
}
[data-display-channel='thepoint'] .st-footer__bottom-bar{
    padding: 30px 0 15px;    
    display: block;
}

[data-display-channel='thepoint'] .verification-desc {
    padding-bottom: 0px;
    color: #000;
}
[data-display-channel='thepoint'] .verification-intro {
    padding-bottom: 40px;
}
[data-display-channel='thepoint'] .verification-input-title {
    text-align: left;
    padding-bottom: 10px;
    font-size: 14px;
}

[data-display-channel='thepoint'] .multiple-service-select-intro {
    font-weight: 400;
    padding-bottom: 40px;
}
[data-display-channel='thepoint'] .multiple-service-select-desc {
    padding-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    color: #9C9C9C;
    text-align: left;
}
[data-display-channel='thepoint'] .terms-conditions__section {
    padding-top: 40px;
    text-align: left;
    font-size: 14px;
}
[data-display-channel='thepoint'] .terms-conditions__intro {
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #9C9C9C;
}
[data-display-channel='thepoint'] .link-account__registered-mobile-container {
    padding: 30px;
    background: #F3F3F3;
    border-radius: 20px;
    margin-bottom: 30px;
}
[data-display-channel='thepoint'] .link-account__registered-mobile__title {
    font-weight: 400;
    font-size: 14px;
    color: #000;
}
[data-display-channel='thepoint'] .link-account__registered-mobile__no {
    color: #FF0000;
    font-weight: 700;
    font-size: 24px;
    padding: 20px 0;
}
[data-display-channel='thepoint'] .link-account__registered-mobile__remark {
    max-width: 300px;
    margin: 0 auto;
    color: #9C9C9C;
}
[data-display-channel='thepoint'] .link-account__thepoint__modal-link {
    width: 20px;
    height: 20px;
    right: 15px;
    top: calc(50% - 4px);
    cursor: pointer;
}
[data-display-channel='thepoint'] .link-account__thepoint__remark {
    font-size: 12px;
    line-height: 16px;
    color: #9C9C9C;
    text-align: left;
}
[data-display-channel='thepoint'] .link-account__thepoint__button {
    display: none;
}


[data-display-channel='thepoint'] .otp-verification__passcode-input-area {
    display: none
}
[data-display-channel='thepoint'] .otp-verification__passcode-input-box {
    height: 100%;
    box-shadow: none;
    font-weight: 500;
    font-size: 16px;
    width: auto;
}
[data-display-channel='thepoint'] .otp-verification__passcode-input-container[data-verify='error'] .otp-verification__passcode-input-box {
    border: 0;
}
[data-display-channel='thepoint'] .otp-verification__passcode-input-container[data-verify='error'] .otp-verification__passcode-input-area {
    border: 1px solid #E90D0D;
}

[data-display-channel='thepoint'] .otp-verification__passcode-input {
    position: relative;
    background: #FFFFFF;
    border: 1.5px solid #C7C7C7;
    border-radius: 11px;
    padding: 15px 18px;
    height: 60px;
    margin-top: 0;
    justify-content: flex-start;
    -webkit-appearance: unset;
    opacity: 1;
}
[data-display-channel='thepoint'] .otp-verification__passcode-resend {
    padding-top: 10px;
}
[data-display-channel='thepoint'] .otp-verification__passcode-desc {
    text-align: left;
}
[data-display-channel='thepoint'] .st-pop-up{
    background-color: unset;
    z-index: 9999999;
}
[data-display-channel='thepoint'] .st-pop-up__container{
    box-shadow: 0px 0px 10px 0 rgb(0 0 0 / 30%);
    max-width: 400px;    
}
[data-display-channel='thepoint'] .st-pop-up__find-thepoint-id-container {
    max-width: unset;
}
/* channel */
/* channel mobile */
@media (max-width: 375px){
    [data-display-channel='thepoint'] .st-header__title {
        font-size: 20px;
        line-height: 27px;
    }
    [data-display-channel='thepoint'] .link-account__modal-header-close {
        right: 5%;
    }
    [data-display-channel='thepoint'] .st-pop-up__find-thepoint-id-container {
        width: 95%;
    }
    .SRewards-login-tab {
        padding: 10px;
    }
}
/* channel mobile */
/* wrapper */
[data-display-channel='thepoint'] .SRewards-login-container,
[data-display-channel='thepoint'] .otp-verification__container{
    padding-top: 20px;
}
[data-display-channel='thepoint'] .register-link-container,
[data-display-channel='thepoint'] .verification-container,
[data-display-channel='thepoint'] .registered-mobile-container,
[data-display-channel='thepoint'] .terms-conditions-container  {
    padding: 20px 0 100px;
}

[data-display-channel='thepoint'] .register-link-wrapper {
    padding: 0 0 60px 0;
}
[data-display-channel='thepoint'] .verification-input-container,
[data-display-channel='thepoint'] .registered-mobile-wrapper,
[data-display-channel='thepoint'] .otp-verification-wrapper {
    padding: 0;
    max-width: 400px;
    margin: 0 auto;
} 
[data-display-channel='thepoint'] .register-link-wrapper,
[data-display-channel='thepoint'] .terms-conditions-wrapper,
[data-display-channel='thepoint'] .link-account-wrapper {
    padding: 0;
    max-width: 600px;
    margin: 0 auto;
}
/* wrapper */
/* login */
.register-result__wrapper {
    max-width: 600px;
    margin-top: 10%;
}

.register-result__container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.register-result__status-icon {
    width: 40px;
    height: auto;
    margin: 0 auto;
}

.register-result__title {
    font-weight: 700;
    font-size: 24px;
    margin: 20px 0;
}

.register-result__status-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 40px;
}

.register-result__button-done {
    max-width: 200px;
    text-transform: none;
}

/* login */