@charset "utf-8";
/*圖片相關*/
body{ -webkit-print-color-adjust: exact;}

img{max-width:100%;}
.img-round { border-radius: 50%;}
.pic-radius { border-radius: 100%; border: 5px solid #e1e2e3;}
.pic-border { border: 5px solid #fff; -moz-box-shadow: 0 0 8px #d2d2d2; -webkit-box-shadow: 0 0 8px #d2d2d2; box-shadow: 0 0 8px #d2d2d2;}
img.float-l { max-width: 300px; float: left; margin-right: 20px; margin-bottom: 20px;}
img.float-r { max-width: 300px; float: right; margin-left: 20px; margin-bottom: 20px;}

.content-wrap { width: 100%; float: left;}

/*-------- 內頁中間內容 --------*/
.main-con { position: relative;/* min-height: 500px;*/ margin-right: 300px;}
.main-con .con-box {/* padding: 0 20px;*/ /*padding-right:50px;*/ padding-right:20px;/* border-right:1px solid #e7e6e6;*/}
@media (max-width: 1000px) { .main-con .con-box { padding:0; border:none;}
}
@media (max-width: 1000px) { .main-con { margin-right:auto;}
}
.member-box { background-color:#fff; padding:20px; border: 1px solid #e5e5e5; /*box-shadow: 0 1px 3px rgba(0,0,0,0.2);*/} /*內容白色區塊
*/
/*-------- 內頁右側 --------*/
.side-bar { float: left; margin-left: -301px; width: 301px; position: relative; /*border-left:1px solid #e7e6e6;*/}
@media (max-width: 1000px) { .side-bar { display:none;}
}

/*-------- 內頁只有中間內容，無右側 ( 在 .content-wrap 的上一層添加 .on-side-bar ) --------*/
.on-side-bar .main-con { margin-right:0;}
.on-side-bar .main-con .con-box { padding-right:0;}
.on-side-bar .side-bar { display:none;}


/*分享*/
.share-btn {/* position: relative; right: 5px;*/ float: right; margin: 5px 0 0 0;}
.share-btn ul { display:inline-block; margin:0; padding:0;/* font-size: 0.9375rem;*//*15*/}
.share-btn ul li { float: left; margin: 0px 2px 0px 2px; display: block;}
.print_functions { display:inline-block;}
.fontlevel { display:inline-block;}
    .share-btn_twitter a { text-indent: -10000px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170423/https://www.ith.sinica.edu.tw/new_images/share-btn_tw.png) no-repeat; width: 22px; height: 22px; display: block;}
	.share-btn_facebook a { text-indent: -10000px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170423/https://www.ith.sinica.edu.tw/new_images/share-btn_fb.png) no-repeat; width: 22px; height: 22px; display: block;}
	.share-btn_plurk a { text-indent: -10000px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170423/https://www.ith.sinica.edu.tw/new_images/share-btn_pl.png) no-repeat; width: 22px; height: 22px; display: block;}
	.share-btn_print a {text-indent: -10000px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170423/https://www.ith.sinica.edu.tw/new_images/share-btn_print.png) no-repeat; width: 18px; height: 22px; display: block;}
	.share-btn_line a {text-indent: -10000px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170423/https://www.ith.sinica.edu.tw/new_images/share-btn_line.png) no-repeat; width: 18px; height: 22px; display: block;}
@media (max-width: 767px) { .share-btn { display:block; width:100%; margin:10px auto 0;padding:10px 10px; background-color:#eee; margin-left:4px; border-radius: 4px;}}
/*@media (max-width: 480px) { .share-btn{ padding:10px 10px; background-color:#eee; margin-left:4px; border-radius: 4px;}}*/
/*字體大小*/
#font { display:inline-block; width:auto;/* padding: 0 0 15px 0;*/ margin: 0 auto;/* margin-top:-20px;*/ text-align: left; color:#ffffff;}
#font a { display: inline-block; background: #9B7D59; border: 1px solid #ffffff; color:#ffffff; text-decoration: none; text-align:center; width:23px; padding:0 3px; margin-left:3px; border-radius: 4px;}
#font a:hover { position:relative; top:1px; left:1px;}

/*列印頁*/
.print_peag {}
.print_peag .navbar { position:relative!important; border-bottom: 1px solid #584E42; margin-bottom: 25px;}
.print_peag .topbg { display: block!important; opacity: 0.7!important;}
.print_peag .news-box,
.print_peag .print_functions,
.print_peag .fontlevel,
.print_peag .share-btn,
.print_peag .pagination-box { display:none;}

.print-btn { float:right; margin:23px 0 0 0;}
    /*把內頁中間寬度縮小*/
	@media (min-width: 992px) { .print_peag .container { width: auto;} } /*970px*/
	@media (min-width: 1200px) { .print_peag .container { width: 1170px;} }
.print_peag .footer-text { padding: 10px 0; background:#ffffff; border-top: 3px solid #9B7D59;}
.print_peag .footer-text h4 { color: #333;}

/*頁頭標籤*/

/*大類(次選單)*/
.search-type-nav { display:block; margin-bottom: 15px;}
.search-type-nav ul { margin: 0; padding: 0; /*text-align: center;*/}
.search-type-nav li { display: inline; margin: 0 10px 0 0;}
.search-type-nav a { display: inline-block; padding: 8px 19px 8px 16px; margin: 0 0 10px 0; font-size: 0.9375rem;/*15*/ color: #555; line-height:1; text-decoration:none; background: #dbdbdb; border-radius: 3px;/* border:1px solid transparent;*/}
.search-type-nav a:hover,
.search-type-nav a:focus { color: #fff!important; background: #9B7D59;}
.search-type-nav a.active,
.search-type-nav .active{ color: #fff!important; background: #9B7D59;}
.search-type-nav.inline a { display: block;}
@media (max-width: 400px) { 
  .search-type-nav li { margin:0;}
}
    /*第三層選單*/
	.search-type-nav > ul > li > a { position:relative;}
	.publish-data-nav { display:block; margin-bottom:10px; padding: 5px 10px; background-color:#EBEBEB; border: 2px solid #EBEBEB; border-radius: 3px;}
	.publish-data-nav ul li a { display: inline-block; padding: 3px 10px 3px 10px; margin: 0 0 5px 0; font-size: 0.8125rem;/*13*/ background:#fff; border: 2px solid #dbdbdb; border-radius: 5px;}
	.search-type-nav > ul > li.icon-arrow > a.collapsed:before { display:none;}
	.search-type-nav > ul > li.icon-arrow > a:before {
		display:block; position: absolute; bottom:-14px; left: calc(50% - 10px); content:"▲"; font-size: 1rem;/*16*/ line-height:1em; color: #EBEBEB;
    }

/*文章頁面*/	
.article-header { margin-bottom: 20px; padding: 15px 0;/* border-top: 2px solid #584E42;*/ border-bottom: 1px solid #e5e5e5; text-align: left;}
.article-header h3 { margin-top: 10px; font-size: 1.5rem;/*24*/ color:#555; font-weight:600; line-height: 30px;}
.article-header_02 { margin-bottom: 20px; padding: 20px 0 0 0; border-bottom: 1px solid #eee; text-align: left;}
.article-header_02 strong { color:#333;}
.article-header_03 h1 { font-size: 2.25rem;/*36*/ line-height:1.2em; margin-bottom: 20px; padding: 20px 0 0 0; text-align: left;}

/*h1 { margin-top: 0; font-size: 1.625rem;*26* color:#555; font-weight:700; line-height: 36px;}*/
/*h2 { margin-top: 0; font-size: 1.25rem;*20* color:#009BC1; font-weight:700; line-height: 36px;}*/
/*h4 { margin-top: 10px; font-size: 1.2em; color:#09c; font-weight:400; line-height: 150%;}*/
.article-meta { color: #999;}
.article-meta_02 { color: #999; padding:10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.article-meta .item, .article-meta_02 .item { margin-right: 20px; display:inline-block; white-space:pre-wrap; word-wrap:break-word;}
.article-meta_02 .more { float: right; text-align: right;}
.article-meta_02 .more .btn { font-size: 0.75rem;/*12*/}
.bs-callout { padding: 10px; margin: 10px 0; border: 1px solid #eee; border-left: 5px solid #009BC1; border-radius: 3px;}
.bs-callout h3 { padding:0; margin:0; font-size:1.5em; color:#1b809e; line-height:1.5em;}

.article-content { line-height: 200%; word-wrap: break-word; margin-top:10px; margin-bottom:20px; padding-bottom: 10px; /*text-align: justify;*/}
.article-content:lang(en-us) { text-align: left;}
.article-content#primary { border-bottom:1px solid #eee;}
.article-content h5, .article-content .h5 { font-weight:bold; color:#964C36; line-height:1.5em;}
.article-content p { margin: 0 0 20px;}

.article-content ul { padding: 5px 5px 5px 15px; list-style: disc;}
.article-content ul { list-style: none;}
.article-content ul li { margin: 5px 0;}
.article-content ul li::before { content: "•";/* font-family: "FontAwesome";*/ color: #bbb; display: inline-block; width: 1em; margin-left: -1em;}
.article-content ol li::before { content: "";}

ul.list-no, ol.list-no { list-style: none; margin:0; padding:0;}

/*柵格系統*/
.grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
	float: left; padding: 8px 8px; text-align: left;/* word-wrap: break-word; word-break: break-all;*/}
.grid-1 { width: 8.33333333%;}
.grid-2 { width: 16.66666667%;}
.grid-3 { width: 25%;}
.grid-4 { width: 33.33333333%;}
.grid-5 { width: 41.66666667%;}
.grid-6 { width: 50%;}
.grid-7 { width: 58.33333333%;}
.grid-8 { width: 66.66666667%;}
.grid-9 { width: 75%;}
.grid-10 { width: 83.33333333%;}
.grid-11 { width: 91.66666667%;}
.grid-12 { width: 100%;}

.grid .item { margin-right: 20px;}
@media (max-width: 480px) {
	.grid .item { margin-right: 5px;}
}

.w-1 { width:1%;} .w-2 { width:2%;} .w-3 { width:3%;} .w-4 { width:4%;} .w-5 { width:5%;}
.w-6 { width:6%;} .w-7 { width:7%;} .w-8 { width:8%;} .w-9 { width:9%;} .w-10 { width:10%;}
.w-11 { width:11%;} .w-12 { width:12%;} .w-13 { width:13%;} .w-14 { width:14%;} .w-15 { width:15%;}
.w-16 { width:16%;} .w-17 { width:17%;} .w-18 { width:18%;} .w-19 { width:19%;} .w-20 { width:20%;}
.w-21 { width:21%;} .w-22 { width:22%;} .w-23 { width:23%;} .w-24 { width:24%;} .w-25 { width:25%;}
.w-26 { width:26%;} .w-27 { width:27%;} .w-28 { width:28%;} .w-29 { width:29%;} .w-30 { width:30%;}
.w-31 { width:31%;} .w-32 { width:32%;} .w-33 { width:33%;} .w-34 { width:34%;} .w-35 { width:35%;}
.w-36 { width:36%;} .w-37 { width:37%;} .w-38 { width:38%;} .w-39 { width:39%;} .w-40 { width:40%;}
.w-41 { width:41%;} .w-42 { width:42%;} .w-43 { width:43%;} .w-44 { width:44%;} .w-45 { width:45%;}
.w-46 { width:46%;} .w-47 { width:47%;} .w-48 { width:48%;} .w-49 { width:49%;} .w-50 { width:50%;}
.w-51 { width:51%;} .w-52 { width:52%;} .w-53 { width:53%;} .w-54 { width:54%;} .w-55 { width:55%;}
.w-56 { width:56%;} .w-57 { width:57%;} .w-58 { width:58%;} .w-59 { width:59%;} .w-60 { width:60%;}
.w-61 { width:61%;} .w-62 { width:62%;} .w-63 { width:63%;} .w-64 { width:64%;} .w-65 { width:65%;}
.w-66 { width:66%;} .w-67 { width:67%;} .w-68 { width:68%;} .w-69 { width:69%;} .w-70 { width:70%;}
.w-71 { width:71%;} .w-72 { width:72%;} .w-73 { width:73%;} .w-74 { width:74%;} .w-75 { width:75%;}
.w-76 { width:76%;} .w-77 { width:77%;} .w-78 { width:78%;} .w-79 { width:79%;} .w-80 { width:80%;} 
.w-81 { width:81%;} .w-82 { width:82%;} .w-83 { width:83%;} .w-84 { width:84%;} .w-85 { width:85%;}
.w-86 { width:86%;} .w-87 { width:87%;} .w-88 { width:88%;} .w-89 { width:89%;} .w-90 { width:90%;}
.w-91 { width:91%;} .w-92 { width:92%;} .w-93 { width:93%;} .w-94 { width:94%;} .w-95 { width:95%;}
.w-96 { width:96%;} .w-97 { width:97%;} .w-98 { width:98%;} .w-99 { width:99%;} .w-100 { width:100%;}/*全寬*/

/*內容-隔對半*/
.col { position: relative; display: block;  float: left; width: 100%; margin-right: 4%;}
.col2 { position: relative; display: block;  float: left; width: 100%; margin-right: 1%;}
.col-3 { width: 24%;} .col-9 { width: 72%;}
.col-4 { width: 32%;} .col-8 { width: 64%;}
.col-4-5 { width: 38%;} .col-7-5 { width: 61%;}
.col-5 { width: 40%;} .col-7 { width: 56%;}
.col-6 { width: 48%;}
.col.col-last { margin-right: 0;}
.col2.col-last { margin-right: 0;}
@media only screen and (max-width: 768px) {
	.col-3, .col-4, .col-6, .col-8, .col-9, .col-4-5, .col-7-5 { width: 100%; margin-left: 0px;}
	.col { margin-bottom: 25px;}
}

/*一頁式文章*/
.page-article { position: relative; padding: 0em 0 0em 0; min-height:400px;}/*最外層*/
.page-article.news-box { min-height:auto;}
	/*把內頁中間寬度縮小*/
	@media (min-width: 992px) { .page-article .container { width: auto;} } /*970px*/
	@media (min-width: 1200px) { .page-article .container { width: 1170px;} }
.page-content { display:block; margin:0; /*padding:0;*/}

/*兩欄式*/
.main-con-box { display:table-row;}
  /*左側*/
  .left-side { display:table-cell; width:840px; padding-right:50px;}
    @media (max-width: 999px) { .left-side { padding-right:0;} }
  /*右側*/
  .right-side { display:table-cell; width:300px; /*border-left:1px solid #e7e6e6;*/}
    @media (max-width: 999px) { .right-side { display:none;} }
  /*區塊內容寬度*/
  .spring-con { zoom: 1; max-width: 100%; margin: 0 auto;padding-right: 15px; padding-left: 15px;}
  /*右側類別列表*/
  .type-list { /*margin-left:50px;*/ margin-left:20px; margin-bottom:30px; /*background:#eee;*/} /*右側類別列表*/
  /*.type-title { padding:5px 10px; margin:0; color:#fff; background:#00B0D5; border-radius: 4px;}*/
  .type-title { padding:5px 0px; margin:0; color:#584E42; border-bottom: 1px solid #e7e6e6;}
  .type-list ul { list-style: none; margin: 0; padding: 0;}
  .type-list li { display: block; padding: 10px 10px 10px 0px; border-bottom: 1px solid #e7e6e6; color: #333;}
  .type-list li a { color:#777;/* text-decoration:none;*/}

  /*最新訊息(內頁左側)*/
  .side-list { box-shadow:none; border:none;}
  .side-list li { padding: 10px 0px 10px 20px; margin:0;}
  .side-list li a:hover { color:#CC9933!important; background:none; padding:0;}
  .side-list li:before { content: "\f016"; font-family: "FontAwesome"; color: rgba(119,119,119, 0.5); margin-right: -10px; font-size: 0.625rem;/*10*/ position: relative; top: -1px; left:-20px;}
  
  /*右側列表(標頭)*/
  .right-article .type-title { border:none; padding:0; padding-left: 10px; margin: 5px 0 15px 0; border-left: 3px solid #9B7D59;}
  .right-article .unit-sub-out { display: flex; margin: 0 0 0px 0;}
  .right-article .unit-sub-title {  position: relative; width:auto; color:#fff; text-decoration:none; padding: 6px 10px 6px 37px;/* line-height:30px;*/ height:30px; background:#9B7D59;}
  .right-article .unit-sub-title span { position:absolute; top:0; left:0; width:30px; height:30px; color:#fff; background:#584E42;/* display: list-item;*/ margin: auto 0; padding:6px; text-align:center; vertical-align:middle;}
  .right-article .unit-sub-title span i { font-size: 1.125rem;/*18*/}
  .right-article .unit-sub-title h4 { margin:0;}
	  
  /*右側(有類別)資訊列表*/
  .info-list { margin-left:20px; margin-bottom:30px;}
  .info-list li { padding: 10px 0; margin:0;}
  .info-list li:before { display:none;}
  
  /*分類導航(內頁左側)*/
  .type-nav { display:none;}
    @media (max-width: 999px) { 
	.type-nav {  display:block;}
	.type-nav ul { margin: 0px 0; padding: 0; text-align: center;}
	.type-nav li { display: inline;}
	.type-nav a { display: inline-block; padding: 8px 19px 8px 16px; margin: 5px 0; font-size: 0.9375rem;/*15*/ color: #555; line-height:1; text-decoration:none; background: #dbdbdb; border-radius: 16px;/* border:1px solid transparent;*/}
	.type-nav a:hover { color: #fff!important; background: #1caad9;}
	.type-nav a.active { color: #fff!important; background: #1caad9;}
	}

/*_列表*/
#list { width:100%; float:left; margin:0; padding:0; color: #333;}
#list a { color: #9B7D59; text-decoration: none;}
#list a:hover { color: #CC9933; text-decoration: none;}
/*#list .day {width:7em;}*/

#list ps { display: none;}
#list .row{ width:100%; margin: 0; display:table;/* padding: 7px 0;*/ border-bottom: 1px solid #ddd;}
@media (max-width: 767px) {
	#list .row{ display:inline-block;;}
	#list .day{ width:100%; padding:10px 10px 0 10px; display: inline-block; text-align:left !important;}
    #list .text{ width:100%; margin-left: 0; padding-top:0; display: inline-block; text-align:left !important;}
	#list .list-header{ display: none;}
	#list ps { display: inline-block;}
}
#list .no-border{ border-bottom: 1px solid transparent;}
#list .first b, #list .second b, #list .third b { color:#0099cc;}

/*#list .list-header { padding: 10px 0; border-top:2px solid #584E42; background: #F1E5C5;}*/
#list .list-header { padding: 10px 0; border-top: 1px solid #584E42; border-bottom: 1px solid #584E42; background: #fff;}

#list .th:first-child { border-left: none;}
#list .th { padding: 3px 10px;/* margin: 7px 0;*/ margin:0; color: #9B7D59 !important; font-weight: bold;
            line-height:1em !important; text-align: left; white-space: nowrap; border-left: 1px solid #9B7D59;}
    /*滑鼠懸停變色*/
    .list-hover > div.row:hover { background-color: #F1EFE0;}
	/*核選方塊*/
	#list .th input[type="radio"], input[type="checkbox"] { margin: 0px 0 0;}

    /***/
	.icon_item { position: relative; display:block; margin-left:20px; line-height: 200%;}
	.icon_item + i { position: relative; display:block; margin-left:20px; line-height: 200%;}
	.icon_item i { position: absolute; margin-left: -20px; line-height: 200%; color: #ccc;}
	
	/*咖啡色系*/
	.coffee-list { border: 1px solid #A38655; padding:1px; background-color: #ffffff;}
	#list.tr-flex-row .row { display: inline-flex;} /*讓表格的格子可以同高*/
	#list.coffee-list .list-header { border-top: none; border-bottom: 1px solid #A38655; background-color:#D7B485; color:#fff;}
	#list.coffee-list .th { color:#fff !important;}
	#list.coffee-list .f-th { }
    #list.coffee-list .f-th { color:#fff !important; font-weight: bold; margin-bottom:1px; border-left: 8px solid #A38655; background: #D7B485;}
	@media screen and (max-width: 767px) {
		#list.coffee-list .f-th { width: 25%; padding:10px;}
		#list.coffee-list .text { width: 75%; padding:10px; text-align:left !important;}
	}
	@media screen and (max-width: 480px) {
		#list.coffee-list .f-th { width: 40%;}
		#list.coffee-list .text { width: 60%;}
	}
	
	
/*列表_流動式資料*/
.change-table {}
/*.change-table .row { display:flex !important;}*//* align-items: center;*/
.change-table .row.d-b { display:block !important;}
.change-table .row.di-b { display:inline-block !important;}
.change-table .row.d-it { display: inline-table !important;} /*配合input-group使用，取代原#list .row的display:table;屬性 及.change-table .row的display:flex; 使欄位可以依序排列*/
.change-table .grid { padding:8px;}
.change-table .clock { display: flex;}
.change-table .clock i { width: 1em; margin-right:3px; line-height: 1.42857143;/* color: #999999;*/ text-align: center; -webkit-box-flex: 0; -ms-flex: none; flex: none;}
.change-table .model-meta-info { margin: 0; -webkit-box-flex: 1; -ms-flex: auto; flex: auto;}

.change-table .tiem { text-align:center;}
.change-table .tiem time { display:block;}
.change-table time { display:block;}
.change-table time > time { display:block;/* padding-right:1em;*/}
.change-table time:last-child { padding-right:0;}
/*.change-table .time { display:inline-block; white-space:nowrap; padding-right:1em;}
.change-table .time:last-child { padding-right:none;}
.change-table .time a.link_default { color: #85bb23!important; text-decoration: none;}
.change-table .time a.link_default:hover { text-decoration:underline!important;}*/

.change-table .theme time { display:block;}
.change-table .title {/* display:none;*/font-size: 0;}
.change-table .td-change .standard { display:inline-block;}
@media (max-width: 767px) {  /*999px*/
	/*.change-table .row { display:table!important;}*/
	.change-table .grid { /*float:none;*/ width: 100%; padding: 3px;}
	/*.change-table .td-change { display:inline-block;}*/
	/*.change-table .row { display:inline-block !important;}*/
	.change-table .clock { display: inline-block;}
	.change-table .list-header-white-02 { display:none !important;}
	.change-table .title { display:inline-block; font-weight: 600; color: #428bca; font-size:unset;}
	.change-table .td-change .standard { width:auto; max-width:100%;}/*規格*/
	
	.change-table .tiem { text-align: left;}
	.change-table .tiem time { display: inline-block; padding-right:0.5em;}

}
.change-table .td-change .quantity-group { display:inline-block; vertical-align:middle;} /*數量*/

/*人員(列表)*/
.staff_list .row:nth-child(2n+1) { background: #F1EFE0;}
.staff_list .item { overflow: hidden; position: relative; float: left; width: 100%; height: auto;}
.staff_list .staff_item { position: relative; display:block; margin-left:20px;}
.staff_list .staff_item i { position:absolute; margin-left:-20px; line-height:200%; color:#ccc;}
.staff_list .staff_photo { float: left; height:104px; width: 82px; padding:8px; margin-right:30px;}
.staff_list .photo-img { width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #ededed; display: block;}
.staff_list .text-01 { float:none;}
.staff_list .more { position: absolute; bottom: 8px; right: 8px;}
.staff_list .more a { position: relative; display:block; line-height:20px; height:23px; font-size: 0.75rem;/*12*/ color:#666 !important; background:#fff; border:1px solid #000; text-decoration:none; padding: 0px 33px 0 10px;}
.staff_list .more span { position:absolute; top:0; right:0; width:21px; height:21px; color:#fff; background:#9B7D59; display:block; text-align:center; padding: 5px 5px;}
.staff_list .more a:hover, .staff_list .more a:focus { background:#000; color:#ff9 !important;}
.staff_list .more a:hover span, .staff_list .more a:focus span { color:#ff9;}
    /*禁止狀態*/
	.staff_list .more.disabled a { color:#666 !important; background:#e2e2e2; cursor: not-allowed;}
	.staff_list .more.disabled span { color:#fff; background:#d6d6d6;}
	.staff_list .more.disabled a:hover, .staff_list .more.disabled a:focus { background:#e2e2e2; color:#666 !important;}
	.staff_list .more.disabled a:hover span, .staff_list .more.disabled a:focus span { color:#fff;}
@media (min-width: 768px) {
    .staff_list .item { height:110px;}
	.staff_list .text-01 { padding: 8px 8px 0; display:block;}
	.staff_list .text { position:absolute; top:0; right:0; float: right;}
}
/*人員(卡片)*/
.staff_card {}

/*人員內頁*/
.staff_basic { border: 1px solid #584E42; background: #F1EFE0; padding:8px;}

/*自動拓展的卡片*/
.auto-content {margin: 20px auto 45px;}
.auto-plus { padding: 15px 10px; float:left;}
.auto-plus-02 { padding: 15px 15px; float:left;}
/*.column-2 { width:50% !important;}*/
.column-3 { width:33.33% !important;}
.column-4 { width:25% !important;}
.column-5 { width:20% !important;}
	/*.column-clear:nth-child(3n-1){ clear:both; height:5px; background-color: #F30;}*/ /*紅*/
	/*.column-clear:nth-child(4n){ clear:both; height:5px; background-color: #FC0;}*/ /*黃*/
    /*.column-clear:nth-child(3n){ clear:both; height:5px; background-color: #9C0;}*/ /*綠*/
	
	@media (min-width: 992px) { .column-clear:nth-child(3n) { clear:both; display:block;}}
	@media (min-width: 501px) and (max-width: 992px) { .column-clear:nth-child(4n) { clear:both; display:block;}}
	@media screen and (max-width: 500px) { .column-clear { display:none;} }
@media screen and (max-width: 1200px) { .column-4 { width:33.33% !important;} }
@media screen and (max-width: 992px) { .column-4, .column-3 { width:50% !important;} }
@media screen and (max-width: 550px) { .column-3 { width:100% !important;} }
@media screen and (max-width: 500px) { .column-4 { width:100% !important;} }
@media screen and (max-width: 680px) { .auto-plus-2.column-3:lang(en-us) { width:100% !important;} }

/*@media (max-width: 680px) { .column-2 { width:100% !important;} }*/

@media print { /*列印專用*/
	 .column-clear { display:none !important;}
	 .column-clear:nth-child(3n) { clear:both; display:block !important;}
}

/* 卡片(人員列表) */
.card { width: 100%; border-radius: 2px; background: #fff; border:1px solid #bababa; -moz-box-shadow: 0 0 8px #d2d2d2; -webkit-box-shadow: 0 0 8px #d2d2d2; box-shadow: 0 0 8px #d2d2d2;}
.card:hover, .card:focus { border-color: #9B7D59; }
.card-header { position: relative; clear: both; min-height: 92px; padding: 18px 15px 2px; border-bottom: 1px solid #dedede; padding-bottom: 12px;}
.card-header .card-photo { /*position: absolute;*/ float: left; width: 60px; margin: 0 15px 12px 0;}
.card-header .card-photo img { width: 60px; height: 60px;}
.card-header .card-short-description { position: relative;/* margin-top: 8px; margin-left: 70px;*/}
.card-header .card-short-description .user-name { display: inline-block; color: #9B7D59; vertical-align: middle; margin-bottom:2px;}
.card-header .card-short-description .user-post { font-size: 0.75rem;/*12*/}
.card-content { margin-left: 0; padding: 12px 15px;}
.card-content .staff_item { position: relative; display:block; margin-left:20px; line-height: 200%;}
.card-content .staff_item i { position: absolute; margin-left: -20px; line-height: 200%; color: #ccc;}
.card-footer { background: #f2f2f2; color: #666; padding: 5px 15px; border-top: 1px solid #dedede;
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    -ms-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;}
.card-footer ul.list-inline { clear: both; margin-bottom: 0;}
.card-footer .list-inline > li { padding-left: 0; padding-right: 0;}
	/*禁止狀態*/
	.card .disabled > a,
	.card .disabled > a:hover,
	.card .disabled > a:focus { color: #cccccc; cursor: not-allowed;}

/* 卡片(人員內頁) */
.profile-card { width: 100%; border-radius: 2px; background: #fff; margin-top:30px;/* padding: 20px 40px 40px 40px;*/ border:1px solid #bababa; -moz-box-shadow: 0 0 8px #d2d2d2; -webkit-box-shadow: 0 0 8px #d2d2d2; box-shadow: 0 0 8px #d2d2d2;}
/*.profile-card h4 { font-size: 1.125rem;*18* color:#9B7D59; line-height:1.5em 0; font-weight:bold;}*/
.profile-card .profile-header { position: relative; clear: both; min-height: 150px; padding: 15px 30px; border-bottom: 1px solid #dedede/* bababa*/;}

.profile-header .profile-photo { /*position: absolute;*/ float: left; width: 120px; margin: 0 15px 12px 0;}
.profile-header .profile-photo img { width: 120px; height: 120px;}
.profile-header .profile-name { text-align: left; margin-top:18px; margin-bottom:18px;}
.profile-header .profile-name .name { font-size: 1.5rem;/*24*/ color: #888; font-weight:bold;}
.profile-header .profile-picture { position: absolute; left: calc(50% - 75px);/* bottom: -50px;*/ width: 150px; height: 150px; z-index: 2;}

.profile-header .profile-contact-info .staff_item { position: relative; display:block; margin-left:20px; line-height: 200%;}
.profile-header .profile-contact-info .staff_item + i { position: relative; display:block; margin-left:20px; line-height: 200%;}
.profile-header .profile-contact-info .staff_item i { position: absolute; margin-left: -20px; line-height: 200%; color: #ccc;}
@media (max-width: 767px) {
	.profile-header .profile-contact-info { width: 100%; padding: 15px 0; display: inline-block; border-top: 1px solid #dedede;}
    .profile-header.flex-row { display: block;}
	.profile-header.flex-row > div:nth-of-type(1) { width:100%;}
	.profile-header.flex-row > div:nth-of-type(2) { width:100%;}
}
@media (min-width: 768px) {
	.profile-header.flex-row { display: inline-flex; width:100%;}
	.profile-header.flex-row > div:nth-of-type(1) { width:50%;}
	.profile-header.flex-row > div:nth-of-type(2) { width:50%;}
	.profile-header .profile-name { padding-right: 30px;}
	.profile-header .profile-contact-info {  width:50%; padding: 15px 30px; border-left: 1px solid #dedede;}
	/*定絕對位置的設定 .profile-header .profile-contact-info { float:right; display:inline-block; position:absolute; top:15px; right:0; width:50%; min-height: calc(100% - 30px); padding: 15px 30px; border-left: 1px solid #dedede;}*/
}
.profile-content { padding: 15px 30px;}
.profile-content div.content-title { /*margin-left: -30px; margin-right: -30px;*/}
.profile-content div:first-child.content-title  { /*margin-top:-15px;*/}
.profile-content div:first-child.content-title h4  { border-top: none;}
/*.profile-content h4 { margin-top:0; padding:5px; border-top: 1px solid #9E906A; border-bottom: 1px solid #9E906A; border-left: 5px solid #9E906A;}*/
.profile-content h4 { color:#9E906A; margin-top:0; padding:5px; background-color:#f2f2f2; border-left: 5px solid #9E906A;/* border-top: 1px solid #bababa; border-bottom: 1px solid #bababa;*/}
.profile-content p { margin: 0 0 20px;}
.profile-content ul { padding: 5px 5px 5px 15px; list-style: disc;}
.profile-content ul { list-style: none;}
.profile-content ul li { margin: 5px 0;}
.profile-content ul li::before { content: "•";/* font-family: "FontAwesome";*/ color: #bbb; display: inline-block; width: 1em; margin-left: -1em;}
.profile-content ol li::before { content: "";}
.profile-content dl { margin-top: 30px;}
.profile-content .dl-horizontal dt,
.profile-content dl dt { color:#9B7D59; border-left: 1em solid #9E906A; line-height:1em; padding-left:0.5em; margin-top:0.5em; margin-bottom:0.5em;}
.profile-content .dl-horizontal dd,
.profile-content dl dd { margin-top: 10px; margin-bottom: 30px; padding-top:20px; border-top: 1px dotted #BBB;}
@media (min-width: 768px) {
    .profile-content .dl-horizontal dt { width: 160px; margin-top:0.214em; padding-right:5px; border:none; border-right: 1em solid #9E906A; white-space: pre-wrap;}
}

/*出版品*/
/* 卡片(出版品列表) */
/*圖*/
.card-img { display: block; position: relative; width: 100%;}
.publish-card .card-img { padding:3px;}
.publish-card .card-img .model-card-filter { margin:0 -3px 0 -3px;}
.image-con { background-position: center center; background-size: cover;}
/*@media print {
  .image-con {
    -webkit-print-color-adjust: exact;
	background-position: center center;
	background-size: cover;
  }
}*/
/*.image-height { padding-top:62.6%; overflow:hidden;}*/

.publish-image-height { padding-top:133.3%;} /* 書本 4:3 */
/*
.card-overlay { display:block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:.7; -webkit-transition:opacity .3s; transition:opacity .3s;}
.card-overlay, .model-card-filter { width:100%; height:100%;}
*/
.publish-card .card-overlay { display:block;position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;
  border-radius: 3px 3px 0 0; background: rgba(255, 255, 255, 0.5);}
.publish-card .card-overlay, .model-card-filter { width:100%; height:100%;}
.model-card-filter, .model-card-preview { position:absolute; top:0; opacity:0; -webkit-transition:opacity .3s; transition:opacity .3s;}
/*.model-card-preview:hover { background:#1caad9; opacity:1;}*/
.model-card-information {
    display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
    -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between;
    position: absolute; margin-top: -34px; width: 100%; padding: 0 15px; text-shadow: 0 0 1px #000; color: #fff; opacity: .5;
    pointer-events: none; -webkit-transition: opacity .3s,color .2s;transition: opacity .3s,color .2s;
}

.card-img:hover .card-overlay,
.card-img:focus .card-overlay { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}
.card-img .link-icon {
  display: block; color: #fff; font-size: 1.875rem;/*30*/ line-height: 30px; text-align: center;
  opacity:0; -moz-opacity: 0; filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;
  position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px;
}
.card-img:hover .link-icon,
.card-img:focus .link-icon { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100);}

/*學術活動*/
/*卡片(近期活動)*/
.card-academic-header { padding: 10px 15px 0 15px;}
/*左上角標籤*/
	.card-academic-badge {
	  display: inline-block; z-index:99; position: relative; left: -20px;
	  color: #fff; background-color: #9E906A;
	  border-right: 1px solid #584E42; border-bottom: 1px solid #584E42;
	  border-top-right-radius: 3px; border-bottom-right-radius: 3px;
	  padding: 6px 12px 5px 12px; text-transform: capitalize;
	  white-space: nowrap; cursor: default; user-select: none;}
	.card-academic-badge:before { content: ""; position: absolute;
	  border: 3px solid transparent; border-bottom-color: #584E42;
	  transform: rotate(45deg); left: 1px; bottom: -3px;
	}
	.card-academic-badge h4 { font-size:0.9375rem; margin:0;}
	.dl-auto {}

/* 表格_流動資料DIV型態(grid網格系統+flex) */
/**tr(每列2欄)**/
.grid-container { width: 100%; display: grid; grid-gap: 0px;/*間距*/
  grid-template-columns: repeat(2, 50%);/*橫向格子寬度，可多設個，例：25% 100px auto*/ /*或 repeat(重覆幾次, 重覆的寬度)*/
  grid-template-rows: auto;/*縱向格子高度，可多設個，例：25% 100px auto*/
  grid-auto-flow: row;/*排列方向 (橫)row (直)column*/
  border:1px solid #ddd; padding-top:1px; margin: 0px -2px 0px -2px;
  margin-bottom: 20px;
}
.grid-item { background-color: #fff; color: #333; border:1px solid #ddd;}
.grid-item:not(:nth-of-type(odd)) { margin-left:-1px;}
.grid-item:not(:nth-child(1)), .grid-item:not(:nth-child(2)) { margin-top:-1px;}
@media (max-width: 767px) {
	.grid-container { grid-template-columns: repeat(1, 100%);}
	.grid-item:not(:nth-of-type(odd)) { margin-left: 0;}
}
@media all and (-ms-high-contrast:none) {
	.grid-item:not(:nth-of-type(odd)) { margin-left: 0;}/* IE10 */
	*::-ms-backdrop, .grid-item:not(:nth-of-type(odd)) { margin-left: 0;}/* IE11 */
 }
/**tr(每列1欄)**/
.grid-columns-single { grid-template-columns: repeat(1, 100%);}
    .grid-columns-single .grid-item:not(:nth-of-type(odd)) { margin-left: 0;}

/*icon*/
.card-academic-item i { line-height: inherit; color: #ccc;}

/**DIV仿表格td**/
.flex-row { display: inline-flex; width: calc(100% + 2px);/* height: calc(100% + 2px); margin:-1px;*/}
/*.flex-row > div { align-items: stretch; border:1px solid #ddd; border-collapse: collapse; padding:8px;}*/
.flex-row > div:nth-of-type(odd) { width: calc(15%); font-weight:bold;}
.flex-row > div:nth-of-type(even) { width: calc(85% + 1px); margin-left:-1px;}
@media (max-width: 767px) {
  .flex-row > div:nth-of-type(odd) { width: calc(25%); font-weight:bold;}
  .flex-row > div:nth-of-type(even) { width: calc(75% + 1px); margin-left:-1px;}
}
@media (max-width: 450px) {
  .flex-row > div:nth-of-type(odd) { width: calc(30%); font-weight:bold;}
  .flex-row > div:nth-of-type(even) { width: calc(70% + 1px); margin-left:-1px;}
}
/**DIV仿表格屬性設定**/
	/*無外框線*/
	.grid-outer-border-0 { border:none; margin:0;}
	.grid-outer-border-0 .grid-item { border:none;}
	/*無內框線*/
	.grid-inside-border-0 .flex-row > div  { border:none;}
	/*儲存格間距*/
	.grid-cellspacing {}
	.grid-cellspacing-5 .flex-row > div { padding:5px;}
	/*儲存格內距*/
	.grid-cellpadding {}
	/**/
	.grid-1-text-a-r .flex-row > div:first-child { text-align:right;}
	

/*文字*/
.publish-card .card-content { padding: 3px 5px;}
.publish-card .sub-type { margin-bottom:8px; font-size:x-small; line-height:1em; color:#ccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /*類別*/
.publish-card .sub-author { margin-bottom:8px; font-size:x-small; line-height:1.5em; color: inherit; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} /*作者*/
.publish-card .publish-name { /*書名*/
    height:4.3em; overflow: hidden; /*font-size: 0.875rem;*14*/ color:#9B7D59; margin: 5px 0;
    text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
@media screen and (max-width: 992px) { .column-4 .publish-card .publish-name { max-height:2.85em; -webkit-line-clamp: 2;} }

/* 卡片(出版品內頁) */
.publish-card-page { width: 100%; border-radius: 2px; background: #fff; margin-top:15px; padding:5px; border:1px solid #bababa; -moz-box-shadow: 0 0 8px #d2d2d2; -webkit-box-shadow: 0 0 8px #d2d2d2; box-shadow: 0 0 8px #d2d2d2;}
.publish-card-page .publish-header { position: relative; clear: both; min-height: 150px; padding: 15px 30px; background-color: #e7e7e7/*F1EFE0*/; border-bottom: 1px solid #dedede;}
.publish-header .publish-photo { float: left; width: 100%; padding-right:30px; padding-bottom:20px;}
.publish-header .publish-name { font-size: 1.5rem;/*24*/ color: #000; font-weight:bold; margin:10px 0;}
.publish-info { color: #666;}
.publish-info .item { margin: 0.3em 20px 0.3em 0; padding-left: 0.5em; display:inline-block; border-left: 5px solid #9E906A; line-height: 1em; white-space:pre-wrap; word-wrap:break-word;}

@media (max-width: 560px) {
	.publish-header.flex-row { display: block;}
	.publish-header.flex-row > div:nth-of-type(1) { width:100%;}
	.publish-header.flex-row > div:nth-of-type(2) { width:100%;}
	.publish-header .publish-photo { padding-right:0px;}
}

@media (min-width: 561px) {
	.publish-header.flex-row { display: inline-flex; width:100%;}
	.publish-header.flex-row > div:nth-of-type(1) { width:40%;}
	.publish-header.flex-row > div:nth-of-type(2) { width:60%;}
	.publish-header .publish-contact-info { padding-left:30px; border-left: 1px solid #ccc;}
}

@media (min-width: 768px) {
	.publish-header.flex-row > div:nth-of-type(1) { width:30%;}
	.publish-header.flex-row > div:nth-of-type(2) { width:70%;}
}

/*典藏品*/
/*列表-圖*/
.collection-image-con { width: 100%;}
.collection-image-height { position:relative; padding:0; padding-top:75%;}
.collection-image-con img {/* width: 100%;*/ height:100%;}

/*Table表格設定*/
.NoBoxTable {/* color:#404040;*/ width:100%; border:1px solid #CCC; line-height:1.5em; font-size:1em;}
.NoBoxTable th { text-align:right; padding:6px; border:1px dotted #BBB; background:#f5f5f5;}
.NoBoxTable td { text-align:left; padding:6px; border:1px dotted #BBB; color:#777; /*color: inherit;*/}
.NoBoxTable th, .NoBoxTable td {}
.NoBoxTable th.th,
.NoBoxTable td.th { font-size: 1.125rem;/*18*/ color:#000; background:#e9e9e9;}
    /*咖啡色系*/
	.NoBoxTable.coffee { border:1px solid #cfbfb3;}
	.NoBoxTable.coffee th { border:1px dotted #cfbfb3; background:#eee5df;}
	.NoBoxTable.coffee th.th,
	.NoBoxTable.coffee td.th { font-size: 1.125rem;/*18*/ color:#fff; background:#9B7D59;}
	
	/*咖啡色系*/
	.coffeeBOX { border: 1px solid #A38655; padding:1px; background-color: #ffffff; color: #964C36;}
	.coffeeBOX table { border-spacing: inherit; border-collapse: inherit;}
	.coffeeBOX .NoBoxTable { border: none;/* padding:3px;*/}
	/*.coffeeBOX .NoBoxTable > thead > tr > th { font-size: 1.125rem;*18* color:#964C36; background:#F1EFE0; border:none; border-bottom:1px solid #A38655;}*/
	.coffeeBOX .NoBoxTable > caption { font-size: 1.125rem;/*18*/ font-weight:bold; color:#964C36; background:#F1EFE0; border:none; border-bottom:1px solid #A38655;}
	.coffeeBOX .NoBoxTable > tbody { border:1px dotted #fff; padding:1px;}
	.coffeeBOX .NoBoxTable > tbody > tr > th { /*font-weight:300;*/ text-align:left; color:#fff; border:none; border-bottom:1px solid #fff; border-left:8px solid #A38655; background:#D7B485;}
	.coffeeBOX .NoBoxTable > tbody > tr > td { text-align:left; border:none; border-bottom:1px solid #A38655;}
	.coffeeBOX .NoBoxTable > tbody > tr > th label, .coffeeBOX .NoBoxTable > tbody > tr > td label {/* font-weight: bold;*/ margin:0;}
	
	/*.NoBoxTable td.shd { text-align: right;}*/
	/*****----------------------------- 手機專用樣式 phone (~ 480px) -----------------------------*****/
    @media screen and (max-width: 480px) {
		.NoBoxTable th.w13{ width:40%;}
	}
	/*****----------------------------- 平版專用樣式 tablets (481px ~ 768px) -----------------------------*****/
	@media screen and (min-width: 481px) and (max-width: 767px) {
		.NoBoxTable th.w13{ width:25%;}
	}
	/*****----------------------------- 一般電腦專用樣式 desktops (768px ~1199px) -----------------------------*****/
    @media screen and (min-width: 768px) and (max-width: 999px) {
		.NoBoxTable th.w13{ width:20%;}
	}
	/*****----------------------------- 一般電腦專用樣式 desktops (1000px and up) -----------------------------*****/
    @media screen and (min-width: 1000px) {	
		.NoBoxTable th.w13{ width:18%;}
	}

/*簡單2欄表格*/
.dnTable { width:100%; border:1px solid #CCC;}
.dnTable th { text-align:center; padding:6px; border:1px dotted #BBB; background:#f5f5f5;}
.dnTable td { font-size:0.9em; color:#777; padding:6px; border:1px dotted #BBB; text-align:center;}
.dnTable th.shd, .dnTable td.shd { text-align:left;}

/*列表頁-搜尋*/
.search-row-02 { margin-top:10px; padding:8px 8px 0 8px;}
.search-row-02 div.w-auto { width:auto; display:inline-block; padding: 0 8px 8px 0;}
@media (max-width: 767px) {
	.search-row-02 { margin-top:0; border-bottom: 1px solid #584E42;}
}

/*文章下方功能(相關連結及下載)*/
.second-title {/* border-bottom: 1px solid #eaeaea; margin-bottom: 10px;*/ padding: 10px 0 0 0; overflow: hidden;}
.second-title h3/*, .pagetitle h1, .pagetitle h2*/ { font-size: 1.25rem;/*20*/ margin: 0; float: left;}
.second-title h4 { margin: 0; float: left;}
.relates ul { list-style: disc; margin-left: 18px; color: #bbb; margin-bottom: 20px; padding:0;}
.relates li { margin-top: 12px;}
.photo ul { list-style: none; margin-left: 0px; margin-bottom: 20px; padding:0;}
	
/*文章頁尾(頁數/功能鍵)*/
.pagenav { overflow: hidden; text-align: center; padding: 20px 0; line-height: normal;}
.pagenav ul { display: inline-block;list-style: none; margin-left: 0; margin-bottom: 0; padding: 0;}
.pagenav ul > li { display: inline;}
.pagenav ul > li > a, .pagenav ul > li > span { margin: 0 2px; float: left; padding: 8px 12px; background-color: #ddd; color: #666; text-decoration: none; border-radius: 2px; opacity: .7;}
.pagenav ul > li > span { padding: 4px 12px;}
.pagenav ul > li > a:hover, .pagenav ul > li > a:focus { background-color: #333; color: #f1f1f1; opacity:1; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -ms-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s;}
.pagenav ul > li > span, .pagenav ul > a:hover, .pagenav ul > a:focus { color: #333; background-color: transparent; cursor: default;}
.align-l { text-align:left;}
.align-r { text-align:right;}
@media (max-width: 560px) { .pagenav { padding: 20px 0;} .pagenav ul > li > span { padding: 5px;} .pagenav-none { display:none;}}
@media (max-width: 480px) { .pagenav ul > li > a, .pagenav ul > li > span { padding: 5px  8px;}}

.pagenav > .btn { margin-top: 5px; margin-bottom: 5px;}

/*頁數*/
.pagination-box {}
.pagination-info { height:34px; line-height:34px; vertical-align:middle;}
@media (max-width: 767px) {
	.pagination-box > nav > div.d-ib { display:block;}
	.pagination-box > nav > .pagination-number { margin-bottom:10px;}
	.pagination-box > nav > .pagination-info { float:none;}
}
.pagination { margin:0 0 0px 0; font-size: 0.8125rem;/*13*/}
	/*頁數(覆蓋原設定顏色)*/
	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus { background-color: #9B7D59; border-color: #9B7D59;}
	.pagination > li > a,
	.pagination > li > span { color: #444444; padding: 6px 10px;}
	/*.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #65AC1F;}*/
	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus { z-index: 2;color: #ffffff; background-color: #9B7D59; border-color: #9B7D59;}
	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus { color: #cccccc; background-color: #ffffff; border-color: #cccccc; cursor: not-allowed;} 
	/*頁數-修正前後頁icon大小*/
	.page-first, .page-last { /*padding: 9px 10px !important; line-height:1em !important;*/}
	.page-first i, .page-last i { /*font-size: 0.625rem;*//*10*/}
	.page-previous, .page-next { padding: 7px 10px !important;}
	.page-previous i, .page-next i { font-size: 1rem;/*16*/}
	/* IE 8 9 10 11 hack (W3C可能無法辨識 而使手機版無法正常) */
	@media screen\0 {
		.page-first i, .page-last i { /*font-size: 0.8125rem;*//*13*/}
		.page-previous i, .page-next i { font-size: 1.0625rem;/*17*/}
	}
	/* IE Edge hack (W3C可能無法辨識 而使手機版無法正常) */
	@supports (-ms-ime-align:auto) {
		.page-first i, .page-last i { /*font-size: 0.8125rem;*//*13*/}
		.page-previous i, .page-next i { font-size: 1.0625rem;/*17*/}
	}

	/***/
	.page-m-b-5 > li > a { margin-bottom:5px;}

/*選擇群組*/
.radio-group-box { position:relative; display: inline-block; width: 100%; padding: 5px; margin-top:10px; margin-bottom: 5px; border: 2px solid #ccc; border-radius: 5px;}
.radio-group-title { position:absolute; top:-1em; left:5px; padding: 0.1em 0.5em; display:inline-block; float:left; background-color:#fff; border-radius: 4px;}
.radio-group-title.long-title { margin-right:0.5em;}
.radio-group-item { position: relative;/* left: 1em;*/ float:left;}
.radio-group-box .checkbox-inline { display:inline-block; margin:0; margin-left:10px;} /*複選*/
.radio-group-box .radio-inline { margin-left:10px;} /*單選*/
    /*選擇群組-底部*/
	.radio-group-footer { padding:5px 0; border-top: 1px dotted #ddd;}
	/*選擇群組-較大 可搭配 .quarterly-article .unit-sub-title 使用*/
	.radio-group-box-02 { position:relative; display: inline-block; width: 100%; padding: 5px; margin-top:30px; margin-bottom: 5px; border: 2px solid #9B7D59; background-color:#F0EADF;}
	.radio-group-title-02 { position:absolute; top:-1.25em; padding: 0 5px; display:inline-block;}
    .radio-group-box-02 .unit-sub-title { margin:0;}

/*頁籤容器*/
.tab-wrapper { margin: 10px 0;}
/*瀏覽模式*/
.nav-pills > li + li { margin-left: 0;}
.nav-pills > li > a { border-radius: 0;}
.nav-pills > li > a:hover, .nav-pills > li > a:focus { background: #584E42; color: #FFF;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { background: #9B7D59; color: #FFF;}
.nav-icons { border: 1px solid #9B7D59;}
.nav-icons li { /*line-height: 1.1;*/}
.nav-icons > li > a { padding: 6px; text-align: center; min-width: 24px;}
.nav-icons > li > a i { margin: 0; line-height: 1;}

/*level層級選單*/
.level {}
.level hr { margin: 10px 0;}
.level ul, .level ol { list-style: none !important; margin: 0; padding: 0;}
.level ul li::before { content: "";}
.level-manu { position: relative; padding: 7px 10px; margin-bottom:10px !important; background: #fff; border: 2px solid #eaeaea; border-radius: 2px;}
.level a { display:block; text-decoration: none;}
.level ul li { margin:0;}
.level ul li a, .level ol li a { border-left: 1em solid #9E906A; line-height: 1em; padding-left: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em;}
.level ul li i, .level ol li i { line-height: 1em;}

/*.level ul { padding: 5px 5px 5px 15px; list-style: disc;}
.level ul { list-style: none;}
.level ul li { margin: 5px 0;}
.level ul li::before { content: "•"; color: #bbb; display: inline-block; width: 1em; margin-left: -1em;}
.level ol li::before { content: "";}*/

    /*第二層*/
	.level ul ul, .level ol ol { margin-top:10px;}
	.level ul ul li:nth-of-type(1), .level ol ol li:nth-of-type(1) { border-top: 1px solid #eaeaea;}
	.level ul ul li, .level ol ol li { position: relative; padding: 3px 0px 3px 1.1em; border-bottom: 1px solid #eaeaea;}
	.level ul ul li i { }
	.level ul ul li i::before, .level ol ol li i::before { content: '\f138'; font-family: "FontAwesome"; font-style: normal; float: left; margin: 0.5em 0; padding: 0 6px; color: #9E906A; border-radius: 100%;}
	.level ul ul li .id-item, .level ol ol li .id-item { position: absolute; left:0; top:6px; font-size: 0.625rem;/*10*/ color:#fff; background-color: #34befe; padding: 1px 4px; min-width:16px; line-height: 13px; border-radius: 20px;}
	.level ul ul li a, .level ol ol li a { border:none; }
    /*第三層*/
	.level ul ul ul li, .level ol ol ol li { background-color:#f9f9f9;}
    .level ul ul ul li:hover, .level ol ol ol li:hover { background-color:#F1EFE0;}
	.level ul ul ul li, .level ol ol ol li { position: relative; padding: 3px 0px 3px 1.5em; border-bottom: 1px solid #eaeaea;}
    .level ul ul ul li i::before, .level ol ol ol li i::before { content: '\f0da'; font-family: "FontAwesome"; font-style: normal; float: left; padding: 0 6px; color: #f90; border-radius: 100%;}

/*網路導覽*/
.searchCriteria {/* float:left;*/ width:100%; padding:10px 15px; margin:10px 0; background:#f4f4f4;
	border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
/*https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Counters*/
/*https://www.w3.org/Style/Examples/007/color-bullets.zh_HK.html*/
/*.sitemap a { display:inline-flex;}
.sitemap ol {
  counter-reset: section; 
  list-style-type: none;
}
.sitemap li:before {
  counter-increment: section;
  content: counters(section, "-") ".";
}
.sitemap ol li::before {
  display: inline-block; width: auto;
  text-align: right;
}*/
/*第一層*/
/*.sitemap > ol > div > div > li::before { margin-left: 2em; margin-right: -2.5em;}
.sitemap > ol > div > div > li > a { padding-left: 1.5em;}*/

/*行事曆*/
.h20 { height:20px;}
.h50 { height:50px;}
#calendar table, #calendar2 table { font-size:inherit !important;  width: 100% !important;}
#calendar table td { padding: 3px;}
#calendar2 table td { padding: 6px 3px;}
.photo_02 { background-color: #F1EFE0; border: 1px solid #cccccc;}
.text_16px_01 {  color: #ffffff;}
.link_01c { color: #333333; text-decoration: none;}
.link_01c:hover { color: #ff6600; text-decoration: none; position:relative; top: 1px; left: 1px;}
.oiption-box { margin:10px 0; padding:5px 10px; border: 1px solid #cccccc;}
@media (max-width: 767px) {
	.fa-rotate-timing-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg);}
}

/*當期季刊*/
.quarterly-article .radio-group-title { top:-0.9em;/* left:5px;*/ line-height:1.42857143;}
@media (max-width: 767px) {
	.quarterly-article .radio-group-title { position:initial;}
}
	/*(資料模式標頭)*/
	.quarterly-article .unit-sub-title { position: relative; display:inline-block; width:auto; color:#fff; text-decoration:none; margin:10px 0; padding: 6px 10px 6px 17px; height:30px; background:#9B7D59;}
	.quarterly-article .unit-sub-title:lang(ja-jp) { margin:0;} /* 研究スタッフ(研究人員) */
	.quarterly-article .unit-sub-title span { position:absolute; top:0; left:0; width:10px; height:30px; color:#fff; background:#584E42;/* display: list-item;*/ margin: auto 0; padding:6px; text-align:center; vertical-align:middle;}
	.quarterly-article .unit-sub-title h4 { margin:0;}

/*一般文字設定*/
.state_add { color: #00ccff;}/* 藍 */
.state_edit { color: #669900;}/* 綠 */
.state_del { color: #cc3300;}/* 紅 */
.state_gray { color: #999999;}/* 灰 */

.text_13p { font-size: 0.8125rem; /*13*/}
.text_15p { font-size: 0.9375rem; /*15*/}
.text_default { color: #666;}/* 默認 */
.text_nowrap { white-space:nowrap;}/*強迫文字不換行*/
.break_word { word-wrap: break-word;} /*英文字元自動斷行*/
.text_wrap { word-wrap: break-word; word-break: break-all;} /*英文字元自動斷行*/
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}/*...單行省略號*/
.line-height-default { line-height:1.42857143;} /*恢復為bootstrap預設值*/
.inherit, inherit { font-size:inherit;}
.large, large { font-size:large;} /*比父層大一號size的*/
.x-large, x-large { font-size: x-large;} /*比父層大二號size的*/
.xx-large, xx-large { font-size: xx-large;} /*比父層大三號size的*/
.text_bold { font-weight: 600;}

.color-white { color: #fff;}/*白*/
.color-gray-light { color: #ccc;}/*淺灰*/
.color-gray { color: #999;}/*灰*/
.color-blue { color:#5bc0de;}/*中藍*/
.color-theme { color: #68dff0;}/*淺藍*/
.color-theme2 { color: #66D4E2;}/*淺藍2*/
.color-success { color: #a9d86e;}/*綠*/
.color-info { color: #41cac0;}/*藍綠*/
.color-blue-green { color: #00B9CE;}/*藍綠(較藍)*/
.color-warning { color: #FCB322;}/*黃*/
.color-important { color: #ff6c60 !important;}/*紅*/
.color-purple { color: #ac92ec;}/*紫*/
.color-deep-purple { color: #9b59b6;}/*深紫*/
.color-primary { color: #428bca;}/*藍*/
.color-pink { color: #ff6699;}/*桃紅*/
.color-light-pink { color: #FDA6D1;}/*粉紅*/
.color-orange { color: #fd901e;}
.color-deep-coffee { color: #9E906A;}/*深咖啡*/
.color-D-deep-coffee { color: #9B7D59/*584E42*/;}/*深咖啡*/

.tt-u { text-transform:uppercase;} /*英文均為大寫*/
.tt-l { text-transform:lowercase;} /*英文均為小寫*/
.tt-c { text-transform:capitalize;} /*每個英文單字第一個為大寫，其餘字母為小寫*/

/*文字連結樣式*/
#list a:link.link-red-brown { color: #964C36; text-decoration: none;}/* 紅棕 */
#list a:hover.link-red-brown { text-decoration: none; border-bottom-width:1px; border-bottom-style:solid;}

/*類別小標籤*/
.badge { display: inline-block; min-width: 10px; padding: 2px 5px; margin:2px;/*默許-灰*/
	font-size: 0.75rem;/*12*/ font-weight: 300 /*bold*/; line-height: 1; color: #fff;
    text-align: center; white-space: nowrap; vertical-align: baseline;
    background-color: #777; border-radius: 10px;}
.badge-02 { display: inline-block; min-width: 10px; padding: 2px 5px; margin:2px;/*默許-灰*/
	font-size: 0.75rem;/*12*/ font-weight: 300 /*bold*/; line-height: 1; color: #fff;
    text-align: center; white-space: nowrap; vertical-align: baseline;
    background-color: #777; border-radius: 3px;}
.badge-03 { display: table; min-width: 10px; padding: 2px 5px; margin:2px;/*默許-灰*/
	font-size: 0.75rem;/*12*/ font-weight: 300 /*bold*/; line-height: 1; color: #fff;
    /*text-align: center; white-space: nowrap; */vertical-align: baseline;
    background-color: #777; border-radius: 3px;}
.badge-lg { padding: 10px 16px; font-size: 1.125rem; /*18*/ line-height: 1.3333333; border-radius: 6px;}
.badge-sm { padding: 5px 10px; font-size: 0.75rem; /*12*/ line-height: 1.5; border-radius: 3px;}
.badge-xs { padding: 1px 5px; font-size: 0.75rem; /*12*/ line-height: 1.5; border-radius: 3px;}

.nofont-size { font-size:inherit;}/*繼承文字大小*/

.bg-white { background:#fff;}/*白*/
.bg-theme { font-weight: 300; background: #68dff0;}/*淺藍*/
.bg-success { font-weight: 300; background: #a9d86e;}/*綠*/
.bg-info { font-weight: 300; background: #41cac0;}/*藍綠*/
.bg-blue-green { font-weight: 300; background: #00B9CE;}/*藍綠(較藍)*/
.bg-warning { font-weight: 300; background: #FCB322;}/*黃*/
.bg-important { font-weight: 300; background: #ff6c60;}/*紅*/
.bg-purple { font-weight: 300; background: #ac92ec;}/*紫*/
.bg-primary { font-weight: 300; background: #428bca;}/*藍*/
.bg-gray { font-weight: 300; background: #ccc;}/*淺灰*/
.bg-gray2 { font-weight: 400; background-color: #C6C6C6;}/*灰*/
.bg-pink { font-weight: 300; background: #ff6699;}/*桃紅*/
.bg-light-pink { font-weight: 300; background-color: #FDA6D1;}/*粉紅*/
.bg-orange { font-weight: 300; background: #fd901e;}/*橘*/
.bg-coffee { font-weight: 300; background: #9E906A;}/*咖啡*/
.bg-deep-coffee { font-weight: 300; background: #584E42;}/*深咖啡*/
.bg-coffee-outline { font-weight: 400; background: transparent; border:2px solid #9E906A; color: #584E42;}/*咖啡-中空框線*/
.bg-coffee-outline-2 { font-weight: 400; background: transparent; border:1px solid #9E906A; border-left:3px solid #9E906A; color: #584E42;}/*咖啡-中空框線*/
.bg-deep-coffee-outline { font-weight: 400; background: transparent; border:1px solid #584E42; color: #584E42;}/*深咖啡-中空框線*/
.bg-deep-coffee-outline-2 { font-weight: 400; background: transparent; border:1px solid #584E42; border-left:3px solid #584E42; color: #584E42;}/*深咖啡-中空框線*/
.bg-outline { font-weight: 400; background: transparent; border:1px solid #ccc; color: #999;}/*中空框線*/
.bg-ts { background: transparent;}

/*按鈕*/
.btn:link, .btn:hover, .btn:focus, .btn.focus { color:inherit !important;}
.btn-warning:link, .btn-warning:visited, .btn-warning:active, .btn-warning:hover, .btn-warning:focus, .btn-warning.focus { color: #fff !important;}

.btn-coffee,
.btn-coffee:link { color: #fff; background-color: #B69369; border-color: #9B7D59;}/*咖啡*/
.btn-coffee:focus,
.btn-coffee:hover { color: #fff; background-color: #9B7D59; border-color: #876A46;}

.btn-gray { color: #333; background-color: #e6e6e6; border-color: #8c8c8c; cursor:default;}

/*其他設定*/
.h-auto { height:auto !important;}
.w-auto { width: auto !important;}
.font-0 { font-size:0 !important; line-height: normal;}
.h-5 { height:5px;}
.h-20 { height:20px;}
.hide { visibility:hidden !important;} /*物件隱藏,所佔位置保留*/
.b-t_01 { border-top: 1px solid #ddd;}
.b-b_01 { border-bottom: 1px solid #eee;}
.b-b_02 { border-bottom: 1px solid #fff;}
.b-b_03 { border-bottom: 1px solid #e5e5e5;}
.b-b_04 { border-bottom: 1px solid #ddd;}
.b_02 { border: 1px solid #ccc;}
.b_03 { border: 1px solid #e5e5e5;}
.border-coffee { border:2px solid #9B7D59; border-radius: 5px; display:inline-block; width:100%; margin:5px 0;}
.border-gray { border:2px solid #ccc; border-radius: 5px; display:inline-block; width:100%; margin:5px 0;}
.none-border { border:none !important;}/*無框線*/
.none-border .row { border:none !important;}
.none-bottom-border { border-bottom:none !important;}
.padding_01 { padding: 0 20px;}
.padding_02 { padding: 0 10px;}
.padding_03 { padding: 0 5px;}
.padding_04 { padding: 5px 0;}
.padding_05 { padding: 2px 7px 3px 7px;}
.m-5-0 { margin:5px 0;}

.t--2 { top:-2px; position:relative;}
.t-8 { top:8px;}
.view-deta-choose { padding:5px; margin:5px;}
.pm-0 { padding:0; margin:0;}
.pm-5 { padding:5px; margin:5px;}
.p-0 { padding:0 !important;}
.p-8 { padding:8px;}
.p-t-0 { padding-top:0 !important;}
.p-t-5 { padding-top:5px;}
.p-t-10 { padding-top:10px;}
.p-l-0 { padding-left:0 !important;}
.p-l-5 { padding-left:5px;}
.p-l-10 { padding-left:10px;}
.p-l-15 { padding-left:15px;}
.p-r-5 { padding-right:5px;}
.p-r-10 { padding-right:10px;}
.p-r-15 { padding-right:15px;}
.p-r-18 { padding-right:18px;}
.p-10-0 { padding: 10px 0;}
.p-lr-10 { padding: 0 10px;}
.p-20 { padding:20px;}
.p-b-0 { padding-bottom:0 !important;}
.p-b-5 { padding-bottom:5px;}
.p-b-10 { padding-bottom:10px;}
.p-b-20 { padding-bottom:20px;}
.p-b-30 { padding-bottom:30px;}
.p-b-50 { padding-bottom:50px;}
.m-0-auto { margin:0 auto !important;}
.m-0 { margin:0px !important;}
.m-5 { margin:5px;}
.m-t-0 { margin-top:0px !important;}
.m-t-2 { margin-top:2px !important;}
.m-t-5 { margin-top:5px;}
.m-t-7 { margin-top:7px;}
.m-t-10 { margin-top:10px;}
.m-t-15 { margin-top:15px;}
.m-t-20 { margin-top:20px;}
.m-t-30 { margin-top:30px;}
.m-tb-10 { margin-top:10px; margin-bottom:10px;}
.m-tb-20 { margin-top:20px; margin-bottom:20px;}
.m-b-0 { margin-bottom:0px;}
.m-b-5 { margin-bottom:5px;}
.m-b-10 { margin-bottom:10px;}
.m-b-20 { margin-bottom:20px;}
.m-b--5 { margin-bottom:-5px;}
.m-b--10 { margin-bottom:-10px;}
.m-l-10 { margin-left:10px;}
.m-l-20 { margin-left:20px;}
.m-r-5 { margin-right:5px;}
.m-r-7 { margin-right:7px;}
.m-r-10 { margin-right:10px;}
.m-r-20 { margin-right:20px;}
.m-rb-5 { margin-right:5px; margin-bottom:5px;}

.float-l { float:left;}
.float-r { float:right;}
.float-n { float:none !important;}
.left { text-align:left !important;}
.right { text-align:right !important;}
.center { text-align: center !important;}
.va-t { vertical-align:top;}
.va-m { vertical-align:middle;}
.va-b { vertical-align:bottom;}

.pos-a { position:absolute;}
.pos-r { position:relative;}

.d-block { display:block !important;}
.d-b, d-b { display:block;}
.d-ib, d-ib { display:inline-block;}
.d-n { display: none;} /*物件隱藏,不佔位置*/
.d-inline-block { display:inline-block !important;}
.d-it { display: inline-table;} /*配合input-group使用，取代原則#list .row的display:table;屬性*/
.border-r { border:2px solid #ff6c60; border-radius: 5px; display:inline-block; width:100%; margin:5px 0;}
.border-success { border:2px solid #a9d86e; border-radius: 5px; display:inline-block; width:100%; margin:5px 0; padding:5px;}/* 綠 */
.b-important { border: 1px solid #ff6c60;}/*紅*/
.b-orange { border: 1px solid #ff8f00;}/*橘*/

.cursor-d { cursor: default;}/*滑鼠游標*/

/*欄位設定*/
.form-control,
.form-control:focus,
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus,
.navbar-collapse,.navbar-form,
.navbar-form-custom .form-control:focus,
.navbar-form-custom .form-control:hover,
.open .btn.dropdown-toggle,
.panel,.popover,
.progress,.progress-bar { box-shadow: none;}
.input_01 { display:inline-block; height: 34px; font-size: 0.8125rem;/*13*/ padding-left: 5px; background: #ffffff; border: 1px solid #D5D5D5;
            -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: 0px;}
			
/*進階查詢  (用以抵消input-group下方多出的高度)*/
.group-m-b--5 { margin-bottom:-5px;}
.group-m-b--10 { margin-bottom:-10px;}
@media (max-width: 767px) {
	.group-m-b--5 { margin-bottom:0;}
	.group-m-b--10 { margin-bottom:-5px;}
}
/*進階查詢*/
.hide2 { visibility:hidden !important;} /*物件隱藏,所佔位置保留*/
@media (max-width: 767px) {
	.hide2 { display:none !important;}
}

/*google查詢內容*/
.article-content.google-search-content { line-height:inherit; word-wrap:normal;}
.gs-snippet, .gs-snippet b, .gs-title, .gs-title b { text-decoration: none!important;}
.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0px!important; padding-right: 0px!important;}








/*
     FILE ARCHIVED ON 17:04:23 三月 30, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 9:36:29 五月 24, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/