/*網站導覽*/
#page-heading{
    margin:5px 0 10px; 
}

#container_td{
    padding:0 15px;
}

.query_table {
    margin: 10px 0;
    /*border: 1px solid #CCCCCC;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 1px #CCCCCC;
    background-color: #e4edf5;
    width:99%;
	*/
}
.query_table th{ font-weight:bold; font-size:17px; text-align:right;  height: 38px; }
.query_table td{ padding:0 8px;  height: 38px;}
.query_table td td{ padding:0px; }

.table_list{
    margin:15px 0;
    width:99%;
}
.table_list td {
	border: 1px solid #999;
	color: #666;
	height: 30px;
	
    padding:5px 6px 5px 6px;
} 
.table_list td a, .table_list td a:visited, .table_head a, .table_head td a:visited{
	color: #129696;
	font-size: 95%;
	text-decoration: none;
}
.table_list  a:hover{
	color: #73BAF9;
}
.table_list  th, .table_head th{
	min-width: 29px;
	color: #333;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
	font-size: 95%;
	border: 1px solid #999;
	font-weight: 700;
}

.table_info th {
	background:#e3eceb;
}

.row-delete {
  display: inline-block;
  padding: 0px 5px;
}
.row-delete span {
  font-size: 20px !important;
}
.row-edit {
  display: inline-block;
  padding: 0px 5px;
}
.row-edit span {
  font-size: 16px !important;
}

#pict_div .pic_list .pict_hred {
	vertical-align:middle;
}

#pict_div .pic_list img {
	text-align:center;
	height:100px;
	max-width:230px;
	margin-top:15px;
}

#pict_div .row-delete {

}


.table_mod_2  th{
	padding: 3px 2px 2px 2px;
}

.table_list  tr.sel-blue{background:#FFAC55}
.table_list  tr.sel-blue td{background:#FFAC55}
.sel-blue{background:#FFAC55}

.table_list  tr.sel-2{background:#ff99ff }
.table_list  tr.sel-2 td{background:#ff99ff}
.table_list  td.sel-2{background:#ff99ff !important}
.sel-2{background:#ff99ff}

.table_list .even td {background:#ececec;}
.table_list .tr_hover td{background:#e3eceb;color:#000}


.table_head td{
	color: #666;
	height: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.table3{
    color: #333;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 5px auto;
    border: 1px solid #D2D2D2;
}
.table3 th {
    background: #ECECEC;
    color: #000000;
    font-size:15px;
    font-weight: bold;
    padding: 10px 11px;
    border-top: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
    border-bottom: 1px solid #D2D2D2;
    text-align: right;
}
.table3 .item th{
    padding: 6px 2px;
    text-align: center;
}
.table3 td {
    padding: 6px 11px;
    border-bottom: 1px solid #D2D2D2;
    font-size: 15px;
}

.table3 th.td4{
    border-bottom:2px solid #1962AE;font-size: 15px; font-weight: bold;
}

.table3 .item td {
    padding: 6px 2px;
    text-align: center;
}
.table3  td * {
}
.table3  tr.alt td {
    background: #ecf6fc;
}
.table3  tr.over td {
    background: #bcd4ec;
}	
.table3 .last_td1 {
	background:#D0EDD9;
	text-align:center;

}
.table3 .btn_area{background:#c6f0ff; padding:5px 0 5px 0; text-align:center;}

.table4 {background:#006699; width:90%; border:0px;margin:5px 10px 25px;}
.table4 th{background:#D0E8FF; text-align: left; }
.table4 td{background:#FFF;border-bottom:0px;}
.table4 td a{
	color: #666;
	font-size: 95%;
	text-decoration: none;
}
.table4 td a:hover{
	color: #73BAF9;
}

.show_content td{
	border-bottom: 0px;
}

.pr_div{
	padding-top:20px;

}

.pr_table{
	background:#000;
	border:2px solid #000;
}

.pr_table th{
	background:#CCC;
	vertical-align: top;
	padding-top:5px;
}

.pr_table td{
	background:#FFF;
}

.pr_table .even td {background:#ececec;}
.pr_table .tr_hover td{background:#e3eceb;}

/* form data -------------------------------------------------------------------------------- */	
.form-textarea {
    color: #393939;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 97px;
    overflow: auto;
    padding: 6px 6px 0;
    width: 378px;
}
.text_input_s, .text_input_m, .text_input_l{
	border: none;
	color: #393939;
	height: 25px;
	padding: 6px 6px 0 6px;
	
}
.text_input_100 {
    display: block;
    width: 98%;
    height: 25px;
    padding: 6px 6px 0 6px;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #acacac;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -moz-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    -o-transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
    transition: all border-color ease-in-out .15s, box-shadow ease-in-out .15s ease-out;
}

.text_input_ss { width: 40px; }
.text_input_s1 { width: 75px; }
.text_input_s2 { width: 135px; }
.text_input_s { width: 105px; background: url(../images/mg/form_inp_s.gif) no-repeat;}
.text_input_m { width: 188px; background: url(../images/mg/form_inp.gif) no-repeat;}	
.text_input_l { width: 422px; background: url(../images/mg/form_inp_l.gif) no-repeat;}
/* form data end -------------------------------------------------------------------------------- */	

/* MESSAGES BOX --------------------------------------------------------------- */	
#message-yellow	{
	margin: 10px 0 5px;
	}
.yellow-left	{ 
	background: url(../images/mg/msg/message_yellow.gif) top left no-repeat;
	color: #e79300;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.yellow-left a	{
	color: #e79300;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.yellow-right a	{
	cursor: pointer;
	}
.yellow-right	{
	width: 55px;
	}
#message-blue	{
	margin: 10px 0 5px;
	}
.blue-left	{
	background: url(../images/mg/msg/message_blue.gif) top left no-repeat;
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.blue-left a	{
	color: #2e74b2;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.blue-right a	{
	cursor: pointer;
	}
.blue-right	{

	}
#message-red	{
	margin: 10px 0 5px;
	}
.red-left	{
	background: url(../images/mg/msg/message_red.gif) top left no-repeat;
	color: #ce2700;
	font-family: Tahoma;
	font-weight: bold;
	padding: 0 0 0 20px;
	}
.red-left a	{
	color: #ce2700;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.red-right a	{
	cursor: pointer;
	}
.red-right	{
	width: 55px;
	}
#message-green	{
	margin: 10px 0 5px;
	}
.green-left	{
	background: url(../images/mg/msg/message_green.gif) top left no-repeat;
	color: #6da827;
	font-family: Tahoma;
	font-weight: bold;
	line-height: 12px;
	padding: 0 0 0 20px;
	}
.green-left a	{
	color: #6da827;
	font-family: Tahoma;
	font-weight: normal;
	text-decoration: underline;
	}
.green-right a	{
	cursor: pointer;
	}
.green-right	{
	width: 55px;
	}	
/* MESSAGES BOX END--------------------------------------------------------------- */	

.note {
    color: red;
}

.green {
    color: green;
}

label.error{
    margin: 0 5px;
    color:red;
}

input.error {
    border: 2px solid #FF0000;
}

#login_error_box{
    font-size:13px;
    color:red;
}

.hidden{display:none}
.prog_link {
    background: url(../images/mg/prog_bg.png) no-repeat scroll 0 0 transparent;
    background-position:center;
    color: #333;
    height: 90px;
	padding-left:90px;
}
.prog_link a, .navigation a {
    color: #000;
    text-decoration: none;
}
.prog_link a:hover, .navigation a:hover {
    color: red;
}
.prog_link b {
    color: #0071A3;
}

.login_in{
	padding-top: 170px;
}
a.icon-1 {
    background: url(../images/mg/table_icon_1.gif) no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-1{background:url(../images/mg/table_icon_1.gif) 0 -24px;}

a.icon-2 {
    background: url("../images/mg/table_icon_2.gif") no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-2{background:url(../images/mg//table_icon_2.gif) 0 -24px;}

a.icon-3 {
    background: url("../images/mg/table_icon_3.gif") no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-3{background:url(../images/mg//table_icon_3.gif) 0 -24px;}

a.icon-4 {
    background: url("../images/mg/table_icon_mail.gif") no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-4{background:url(../images/mg//table_icon_mail.gif) 0 -24px;}
.icon-4_sel{
	background:url(../images/mg//table_icon_mail.gif) 0 -24px;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}

a.icon-5 {
    background: url("../images/mg/table_icon_print.gif") no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-5{background:url(../images/mg//table_icon_print.gif) 0 -24px;}

a.icon-6 {
    background: url("../images/mg/table_icon_search.gif") no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-6{background:url(../images/mg/table_icon_search.gif) 0 -24px;}

a.icon-7 {
    background: url("../images/mg/table_icon_copy.gif") no-repeat 0 0 ;
    display: block;
    float: left;
    height: 24px;
    margin: 0 8px 0 0;
    width: 24px;
}
a:hover.icon-7{background:url(../images/mg/table_icon_copy.gif) 0 -24px;}

.pag_div {margin:0 auto; width:100%;}
.pagination {
    float: right;
    margin: 0 4px 0 0;
}

.people_icon{
    width:129px;
    height:148px;
}

.word{
    height:73px;
    line-height:18px;
    overflow:hidden;
    text-overflow:ellipsis;
}

.word2{
    height:18px;
    line-height:18px;
    white-space: nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.w750{
    width:750px;
}

.ac_type{
    display:none;
}

.mg_label{
	float: left;
	margin: 9px 5px 6px 1px;
}

.message_tip{
	font-size:14px;
	line-height:14px;
}

.message_tip p{
	margin-top: -9px;
	position: absolute;
}

.weather .number {
    color: #51a5e1;
    float: left;
    font-family: "Arial Black",Gadget,sans-serif;
    font-size: 250%;
    font-weight: 700;
    padding-left: 10px;
    padding-top: 25px;
}
.weather .date {
    color: #666;
    font-size: 85%;
    margin-right: 10px;
    margin-top: 10px;
    text-align: right;
}

.infosin {
    color: #51a5e1;
    font-family: "微軟正黑體" !important;
    font-size: 100%;
    font-weight: 700;
	margin: 5px 10px;
}

.infosin  td{
	height: 25px;
	font-size: 18px;
}

.wicon_table {
	margin:5px;
}

.wicon_table th{
	text-align:center;
}

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

#icon_pic_list{
   overflow: auto;
}

.wicon_show{
	width:100px;
	height:100px;
}

.wicon_min {
	width:24px;
	height:24px;
}

.menu_ul{
	display:none;
}

.result .c01
{
	background-color: #9AD7DC;
	height: 30px;
}
.result .c02
{
	background-color: #C0E0BB;	
	height: 30px;
}
.result .c03
{
	background-color: #F2D6EC;	
	height: 30px;
}
.result .c04
{
	background-color: #E8D666;	
	height: 30px;
}
.result .c05
{
	background-color: #CAC3BB;	
	height: 30px;
}
.result .c06
{
	background-color: #FC9;
	height: 30px;
}


.css_btn_class {
	font-size:13px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	border:0px solid #84bbf3;
	padding:4px 6px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );
	background-color:#79bbff;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
}
.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );
	background-color:#378de5;
}
.css_btn_class:active {
	position:relative;
	top:1px;
}

.form-footer {
    padding: 15px;
}

/*　按鈕顏色　*/


.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-right-style: solid;
        border-right-width: 1px;
        border-bottom-color: transparent;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-left-color: transparent;
    white-space: nowrap;
    padding: 2px 12px;
    font-size: 1em;
    line-height: 1.846;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.btn-submit {
    outline: none;
    background-color: #185464;
    color: #fff;	
}

.btn-back {
    outline: none;
    background-color: #9f7317;
    color: #fff;	
}

.btn-delete {
    outline: none;
    background-color: red;
    color: #fff;	
}


.btn-submit:hover, .btn-submit:active:hover, .btn-submit:focus {
    background-color: #2c4151;
}


.btn-submit:disabled {
	  border: 1px solid #999999;
	  background-color: #cccccc;
	  color: #666666;	
}

.btn-logout {
    outline: none;
    background-color: #576fbf;
    color: #fff;	
	border:1px solid #fff;
	padding: 0 30px;
}

.btn-logout:hover, .btn-logout:active:hover, .btn-logout:focus {
    background-color: #2c4151;
}

/*　add_mod　*/

.w-section-header {
    padding-top: 10px;
    padding-bottom: 5px;
	margin-top:2px ;
	margin-bottom:10px ;
	border-bottom:1px solid #dcdad6;
}

.item_show, .have_count_sign{
	display:none
}

/* 小功能鍵圖案 */

.fa2{
	padding:5px 5px 2px;
	min-width:20px;
	height:20px;
	border: 1px solid #999999;
	border-radius: 3px;
	display: block;
	background-color:#fff;
}

#dialog, .dialog{
	display:none;
}


.mg_member_list{
	font-size: 14px;
	margin: 0 0 3px;
	color: gray;
}

/*　權限清單 */
.foo-data-table{
	
}

.foo-data-table td {
    border-bottom: 0px solid #999;
}


.foo-data-table .function_tr_1 td{
	border-bottom: 1px solid #999;
}

.foo-data-table .function_title_1{
	font-weight:bold;
	color:#000;
}
.foo-data-table  .function_title_2{
	font-weight:bold;
	color:#17bab8;
	padding-left:30px;
}
.foo-data-table  .function_title_3{
	font-weight:bold;
	color:#868686;
	padding-left:60px;
}

/*假日/補班設定*/
.extra_day .title, .first_duty .title {
	text-align:center;
	margin-top:20px;
}

.extra_day .col-md-4  {
	
}

.extra_day table {
	border: 2px solid #999;
	margin: 5px auto;
	width:80%;
}

.first_duty table{
	border: 2px solid #999;
	margin: 5px auto;
	width:100%;
}

.first_duty table .note td{
	color:red
}

.print_data table td{
	padding:2px 10px;
	height: 20px;
}

.no_border{
	border:0px !important;
}

.print_show{
	display:none;
}

.print_hide{
	display:hide;
}

.print_now table td, .print_now table th{
	padding:0px 0px !important;
	height: 20px;
	font-size:14px;
}

.dialog_view_show{
	font-size:12px
}

/* 表單細部設定 */
.unit .input{
	margin-bottom:20px;
}