@charset "utf-8";
/* CSS Document */
.glyphicon-search{font-size:1.3em;color:#fff;vertical-align:text-bottom;}
.glyphicon-search a{color:#fff;}




.search{margin:10px;padding:0px;}
.search .panel-body{padding:0;margin-bottom:10px;}
.panel-body.cc{padding:0 10px;}
.search .data_r_n{color:#BDE55C;font-weight:bold;font-size:16px;line-height:30px;}
.search h3{color:#fff;}
.panel-body.kw input[type=text]{/*width:170px;*/height:28px;float:left;font-size:16px;color:#000;border:1px solid #ddd;border-radius:4px;margin-right:2%;line-height:25px;padding:0 2px;border-top:2px solid #aaa;border-left:2px solid #aaa;}
td.editText table tr td select{border-radius:4px;color:#000;font-size:16px;border:1px solid #ddd;line-height:25px;height:28px;width:178px;}
.Sbtn{
    width:20%;
	float:right;
    margin:0px;
    font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border-radius:4px;
    background-image: linear-gradient( to top,#0F5D66,#15808D);
	border-left:1px solid #1EB9CC;
	border-top:1px solid #1EB9CC;
	border-right:1px solid #000;
	border-bottom:1px solid #000; }
.search .panel-heading {
    color: #fff;
    background-color:#137480;
    border-color: #ddd;}
.panel-title {font-size:16px;line-height:1em;letter-spacing:1px;} 
.search .panel-title > a {color:#fff;text-decoration:none;font-weight:bold;text-shadow: 1px 1px 2px #000;}
.search .panel{border:1px solid #178C9A;border-right:1px solid #000;
	border-bottom:1px solid #000;}
.panel-body.kw{border: 5px solid #D2FF66;padding: 5px;border-radius: 4px;clear: both;}	
.panel-body.kw02{border:5px solid #BDE55C;padding: 5px;background-color:;border-radius:4px;}

.data_n{font-size:16px;font-weight:bold;color:#fff;line-height:30px;letter-spacing:1px;text-align:center}
.search_i{width:100%;margin:0 auto;background-color:#fff;color:#000;border-spacing:8px; border-collapse:separate}
.search_i tr td{vertical-align:top;}
td.td01{width:85px}
td.date{white-space:nowrap;}
.date input[type=text]{width:40%;}


/*
@media (min-width: 320px){
	.search-heading .panel-body .search_title_data {width: 26%;}
}
@media (min-width:480px){
	.search-heading .panel-body .search_title_data {width: 30%;}
}
@media (min-width:640px){
	.search-heading .panel-body .search_title_data {width: 35%;}
}
@media (min-width:768px){
	.search-heading .panel-body .search_title_data {width: 38%;}
}
@media (min-width: 1024px){
	p{display: inline-block;float: left; width: 40%;line-height: 70px;}
	.search-heading .panel-body .search_title_data {width: 32%;}
	.search_title_word:nth-child(5) {left: -11px;position: relative;float: left;}
	.search_title_word:nth-child(3){display:inline-block;}
	.search_title_word {float:none;line-height:50px;}
	input[type=text]:first-child{display:block;}
	.date:last-child{display:block;}
	.Sbtn{float:none;float:right;}
	.search_title_input{width:80%;}
}
@media (min-width: 1366px){
	.search_title_input{width:86%;}
	.search-heading .panel-body .search_title_data { width: 37%;}
}
@media (min-width: 1366px){
	.search-heading .panel-body .search_title_data { width: 39.9%;}
}
*/

.search_title_word{color:#fff;display:inline;}
.search_title_word:nth-child(3){display:block;}
.search_title_word:nth-child(5){/*left:35%;right:65%;position: relative;*/}
.search_title_input{margin: 5px 0;}
/* .search-heading .panel-body .search_title_data{width:35%;} */
.glyphicon{line-height:18px;/*margin-left: 5px;*/;}

.panel-body.kw input[type="submit"], .panel-body.kw input[type="button"]{
    width:70px;
    font-size:16px;
	font-weight:bold;
	letter-spacing:1px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    border-radius:4px;
    background-image: linear-gradient( to top,#0F5D66,#15808D);
	border-left:1px solid #1EB9CC;
	border-top:1px solid #1EB9CC;
	border-right:1px solid #000;
	border-bottom:1px solid #000; 
	}
.kw table{display:inline;}
ul.b_kind{margin:0;padding:0;list-style:none;}
ul.b_kind li.k_na:nth-child(odd){color: #2A4E96;background-color: #d9edf7;border-radius: 4px;margin-bottom: 10px;margin-top: 5px;padding: 2px;font-weight:bold;text-indent:10px;letter-spacing:2px;}
ul.b_kind li.k_na:nth-child(even){color: #2A752B;background-color: #dff0d8;border-radius: 4px;margin-bottom: 10px;margin-top: 5px;padding: 2px;font-weight:bold;text-indent:10px;letter-spacing:2px;}
ul.b_kind li.k_na:nth-child(odd) ul.langu{margin:0;padding:0;list-style:none;width:100%; background-color:#d9edf7}
ul.b_kind li.k_na:nth-child(even) ul.langu{margin:0;padding:0;list-style:none;width:100%; background-color:#dff0d8}
ul.langu>li:nth-child(odd),ul.langu li:nth-child(even){color:#333;font-weight:normal; background-color: #fff; border-radius:0px;margin: 0px;line-height:30px;margin-top:1px;padding:2px 0}
ul.langu> a{text-decoration:none;color:#0141AB;line-height:30px;}
ul.langu> a li{ background-color: #fff;padding:2px 0;margin-top:1px;display:block;}
ul.b_kind li.k_na:nth-child(odd) ul.langu > a:hover li{background-color:#D0FBF2;color:#0141AB;display:block;}
ul.b_kind li.k_na:nth-child(even) ul.langu> a:hover li{background-color:#FFFFBE;color:#0141AB;display:block;}


/*FRBR1*/
.filter{float:right;margin-top:5px;right:10px;margin-right:10px;}
.filter button{border-radius:6px;padding:3px 2px;width:80px;text-align:center;color:#fff;background:/*linear-gradient(to bottom, #92b255 0%,#869b50 44%,#4f722f 100%);border-top:1px solid #92b255;border-left:1px solid #92b255;border-right:2px solid #304d15;border-bottom:2px solid #304d15*/linear-gradient(to bottom, #dc7460 1%,#b25f58 50%,#a34d39 100%);border-top:1px solid #f8bcb0;border-left:1px solid #f8bcb0;border-right:2px solid #803927;border-bottom:2px solid #803927;font-size:16px;letter-spacing:2px;}
ul.fr_tree{width:100%;margin:0%;padding:0;list-style:none;font-size:15px;color:#fff;text-align:center;font-weight:bold;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
ul.fr_tree>li{padding:0;height:auto;background-color:#e9e9ce;border-right:1px solid #DBD4AD;}
ul.fr_tree>li.fldtitle {background: linear-gradient(to bottom, #ed9c5e 0%,#d36f17 100%);line-height:30px;display:block;color:#fff;font-weight:bold;text-align:center;border-top:1px solid #F4D1A8;padding-top:5px;padding-bottom:5px;}
ul.fr_tree>li.stay{color:#fff;text-decoration:none;display:block;background:linear-gradient(to bottom, #9cc611 0%,#5a9b00 60%);line-height:30px;border-top:1px solid #DBD4AD;padding-left:3px;text-align:left;padding-top:5px;padding-bottom:5px;}
ul.fr_tree>li a.hyperlink_45,ul.fr_tree>li.all a.stay{color:#8C3310;text-decoration:none;display:block;background:linear-gradient(to bottom, #fcfff4 0%,#e9e9ce 100%);line-height:30px;border-top:1px solid #DBD4AD;text-align:left;padding-left:5px;height:100%;padding-top:5px;padding-bottom:5px;}
ul.fr_tree>li a:hover,ul.fr_tree>li.all a.stay:hover{background:linear-gradient(to bottom, #ebed89 0%,#a1cc3f 100%);border-top:1px solid #DBD4AD;display:block;color:#005B2A}
ul.fr_tree>li.all{display:block;width:100%}

.dropdown-menu {right:0;left: auto;padding:0}
.open > #frbr1.dropdown-menu {display: block;padding:10px;}
#frbr1.dropdown-menu {
	right: 10px;
    position: absolute;
    top: 38px;
    z-index: 1000;  
    display: none;
    float:right;
    width:50%;
    min-width:200px;
    margin: 2px 0 0;
    list-style: none;
    /*background: linear-gradient(to bottom, #f8bcb0 0%,#fff 20%);*/
    background-color:rgba(128,57,39,0.8);
    border:1px solid #803927;
    border-top:2px solid #803927;
    border-radius:6px;
    background-clip: padding-box;
}

/*日月曆 開始----------------------------------------------------------------*/
ui-datepicker-div{display:block;opacity:1;}
.glyphicon-calendar:before {content: "\e109";}
.overlay-slidedown.open p  a{ color:#fff;}
#datepicker{margin:5px;}
.ui-datepicker-title{padding:0;color: #fff;font-size:20px;letter-spacing: 1px;}
.ui-datepicker .ui-datepicker-header{padding: 0;height: 50px;}
.ui-datepicker{width:20em;}

/*上下月按鈕*/
#ui-datepicker-div div a{cursor:pointer;margin-top: -5px;border-radius:15px;}
#ui-datepicker-div div a:after{
		display: inline-block;
	    width: 30px;
	    height: 30px;
	    background-color: #333;
	    position: relative;
	    border-radius: 15px;
	    background: #990000;
	    background: -moz-linear-gradient(top, #990000 0%, #db0000 100%);
	    background: -webkit-linear-gradient(top, #990000 0%,#db0000 100%);
	    background: linear-gradient(to bottom, #990000 0%,#db0000 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#db0000',GradientType=0 );
	    content: "";}
.ui-datepicker-prev:after{left:-19px;}
.ui-datepicker-prev{float: left;padding-left: 20px;}
.ui-datepicker-next{float:right;padding-right: 20px;}
.ui-datepicker .ui-datepicker-next {right: 1px;}
.ui-datepicker .ui-datepicker-prev {left: 1px;}


.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: none;
    font-weight: normal;
    color: none;}


#ui-datepicker-div div a span{
	height:20px;

	position:relative;
	z-index:50;}
.ui-datepicker  .ui-datepicker-prev span{
		background:url(../img/glyphicons-halflings-white.png) 96% 50% no-repeat;
		left: 0%;
		top:80%;}
.ui-datepicker .ui-datepicker-next span{
		background:url(../img/glyphicons-halflings-white.png) 100% 50% no-repeat;
		left: 105%;
		top:80%;}

.ui-datepicker-calendar tbody tr td{font-weight: normal;width: 50px;}
.ui-datepicker-calendar tbody tr td a{text-align:center;font-weight: normal;}

/*星期*/
.ui-datepicker-calendar thead{line-height:0;padding:0;} 
.ui-datepicker-calendar thead tr th{padding:0.7em 0.3em 0.7em 0.3em;}
.ui-datepicker-calendar thead tr th span{color:#000;line-height:0;}
.ui-datepicker-calendar thead tr th {background-color:#f1e8df;}

/*文字顏色(紅)*/
.ui-datepicker-calendar tr{ 
	font-family: "微軟正黑體","細明體","Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    font-size: 16px;
    font-weight:bold;
/*  line-height: 1.6em;*/
}
.ui-datepicker-calendar thead tr th:first-child span{color:#DB0000;}
.ui-datepicker-calendar thead tr th:last-child span{color:#DB0000;}
.ui-datepicker-calendar tbody tr td:first-child a{color:#DB0000;}
.ui-datepicker-calendar tbody tr td:last-child a{color:#DB0000;}  
  
.ui-datepicker-calendar thead tr th span{font-size: 16px;font-weight: lighter;}
.ui-datepicker-calendar tbody tr td a{font-weight: lighter;}

/*邊線*/
.ui-datepicker-calendar thead tr th{border: 1px solid #F5D0D0;}
.ui-datepicker-calendar thead tr th:first-child{border-left: none;}
.ui-datepicker-calendar thead tr th{border-top: none;}
.ui-datepicker-calendar thead tr th:last-child{border-right: none;}

.ui-datepicker td{padding:0;border: 1px solid #F5D0D0;}
.ui-datepicker-calendar tbody tr:nth-child(1) td{border-top:none;}
.ui-datepicker-calendar tbody tr td:last-child{border-right:none;}
.ui-datepicker-calendar tbody tr:last-child td{border-bottom:none;}
.ui-datepicker-calendar tbody tr td:first-child{border-left:none;}

/*圓角*/
.ui-datepicker-calendar thead tr:first-child th:first-child{border-radius:5px 0 0 0;}
.ui-datepicker-calendar thead tr:first-child th:last-child{border-radius:0 5px 0 0;}
.ui-datepicker-calendar tbody tr:last-child td:last-child a{border-radius:0 0 5px 0;}
.ui-datepicker-calendar tbody tr:last-child td:first-child a{border-radius:0 0 0 5px;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none;font-weight: bold;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{border:none;}
.ui-state-default{}
#ui-datepicker-div{    
	top:60px;
	background: #db0000;
	background: -moz-linear-gradient(top, #db0000 0%, #990000 25%);
	background: -webkit-linear-gradient(top, #db0000 0%,#990000 25%);
	background: linear-gradient(to bottom, #db0000 0%,#990000 25%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0000', endColorstr='#990000',GradientType=0 );}
#ui-datepicker-div .ui-datepicker-header{background: url() no-repeat 0 0 rgba(0,0,0,0); border:none;}
.ui-corner-all span{color:#fff;font-size: 20px;/*display: inline-block;*/height: 60px;line-height: 45px;}

.glyphicon-calendar:last-child:before {content: "\e109";color: #55DCE6;}

.ui-corner-all a{text-decoration:none;}
.ui-corner-all span:before{position: relative;z-index: 2;}
.ui-datepicker-prev span:before{content: "\e079";color:#fff;}
.ui-datepicker-next span:before{content: "\e080";color:#fff;left: 61px;top: -7px;}
.ui-datepicker-year{color:#fff;}
.ui-datepicker{	padding: 0em 0.5em 0.2em 0.5em;}
.ui-datepicker-calendar{
	background-color:#fff;
   	box-shadow: 1px 0px 1px #fff, 0px 1px 1px #fff,
					 -1px 0px 1px #fff, 0px 1px 1px #fff,
					 
					 2px 1px 1px #333, 1px 2px 1px #fff,
					 -2px 1px 1px #333, -1px 2px 1px #fff,
					 
					 3px 2px 1px #fff, 2px 3px 1px #fff,
					 -3px 2px 1px #fff, -2px 3px 1px #fff,
					 
					 4px 3px 1px #333, 3px 4px 1px #fff,
					 -4px 3px 1px #333, -3px 4px 1px #fff,
					 
					 5px 4px 1px #777, 4px 5px 1px #fff,
					 -5px 4px 1px #777, -4px 5px 1px #fff,
					 
					 /*	6px 5px 1px #fff, 5px 6px 1px #fff,
					 -6px 5px 1px #fff, -5px 6px 1px #fff,
					 
					 7px 6px 1px #ccc, 6px 7px 1px #fff,
					 -7px 6px 1px #ccc, -6px 7px 1px #fff,
					 
					 8px 7px 1px #fff, 7px 8px 1px #fff,
					 -8px 7px 1px #fff, -7px 8px 1px #fff,
					 
					 9px 8px 1px #999, 8px 9px 1px #fff,
					 -9px 8px 1px #999, -8px 9px 1px #fff,
					 
					 10px 9px 1px #555, 9px 10px 1px #fff,
					 -10px 9px 1px #555, -9px 10px 1px #fff,*/
					 
					 
					 1px 0px 1px #fff, 0px -1px 1px #fff,
					 -1px 0px 1px #fff, 0px -1px 1px #fff,
					 
					 2px -1px 1px #333, 1px -2px 1px #fff,
					 -2px -1px 1px #333, -1px -2px 1px #fff,
					 
					 3px -2px 1px #fff, 2px -3px 1px #fff,
					 -3px -2px 1px #fff, -2px -3px 1px #fff,
					 
					 4px -3px 1px #333, 3px -4px 1px #fff,
					 -4px -3px 1px #333, -3px -4px 1px #fff,
					 
					 5px -4px 1px #777, 4px -5px 1px #fff,
					 -5px -4px 1px #777, -4px -5px 1px #fff;
 }
/*日月曆 結束----------------------------------------------------------------*/

table.editField tr td.editText{height:50px;color: white;text-align:center;}
table.editField tr td.TI{white-space:nowrap;color: white;}
table.editField tr td.TI input[type=text]{width:147px;}
table.editDate tr td{padding:2px;}
table.editField tr td.submitB{height:50px;vertical-align:bottom;}

.editText input[type=text]{width:178px;}
table.editDate tr td input[type=text] {width:79px;}

table.Cdate tr td{text-align:right;color:white;}