/* SR- 69921 oi_enhancement_2026.sep >> 快速閱讀 Rapid Read */
:root {
    --borderColor: #CCC;
}

::-webkit-scrollbar {
  display: none; 
}

::-webkit-scrollbar-track {
  background: #fff; 
  border-radius: 10px; 
}

::-webkit-scrollbar-thumb {
  background: #999; 
  border-radius: 6px; 
}

::-webkit-scrollbar:vertical {
  display: block; 
  width:8px;
}

.rapidRead{
	position: relative;
    top: -20px;
    color: #666;
    border: 1px solid #AAA;
    font-weight: 600;
    /*box-shadow: 0px 2px 0px #bbb;*/
    border-radius: 25px;
    background: rgba(244, 244, 244, 0.95);;
    padding: 10px 15px;
    cursor:pointer;
    user-select: none;
    display:block;
    width:100px;
    left:50%;
    margin-left:-50px;
}

.rapidRead-active{
	border: 1px solid #ed0b03;
	background: #ed1b2e;
	color:#fff;
}

.custom-control-indicator {
    width: 1.8rem;
    height: 1.8rem;
}
.custom-control-description {
    padding-left: 0.5rem;
} 

.custom-control-description:not(:has(:not(br))) {
    padding-left: 0;
} 

.clauseArticle{
	padding-bottom:60px;
}

/* for member_login.html */
img#captchaImage,img#midCaptchaImage{
	height:45px;
}

body{
	overflow-x:hidden!important;
}


/* ===== 忘記密碼 begin ===== */
@media screen and (max-width: 800px) {
    .registerFormColumn-content input#validCode{
        width: calc(100% - 140px);
        padding-left: 5px !important;
    }
   
	.btn {
        margin:10px 0px;
    }    
}
/* ===== 忘記密碼 end ===== */


/* ===== members2 begin ===== */

.w-100{
	width:100%;
}

#agreeIndicator>.custom-control-indicator {
    width: 2rem;
    height: 2rem;
}

#agreeIndicator .custom-control-description h4 {
    font-size:1.2rem;
}

.custom-control-indicator {
    top: 0px;
}

.custom-control-description>h4 {
    line-height: 2rem;
}

/* ===== members2 end ===== */



@media (max-width: 450px) {

    .agreeTermsButton {
        width: 82%;
        font-size: 18px;
    }

    .custom-control-indicator {
        width: 2rem!important;
        height: 2rem!important;
        top: -1px;
    }
	.custom-control-description {
	    padding-left: 10px!important;
	}    

    .custom-control-description:not(:has(:not(br))) {
        padding-left: 0!important;
    }
	
	.custom-control-description h4 {
	    font-size:1.5em!important;
	}  	
	
	#agreeIndicator .custom-control-description h4 {
	    font-size:1.2rem!important;
	}	
	
	
	/*for member_login.html*/
    .loginForm .formRow > input#verifyCode,.loginForm .formRow > input#midVerifyCode {
        width: 45%;
    }	

    .regReadHeader {
        width: 75%;
    }
	
	.loginForm .CaptchaImage {
	        width: 100%;
	        text-align:center;
	        padding:5px;
	}	

		
	/* ===== members2 begin ===== */
	.formRow #verifyCode{
		width: calc(100% - 180px);
	
	}	

	/* ===== members2 end ===== */	
			


	
	
}