body,html {
	margin: 0;
	padding: 0;
	height:100%;
	/*font-family: "新細明體", "PMingLiU", "細明體", "MingLiU", "標楷體", "DFKai-sb", serif;*/
}


	
	input.readonly {background:#F2F2F2;}
	
	hr {
	border:0; height:2px; background-color:#89a6b4;
	color:#89a6b4	/* IE6 */
	}
	
	textarea { overflow: auto; }


.device_table{
	width: 70%;
}

.font_color_green{
	color:green;
}
	
.TextAreaView{
	border:0px;
	overflow:auto;
}

.font_color_blue{
	color:blue;
}

.font_color_red{
	color:red;
}

.font_color_green{
	color:green;
}

.font_color_yellow{
	color:#0dab96;
}
	

#tableHead{
	text-shadow: 1px 1px 1px #fff; 
	background:#e8eaeb;
	font-weight:bolder;
}

.tableHead{
	text-align:center; 
	text-shadow: 1px 1px 1px #fff; 
	background:#e8eaeb;
	font-weight:bolder;
}

#caseTitle{
	font-weight:bolder;
	background:#c7f4a2;
}
#caseEndBar{ /*id的css是給js新增時候用 */
	background:#f3f4f5;
}
.caseEndBar{ 
	background:#f3f4f5;
}
.tdMenuBg {
	background: #f5f5f5;

}
	
#container {
	width: 95%;
	min-height:100%;
	position: relative;
	margin: auto;
	
}
/*
#sidebar	{width: 135px;
	float: left;
	margin: 15px 0;
	padding-right: 10px;}
*/	

#content	{
	width: 100%;
	float: right;
	margin: 15px 0;
	margin-left: -150px;
	margin-right: 0px;
	margin-bottom:50px;
	}
	

#content_inner	{
	matgin:auto;
	/*margin-left: 150px;*/
	}



#foot	{clear: both;}

.qbox{
	border-width: 3px;
    border-style: solid;
    border-color: rgba(174,169,184,0.5);
    border-radius: 3px;
    padding: 1px;
}
/* ==================== header ==================== */

#header	{width: auto;
	height: 86px;
	
	
	background: rgb(63,76,107); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(63,76,107,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(63,76,107,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(63,76,107,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f4c6b', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
	
}

#header_inner	{padding: 10px;
	
}

#header table {
		overflow:hidden;
		border:none;
		background-color:(0,0,0,0);
		/*width:100%;*/
		/*margin:5% auto 0; */
		-moz-border-radius:0px; /* FF1+ */
		-webkit-border-radius:0px; /* Saf3-4 */
		border-radius:0px;
		-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
	}
#header td {
	border:none;
}

#header tr {
	border:none;
}

#header th {
	border:none;
}
	
#header h1	{margin: 0;
	font-size: 2em;
	font-family: "新細明體", "PMingLiU", serif;
	color: white;}

#header p	{margin: 0;
	
	margin-top: 3px;
	font-size: 1em;
	color: white;}
	
/*chrome 只能吃到class IE FX可以吃到id 找時間再修正*/
#login-bar{
	float: right;
	text-align: right;
	color: white;
	margin-right: 5px;
	margin-top: 5px;
}

#login-bar a {
	color:red;
	
}

.login-bar{
	float: right;
	text-align: right;
	color: white;
	margin-right: 5px;
	margin-top: 5px;
}

.nodisplay{
	display:none;
}

#nodisplay{
	display:none;
}


.login-bar a {
	color:red;
	
}

.table_noshow{
		overflow:hidden;
		border:none;
		background-color:(0,0,0,0);
		/*width:100%;*/
		/*margin:5% auto 0; */
		-moz-border-radius:0px; /* FF1+ */
		-webkit-border-radius:0px; /* Saf3-4 */
		border-radius:0px;
		-moz-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);


}

.td_noshow{
	border:none;
}

/* ==================== top_menu ==================== */
.top_menu	{
	
	font-size: 0.75em;
	width: 100%;
	height: 35px;
	border-top: solid 2px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;}

.top_menu ul	{margin: 0;
	padding: 0;}

.top_menu li	{list-style-type: none;
	float: left;}

.top_menu li a	{display: block;
	width: 120px;
	line-height: 35px;
	border-right: solid 1px #aaaaaa;
	color: #000000;
	text-align: center;
	text-decoration: none;}

.top_menu, .top_menu li a	{
	background-image: url(../img/top_menu/gr.png);
	background-repeat: repeat-x;}

.top_menu li a:hover	{background-position: 0 -50px;}

.top_menu .current a	{background-position: 0 -50px;}

			
			/* 選單 li 之樣式 */
			ul.navigation li {
				position: relative;
				float: left;
			}
			
			/* 特定在第一層，以左邊灰線分隔 */
			ul.navigation > li > a{
				border-bottom: 1px solid #CCC;				
				border-left: 1px solid #CCC;
			}
			ul.navigation > li > a:hover{
				color: #666;
				background: #DDD;
			}
			/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
			ul.navigation ul{
				border: solid 1px #aaaaaa;
				display: none;
				float: left;
				position: absolute;			
				left: 0;	
				margin: 0;
			}
			/* 當第一層選單被觸發時，指定第二層顯示 */
			ul.navigation li:hover > ul{
				display: block;
			}			
			/* 特定在第二層或以後下拉部分 li 之樣式 */
			ul.navigation ul li {
				z-index: 3;
				border-bottom: 1px solid #DDD;
			}
			/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
			ul.navigation ul li:last-child {
				border-bottom: none;
			}
			/* 第二層或以後選單 li 之樣式 */
			ul.navigation ul a {
				width: 120px;
				
				color: #666;		
				background: #EEE;			
			}
			ul.navigation ul a:hover {		
				background: #CCC;				
			}
			/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
			ul.navigation ul li:hover > ul{
				display: block;
				position: absolute;
				top: 0;				
				left: 100%;
			}
			/* 箭頭向下 */
			.arrow-bottom {
				display: inline-block;
				margin-left: 5px;
				border-top: 4px solid #FFF;
				border-right: 4px solid transparent;				
				border-left: 4px solid transparent;		
				width: 1px;
				height: 1px;
			}

			/* 箭頭向右 */
			.arrow-right {
				display: inline-block;
				margin-left: 12px;	
				border-top: 3px solid transparent;
				border-bottom: 3px solid transparent;
				border-left: 3px solid #666;		
				width: 1px;
				height: 1px;
			}

/* ==================== sidebar ==================== */
/*
.left_menu	{width: 135px;
	overflow: hidden;
	}

.left_menu li	{margin-bottom: 1px;
	list-style-type: none;
	line-height: 0;
	border-bottom: solid 1px #aaaaaa;
	border-left: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;}

.left_menu li a	{display: block;
	line-height: 30px;
	padding-left: 20px;
	background-image: url(../img/left_menu/menu_point.png);
	background-repeat: no-repeat;
	color: #000000;
	font-size: 0.75em;
	text-decoration: none;}

.left_menu li a:hover	{background-position: 0 -40px;}

.left_menu ul	{
	margin: 0;
	padding: 0;
	border-top: solid 1px #aaaaaa;}

.left_menu .current a	{background-position: 0 -80px;}

*/
/* ==================== content ==================== */

.post	{width: auto;
		margin-bottom: 20px;
}

.post h2	{font-size: 1em;
	margin: 0;
	margin-bottom: 15px;
	background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */


	line-height: 32px;
	padding-left: 10px;}

#case_option2{
	margin-left:232px;

}


.cus_stat_on {
	color:green;
	font-weight:bold;
}
.cus_stat_off {
	color:red;
	font-weight:bold;
}

.time_range_search{
	padding-left: 10px;
	padding-top: 3px;
}

.teacher_stat{
	color:red;
}
/* ==================== serach box ==================== */	
#search p	{margin: 0;
			 padding-left: 10px;
}

#search #keyword	{width: 150px;
	padding: 4px 10px;
	font-size: 14px;
	line-height: 1;
	border: none;
	outline: none;
	background: none;
	background-image: url(../img/serach/textbox_gray.png);
	background-repeat: no-repeat;}

#search #submit	{width: 22px;
	padding: 4px 0;
	font-size: 14px;
	line-height: 1;
	border: none;
	outline: none;
	background: none;
	background-image: url(../img/serach/search_button.png);
	background-repeat: no-repeat;
	margin-left: 4px;
	vertical-align:top;
	text-indent: -9999px;}

#search #submit:hover	{background-position: 0 -32px;}

/* ==================== search auto ==================== */
#search{font-size:14px;}
#search .k{padding:2px 1px; width:320px;}
#search_auto{
	border:1px solid #e8eaeb; position:absolute; display:none;
	background-color: white;
	z-index: 10;
}
.search_ul li{
	margin:0; 
	padding:0;
	list-style-type: circle;
}
.search_ul li:hover{
	background:#D8D8D8;
}
.search_ul li:first-child{
	text-decoration: underline;
	-moz-text-decoration-color: red; /* Code for Firefox */
    text-decoration-color: red;
    color: red;
	list-style-type: none;
}

#search_auto li{background:#FFF; text-align:left;}
#search_auto li.cls{text-align:right;}
#search_auto li a{
	display:block;
	padding-top: 5px;
	cursor:pointer;
	color:#666;
}
#search_auto li a:hover{
	background:#D8D8D8;
	text-decoration:none;
	color:#000;
}

#li_close{
	list-style-type: none;
}



/* ==================== footer ==================== */

#footer {
	border-top: solid 5px #719a18;
	position: absolute;
	bottom: 0;
	padding: 10px 0;
	/*background-color: #AAA; */
	width: 100%;
}

.footer_text_right	{color: #000000;
	float:right;
	font-size: 0.75em;
	margin: 0;
	text-align: right;
	}

.footer_text_left	{color: #000000;
	float:left;
	font-size: 0.75em;
	margin: 0;
	text-align: right;
	}


/* ==================== other ==================== */
/* ========= 顏色示意 teacher_show_style =========== */
.tea_button{
	margin-right: 1px;
	/*margin-top: 10px;*/
	padding: 4px 6px;
	font-size: 14px;
	line-height: 100%;
	/*text-shadow: 0 1px rgba(0, 0, 0, 0.4);*/
	color: black;
	
	
	vertical-align: middle;
	text-align: center;
	/*cursor: pointer;*/
	/*font-weight: bold;*/
	transition: background 0.1s ease-in-out;
	-webkit-transition: background 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out;
	/*text-shadow: 0 1px rgba(0, 0, 0, 0.3);*/
	color: black;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	/*font-family: 'Helvetica Neue', Helvetica, sans-serif;*/

}

.tea_button-1 {
	box-shadow: 0px 3px 0px 0px #e29003;
}
.tea_button-1:hover {
	background-color: #fdb53a;
}
.tea_button-1:active {
	box-shadow: 0px 1px 0px 0px #e29003;
}
/* ======== 顏色示意 teacher_show_style end ========= */
@media print {
	#header {display:none;}
	#footer{display:none;}
	.qdate{display:none;}
	.top_menu{display:none;}
	.time_range_search{display:none;}
	.footer_text_left {display:none;}
	.print_opt{display:none;}
	.tea_button{
		border: 1px solid ;
	}

	.fc-left{
		display:none;
	}
	.fc-right{
		display:none;
	}
	.h2_title{
		display:none;
	}
	.fc td{ 
		height: 50px;
		/*overflow-y:scroll!important;*/
	}
	.fc-widget-header{
		height: auto!important;
	}
	.fc-past{
		height: auto!important;
	}
	.fc-today{
		height: auto!important;
	}
	.fc-future{
		height: auto!important;
	}
	.fc-event-container{
		height: auto!important;
	}
	
}
/* ======== cal event版型 ========= */

 #fancybox-inner{
        /*width: 800px!important;*/
    }
    #fancybox-outer{
        /*width: 800px!important;*/
        top:-10px;
        
    }
    .fancy{
        /*width: 600px!important;*/
    }
    .fancy_ul{
        list-style-type:none;
        padding: 0px 0px 0px 0px;
        margin: 0px;
    }
    .fancy_ul li{
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .outer_fieldset{
        border:0;
        padding:0px 0px 0px 10px;
        margin-bottom:10px;
        background:white;

        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;

        background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
        background:linear-gradient(top,#EFEFEF,#FFFFFF);

        box-shadow:3px 3px 10px #666;
        -moz-box-shadow:3px 3px 10px #666;
        -webkit-box-shadow:3px 3px 10px #666;

        position:relative;
    }
    .outer_legend{
        padding:5px;
        background-color:#4F709F;
        color:#FFF;

        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;

        box-shadow:2px 2px 4px #666;
        -moz-box-shadow:2px 2px 4px #666;
        -webkit-box-shadow:2px 2px 4px #666;
        left:10px;top:-11px;
    }
    .event_option_outer{
        width: 370px;
        float: left;
    }
    .event_option{
        
        width: 370px;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
    }
    .event_option_fieldset{
        border:0;
        padding:10px;
        margin-top: 20px;
        margin-bottom:10px;
        background:#EEE;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;

        background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
        background:linear-gradient(top,#EFEFEF,#FFFFFF);

        box-shadow:3px 3px 10px #666;
        -moz-box-shadow:3px 3px 10px #666;
        -webkit-box-shadow:3px 3px 10px #666;

        position:relative;
    }
    .event_option_legend{
        padding:2px;
        background-color:#4F709F;
        color:#FFF;

        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;

        box-shadow:2px 2px 4px #666;
        -moz-box-shadow:2px 2px 4px #666;
        -webkit-box-shadow:2px 2px 4px #666;

        position:absolute;
        left:10px;top:-11px;
    }


    .event_add_outer{
        width: 370px;
        float: left;
        
    }
    .event_add_opt{
        float: left;
        display:none;
        
        
        
        border-width: 0px ;
        border-style: solid;
        border-color: rgba(174,169,184,0.5);
    }
    .event_add_opt_fieldset{
        border:0;
        padding:10px;
        margin-top: 20px;
        margin-left: 10px;
        margin-bottom:15px;
        background:#EEE;

        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;

        background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
        background:linear-gradient(top,#EFEFEF,#FFFFFF);

        box-shadow:3px 3px 10px #666;
        -moz-box-shadow:3px 3px 10px #666;
        -webkit-box-shadow:3px 3px 10px #666;

        position:relative;
    }
    .event_add_opt_legend{
        padding:2px;
        background-color:#6495ED;
        color:#FFF;

        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;

        box-shadow:2px 2px 4px #666;
        -moz-box-shadow:2px 2px 4px #666;
        -webkit-box-shadow:2px 2px 4px #666;

        position:absolute;
        left:10px;top:-11px;
    }
    .sub_btn{
        float: left;
        width: 100%;
        margin-top: 10px;
        padding: 5px;
    }
    h3{
        color:#0047fc;
    }
    #div_class_sel{
        /*
        position:relative;
        top:60px;
        left: 10px;
        */
    }
    #class_opt_sel{
        /*
        position:relative;
        top:60px;
        left: 10px;
        */
    }

/* ======== cal event版型 end ========= */