@charset "utf-8";
/***********************************************************************
 @ filename         : css/main.css
 @ author           : ozzy hsu
 @ description      : 
 @ media            : screen print
 @ modified         : 2008-12-05
**********************************************************************/

body {margin: 0px;
}

.contents{width:650px; padding:10px 0px 6px 0px; margin-left: auto; margin-right: auto;}
#score{width:144px; height:108px; padding:5px 5px 5px 5px; margin-left: auto; margin-right: auto;}
#tip{width:470px; padding:20px 25px 20px 25px;line-height:16px; font-size: 12px;
}
#info{width:280px; padding:0px 0px 0px 0px; float : right; line-height:16px; font-size: 12px;
}
#people{
	width:158px; height:220px;
	padding:5px 0px 5px 15px;
}
.right{padding:2px 2px 2px 2px; margin-left: auto; margin-right: auto;line-height:16px; font-size: 14px; text-align:center;
 }
.wrong{padding:2px 2px 2px 2px; margin-left: auto; margin-right: auto;line-height:16px; font-size: 14px; text-align:center; color : #FFFFFF; background-color:#CC0000; 
}
.empty{padding:2px 2px 2px 2px; margin-left: auto; margin-right: auto;line-height:16px; font-size: 14px; text-align:center; color : #FFFFFF; background-color:#666666;
 }

.contents li{
	text-align:left; 
	line-height : 16px; 
	font-size: 12px;
	padding-left: 4px; 
}
.comment{width:590px; padding:20px 25px 20px 25px; margin-left: auto; margin-right: auto;color:#010101; 
	text-align:center; 
	line-height : 20px; 
	font-size: 13px;
	text-align:justify;
}


#print_btn{width:157px;height:44px; background:url(/images/user/TW/print_off.gif) 0 0 no-repeat; margin-left: auto; margin-right: auto;}
#print_btn a{display: block;height:44px;background:url(/images/user/TW/print_off.gif) 0 0 no-repeat;}
#print_btn a:hover{background:url(/images/user/TW/print_on.gif) 0 0  no-repeat;}

#help_btn{width:180px;height:44px; background:url(/images/user/TW/help_off.gif) 0 0 no-repeat; margin-left: auto; margin-right: auto;}
#help_btn a{display: block;height:44px;background:url(/images/user/TW/help_off.gif) 0 0 no-repeat;}
#help_btn a:hover{background:url(/images/user/TW/help_on.gif) 0 0  no-repeat;}

#view_btn{width:90px;height:18px; background:url(/images/user/TW/view_bt_off.gif) 0 0 no-repeat; margin-left: auto; margin-right: auto;}
#view_btn a{display: block;height:18px;background:url(/images/user/TW/view_bt_off.gif) 0 0 no-repeat;}
#view_btn a:hover{background:url(/images/user/TW/view_bt_on.gif) 0 0  no-repeat;}

#re_test_btn{width:90px;height:18px; background:url(/images/user/TW/re_test_off.gif) 0 0 no-repeat; margin-left: auto; margin-right: auto;}
#re_test_btn a{display: block;height:18px;background:url(/images/user/TW/re_test_off.gif) 0 0 no-repeat;}
#re_test_btn a:hover{background:url(/images/user/TW/re_test_on.gif) 0 0  no-repeat;}

#toresume_btn{width:245px;height:39px; background:url(/images/user/TW/toresume_bt_off.gif) 0 0 no-repeat; margin-left: auto; margin-right: auto;}
#toresume_btn a{display: block;height:39px;background:url(/images/user/TW/toresume_bt_off.gif) 0 0 no-repeat;}
#toresume_btn a:hover{background:url(/images/user/TW/toresume_bt_on.gif) 0 0  no-repeat;}

#check_btn{width:70px;height:18px; background:url(/images/user/TW/check_bt_off.gif) 0 0 no-repeat; margin-left: auto; margin-right: auto;}
#check_btn a{display: block;height:18px;background:url(/images/user/TW/check_bt_off.gif) 0 0 no-repeat;}
#check_btn a:hover{background:url(/images/user/TW/check_bt_on.gif) 0 0  no-repeat;}

#take_btn{width:70px;height:18px; background:url(/images/user/TW/take_bt_off.gif) 0 0 no-repeat; margin-left: auto; margin-right: auto;}
#take_btn a{display: block;height:18px;background:url(/images/user/TW/take_bt_off.gif) 0 0 no-repeat;}
#take_btn a:hover{background:url(/images/user/TW/take_bt_on.gif) 0 0  no-repeat;}

.chi{background-color:#d2cfe6; border: 3px solid #ffffff;}
.en{background-color:#ffcedb; border: 3px solid #ffffff;}
.math{background-color:#bbe0eb; border: 3px solid #ffffff;}
.nav{background-color:#d5ecae; border: 3px solid #ffffff;}
.soc{background-color:#fee8bc; border: 3px solid #ffffff;}
	
.t2{
	color: #010101; 
	font-size: 12px;
	text-align:center;	
	text-decoration: none;
	line-height: 11px;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 2px;	
}

.t3{
	color:#010101; 
	text-align:left; 
	line-height : 16px; 
	font-size: 12px;
	padding-left: 4px; 
	}
.t3t{
	color:#010101; 
	text-align:left; 
	line-height : 20px; 
	font-size: 12px;
	}
.t4{
	color:#010101; 
	text-align:center; 
	line-height : 20px; 
	font-size: 13px;
	}
	
.t5{
	color:#333333;
	text-align:center;
	line-height : 20px; 	
	font-size: 15px;
}

.m5{background-image:url(/images/user/TW/title_bar_math.gif);}
.e5{background-image:url(/images/user/TW/title_bar_en.gif);}
.p5{background-image:url(/images/user/TW/title_bar_phy.gif);}
.c5{background-image:url(/images/user/TW/title_bar_che.gif);}
.high_score{
	color:#009933; 
	text-align:center; 
	line-height : 20px; 
	font-size: 13px;
	}
.low_score{
	color:#cc0033; 
	text-align:center; 
	line-height : 20px; 
	font-size: 13px;
	}