@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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; 
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 15px;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
	font-family:Arial;
	font-size: 15px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input, textarea {
	font-family:Arial;
	font-size: 15px;
}

/* *** Float containers fix:
    http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
 .clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

input.textx{
	border: 1px solid #999;
	width: 120px;
	font-size: 15px;
}

input.texte{
	border: 1px solid #999;
	color: #000291;
	font-size: 15px;
}

input.textx{
	border: none;
	border-bottom: 1px solid #000000;
	color: #000291;
	font-size: 15px;
}

input.textr{
	border: none;
	color: #000;
	text-align: right;
}

textarea.textareae{
	border: 1px solid #999;
	color: #000291;
	width: 250px;
	height: 50px;
	font-size: 15px;
	line-height: 20px;
}

textarea.textareax{
	border: none;
	border-bottom: 1px solid #999;
	color: #000291;
	width: 250px;
	height: 20px;
	min-height: 20px;
	/*overflow-x: hidden;
	box-sizing: border-box;*/
	font-size: 15px;
	line-height: 20px;
}

textarea.textareap{
	border: 1px solid #999;
	color: #000291;
	width: 250px;
	height: 50px;
	font-size: 15px;
}

input.width400 , textarea.width400{
	width: 400px;
}

input.width360 , textarea.width360{
	width: 360px;
}

input.width300 , textarea.width300{
	width: 300px;
}

input.width240 , textarea.width240{
	width: 240px;
}

input.width160 , textarea.width160{
	width: 160px;
}

input.width150 , textarea.width150{
	width: 150px;
}

input.width120 , textarea.width120{
	width: 120px;
}

input.width100{
	width: 100px;
}

input.widthDate{
	width: 100px;
}

input.width60{
	width: 60px;
}

input.width50{
	width: 50px;
}

input.width40{
	width: 40px;
}

input.width30{
	width: 30px;
}

input.width20{
	width: 20px;
}

.selecte{
	border: 1px solid #999;
	font-size: 15px;
}

table.edit_table{
	width: 100%;
	margin-bottom: 30px;
	line-height: 18px;
}

table.edit_table th.header{
	/*background-color: #FFE16B;*/
	/*background: url("../sys_image/header_bg.png") repeat-x;*/
}

table.edit_table th, table.edit_table td{
	padding: 2px;
	font-size: 14px;
	/*border: 1px solid #000;*/
	text-align: left;
	/*background: #E5E5E5;*/
	vertical-align: top;
}

table.edit_table th{
}

table.edit_table_border th, table.edit_table_border td{
	border: 1px solid #333;
	width: auto;
}

table.edit_table_border tr.hide_tr{
	background-color: #EEEEEE;
}

table.edit_table_border tr.hide_tr td{
	color: #7A7A7A;
}

table.edit_table_border tr.hide_tr td .textareae{
	background-color: #EEEEEE;
	color: #7A7A7A;
}



table.edit_grey_border th, table.edit_grey_border td{
	border: 1px solid #DEDEDE;
	background-color: #FFF;
}

h2{
	font-size: 20px;
	margin-bottom: 14px;
	font-weight: bold;
}

h3{
	font-size: 17px;
	margin-bottom: 10px;
	font-weight: bold;
}


.delete_icon{
	padding: 3px 6px;
	font-size: 10px;
	border: 1px solid #000;
	text-decoration: none;
	cursor: pointer;
}

.page_holder{
	padding: 4px;
}

.page_icon{
	padding: 3px 6px;
	font-size: 10px;
	border: 1px solid #000;
	text-decoration: none;
	cursor: pointer;
	background-color: #FFDF3F;
}

.refresh_icon{
	padding: 4px 7px;
	font-size: 10px;
	text-decoration: none;
	cursor: pointer;
	background-color: #B9FF77;
}

.lock_icon{
	padding: 3px 6px;
	font-size: 10px;
	border: 1px solid #000;
	text-decoration: none;
	background-color: #0F0;
	cursor: normal;
}

.add_icon{
	padding: 2px 5px;
	font-size: 10px;
	text-decoration: none;
	background-color: #BCF8FF;
	cursor: pointer;
}


.option_icon{
	padding: 3px 6px;
	font-size: 10px;
	/*border: 1px solid #000;*/
	text-decoration: none;
	background-color: #FFE251;
	cursor: pointer;
}


table td.dragHandle {
	cursor: pointer;
}

table td.showDragHandle{
	background:url("../sys_image/updown2.gif") right center no-repeat;
}

.msg_box{
	color: #00F;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
}

.page_area{
	/*padding: 10px;*/
	width: 890px;
	/*padding-top:10px;*/
	float: left;
}

.page_area .border{
	padding:10px;
}

.select_h2{
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-bottom: 14px;
	font-weight: bold;
	text-align: center;
}

input.title{
	font-size: 17px;
	font-weight:bold;
	width:800px;
	text-align:center
}

.date7{
	color: #FF120A;
}

.underline{
	text-decoration: underline;
}

tr.hidden_tr{
	display: none;
}

span.a

a.a_link, span.a_link{
	cursor:pointer;
	text-decoration: underline;
	color: #00F;
}

a:visited.a_link {
	color: #00F;
}

.rate{
	color:#0034C4;
	font-weight: bold;
}

img.small_img{
	width: 50px;
	height: auto;
	cursor: pointer;
}

#login_form_div {
 width: 340px;/*必須要設定你整個DIV區塊的寬度*/
 position: absolute;
 margin: -100px 0px 0px -200px;/*調整水平垂直置中*/
 top: 50%;
 left: 50%;
 overflow: auto;
/* border: 1px solid #888888;*/
 padding: 10px;
 background: url("../sys_image/login.png") no-repeat left #FFFFFF;
 padding-bottom: 2px;
 padding-left: 150px;
 /*background-color: #FF4756;*/
}

#popup_div {
 width: 340px;/*必須要設定你整個DIV區塊的寬度*/
 position: absolute;
 margin: -100px 0px 0px -200px;/*調整水平垂直置中*/
 top: 50%;
 left: 50%;
 overflow: auto;
 border: 1px solid #FFBD4C;
 padding: 10px;
 padding-bottom: 2px;
 /*background-color: #FF4756;*/
}

#login_form_div table th, #login_form_div table td{
	padding: 4px;
}

#login_form_div table th{
	text-align: left;
}

#login_form_div h2{
	font-size: 17px;
	padding-bottom: 10px;
	color: #FF0026;
	font-weight: normal;
}


.table_list{
	width: 100%;
}

.table_list td{
	vertical-align: top;
}

.table_list tr{
	background-color: #fffef2;
}

.table_list td, .table_list th{
	border: 2px solid #FFFFFF;
	padding: 5px;
}

.table_list th{
	/*font-weight: normal;*/
	color: #006699;
	background-color: #ffe375;
	font-size: 13px;
}

.table_head{
	width: 100%;
}

.table_head td, .table_head th{
	border: none;
	font-size: 14px;
	padding: 5px;
}

table.edit_table td.hidden_td{
	display:none;
}

table.status_table{
	margin-bottom:0px;
	/*background:url("../sys_image/login_bg.png") repeat-x center center;*/
	background-color:#fdfbd7;
}

.ui-autocomplete {
	height: 200px; 
	overflow-y: scroll;
	overflow-x: hidden;
}

.bluex{
	color: #000291;
}

.fixed_bottom_menu{
	background:url("../sys_image/login_bg.png") repeat-x center center;
	position: fixed;
	bottom: 0px;
	width: 100%;
	left: 0px;
	height: 96px;
	z-index: 9999;
	padding: 4px;
	border-top: 1px solid #000;
}

.header_menu{
	/*height: 26px;*/
	background: url("../sys_image/menu_bg.png") repeat ;
	position: fixed;
	margin-bottom: 4px;
	border-bottom: 1px solid #333;
	z-index: 1000;
	width: 100%;
	/*height: 40px;*/
	padding: 6px;
}

.header_menu ul {
    /*background: url("../images/topMenuBackground.png") repeat-x scroll 0 0 transparent;*/
	font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.14em;
    margin: 0;
    padding: 0;
    width: 100%;
}

.header_menu ul li {
    float: left;
    display: block;
	position: relative;
	font-weight: bold;
	zoom: 1;
	background:#FFF;
	margin-right: 5px;
	padding: 1px;
	border: 1px solid #999;
}

.header_menu a.nav{
	background: url("../sys_image/btn_bg.jpg") repeat scroll center center;
	display: block; 
	padding: 4px 8px;
	/*border-right: 1px solid #333;*/
	color: #003366;
    font-size: 15px;
    font-weight: bold;
	text-decoration:none;
	line-height: 17px;
	cursor: pointer;
}

.header_menu a.nav:hover{
	background: url("../sys_image/btn_bg_hover.jpg") repeat scroll center center;
}

.header_menu a.nav:active{
	color: #ffa500;
}

.header_menu a.subnav{
	display: block;
	padding: 3px 6px;
	border: none;
	color: #003366;
    font-size: 15px;
    font-weight: bold;
	text-decoration:none;
	background-color: #EAEAEA;
	line-height: 20px;
	cursor: pointer;
}

.header_menu ul li ul{
	position: absolute;
	left: 0px;
	top: 10px;
	z-index: 1000;
	margin-right: 3px;
}

.header_menu ul li ul li{
	float: none;
	padding: 1px;
	background-color: #EDEDED;
	border: none;
}

.header_menu ul li ul li a{
	padding-right: none;
	/*border-right: none;*/
	border: none;
	color: #000;
	/*border-bottom: 1px dashed #ccc;*/
}

.header_menu a.subnav:visited, .header_menu  ul li ul li a.subnav:visited {
   color: #000;
}

.header_menu  ul li ul li a.subnav:active{
	color: #ffa500;
}

.header_menu a.subnav{
	/*background-color: #D426D1;*/
}

.header_menu a.subnav:hover, .header_menu ul li ul li a.subnav:hover{
    color: #003366;
	font-weight: bold;
	background-color: #F3D673;
}

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;

   /*
     Introduced in IE 10.
     See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
   */
   -ms-user-select: none;
   user-select: none;
}

#jolly_right_menu{
	/*float: left;*/
	padding: 5px;
	position: fixed;
	top: 40px;
	left:  890px;
}

table .sortingtable th{
	cursor: pointer;
	text-decoration: underline;
}

table .sortingtable th.no_sort{
	background: #ffe375;
	text-decoration: none;
	cursor: text;
}

#popup_container_bg{
	opacity:0.8;
	background-color: #000;
	filter:alpha(opacity=80);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90000;
	display:none;
}

#popup_container{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100000;
	display:none;
}

#popup_container div{
	filter:alpha(opacity=100);
	opacity:1;
}

#page_control{
	border: 1px solid #000;
	margin: 0px auto;
	position: relative;
	width: 890px;
}

.jolly_menu_btn_holder{
	background:url("../sys_image/menu_bg.png") repeat-x center center;
	padding: 2px;
	border-bottom: 1px solid #333;
}

.jolly_menu_btn_holder .jolly_menu_btn{
	border: 1px solid #333;
	background:url("../sys_image/btn_bg.jpg") repeat-x center center;
	cursor: pointer;
}

.jolly_menu_btn_holder .jolly_menu_btn':active{
	background:url("../sys_image/btn_bg_hover.jpg") repeat-x center center;
}

.header_info{
	background:url('../images/test_header.png') no-repeat center; 
	height: 110px;
	margin-bottom: 20px;
}
/*
.page_border{
	float: left;
}*/
.currency_color{
	color: #FF5D3D;
}

table td .inner_info{
	padding: 2px 4px;
	color: #0000FF;
}


table td .inner_info .xx{
	float: left;
	padding: 2px 4px;
	/*width: 60px;*/
}

table.edit_table td .itin_remark{
	padding: 4px 2px;
}

.bgtext{
	background-color: #FFCF8C;
	padding: 2px 4px;
}

table.no_border_table th, table.no_border_table td{
	border: none;
	vertical-align: middle;
}

table.edit_table td{
	vertical-align: top;
}

#edit_option{
	display: none;
}

.cke_editable{
	line-height: 20px;
    padding: 2px;
	min-height: 40px;
	color: #000291;
	font-size:14px;
}

.cke_editable b, .cke_editable u, .cke_editable i, .cke_editable s{
	font-size:14px;
}

.bottom_line .cke_editable{
	border-bottom: 1px solid #999;
	margin-bottom: 0px;
	min-height: 18px;
	font-size:14px;
}

.grey_color{
	color: #AAA;
	font-size: 15px;
}

.company_name{
	font-size: 17px;
	color: #b80000;
	font-weight: bold;
}

#menu_login_name{
	font-size: 17px;
	color: #b80000;
	font-weight: bold;
	padding-right: 6px;
}

.page_search{
	background-color: #ffcc33;
	width:auto;
	/*padding:2px 4px;*/
	border: none;
	position: fixed;
	top: 40px;
	padding-top: 4px;
	left: 0px;
	background-color: #FFFFFF;
	width: 100%
}

#page_search_bar{
	background-color: #edf6ff;
	float: left;
	padding: 2px;
	line-height: 28px;
}

table th.color2{
	background-color: #FFFFFF;
}

table tr.click_th th{
	text-align: center;
	min-width: 20px;
}

table tr.click_td td{
	cursor: pointer;
	text-align: center;
}

table td.hint{
	color: #999999;
	font-size: 12px;
}

table.xx1_1 tr.click_th{
	background-color: #fef99d;
}

table.xx1_2 tr.click_th{
	background-color: #e2ffc0;
}

table.xx2_1 tr.click_th{
	background-color: #b3fffb;
}

table.xx2_2 tr.click_th{
	background-color: #b3e0ff;
}

table.xx3_1 tr.click_th{
	background-color: #f5b3ff;
}

table.xx3_2 tr.click_th{
	background-color: #ffa16e;
}

table tr.resultx input{
	font-weight: bold;
	color: #b80000;
}

table tr.rightx td{
	text-align: right;
}

table tr.tickxx td{
	text-align: center;
	padding-right: 10px;
	cursor: pointer;
}

table td.tick_green{
	background: url("../sys_image/tick_green.png") no-repeat center;
}

table td.tick_greenx{
	background: url("../sys_image/tick_green.png") no-repeat right;
}

table td.tick_red{
	background: url("../sys_image/tick_red.png") no-repeat center;
}

table td input.pi_p2_resultz{
	font-weight: bold;
	color: #b80000;
}

table.sp_setting_table td .textareae{
	font-size: 13px;
	border:1px solid #DDD;
}

table.sp_setting_table td input.texte{
	border:1px solid #DDD;
}

#sps_table_detail tbody textarea.textareae, #sps_table_detail tbody input.texte, #sps_table_detail tbody .selecte{
	border: 1px solid #D0D0D0;
	color: #000291;
	font-size: 14px;
}

.sp_centre_level_book{
	font-weight: bold;
	font-size: 16px;
	color: #1C3577;
	border: 1px solid #D0D0D0;
}
/*
table.sp_border th, table.sp_border td{
	border: 1px solid #EFEFEF;
	width: auto;
}*/

.sp_border tbody textarea.textareae, .sp_border tbody input.texte, .sp_border tbody .selecte{
	border: 1px solid #666666;
	color: #000291;
}

.sp_span{
	color: #707070;
}

.sp_inblock{
	display: inline-block;
	color: #0000FF;
	font-weight: normal;
}

#sp_container {
	padding-top: 20px;
}

.sp_btn{
	border: 1px solid #c3c3c3;
	cursor: pointer;
}

table.sp_border th{
	color: #2F53C6;
}

table.edit_table td .sp_update_time{
	font-size: 11px;
	color: #999999;
}

.sp_search_btn{
	border:1px solid #999999;
	background-color:#EAEAEA;
	padding:2px 3px;
	text-decoration: none;
	color: #000000;
	cursor: pointer;
	white-space: nowrap;
}

.sp_cert_span{
	background-color: #FF6699;
	display: none;
	margin: 2px;
	color: #FFFFFF;
	float: right;
	padding: 0px 4px;
	margin-right: 20px;
}

.ccentre{
	background-color: #FFFF99;
}

.cstudent{
	background-color: #CCFF99;
}


#sps_table_detail th{
	font-size: 13px;
}

table.sps_no_border th, table.sps_no_border td{
	border: none;
	vertical-align: top;
}

.centre_box{
	display: inline-block;
	width: 240px;
}

.sp_border tbody textarea.sp_staff_remark{
	width: 370px;
}
/*
.sp_border tbody textarea.sp_record_recom{
	min-height: 80px;
}*/

.sp_border tbody textarea.sp_record_remarks{
	min-height: 80px;
}

.staff_remark{
	font-size: 14px;
	font-weight: bold;
	color: #2f53c6;
}

.book_grey{
	color: #AAAAAA;
}