body
{
	background-color: transparent;
	background-image: none;
	font-family:Arial, "微軟正黑體";
}
.page_Container
{
	background-color: transparent;
	background-image: none;
	border:none;
	font-family:Arial, "微軟正黑體";
}
.timetable_timetableContainer
{
	float:left;
}
.timetable_CartContainer
{
	float:right;
	width:142px;
	margin-right:5px;
	
}
.timetable_cancelPanel
{
	height:90px;
	width:100%;
}
.timetable_cancelPanel td
{
	text-align:center;
	vertical-align:middle;
}
.timetable_cancelPanel td input,
#confirmPanel input
{
	width:100%;
}
.timetable_cancelTitlePanel
{
	height:60px;	
	padding:5px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	background-color:#ababab;
	position:relative;
	background-image:url(../images/timetable/timetable_cancelTitlePanel.png);
	background-repeat:repeat-x;
}
.timetable_cancelTitlePanel .title
{
	color:#333333;
	
}
.timetable_cancelTitlePanel .num
{
	color:#990000;
	font-size:18px;
	font-weight:bold;
	padding:0 3px;
}
.timetable_cancelTitlePanel .btnCartScroll
{
	bottom:0px;
	left:0px;
	position:absolute;
}
.timetable_cancelListPanel
{
	position:relative;
}
#cartGroup
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
.timetable_catrScrollPanel
{
	overflow:hidden;
	width:100%;
	position:relative;
	background-color:#FFF;
}
.btnCartScroll
{
	width:100%;
	height:15px;
	background-color:#AAA;
}
.btnCartScroll span
{
	width:auto;
	height:inherit;
	display:block;
	cursor:pointer;
	background-image:url(../images/timetable/btnCartScroll.png);
}
#btnCareScrollUp span
{
	background-position:0 0;
}
#btnCareScrollDown span
{
	background-position:0 -45px;
}
#btnCareScrollUp.disabled span,
#btnCareScrollUp.disabled span:hover
{
	background-position:0 -30px;
	cursor:auto;
}
#btnCareScrollUp span:hover
{
	background-position:0 -15px;
}
#btnCareScrollDown span:hover
{
	background-position:0 -60px;
}
#btnCareScrollDown.disabled span,
#btnCareScrollDown.disabled span:hover
{
	background-position:0 -75px;
	cursor:auto;
}
.timetable_schoolContainer
{
	border:none;
	height:40px;
}
.timetable_schoolTitle
{
	float:left;
	display:block;
}
.timetable_schoolMenu
{
	position:relative;
	overflow:auto;
	margin:0px;
	padding:0px;
	height:inherit;
	float:right;
	display:block;
}
.timetable_schoolMenu li
{
	height:40px;
	line-height:40px;
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
	display:block;	
	
}
.timetable_schoolMenu li a 
{
	height:inherit;
	line-height:inherit;
	display:block;	
	font-size:20px;

	min-width:120px;
	padding:0 5px 0 25px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background-image:url(../images/timetable/timetable_schoolMenu.png);
	background-repeat:no-repeat
}
.timetable_schoolMenu li:first-child a
{
	background-position:0 -40px;
} 
.timetable_schoolMenu li a
{
	background-position:0 -120px;
} 
.timetable_schoolMenu li a.unselected
{
	background-image:none;
	background-color:#b6b6b6;
} 
.timetable_schoolMenu li:first-child a.selected
{
	background-position:0 -0px;
} 
.timetable_schoolMenu li a.selected
{
	background-position:0 -80px;
}

.timetable_timetableHeader
{
	border:0px;
	margin:0px;
	padding:0px;
	width:900px;
	height:50px;
}
.timetable_timetableHeader .last,
.timetable_timetableHeader .next
{
	width:200px;
	text-align:center;
	vertical-align:middle;
}
.timetable_timetableHeader .title
{
	text-align:center;
	vertical-align:middle;
	font-size:18px;
	color:#000;
}
#timeTablePanel
{
	position:relative;
}
.timeTablePanel_scrolled
{
	/*overflow-y:visible;
	overflow-x:hidden;
	height:600px;*/
}
#timeTablePanel .title_bar
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.timetable_timetable
{
	border: 1px solid #990000;
	border-collapse:collapse;
	background-color:#FFFFFF;
	margin:0 5px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.timetable_tableCart
{
	border:1px solid #990000;
	border-collapse:collapse;
	background-color:#FFFFFF;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
	
}

.timetable_timetable td,
.timetable_tableCart td
{
	width:105px;
	min-height:130px;
	padding:5px;
	margin:0px;
	
	font-size:14px;
	border: 1px solid #990000;
	border-collapse:collapse;
	background-image:url(../images/timetable/tblcell_bg.png);

}
.timetable_timetable .tdTime,
.timetable_timetable .tr_week .tdTime
{
	width:60px !important;
	
	text-align:left;
	vertical-align:top;
}
.timetable_timetable .tdTime
{
	background-color:#b6b6b6;
	background-image:none;
}
.timetable_timetable td.today
{
	background-color:#EFEFEF;
}
.timetable_timetable td.timeEven
{
	background-color:#999999;
}
.timetable_timetable .tdTime img
{
	margin-left:10px;
}

.timetable_timetable td>div,
.timetable_tableCart td>div
{
	width:100%;
	min-height:115px;
	padding-bottom:25px;
	position:relative;
}
.timetable_timetable .tr_week td
{
	height:60px;
	min-height:60px !important;
	text-align:center;
	padding:5px;
	
	vertical-align:middle;
	background-color:#990000;
	color:#FFFFFF;
	font-size:14px;
	border:1px solid #990000;
	background-image:url(../images/timetable/tr_week.png);
	background-position:left top;
	background-repeat:repeat-x;
	position:relative;
}
.timetable_timetable .tr_week td.today
{
	background-color:#bd0505;
	background-image:url(../images/timetable/tr_week_today.png);
	background-position:left top;
	background-repeat:repeat-x;
}
.timetable_timetable .tr_week .week
{
	position:absolute;
	top:5px;
	left:5px;
	display:block;
	font-size:18px;
}
.timetable_timetable .tr_week .date
{
	position:absolute;
	bottom:5px;
	right:5px;
	display:block;
	font-size:18px;
}
.timetable_timetable td input,
.timetable_tableCart td input,
.timetable_timetable td .btn,
.timetable_tableCart td .btn
{
	position:absolute;
	bottom:2px;
	right:2px;	
	height:24px;
	line-height:24px;
	display:block;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	background-image:url(../images/timetable/btn_bg.png);
	background-repeat:repeat-x;
}
.timetable_timetable td .btn,
.timetable_tableCart td .btn
{
	
	height:18px;
	line-height:18px;
	padding:1px;
	border-radius: 4px;
}

.timetable_timetable td .waited,
.timetable_tableCart td .waited,
.timetable_timetable td .booked,
.timetable_tableCart td .booked
{
	border:1px solid #005b9a;
	background-color:#3993b3;
	color:#FFF;
	background-position:0 -90px;
	
}
.timetable_timetable td .book,
.timetable_tableCart td .book
{
	border:1px solid #137500;
	background-color:#008900;
	color:#FFF;
	padding-left:25px;
	background-position:0 0px;
}
/*.timetable_timetable td .booked,
.timetable_tableCart td .booked
{
	border:1px solid #295270;
	background-color:#4a89b7;
	color:#d0ebff;
}*/
.timetable_timetable td .cancel,
.timetable_tableCart td .cancel
{
	border:1px solid #555655;
	background-color:#8b8b8b;
	color:#FFF;
	padding-left:25px;
	background-position:0 -30px;
}
.timetable_timetable td .full,
.timetable_tableCart td .full
{
	border:1px solid #860000;
	background-color:#b30000;
	color:#FFF;
	padding-left:25px;
	background-position:0 -60px;
}

.timetable_tableCart td .date
{
	display:block;
	font-weight:bold;
	font-size:14px;
}
.timetable_timetable td .time,
.timetable_tableCart td .time
{
	display:block;
	font-weight:bold;
	padding-bottom:5px;
}
.timetable_timetable td .school,
.timetable_tableCart td .school
{
	font-style:italic;
}
.timetable_timetable td .desc,
.timetable_tableCart td .desc
{
	display:block;
	font-size:12px;
}
.timetable_timetable .beginner
{
	color:#FF3333;
}
.timetable_timetable .time_30
{
	color:#000066;
}
.timetable_timetable .time_45
{
	color:#FF3333;
}
.timetable_timetable .time_60
{
	color:#006600;
}
.timetable_timetable .name
{	
	display:block;
	margin-bottom:5px;
	padding-top:5px;
	border-top:1px solid #CCCCCC;
}
.timetable_timetable .timetable
{
	padding-top:2px;
	display:block;
	font-size:12px;
	font-style:italic;
	color:#333333;
}
.timetable_timetable .teacher
{
	padding-top:5px;
	font-weight:bold;
	display:block;
	border:none;
	border-top:1px solid #CCCCCC;
	font-size:14px;
}

.no_timetable
{
	text-align:center !important;
	vertical-align:middle !important;
	height:500px !important;
	font-size:18px !important;
	
}
/***************************/
.submenu {float:left; display:block; color:#fff; line-height:40px;margin:0 1px; padding:0 40px; font-size:17px; font-family:Arial, "微軟正黑體"; position:relative; text-decoration:none;}
.submenu>span {z-index:999; position:relative;line-height:40px; height:40px;}
.submenu:hover {color:#fff; text-decoration:none;}

.submenu .submenubg {
	width: 110%;
	/*height: 22px;*/
	position: absolute;
	top: -0px;
	left: -9px;
	z-index: 0;
	
}
.submenu .submenubg .submenubg_left {
	float: left;
	border-left: 20px transparent solid;
	border-bottom: 40px #db0000 solid;
}
.submenu .submenubg .submenubg_middle {
	height: 40px;
	position: absolute;
	left: 20px;
	right: 20px;
	background: #db0000;
	
}

.submenu .submenubg .submenubg_right {
	float: right;
	border-left: 20px #db0000 solid;
	border-bottom: 40px transparent solid;
}

.submenu:hover .submenubg .submenubg_left, .submenu.active .submenubg .submenubg_left{
	border-bottom: 40px #222 solid;
}
.submenu:hover .submenubg .submenubg_middle, .submenu.active .submenubg .submenubg_middle {
	background: #222;
}

.submenu:hover .submenubg .submenubg_right, .submenu.active .submenubg .submenubg_right  {
	border-left: 20px #222 solid;
}
.contact
{
	margin-bottom:15px;
}
.contact h3
{
	color:#900;
	text-align:right;
}
.contact .item
{
	text-align:right;
	margin-bottom:3px;
}