@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, /* Ann */
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0px;
	padding:0px;
	font-family: "微軟正黑體", "新細明體";
	font-size:14px;
	border:none;
}
input, select, textarea{outline:none; border:1px solid #c0c0c0;}
input{padding:2px;}
textarea{width:250px; height:80px; vertical-align:text-top;}
.seprate-line{border-bottom:1px solid #fbd19e; margin:10px 0;}
.clear{clear:both;}
.color-red{color:#F00;}
h1{margin-bottom:20px; font-size:16px; color:#1f538e;}

/*------------------------------------------ button*/
a.btn, a.btn_small {
	width:114px;
	height:31px;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
	text-align:right;
	cursor:pointer;
	display:inline-block;
	text-align:center;
	line-height:27px;
	background:url(../img/btn_pink.png) no-repeat;
}

a.btn:hover {
	background:url(../img/btn_orange.png) no-repeat;
	color:#4e4233;
	text-decoration:none;
}

a.btn:active {
	position:relative;
	top:1px;
}

a.btn_small {
	width:60px;
	background:url(../img/btn_pink_small.png) no-repeat;
}

a.btn_small:hover {
	background:url(../img/btn_orange_small.png) no-repeat;
	color:#4e4233;
	text-decoration:none;
}

a.btn_small:active {
	position:relative;
	top:1px;
}
.btn_box {text-align:center;}

/*------------------------------------------ pop table*/
.table{display:table;}
.row{display:table-row;}
.cell{display:table-cell; padding:5px;}
.cell_title{display:table-cell; padding:5px;}
table{width:100%; border-top:1px solid #cccccc; border-left:1px solid #cccccc;}
table caption{text-align:left; padding:5px 0;}
table thead tr th{background:#f8debe; border-bottom:1px solid #cccccc; padding:5px 10px;}
table thead tr th:last-child{border-right:1px solid #cccccc;}
table tbody tr th{background:#f8debe; border-bottom:2px solid #ffffff;}
table tbody tr td{padding:5px 10px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc;}

/*------------------------------------------ pop login*/
.login{width:360px;}
.login a.btn{margin-left:35px;}
.login h1{margin-bottom:15px; padding-left:5px;}
.login input{width:175px;}
.login select{width:181px;}
.login .cell_title{text-align:right;}
.login .caption{color:#2f629b; padding:0 5px;}
.login ul{margin-top:5px; padding-left:30px;}
.login ul li{line-height:20px; padding-bottom:5px;}
.login input.code{width:100px;}
.login a.reflesh{cursor:pointer; vertical-align:middle;}
.forget_pwd{display:none;}
.forget_pwd a.btn{margin-left:0;}
.forget_pwd .msg{padding:2px 5px; color:#F00; background:floralwhite; border:1px solid #f00; margin:0 5px 10px; display:none;}
.forget_pwd .send-msg{display:none; padding:0 5px;}

/*------------------------------------------ pop reservation*/
.reservation{width:500px; min-height:480px;}
.reservation p{margin:10px 0;}
.reservation select{width:150px;}
.reservation a.btn_small{float:right; margin:-10px 0 10px 5px;}
.reservation .caption{color:#2f629b;}
.reservation ul li{line-height:20px; padding-bottom:5px;}
.sub_res{width:300px; min-height:350px;}
.sub_res a.btn{margin:7px 2px;}

/*------------------------------------------ pop subject score*/
.subject_score{width:300px; min-height:340px;}
.subject_score p{margin:15px 0;}
.subject_score select{width:256px;}
.subject_score a.btn_small{float:right; margin:-10px 0 10px 5px;}
.subject_score .caption{color:#2f629b;}
.subject_score ul li{line-height:20px; padding-bottom:5px;}
.subject_score a.btn{margin:7px 2px;}

.subject_score_list{width:500px; /*min-height:340px;*/}
.subject_score_list .score{margin-bottom:20px;}
.subject_score_list .score p{margin:5px 0; text-align:justify;}
.subject_score_list .score p.comment{margin-top:15px;}
.subject_score_list .score p.reader{color:#666;}

/*------------------------------------------ fancybox class search*/
.class-search{width:700px; font-size:14px;}
.class-search .class-data{width:222px; height:300px; padding:3px; border:1px solid #C0C0C0; overflow:auto; background:#ffffff;}
.class-search .class-data a{display:block; width:218px; padding:2px; height:auto; word-break:break-word; cursor:pointer; margin-bottom:3px;}
.class-search .class-data a:hover{color:#aaaaaa;}
.class-search .class-data a.on{background:#aaaaaa; color:#fff;}
.class-search .class-empty{background:#e5e5e5; border:none; width:224px;}
.class-search .class-table{display:table;}
.class-search .class-caption{display:table-caption; padding-bottom:10px;}
.class-search .class-row{display:table-row;}
.class-search .class-title{display:table-cell; border-top:1px solid #84b1e4; border-bottom:1px solid #84b1e4; padding:10px;}
.class-search .class-option{display:table-cell; border:10px solid #ffffff; border-top:15px solid #ffffff; width:230px; vertical-align:top; padding-bottom:20px;}

/*------------------------------------------ recommend*/
.recommend{width:500px;}
.recommend table th{width:35%;}
.recommend table td{padding:5px 10px;}
.recommend select{width:100%;}

/*------------------------------------------ erm*/
.erm{width:700px;}
.erm table.info{border:none;}
.erm table.info th{width:30%; height:30px; padding:0 10px;}
.erm table.info td{border:none;}
.erm .center-text{text-align:center;}
.erm table.list td{padding:10px;}
.erm table.list a{color:#06c;}
.erm .seprate-line{border-bottom:1px solid #7f7f7f;}
.erm .table_erm tr th:nth-of-type(1), .erm .table_erm tr td:nth-of-type(1){width:380px;}
.erm .table_erm tr th:nth-of-type(2), .erm .table_erm tr td:nth-of-type(2){width:200px;}
.erm .table_erm tr th:nth-of-type(3), .erm .table_erm tr td:nth-of-type(3){width:100px;}