@charset "utf-8";
/* CSS Document */
table{font-family:'Arial';}
/*區塊框線*/
fieldset {
    margin: 0.5em 0 1em  0;
    padding: 10px;
    border: 1px solid #CCCCCC;
    line-height:28px;
}
/*區塊標題*/
legend {
    margin-left: 1em;
	padding-top: 1px;/*IE7修正字會被砍掉*/
    color:#db2400;
    font-weight: bold;
}
/*欄位標題*/
label {
    float: left;
    margin-right: 0em;
	color: #333333;
	
}
/*文字欄位區間*/
fieldset ol {
    list-style: none;
    padding-top: 5px;
    padding-left: 2em;
    padding-bottom: 5px;
}
fieldset li {
    line-height: 22px;
	line-height: 25px \9;/*IE8*/
	*line-height: 26px;/*IE7*/
	_line-height: 26px;/*IE6*/
    margin-top: 5px;
    margin-bottom: 5px;
}
/*文字欄位樣式*/
fieldset li input.fildform{
line-height: 20px;
height: 20px;
border: 1px solid #C3C3C3;
}
.input[type='text'],select{ font-size:1rem; }
/*文字欄位點擊時*/
input.fildform:focus{
border: 1px #FF6600 double;
}
select.fildform:focus{
border: 1px #FF6600 double;
}
textarea.fildform:focus{
border: 1px #FF6600 double;
}
.Table_List_Below_Baseline {
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.psmall p{padding:0px;margin:0px;}

.font_link_no_baseline {
	color: #00F;
	text-decoration: none;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #3399FF;
}
a:active {
	text-decoration: none;
	color: #3399FF;
}
.lh26{line-height:26px;}
.PageNavi {
border-style: none;
color: #FFFFFF;
height: 25px;
width: 56px;
background-color: #777777;
border-radius: 15px;
/*behavior: url(css/ie-css3.htc);IE�ץ�*/
padding: 5px;
line-height: 3px;
line-height: 20px \9;/*IE8*/*line-height:20px;/*IE7*/_line-height:16px;/*IE6*/
vertical-align: top;
}
.PageNavi_NoUse {
border-style:none;
color: #000000;
height: 25px;
width: 30px;
background-color: #EEEEEE;
/*behavior: url(css/ie-css3.htc);IE�ץ�*/
padding: 5px;
line-height: 3px;
line-height: 20px \9;/*IE8*/*line-height:20px;/*IE7*/_line-height:16px;/*IE6*/
vertical-align: top;
}
.PageNavi_NoUse:hover {
border-style:none;
color: #FFFFFF;
background-color: #777777;
}
/*link btn*/
.PageNavi_Use {
border-style: none;
color: #FFFFFF;
height: 25px;
width: 30px;
background-color: #777777;
/*behavior: url(css/ie-css3.htc);IEfix*/
padding: 5px;
line-height: 3px;
line-height: 20px \9;/*IE8*/*line-height:20px;/*IE7*/_line-height:16px;/*IE6*/
vertical-align: top;
}
/*重要按鈕*/
.Button_Important{background-color:#db2400;color:#fff;border:2px solid #db2400;}
/*查詢中按鈕*/
.Button_On{background-color:#d7fea3;}

/*Align Style*/
.center{text-align:center;}
.middle{vertical-align:middle;}
.right{text-align:right;}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

/*滑過顯示編輯連結*/
.LinkEdit .LinkIcon{
float:right;
}
.LinkEdit:hover .LinkIcon {
display:block;

}
/*週末行底色*/
.WeekSat{background-color:#dceb95;}
.WeekSun{background-color:#f0cdd5;}

/*表格樣式 前臺無框 隔行換色*/
.SelfTableClear table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:0;}
.SelfTableClear table th{background:#909090;font-weight:normal;font-size:100%;color:#FFFFFF;vertical-align:middle;}
.SelfTableClear table tr:nth-child(even){background:#EEEEEE;}
.SelfTableClear table tr:hover{background:#ffff99;}
/*.SelfTableClear table td:nth-child(4){color:#d43939;}*/
.SelfTableClear table td{border:0px solid #EEEEEE;vertical-align:middle;padding:3px 0  3px 0;}
.SelfTableClear form{padding:0px;margin:0px;}
.SelfTableClear table th{border:1px solid #EEEEEE;vertical-align:middle;line-height:24px;padding:5px 0  5px 0;text-align:center;}

.PayTable table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:0;}
.PayTable table th{background:#909090;font-weight:normal;font-size:1rem;color:#FFFFFF;vertical-align:middle;text-align:center;border-collapse:collapse;border-spacing:0;}
.PayTable table tr:hover{background:#ffff99;}
.PayTable table td{vertical-align:middle;padding:3px 0  3px 0; border-bottom:0px; border-top:1px solid #999999;}
.PayTable td:nth-child(5),.PayTable td:nth-child(6),.PayTable td:nth-child(7),.PayTable td:nth-child(8),.PayTable td:nth-child(9){background:#DFEBD7;}
.PayTable input[type='text'],.PayTable select{ border:1px #eeeeee solid; }
.PayTable .SameCase{ border-top:0px; }
::placeholder{ color:#aaaaaa; opacity: 1; /* Firefox */ } /* Chrome, Firefox, Opera, Safari 10.1+ */
:-ms-input-placeholder{ color:#aaaaaa; } /* Internet Explorer 10-11 */
::-ms-input-placeholder{ color:#aaaaaa; } /* Microsoft Edge */

/*表格樣式 前臺無框 虛線*/

.SelfTableDot table {margin:10px 0 20px 0;text-align:center;border-collapse:collapse;border-spacing:0;}
.SelfTableDot table th{background:#909090;font-weight:normal;font-size:100%;color:#FFFFFF;vertical-align:middle;}
.SelfTableDot table tr{
	border-bottom-width: thin;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.SelfTableDot table tr:hover{background:#ffff99;}
.SelfTableDot table td{border:0px solid #EEEEEE;vertical-align:middle;padding:3px 0  3px 0;}
.SelfTableDot table th{border:1px solid #EEEEEE;vertical-align:middle;line-height:24px;padding:5px 0  5px 0;text-align:center;}



/*自動斷行*/
.WordBreak{word-wrap: break-word;word-break:break-all;}

/*icon*/
.Book_Borrow{ color:#ffffff; background-color:#48a9c5; padding:5px 7px 5px 7px; font-size:1.3rem; border-radius:5px; margin:0px 3px; } .Book_Borrow i {color:#ffffff;}
.Book_Edit{ color:#ffffff; background-color:#8FC31F; padding:5px 7px 5px 7px; font-size:1.3rem; border-radius:5px; margin:0px 3px; } .Book_Edit i {color:#ffffff;}
.Book_Del{ color:#ffffff; background-color:#bbbbbb; padding:5px 7px 5px 7px; font-size:1.3rem; border-radius:5px; margin:0px 3px; } .Book_Del i {color:#ffffff;}
.Book_ING{ color:#ffffff; background-color:#f48924; padding:4px 7px 6px 7px; font-size:1.3rem; border-radius:5px; margin:0px 3px; } .Book_ING i {color:#ffffff;font-size:1.1rem; }
.Book_Borrow:hover, .Book_Edit:hover ,.Book_Del:hover{ background-color:#ff3c41; }
.Book_INGPeople{ font-size:1rem; line-height:0.5rem; } 

/*圖書資訊*/
/*UL travel*/
.BookBlockDIV {display:inline-block;width:100%;margin-top:5px;}
.BookBlock .BookBlockli{ display:inline-block; width:10%;  padding:10px 0px; /*margin-bottom:20px;*/}

/*.TravelBlock li:nth-child(2){width:45%; }.TravelBlock li:nth-child(1){width:55%;padding:0px 10px; }*/
.BookBlock .BookBlockli ul li { /*display:inline-block;*/ margin:0px;margin-bottom:0px; line-height:1.4rem; text-align:left;padding:5px 10px;}
.BookBlock .BookBlockli .BookBlockOne{border:1px solid #caccd1; width:95%; padding:5px 0px; }
.BookBlock .BookBlockli .BookBlockOne li { display:inline-block; vertical-align:top; }
.BookBlock .BookBlockli .BookBlockOne li:nth-child(1) {width:29%; padding:0px 0px;  border-right:#efe9e5 solid 5px;  vertical-align:middle;}
.BookBlock .BookBlockli .BookBlockOne li:nth-child(2) {width:63%; padding:2px 8px;}
.BookBlock li a{ color:#333333;}
.BookBlock .BookBlockli  li img{margin-bottom:0px;}
.BookBlock .BookMainPhoto{ 
background-size:contain;background-position:center center;background-repeat:no-repeat;  width:95%; margin:8px 0px; 
background-size: 100%;
transition: background-size 0.2s ease-in;
-moz-transition: background-size 0.2s ease-in;
-ms-transition: background-size 0.2s ease-in;
-o-transition: background-size 0.2s ease-in;
-webkit-transition: background-size 0.2s ease-in;
}
.BookBlock .BookInfor{color:#737373; line-height:1.5rem; padding-bottom:15px;}

.BookMainPhoto:hover {background-size: 150%;}


@media (max-width: 3000px) {
	.BookBlock .BookBlockli{ width:20%; }
}


@media (max-width: 2400px) {
	.BookBlock .BookBlockli{ width:25%; }
}

@media (max-width: 1800px) {
	.BookBlock .BookBlockli{ width:33.3%; }
}

@media (max-width: 1200px) {
	.BookBlock .BookBlockli{ width:50%; }
}

@media (max-width: 600px) {
	.BookBlock .BookBlockli{ width:100%; }
}

/*Tag標籤*/
.TagBlock{ border:solid #388ed1 1px; border-radius:5px; color:#388ed1 !important; padding:3px 5px; margin:0px 3px 0px 0px; } 
.TagBlock:hover{text-decoration:none; background-color:#388ed1; color:#ffffff !important;}
.CheckBoxMargin{margin-right:5px !important;}

/*超連結功能按鈕*/
.LinkBlock{ border-radius:5px; padding:3px 5px; margin:0px 3px 0px 0px; background-color:#388ed1; color:#ffffff !important;} 
.LinkBlock:hover{text-decoration:none; background-color:#1f76ba;}