/* CSS file generated by BBNIT */
/* last modify 2019-5-27 */ 

.bbn_f_black_normal{font-weight:normal;font-size:1em;color:#000000;vertical-align:middle}
.bbn_f_black{font-weight:bold;font-size:1em;color:#000000;vertical-align:middle}
.bbn_bg_green{font-weight:bold;font-size:1em;background-color:#006633;color:#ffffff;text-align:center;vertical-align:middle}
.bbn_f_green{font-weight:bold;font-size:1em;color:#006633;vertical-align:middle}
.bbn_bg_red{font-weight:bold;font-size:1em;background-color:red;color:#ffffff;text-align:center;vertical-align:middle}
.bbn_f_red{font-weight:bold;font-size:1em;color:red;vertical-align:middle}
.student_top_info{font-weight:bold;font-size:1em;color:#fff;background-color:#008852;vertical-align:middle}
.bbn_challeng_view{   
   font-size: 1.5em;
   font: Helvetica, Verdana, sans-serif;  
   /*border-left-style:"dashed red" ;
   border-top-style:"dashed red" ;
   border:"dashed red" ; 
   border-bottom: 1px solid #ccc; */
 }
td {
	font-size: 1rem;
}
.td.bbn_f_red.bbn_no_border.bbn_challeng_view{
	border-top-width:0px;
	border-left-width:0px;
}

.bbn_no_border {
   border:0px;
   }
/* jquery-value need*/
   .bbn_help-block {
    display: block;
    margin-top: auto;
	margin-bottom: auto;
	margin-left:0.5rem;
    color: #EB0808;
    border-color: #F07575;
    font-weight:bold;
   }
.bbntable_verse {
    font-size: 1.25em;   
    font: Helvetica, Verdana, sans-serif;   
   }

.BBN_spoiler111 {
	font-size: 1.5em;
	/*color:#006633;  /*未修改成功*/
	font: Helvetica, Verdana, sans-serif;   	
}
.BBN_buttonLikeLink {
    background:none!important;
     border:none; 
     padding:0!important;
    
    /*optional*/
    font-family:arial,sans-serif; /*input has OS specific font-family*/
     color:rgb(9, 32, 243);
     text-decoration:underline;
     cursor:pointer;
}
.BBN_buttonLikeLink:hover {
    background: #356094;
    border: solid 0px #2A4E77;
    text-decoration: none;
}
/* fontawesome 4.7.0 verson 动画单选钮，复选框 */
/*@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); for make-faith-promise   wating for check */
label{
	position: relative;
	cursor: pointer;
	color: #666;
	font-size: 30px;
}

input[type="checkbox"], input[type="radio"]{
	position: absolute;
	right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before{
	content: "\f096";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.5rem;
	text-transform: none;
	line-height: 2;
	-webkit-font-smoothing:antialiased;
	width: 1rem;
	display: inline-block;
	margin-right: 1rem;
}

input[type="checkbox"]:checked + .label-text:before{
	content: "\f14a";
	color: #2980b9;
	animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
	color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
	content: "\f0c8";
	color: #ccc;
}

/*Radio box*/

input[type="radio"] + .label-text:before{
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 1.5rem;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1rem;
	display: inline-block;
	margin-right: 1rem;
}

input[type="radio"]:checked + .label-text:before{
	content: "\f192";
	color: #8e44ad;
	animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
	content: "\f111";
	color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before{
	content: "\f204";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before{
	content: "\f205";
	color: #16a085;
	animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before{
	content: "\f204";
	color: #ccc;
}


@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}
/* fontawesome 4.7.0 verson */

/* fontawesome 5.7 verson  https://codepen.io/rstrahl/pen/yyEYBx   动画单选钮，复选框.未修改完成。
/*@import url(//netdna.bootstrapcdn.com/font-awesome/5.7.0/css/font-awesome.css); *-/
@import url(https://use.fontawesome.com/releases/v5.7.0/css/all.css);


/*** basic styles ***-/   
body { margin: 30px; } 
h1 { font-size: 1.5em; }
label { font-size: 24px; }
container { 
  width: 175px; 
  margin-left: 20px;
}

input[type=radio].with-font,
input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio].with-font ~ label:before,
input[type=checkbox].with-font ~ label:before {
    font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";  
    display: inline-block;
    content: "\f111";
    letter-spacing: 10px;
    font-size: 1.2em;
    color: #535353;
    width: 1.4em;
}

input[type=radio].with-font:checked ~ label:before,
input[type=checkbox].with-font:checked ~ label:before  {
    content: "\f192";
    font-size: 1.2em;
    color: darkgreen;
    letter-spacing: 5px;
}
input[type=checkbox].with-font ~ label:before {        
    content: "\f0c8";
}
input[type=checkbox].with-font:checked ~ label:before {
    content: "\f14a";        
    color: darkgreen;
}
input[type=radio].with-font:focus ~ label:before,
input[type=checkbox].with-font:focus ~ label:before,
input[type=radio].with-font:focus ~ label,
input[type=checkbox].with-font:focus ~ label
{                
    color: green;
}

fontawesome 5.7 verson */