@charset "utf-8";
/* CSS Document */
.large {
	width:304px;
}
.middle {
	width:200px;
}
.small {
	width:100px;
}
.line {
	border-bottom:1px solid #cccccc;
	padding:10px 0;
	margin-bottom:10px;
}
a.class_search {
	font-size:14px;
    font-weight:bold;
    color:#f91818;
    letter-spacing:3px;
}
a.class-search:hover {text-decoration:underline;}
.query-box {
	margin-bottom:10px;
	position:relative;
}
.query-box input[type="text"] {
	padding:2px;
}
ul.tab_option{border-bottom:2px solid #cccccc;}
ul.tab_option li{
	width:110px;
	height:32px;
	line-height:33px;
	display:inline-block;
	text-align:center;
	background:#f0efef;
	color:#666;
	margin-right:10px;
	cursor:pointer;
	font-size:14px;
}
ul.tab_option li.on{background:#e5fbcb;}
.tab_content{display:none;}
#list_block {
	width:100%;
	height:auto;
	color:#010101;
	position:relative;
}

#list_block .bar {
	width:100%;
	height:35px;
	padding:0px 5px 0 5px;
	font-size:14px;
	line-height:35px;
	background:#f0efef;
	box-sizing: border-box;
}

#list_block .bar .page_display {
	float: left;
}

#list_block .bar span.title{font-size:14px;}

#list_block input {
	vertical-align:middle;
}

#list_block .query-box input {
	vertical-align:inherit;
}

#list_block .query-box a.btn {
	margin:0;
}

#list_block .bar a {
	display:inline-block;
	margin-right:20px;
	color:#000;
}

#list_block .bar a img.icon {
	vertical-align:text-bottom;
}

/* for FireFox */
@-moz-document url-prefix() {
	#list_block .bar a img.icon {
        vertical-align:middle;
    }
}

#list_block .bar .chg_page {
	padding:9px 0 9px 0;
	line-height:16px;
}

#list_block .bar .chg_page a.prev {
	margin:3px 5px;
}

#list_block .bar .chg_page a.next {
	margin:3px 0 0 5px;
}

#list_block .bar .chg_page a.first_page,
#list_block .bar .chg_page a.last_page {
	margin:0 5px;
}

#list_block .bar .chg_page a.page{
	color:#888888;
	margin:0px 2px;
}

#list_block .bar .chg_page a.select {
	color:#ffffff;
}

#list_block .bar .chg_page a.select:hover {
	color:#ffffff;
}
#list_block table.list {
	width:100%;
	margin:5px 0 5px 0;
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
}
#list_block table.list thead tr{background:#cce4ec;}
#list_block table.list tbody tr td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	padding:8px 5px;
}
#list_block table.list tbody tr td a{color:#06c;}
#list_block table.list thead tr th{border-bottom:1px solid #cccccc; padding:10px 5px;}
#list_block table.list thead tr th:last-child{border-right:1px solid #cccccc;}
#list_block table.list tbody tr.even{background:#eeeeee;}
#list_block table.list tbody tr td a:hover{text-decoration:underline;}
#list_block table.list tbody tr td.center-text{text-align:center;}
#list .list_box{width:980px; height:auto; margin-bottom:20px;}
.list_box .title{width:970px;}
.list_box .content{width:960px;}
.list_box .content .content_d{width:850px;}

/*-------------------------------------------------------------- reserves 指定參考書 */
#reserves {
	position:relative;
	margin:30px 0;
}
#reserves .query-box, #subject .query-box {
	padding-left:30px;
}
#reserves table.location-unit, #recommend table.recommend-branch {
	color:#666;
}
#reserves table.location-unit tr th, #recommend table.recommend-branch tr th {
	text-align:right;
	padding:10px 5px 0px;
	vertical-align:top;
	font-size:14px;
}
#reserves table.location-unit tr td, #recommend table.recommend-branch tr td {
	padding:10px 5px;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
}
#reserves table.location-unit tr td input, #recommend table.recommend-branch tr td input {margin-right:5px;}
#reserves .btn-box, #recommend .btn-box {
	position:absolute;
	top:0px;
	left:800px;
}
#reserves .btn-box a.btn, #recommend .btn-box a.btn {
	display:block;
	margin-bottom:10px;
}
#reserves .btn-box img {
	margin-right:5px;
}
#reserves .btn-box img:hover {
	opacity:0.7;
}
#reserves .btn-box img:active {
	position:relative;
	top:1px;
}
#reserves .caption, #recommend .caption, #web-register .caption {
	color:#2f629b;
	margin-bottom:15px;
	font-size:14px;
}
#reserves .caption ul, #recommend .caption ul, #web-register .caption ul {
	list-style-type:disc;
	margin:10px 0 0 35px;
}
#reserves .caption ul li, #recommend .caption ul li, #web-register .caption ul li {
	line-height:22px;
    padding-bottom:5px;
    display:list-item;
	font-size:14px;
}
#reserves table.list thead tr th.check{width:30px;}
#reserves table.list thead tr th.idx{width:44px;}
#reserves table.list thead tr th.teacher{width:90px;}
#reserves table.list thead tr th.department{width:100px;}
#reserves table.list thead tr th.course{width:100px;}
#reserves table.list thead tr th.name{width:170px;}
#reserves table.list thead tr th.author{width:130px;}
#reserves table.list thead tr th.date{width:110px;}
#reserves table.list thead tr th.location{width:140px;}

#reserves table.subject_reservation_table thead tr th.idx{width:45px;}
#reserves table.subject_reservation_table thead tr th.teacher{width:90px;}
#reserves table.subject_reservation_table thead tr th.department{width:90px;}
#reserves table.subject_reservation_table thead tr th.course{width:100px;}
#reserves table.subject_reservation_table thead tr th.location{width:90px;}
#reserves table.subject_reservation_table thead tr th.branch{width:100px;}
#reserves table.subject_reservation_table thead tr th.teaching_date{width:80px;}
#reserves table.subject_reservation_table thead tr th.start_end_time{width:70px;}
#reserves table.subject_reservation_table thead tr th.reservation_count{width:80px;}
#reserves table.subject_reservation_table thead tr th.remark{width:75px;}
#reserves table.subject_reservation_table thead tr th.cancel_reason{width:90px;}
#reserves table.subject_reservation_table thead tr th.reservation{width:60px;}

#reserves table.subject_reservation_table tbody tr:nth-child(odd) td:nth-of-type(6){width:100px;}

/*-------------------------------------------------------------- subject 學科瀏覽 */
#subject p.choose-caption, #subject table.list caption{font-size:14px;}
#subject .choose{position:relative; float:left; margin:10px 0;}
#subject .choose select {width:200px;}
#subject .choose img{margin:0 30px; position:relative; top:-85px;}
#subject .btn-box{position:absolute; top:200px; left:820px;}
#subject ul.tab-option{margin:50px auto 20px;}
#subject table.list{width:97%; margin:15px auto;}
#subject table.list thead tr th:nth-of-type(1){width:5%;}
#subject table.list thead tr th:nth-of-type(2){width:25%;}
#subject table.list thead tr th:nth-of-type(3){width:25%;}
#subject table.list thead tr th:nth-of-type(4){width:25%;}
#subject table.list thead tr th:nth-of-type(5){width:20%;}
#subject table.list tbody tr td{text-align:center;}

/*-------------------------------------------------------------- teacher info 教師資料 */
#teacher_info .info{padding:20px 0 0 30px;}
#teacher_info .info .profile{float:left;}
#teacher_info .info .info_data{float:left; margin-left:20px;}
#teacher_info .info .info_data p{font-size:14px; margin-bottom:15px}
#teacher_info table.list tr th.reservation{width:60px;}

/*-------------------------------------------------------------- recommend 圖書總覽 */
#recommend{position:relative;}
#recommend ul.tab_option{margin:20px 0;}
#recommend .btn-box {top:80px;}
#recommend table.list .idx{width:40px;}
#recommend table.list .title{width:300px;}
#recommend table.list .author{width:130px;}
#recommend table.list .publish{width:100px;}
#recommend table.list .date{width:90px;}
#recommend table.list .branch{width:100px;}
#recommend table.list .type{width:70px;}
#recommend table.list .count{width:70px;}
#recommend .apply{border:1px solid #ccc; padding:0 20px 20px;}
#recommend .apply .query-box input{width:250px;}
#recommend .apply .query-box select{margin-right:10px;}
#recommend .apply .bar{width:928px;}
#recommend .apply table.list .cover{width:100px;}
#recommend .apply table.list .title{width:400px;}
#recommend .apply table.list .cover img{max-height:100px;}
#recommend .apply .caption{margin-top:20px;}
#handmade{display:none;}
#handmade table.list th{padding:5px;}
#handmade table.list td{padding:5px 10px;}
#handmade table.list select{width:100%;}
#handmade table.list input[type="text"]{width:98.5%;}

/*-------------------------------------------------------------- erm 電子資源瀏覽 */
#erm_menu{width: 225px; float: left;}
#erm{width: calc(100% - 250px); float: right;}
#erm .query-condition{border: 1px solid #cfcfcf; background: #ffffff; margin-bottom: 25px;}
#erm .query-condition .condition{display:flex; padding:6px 8px; font-size:16px;}
#erm .query-condition .condition:nth-child(even){background: #ececec;}
#erm .query-condition .condition span{width: 105px;}
#erm .query-condition .condition div{width: calc(100% - 105px);}
#erm .query-condition .condition div a{font-weight:bold; color:#034f9b; margin-right:10px;}
#erm .query-condition .condition div a:hover{color:#3895f1;}
#erm .query-condition .condition div a.selcted{color:#d67409;}
#erm .description{margin-bottom: 10px; text-align: right;}
#erm .description p{float: left; font-weight: bold;}
#erm .description span+span{margin-left: 20px;}
#erm .description span img{vertical-align: middle;}
#erm table.list img{vertical-align: middle;}
#erm table.list a.btn {
	min-width: inherit;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90c794+0,3a9851+100 */
	background: #90c794; /* Old browsers */
	background: -moz-linear-gradient(top, #90c794 0%, #3a9851 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #90c794 0%,#3a9851 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #90c794 0%,#3a9851 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90c794', endColorstr='#3a9851',GradientType=0 ); /* IE6-9 */
    border: 1px solid #419c56;
    box-shadow: none;
    font-size: 12px;
    height: 18px;
    line-height: 16px;
    padding: 0 3px;
    text-shadow: 1px 1px 2px #1d1d1d;
}
#erm table.list a.btn:hover {
	color: #ffffff !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a9851+0,90c794+100 */
	background: #3a9851; /* Old browsers */
	background: -moz-linear-gradient(top, #3a9851 0%, #90c794 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #3a9851 0%,#90c794 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #3a9851 0%,#90c794 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a9851', endColorstr='#90c794',GradientType=0 ); /* IE6-9 */
}
#erm table.list .tip {
	font-size: 12px;
	height: 18px;
	line-height: 16px;
	padding: 0 6px;
	color: #ffffff;
    display: inline-block;
	border: 1px solid #51a3a0;
	letter-spacing: 2px;
	text-indent: 2px;
	moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#erm table.list .tip.tester {
	border-color: #51a3a0;
	text-shadow: 1px 1px 2px #407570;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88c5c5+0,348c84+100 */
	background: #88c5c5; /* Old browsers */
	background: -moz-linear-gradient(top, #88c5c5 0%, #348c84 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #88c5c5 0%,#348c84 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #88c5c5 0%,#348c84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88c5c5', endColorstr='#348c84',GradientType=0 ); /* IE6-9 */
}
#erm table.list .tip.new {
	border-color: #7677a8;
	text-shadow: 1px 1px 2px #5a5592;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a2a6e3+0,6458b8+100 */
	background: #a2a6e3; /* Old browsers */
	background: -moz-linear-gradient(top, #a2a6e3 0%, #6458b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #a2a6e3 0%,#6458b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #a2a6e3 0%,#6458b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a2a6e3', endColorstr='#6458b8',GradientType=0 ); /* IE6-9 */
}
#erm table.list .tip.free {
	border-color: #d4b855;
	text-shadow: 1px 1px 2px #b17c11;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ecc92b+0,d69b1b+100 */
	background: #ecc92b; /* Old browsers */
	background: -moz-linear-gradient(top, #ecc92b 0%, #d69b1b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ecc92b 0%,#d69b1b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ecc92b 0%,#d69b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecc92b', endColorstr='#d69b1b',GradientType=0 ); /* IE6-9 */
}
#erm table.list .sub-ctrl::after {
	content: '';
	width: 17px;
	height: 17px;
	display: inline-block;
	vertical-align: -2px;
	margin-left: 2px;
}
#erm table.list .sub-ctrl.open::after {
	content: url(../img/icon_erm_open.png);
}
#erm table.list .sub-ctrl.close::after {
	content: url(../img/icon_erm_close.png);
}
#erm table.list tr.sub {
	display: none;
}

#erm table.list.all tr th:nth-of-type(1){width: 8%;}
#erm table.list.all tr th:nth-of-type(2){width: 45%;}
#erm table.list.all tr th:nth-of-type(3){width: 32%;}
#erm table.list.all tr th:nth-of-type(4){width: 15%;}

#erm table.list.eledatebase tr th:nth-of-type(1){width: 8%;}
#erm table.list.eledatebase tr th:nth-of-type(2){width: 47%;}
#erm table.list.eledatebase tr th:nth-of-type(3){width: 13%;}
#erm table.list.eledatebase tr th:nth-of-type(4){width: 17%;}
#erm table.list.eledatebase tr th:nth-of-type(5){width: 15%;}

#erm table.list.elejournal tr th:nth-of-type(1){width: 8%;}
#erm table.list.elejournal tr th:nth-of-type(2){width: 32%;}
#erm table.list.elejournal tr th:nth-of-type(3){width: 10.5%;}
#erm table.list.elejournal tr th:nth-of-type(4){width: 14.5%;}
#erm table.list.elejournal tr th:nth-of-type(5){width: 20%;}
#erm table.list.elejournal tr th:nth-of-type(6){width: 15%;}

#erm table.list.ebook tr th:nth-of-type(1){width: 8%;}
#erm table.list.ebook tr th:nth-of-type(2){width: 47%;}
#erm table.list.ebook tr th:nth-of-type(3){width: 13%;}
#erm table.list.ebook tr th:nth-of-type(4){width: 17%;}
#erm table.list.ebook tr th:nth-of-type(5){width: 15%;}

#erm table.list.netsource tr th:nth-of-type(1){width: 8%;}
#erm table.list.netsource tr th:nth-of-type(2){width: 77%;}
#erm table.list.netsource tr th:nth-of-type(3){width: 15%;}

#erm table.list tr td table.list tr th,
#erm table.list tr td table.list tr td {
	padding: 3px 5px;
}

#erm table.list tr td table.list tr th:nth-of-type(1) {width: 45%;}
#erm table.list tr td table.list tr th:nth-of-type(2) {width: 20%;}
#erm table.list tr td table.list tr th:nth-of-type(3) {width: 18%;}
#erm table.list tr td table.list tr th:nth-of-type(4) {width: 17%;}


/*-------------------------------------------------------------- 忘記密碼 變更密碼 */
#forget_pwd_chg{margin-top:10%; text-align:center;}
#forget_pwd_chg .enter_data{text-align:left;}
#forget_pwd_chg .enter_data table{margin:0 auto;}
#forget_pwd_chg .enter_data table td{font-size:16px; padding:5px;}
#forget_pwd_chg .enter_data table input{width:300px;}
#forget_pwd_chg .enter_data .msg{padding:2px 5px; color:#F00; background:floralwhite; border:1px solid #f00; margin:0 5px 10px; display:none;}
#forget_pwd_chg .chg_msg{display:none; text-align:left;}
#forget_pwd_chg .chg_msg p{font-size:16px; line-height:30px;}
#forget_pwd_chg .chg_msg p a{font-size:16px; color:#06C; text-decoration:underline;}
#forget_pwd_chg .chg_msg p.msg_title{font-weight:bold;}

/*-------------------------------------------------------------- 網路辦證 */
#web-register{margin-top:25px;}
#web-register table tr th{width:30%; padding:5px 10px; text-align:left;}
#web-register table tr th .red_color{float:right;}
#web-register table tr td{padding:5px 15px; line-height:30px;}
#web-register table caption{font-size:16px;}
#web-register table tr td.title{padding:15px 0 5px; font-size:16px; font-weight:bold;}
#web-register table input[type="text"], #web-register table input[type="password"]{width:350px;}
#web-register table select{width:355px;}
#web-register table a{color:#06c;}