@CHARSET "UTF-8";



a {
    text-decoration: none;
	font-weight: bold;
}

img{
	border: 0px;
}

.head{
	padding-top:40px;
}

.centered { display: table; margin-left: auto; margin-right: auto; }

.main_logo {
	margin-top: 50px;
}


.mainmenu{
/*	border:1px;
	border-style: dotted;*/

	padding-top:20px;
}

.login_window{

	padding-top: 80px;

	font-size:20px;
}


.login_user_id{
	padding-bottom: 30px;
}


.user_id_input{
	width:140px;
	height: 30px;
	font-size:20px;
}

.books{

	padding-top: 80px;
}

.welcome{
    padding-bottom: 10px;
    padding-left: 10px;
    float: left;
}

.main_txt{
	padding-left: 500px;
	padding-top:20px;
}

.main_title{
    width: 580px;
    float: left;
    /*padding-left: 300px;*/

/*    font-family:monoton,fantasy;
    font-size:49px;
    color:#A81115;*/
}


.booksearch{
	height: 30px;
	width:300px;
	font-size:20px;
	font-weight: bold;
}

.searchbtn{
	height: 38px;
	width:80px;
	font-weight: bold;
	font-size:20px;
}

.booklist{
	padding-top: 40px;
}

.bookitem{
	width:580px;
	height:220px;	
	float: none;
	clear: both;

	/*background-color: #f1ffdf;*/
	padding: 4px;
	margin:3px;
	border: 1px solid #adadad;
	border-radius:0.4em;
}

.book_img{
	padding:10px;
	float: left;

	width: 145px;
	height: 200px;
}

.book_info{
	font-size: 10x;
	padding:10px;
	float: left;

	width: 190px;
	height:170px;

	background-color: #f1ffdf;
	margin:10px;
	border: 1px solid #adadad;
	border-radius:0.4em;	
}

.book_act{
	padding-top:6px;
	float: left;
	font-size:14px;
	font-weight: bold;
	
	width: 160px;
}

.book_btn_act{

	padding:6px;
}

.quizdisplay{
	padding-top: 70px;
	width:980px;

	font-family: 'Questrial', sans-serif;
}


.quiz_book_info{

	font-size:16px;
	font-weight: bold;

	padding:15px;

	margin:10px;
}

.quiz_question{

	/*height:70px;*/


	font-size:26px;
	font-weight: bold;

	padding:15px;


	background-color: #f1ffdf;
	margin:10px;
	border: 1px solid #adadad;
	border-radius:0.4em;		
	line-height: 1.8em;
}

.quiz_radio{
	float: left;
	width:20px;
	height:20px;
}




.quiz_question_text{
	float:left;

}

.quiz_question_sound{
	float:left;
}

.quiz_answers{

	padding-left: 30px;
	width:840px;
}


.quiz_img_add{

	width: 350px;
	float: left;

}

label { display: block; width: 800px; }


.quiz_label:hover{
	text-decoration: underline;
}

.quiz_img{
	
	padding-top:20px;
	float:right;
}

.quiz_answers_input{
	padding-top:15px;

	/*height:30px;*/

	font-size:24px;

}

.quiz_next{

	clear:both;
	padding-left: 8px;
	padding-top: 30px;
	float:right;
	padding-right: 40px;	
}

.quiz_next_btn{

	font-size:20px;
	font-weight: bold;

	height: 44px;
	width: 120px;
}

.quiz_finish{
	width: 760px;
}

.quiz_finish_title{
	font-size:38px;
	font-weight: bold;
	padding-top:10px;
}

.qf_reading_result{
	padding-top: 10px;
}

.qf_reading_result_img{
	padding-top: 10px;
}

.qf_voca_result{
	padding-top: 10px;
}

.qf_student{
	float:left;
	width:300px;
	height:80px;
	padding-top:20px;

	font-size: 	20px;

}

.qf_bookinfo{
	float:right;
	width:240px;
	height:80px;
	padding-top: 20px;
	font-size: 	20px;
}

.qf_reading_result{
	padding-top: 10px;
}

.qf_voca_result{
	
	padding-top: 20px;
}


.qf_wrong_title{
	padding-top:40px;
	font-size:28px;
	font-weight: bold;
	padding-bottom: 20px;
}

.qf_result_title{
	font-size: 18px;
	font-weight: bold;
}

.join_btn{
	font-size:16px;
	font-weight: bold;

	height: 30px;
	width: 100px;
}


.login_btn{

	padding-top: 5px;
	font-size:20px;
	font-weight: bold;

	height: 34px;
	width: 140px;
}


.books_menu {

	width: 400px;
	height: 30px;

	background-color: #f1ffdf;
	padding:5px;
	padding-left: 20px;
	border: 1px solid #adadad;
	border-radius:0.4em;		
	line-height: 1.8em;
}

.leveltest_logo {

	width: 645px;
	height: 323px;
}


.ql_li{

	height: 30px;
	padding:4px;
	font-size: 12px;
	list-style-type: none;
}

.ql_date{
	width:180px;
	display:inline-block;
}

.ql_bookid{
	width:80px;
	display:inline-block;
}

.ql_bookname{
	width:300px;
	display:inline-block;
}

.mybookshelf{

}


.teacher_menu {

	width: 860px;
	height: 30px;

	/*background-color: #f1ffdf;*/
	padding:5px;
	padding-left: 20px;
	border: 0px solid #adadad;
	border-radius:0.4em;		
	line-height: 1.8em;
}


.teacher_contents{
	padding-top: 20px;
	width: 960px;
}


.tm_menu_student{
	width:170px;
	display:inline-block;	
}

.tm_menu{
	width:110px;
	display:inline-block;	
}

.t_link{
	font-size:12px;
}

.video_input{
	width:540px;
	height: 30px;
	font-size:20px;
}

.counsel_input{
	width:540px;
	height: 30px;
	font-size:20px;
}

.final_report_title{
	font-size: 24px;
	font-weight: bold;
}

.final_select{
	width: 80px;
	height: 30px;
	font-size:20px;	
}

.counselsitem{
	padding-top: 15px;
	font-size:11px;
}

.counsels_row1{

}

.counsels_row2{
	background: #EEEEEE;	
}



.infoPic{
	width: 216px; 
	height: 288px;
	background: url(/static/img2/information_picture.jpg) no-repeat;
}

.bookPic{
	width: 216px; 
	height: 288px;
	background: url(/static/img2/book_picture.jpg) no-repeat;
}

.testPic{
	width: 216px; 
	height: 288px;
	background: url(/static/img2/test_picture.jpg) no-repeat;
}

.teacherPic{
	width: 216px; 
	height: 288px;
	background: url(/static/img2/teacher_picture.jpg) no-repeat;
}


.infoImg{
	width: 195px; 
	height: 46px;
	background: url(/static/img2/information.jpg) no-repeat;
}

.infoImg:hover{
	width: 195px; 
	height: 46px;
	background: url(/static/img2/information_over.jpg) no-repeat;	
}

.myRepoImg{
	width: 195px; 
	height: 46px;
	background: url(/static/img2/myreport.jpg) no-repeat;
}

.myRepoImg:hover{
	width: 195px; 
	height: 46px;
	background: url(/static/img2/myreport_over.jpg) no-repeat;	
}


.bookquizImg{
	width: 195px; 
	height: 45px;
	background: url(/static/img2/book.jpg) no-repeat;
}

.bookquizImg:hover{
	width: 195px; 
	height: 45px;
	background: url(/static/img2/book_over.jpg) no-repeat;	
}


.leveltestMy{
	width: 243px; 
	height: 90px;
	background: url(/static/img2/leveltest_myreport.jpg) no-repeat;
}

.leveltestMy:hover{
	width: 243px; 
	height: 90px;
	background: url(/static/img2/leveltest_myreport_over.jpg) no-repeat;	
}

.leveltestTest{
	width: 243px; 
	height: 90px;
	background: url(/static/img2/leveltest_test.jpg) no-repeat;
}

.leveltestTest:hover{
	width: 243px; 
	height: 90px;
	background: url(/static/img2/leveltest_test_over.jpg) no-repeat;	
}


.leveltestImg{
	width: 196px; 
	height: 46px;
	background: url(/static/img2/test.jpg) no-repeat;
}

.leveltestImg:hover{
	width: 196px; 
	height: 46px;
	background: url(/static/img2/test_over.jpg) no-repeat;	
}

.teacherImg{
	width: 196px; 
	height: 46px;
	background: url(/static/img2/teacher.jpg) no-repeat;
}

.teacherImg:hover{
	width: 196px; 
	height: 46px;
	background: url(/static/img2/teacher_over.jpg) no-repeat;	
}

.loginImg{
	width: 147px; 
	height: 56px;
	background: url(/static/img2/login.jpg) no-repeat;
}

.loginImg:hover{
	width: 147px; 
	height: 56px;
	background: url(/static/img2/login_over.jpg) no-repeat;	
}

.logoutImg{
	width: 148px; 
	height: 55px;
	background: url(/static/img2/logout.jpg) no-repeat;
}

.logoutImg:hover{
	width: 148px; 
	height: 55px;
	background: url(/static/img2/logout_over.jpg) no-repeat;	
}



#topBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#topBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}