@charset "utf-8";
/* 建研所主網(字體百分比) */

body {
	font-family: Helvetica, '微軟正黑體', 'Microsoft JhengHei', Arial, sans-serif, 新細明體;
	color: #323237;
	letter-spacing: 0px;text-decoration: none;
}
/*解除原生設定 #1103*/
/*a { text-decoration: none;}
a:hover, a:focus {text-decoration: none;}*/
a { color:#9B7D59; text-decoration: none; transition: all .25s;}
a:hover, a:focus { color:#CC9933; text-decoration: underline;}
a:focus { outline: 2px solid #034acd !important;}/*讓鍵盤使用時可知道移動到哪裡***覆蓋bootstrap設定0*/

.clear { clear:both;}
@media (min-width: 1000px) { .container { width: auto;} }
@media (min-width: 1200px) { .container { width: 1170px;} }
@media (min-width: 1400px) { .container { width: 1370px;} }
@media (max-width: 999px) { .container { width: auto;} }
/*把列印頁中間寬度縮小*/
	@media (min-width: 992px) { .print-page .container { width: 970px;} }
	@media (min-width: 1200px) { .print-page .container { width: 1170px;} }
	.print-page .logo{width: 140px; height: 70px;}/*縮小logo*/
	.print-page .navbar-header { height:72px;}

/*以鍵盤操作時讓欄位取得游標焦點樣式*/
select:hover, select:focus,
input[type="password"]:hover, input[type="password"]:focus,
input[type="email"]:hover, input[type="email"]:focus,
input[type="text"]:hover, input[type="text"]:focus,
input[type="submit"]:hover, input[type="submit"]:focus,
input[type="url"]:hover, input[type="url"]:focus { background:#E6DBBD;}

button { border-width: 0;}
button:focus { outline: 2px solid #034acd !important;}/*讓鍵盤使用時可知道移動到哪裡*/

/*導盲磚*/
a.accesskey { font-size: 0.375rem;/*6*/ color:#ccc;-webkit-text-size-adjust: 100%; -webkit-transform: scale(0.93); -o-transform: scale(1);}
a:hover.accesskey { color:#ccc; text-decoration:none;}
    @media (max-width: 991px) { a.accesskey { display:none !important;} }

/*路徑列*/
.breadcrumb > li + li:before { font-family: "FontAwesome"; content: "\f105";}

.hbreadcrumb { padding: 2px 0; margin-top: 6px; margin-bottom: 10px; list-style: none; background: transparent; font-size: 0.6875rem;/*11*/}
.hbreadcrumb > li:nth-child(2):before { padding: 0 5px; content: " ";}
.hbreadcrumb > li,
.hbreadcrumb > li a { color: #ccc;}
.hbreadcrumb > li a:hover, .hbreadcrumb > li a:focus { color: #ff9; text-decoration: none;}
.hbreadcrumb > .active { color: #fff;}

/*TOP 區塊綜合設定,定位*/
.navbar { margin-bottom: 0; border: 0; z-index: 500; position:fixed; width:100%; border-radius:0;}
    @media (max-width: 767px) { .navbar { position: absolute;} }
.navbar-header {/* width:100%;*/ height:108px;/* padding-left:30px; padding-right:30px;*/ margin:0 auto; position:relative; z-index:1000; float:none;}
.navbar-ith { background-color:transparent; border-top:3px solid #9B7D59; border-bottom:1px solid #fff; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170420/https://www.ith.sinica.edu.tw/new_images/topnav-bg.png) repeat-x top;}
.navbar-ith-border-bottom { position:absolute; z-index:199; top:0; height: calc(100% + 2px); width:100%; border-bottom:1px solid #666;} /*白線再加一條灰線,適應淺色背景*/
	/*網站LOGO*/
	.site-logo { position: absolute; float: left;}
	.site-logo h1 { margin: 0;}
	.logo{ display: inline-block; width:210px; height:105px; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170420/https://www.ith.sinica.edu.tw/new_images/logo.png) no-repeat;
		   -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
		   background-position:center;background-size: 100% 100%;}
		@media (max-width: 991px) { .logo{ width:140px; height:70px;} 
		                            .navbar-header { height:72px;} }
	
	/*TOP 背景色*/
	.topbg { position:absolute; z-index:199; top:0; height:100%; width:100%; background-color: rgba(201, 186, 165, 0.7);
			 -webkit-transition: backgroundColor .5s; transition: backgroundColor .5s;}
	
	/*畫面縮小時的導覽按鈕*/
	.navbar-toggle { z-index:1000; float: right; padding: 7px 10px; margin-top: 20px; margin-right: 0; margin-bottom: 6px;
					 background-color: transparent; background-image: none; border: 1px solid #fff; border-radius: 4px;}
	.navbar-toggle .icon-bar { background-color: #fff;}
		/*大於或=992時隱藏導覽按鈕*/
		@media (min-width: 992px) { .navbar-toggle {display: none;} }
		/*小於或=991時顯導覽按鈕*/
		@media (max-width: 991px) { .navbar-toggle { display: block;} }

/* 下拉選單 */
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left;
  padding: 5px 0; margin: 2px 0 0; text-align: left; list-style: none; -webkit-background-clip: padding-box; background-clip: padding-box;
  border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .5);
}

/*上方導覽*/
.top-menu-box { float:right; margin-top:8px;}
    @media (max-width: 991px) { 
		#navbar { z-index:1000; width:100%; background-color: rgba(201, 186, 165, 0.7);
		          -webkit-transition: backgroundColor .5s; transition: backgroundColor .5s;}
		.top-menu .nav > li { display:inline-block;}
	}
	.top-menu { background-color:#000; padding:5px;}
	.top-menu { display:inline-block;}
	.top-menu .nav > li > a { padding: 0px 5px; font-size: 0.8125rem;/*13*/ color: #fff;}
	.top-menu .nav > li > a:hover,
	.top-menu .nav > li > a:focus { color: #ff9; }
	.top-menu .nav > li.last > a {padding:0 0 0 10px !important;}/*讓最右側間隔為0*/
	
	/*搜尋-按鈕*/
	.navbar-search { display:inline-block; float:right; margin:0 auto; text-align:center; background-color:#9B7D59;}
    .navbar-search a { color: #fff; transition: all .25s;}
	.navbar-search a:hover,
	.navbar-search a:focus { color: #FF6;}
	.navbar-search a:focus i { border: 2px dotted #FFFF33; margin: -2px;}
	.navbar-search .js-search, .navbar-search .nojs-search { padding:6px; height:30px; width:30px;}
	
	/*搜尋-彈出*/
	.js-search .dropdown-toggle i, .nojs-search i { font-size: 1.125rem;/*18*/}
	.js-search.open .dropdown-menu { left: auto; right: 0;}
	
	/*標籤樣式(整個上方導覽)*/
	@media (min-width: 768px) { .top-search { display:none;} }
	@media (max-width: 767px) { 
	    .top-menu-box { float: left;}
		.top-menu { background-color: transparent; padding:0;}
		.top-menu .navbar-nav { margin:0;}
		.top-menu .nav > li.li-hide { display:none;} /*部份間隔消失*/
		.top-menu .nav > li.sm { display:none;}
		.top-menu .tag-nav li { margin-bottom:5px;}
		.top-menu .tag-nav li a { padding:3px 5px; color: #ffffff; background-color: #000; border: 2px solid #000; transition: all .25s;}
		.top-menu .tag-nav li a:hover,
		.top-menu .tag-nav li a:focus { color: #ffffff; background-color: #9B7D59; border-color: #9B7D59;}
		.navbar-search { display:block; float:none;}
		.navbar-search .js-search,
		.navbar-search .nojs-search { display:none !important;}
		.top-search { position: relative; max-width: 365px; float: left; padding: 5px 0px;}
		.top-search input, .top-search button { border-radius: 0;}
		.top-search .input-group { border: 2px solid #9B7D59;}
		.top-search .form-control { width: 100%; height: 26px; font-size: 0.8125rem;/*13*/ border: none !important;}
		.top-search .input-group-btn { border-color: #9B7D59;}
		/*.top-search .input-group-btn:last-child > .btn { margin: 0;}*/
		.top-search .btn { padding: 0;}
		.top-search .icon-search { width: 28px; height: 26px; color:#fff; background-color: #9B7D59; border-color: #9B7D59;}
		.top-search .icon-search i { color:#fff;}
		.top-search .icon-search i:hover,
		.top-search .icon-search i:focus { color: #FF6;}
	}

/*主要選單*/
@media (min-width: 768px) { .main-menu-box { float: right;} }
    .nav > li > a:hover, .nav > li > a:focus { background-color:transparent;} /*覆蓋bootstrap.css#3987*/
	.main-menu-box .navbar-nav > li > a { font-size: 1.125rem;/*18*/ color:#fff; text-shadow: 0px 0px 8px rgba(0, 0, 0, 1.0), 0px 0px 8px rgba(0, 0, 0, 1.0), 0px 0px 8px rgba(0, 0, 0, 1.0);}
	.main-menu-box .navbar-nav > li > a:hover,
	.main-menu-box .navbar-nav > li > a:focus { color:#ff6;}
	/*感應下拉次目錄*/
	/*@media (min-width: 992px) {
		.main-menu-box .navbar-nav > li.has-sub > .dropdown-menu { display:none;}
		.main-menu-box .navbar-nav > li.has-sub:hover > .dropdown-menu,
	    .main-menu-box .navbar-nav > li.has-sub:focus > .dropdown-menu { display:block;}
	}*/
	@media (min-width: 992px) { .main-menu-box .navbar-nav > li > a { padding:25px 15px;} }
    .main-menu-box .navbar-nav > li:last-child > a { padding-right:0;} /*第二層選單-最後一個(定位)*/
	
	/*覆蓋bootstrap.css#4201*/
	@media (max-width: 991px) { .navbar-collapse.collapse { display: none !important;} }
	@media (max-width: 991px) { .navbar-collapse { position: absolute; top:73px;} }
	.collapse.in { display: block !important;} /*覆蓋bootstrap.css#3479*/
    .container > .navbar-collapse { margin: 0 -15px;}/*覆蓋bootstrap.css#4230*/

    @media (max-width: 767px) {
		.main-menu-box .navbar-nav { overflow:hidden;}
		.main-menu-box .navbar-nav > li { border-bottom: 1px solid #fff;}
		.main-menu-box ul.navbar-nav > li.has-sub > a:after { /*如果有二層選單 加向下的icon*/
			position:absolute; right:15px; content: "\f055"; font-family: "FontAwesome"; font-size: 0.75rem;/*12*/ color: #fff; text-shadow: none;} /*f107*/
		.main-menu-box ul.navbar-nav > li.has-sub.open > a:after { /*開啟後轉為向上的icon*/
			position:absolute; right:15px; content: "\f056"; font-family: "FontAwesome"; color: #cccccc;
		    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
            -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
	}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color:#ff9; background-color: transparent; border-color: inherit;}
.main-menu-box .dropdown-menu { min-width: 100px; background-color: #9B7D59; border:none; border-top: 2px solid #000; border-bottom: 2px solid #000;}
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #666; white-space: nowrap;}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { color: #0CF; text-decoration: none; background-color: transparent;}
/********** 多層選單模式 ( 以 bootstrap 為基礎添加樣式)**********/
.navbar-nav .open .dropdown-menu { margin-top:0px;} /*次選單與上方距離*/
.main-menu-box .navbar-nav > li:last-child.open .dropdown-menu { left:auto; right:0;}
.main-menu-box .navbar-nav > li:last-child.open .dropdown-menu:before { left:auto; right:33px;}
.dropdown-menu-plural { padding:0px;}
@media (min-width: 1200px) { .dropdown-menu-plural .row { display:table-row;} }

/*第二層*/
@media (min-width: 768px) {
	.navbar-nav .open .dropdown-menu:before { position:absolute; top:-14px; left:33px; content: "\f0d8"; font-family: "FontAwesome"; color:#000 /*9B7D59*/;}
	.dropdown-menu-plural .basic_01 { min-width:11em; padding: 0 10px; border-bottom:1px solid #b6a596; background:#9B7D59; transition: all .25s;}
    .dropdown-menu-plural .basic_01:last-child { border-bottom:none;}
	.dropdown-menu-plural .basic_01:hover, .dropdown-menu-plural .basic_01:focus { background:#786E61;}
}
.dropdown-menu-plural ul { list-style: none; padding:0;}
.dropdown-menu-plural li a { display:block; padding: 10px 0px 10px 0px; font-size: 0.875rem; /*14*/ color:#fff; text-decoration:none;}
.dropdown-menu-plural li a:hover, .dropdown-menu-plural li a:focus { color:#ff9; background:#786E61;}
.dropdown-menu-plural li a span{ padding-bottom:10px; font-weight: bold;}

/*第二層*/
@media (max-width: 767px) {
	.main-menu-box .navbar-nav > li { background-color:#584E42; transition: all .25s;}
	.main-menu-box .navbar-nav > li:hover, .main-menu-box .navbar-nav > li:focus {background:#665B4D;}
	.navbar-nav .open .dropdown-menu { position: relative;}
	.dropdown-menu-plural .basic_01 { min-width:100%; padding: 0; border-bottom:1px solid #b6a596; background:#786E61; transition: all .25s;}
    .dropdown-menu-plural .basic_01:last-child { border-bottom:none;}
	.dropdown-menu-plural .basic_01:hover, .dropdown-menu-plural .basic_01:focus { background:#887D6F;}
    .dropdown-menu-plural li a { padding: 10px 10px 10px 30px;}
	.dropdown-menu-plural li a:after { position: absolute; left: 17px; content: "\f0da"; font-family: "FontAwesome"; font-size: 0.75rem; /*12*//* margin-top: 3px;*/ color: #584E42;}
}

/*主圖*/
	/*首頁*/
	#main-pic.pic-index { height:600px;}
	#main-pic.pic-index .index-pic-con { display:block;}
	#main-pic.pic-index .page-pic-con { display:none;}
	/*內頁*/
	#main-pic.pic-page { height:160px;}
	#main-pic.pic-page .index-pic-con { display:none;}
	#main-pic.pic-page .page-pic-con { display:block;}


	/*進度條*/
	.vegas-timer { height:3px;}
	.vegas-timer-progress { z-index:199; position:relative; background: #9B7D59; -webkit-transition: #9B7D59 ease-out; transition: #9B7D59 ease-out;}
    /*區塊定位*/
	.caption-wrapper-outer {/* height: calc(100% - 112px);*/ height: calc(600px - 112px); /*overflow-y:hidden;*/ padding:30px 20px; margin-top:112px;}
	.caption-wrapper-inner { position: relative; width:100%; margin:0 auto; height:100%;}
	/*主圖文字區塊(九宮格)*/
	.caption-content-box { margin:auto; width:auto; height:auto; display:inline-block; position:absolute; z-index:100;}
	.caption-content { margin:auto; width:100%; height:100%; display:inline-block; position:relative; z-index:100;}
	.content-box-w { max-width:480px;/* max-height:210px;*/} /*取消高度 自動延伸*/

	.caption-content-box.caption-left-top { top:0px; right: auto; bottom:auto; left:0px;} /*左-上*/
	.caption-content-box.caption-top { top:0px; right:0px; bottom:auto; left:0px;} /*中-上*/
	@media screen\0 { .caption-content-box.caption-top { left:calc(50% - 240px);} }
	.caption-content-box.caption-right-top { top:0px; right:0px; bottom:auto; left:auto;} /*右-上*/
	
	.caption-content-box.caption-left { top:0px; right:auto; bottom:0px; left:0px;} /*左-中*/
	.caption-content-box.caption-middle {top:0px; right:0px;bottom:0px; left:0px;} /*中-中*/
	@media screen\0 { .caption-content-box.caption-middle { left:calc(50% - 240px);} }
	.caption-content-box.caption-right { top:0px; right:0px; bottom:0px; left:auto;} /*右-中*/
	
	.caption-content-box.caption-left-bottom {top:auto; right:auto;bottom:0px; left:0px;} /*左-下*/
	.caption-content-box.caption-bottom {top:auto; right:0px;bottom:0px; left:0px;} /*中-下*/
	/* IE 8 9 10 11 hack (W3C可能無法辨識 而使手機版無法正常) */
	@media screen\0 { .caption-content-box.caption-bottom { left:calc(50% - 240px);} }
	.caption-content-box.caption-right-bottom {top:auto; right:0px;bottom:0px; left:auto;} /*右-下*/
	
	/*主圖文字區塊(固定下方)*/
	.caption-wrapper-bottom { position:absolute; bottom:0px; width:100%; z-index:100;}
	.caption-content-bottom { position:relative; z-index:100; display:inline-block; width:100%; margin:0 auto; padding-bottom:3px;}
	.caption-content-text { position:relative; z-index:500; color:#fff; margin: 10px 20px;}
	.caption-content-text h2 { font-size:2.5rem;/*40*/ font-weight:bold; color:#fff; margin: 0 0 20px; line-height: 1em;}
	.caption-content-bottom .caption-content-text { margin: 10px auto;}
	.caption-content-bottom .caption-content-text h2 { font-size: 1.875rem;/*30*/ font-weight:inherit; margin: 10px 0 20px;}
	
	/*內頁-頁面單元名稱*/
	/*.caption-wrapper-outer { padding:10px 20px;}
	.caption-wrapper-inner { position:relative; width:100%; margin:0 auto; height:100%;}

	.caption-content-box { margin:auto; width:auto; height:auto; display:inline-block; position:absolute; z-index:100;}
	.caption-content { margin:auto; width:100%; height:100%; display:inline-block; position:relative; z-index:100;}
	.content-box-w { max-width:480px; max-height:210px;}
	.caption-content-bottom .caption-content-text { margin: 10px auto;}*/
	
	.unit-banner-outer { padding:10px 20px; margin:0 auto; margin-top: 112px;}
	.unit-mane-title { position:absolute; bottom: 10px; display: inline-block; padding: 8px 20px; color: #fff; background: rgba(0,0,0,0.5);}
	.unit-mane > span { display:block; font-size: 0.9375rem;/*15*/ line-height: 20px; text-align:left;}
	.unit-mane > h2 { font-size: 1.875rem;/*30*/ margin: 5px 0;}
	
	
	/*黑色半透明底色*/
	.caption-bg-color { display: inline-block; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.5; background-color:#000;}
	    
	@media (max-width: 991px) { 
		.caption-wrapper-outer {/* height: calc(100% - 76px);*/ height: calc(600px - 76px); margin-top:76px;} }
	@media (max-width: 768px) { 
		.caption-content-text h2 { font-size: 1.875rem;/*30*/} }
	@media (max-width: 500px) { 
		.caption-wrapper-outer { padding:20px 15px;}
		.caption-content-text { font-size: 0.75rem;/*12*/ margin: 10px;}
		.caption-content-text h2,
		.caption-content-bottom .caption-content-text h2 { font-size: 1.5rem;/*24*/ font-weight:500;} }
    
	/*主圖連結*/
	.main-pic-link { position: absolute; bottom: 0; left: 0; z-index: 1000; opacity: .5; -webkit-transition: 1s opacity; transition: 1s opacity;}
	    @media (max-width: 560px) { .main-pic-link { top:0; bottom:auto;} }
	.main-pic-link:hover { opacity: 1;}
	.main-pic-link a { text-decoration:none; color:inherit;}
	.main-pic-link i { display: block; width: 50px; height: 50px; font-size: 1.25rem; color: #fff; text-align: center; border-radius: 50%; border: 2px solid #fff; padding: 13px;}
	.main-pic-link i:hover { background: rgba(0,0,0,0.5);}
		
/*最新消息*/
.news-box { background-color:#584E42; margin-bottom:25px;}
    @media (max-width: 991px) { .news-box { padding-top:10px;} }
	/*面版*/
	.hpanel { background-color: none; border: 0; box-shadow: none; margin-bottom: 25px;}/*面版-最外層*/
	.hpanel>.panel-heading { vertical-align: middle; padding:7px 0;}
	.hpanel>.panel-heading h2 { float: left; margin: 0 5px 0 0; color:#9B7D59; font-weight:bold;}
	.hpanel>.panel-heading h2.title { font-size: 1.25rem;/*20*/ color:#fff; padding:3px 15px; background-color:#9E906A; border-radius:3px;}
	.hpanel .panel-tools { display: inline-block; float: right; margin-top: 2px; padding: 0;}/*面版-按鈕*/
	.hpanel .panel-tools a { margin-left: 5px; color: #fff; cursor: pointer; display:inline-block;}
	.hpanel .panel-tools a:hover, .hpanel .panel-tools a:focus,
	.hpanel .panel-tools a:hover div, .hpanel .panel-tools a:focus div,
	.hpanel .panel-tools a:hover span, .hpanel .panel-tools a:focus span { color: #ff9;}
	.panel-icon-btn { display: inline-block; font-size: 0.875rem;/*14*/ color:#fff; background-color:#9B7D59; width:23px; height:23px; text-align:center; vertical-align:middle; padding: 5px 5px; margin-top:-2px; margin-left: 5px;}
	.panel-icon-btn a:hover, .panel-icon-btn a:focus { }
	.panel-icon-btn:hover, .panel-icon-btn:focus { color: #ff9;}
	
	.panel-icon-btn-out { display:inline-block; margin: 0;}
	.panel-icon-btn-title { position: relative; margin:0 auto; width:auto; height:23px; vertical-align:middle; color:#fff; background:#000000; text-decoration:none; padding: 1px 33px 0 10px;}
	.panel-icon-btn-title span { position:absolute; top:0; right:0; width:23px; height:23px; color:#fff; background:#9B7D59; display:block;
                                 text-align:center; vertical-align:middle; padding: 5px 5px;}
	@media (max-width: 1200px) {
	    .panel-icon-btn-title { padding:0; padding-top:1px; display: flex; width:23px;}
		.panel-icon-btn-text { visibility:hidden;}
	}
	
    /*最新消息_列表*/
	.index-list-2 { width:100%; margin:0;}
	.index-list-2 .title { font-size: 1.75rem;/*28*/ font-weight:600; color:#369; line-height:30px; text-transform:uppercase; padding:5px 0 5px; margin:0 0 1px; border-bottom:1px solid #ccc;}
	.index-list-2 a { color: #fff; text-decoration: none;}
	.index-list-2 a:hover, .index-list-2 a:focus { color: #cec2b6;}
	.index-list-2 .news-list { width:100%; margin: 0; padding: 5px 0; display:table; /*border-bottom: 1px dotted #ccc;*/}
	.index-list-2 .list-time {/* margin: 0 20px 0 0;*/ display: inline-block; float:left;/* width:auto;*/ width:6em; color: #BCBEC0;}
	.index-list-2 .list-text {/* margin:-20px 0 0 6em;*/ display: inline-block; float:left;/* width:19.5em;*/ /*width:100%;*/ width: calc(100% - 6em); height:3em; text-overflow: ellipsis;/* white-space: nowrap;*/ overflow: hidden;
	                          display: -webkit-box;              /* CSS3 Flexible Box Model */
							  -webkit-line-clamp: 2;             /* 控制著在該容器中的文字內容要顯示幾行 */
							  -webkit-box-orient: vertical;   /* 控制著該容器中內容顯示的方式 */}
    .index-list-2 a:hover .list-text, .index-list-2 a:focus .list-text { border-bottom: 1px solid #cec2b6;}
	.index-list-2 .more { float:right; text-align:right; font-size: 0.75rem;/*12*/ margin-top:4px;}
	.index-list-2 .more a { color:#fff;}

/*首頁-動態輪撥*/
.card-box {}
    .hpanel-2 { border-bottom: 1px dashed #999; none; margin-bottom: 25px;}
	.hpanel-2 .panel-heading { vertical-align: middle; padding:7px 0; margin: 0 auto; border-bottom: 1px solid #ccc;}
	.hpanel-2 .panel-heading h2 { float: left; margin: 0;}
	.hpanel-2 .panel-heading h2.title { font-size: 1.875rem;/*30*/ font-weight:bold; letter-spacing:0px; vertical-align:middle; color:#9B7D59; background-color: transparent; padding:0;}
    @media (min-width: 551px) and (max-width: 768px) {
		.hpanel-2 .panel-heading h2.title { font-size: 1.5rem;}
	}
	.hpanel-2 .panel-heading h2.title:lang(en-us) { font-size: 1.5rem; letter-spacing:-1px;}
     @media (min-width: 992px) and (max-width: 1010px) {
		 .hpanel-2 .panel-heading h2.title:lang(en-us) { font-size: 1.3125rem;}
	 }
    .hpanel-2 .panel-tools { display: inline-block; float: right; margin-top: 5px; padding: 0;}/*面版-按鈕*/
	.hpanel-2 .panel-tools a { margin-left: 5px; color: #fff; cursor: pointer; display:inline-block;}
	.hpanel-2 .panel-tools a:hover, .hpanel-2 .panel-tools a:focus,
	.hpanel-2 .panel-tools a:hover div, .hpanel-2 .panel-tools a:focus div,
	.hpanel-2 .panel-tools a:hover span, .hpanel-2 .panel-tools a:focus span { color: #ff9;}
	.hpanel-2 .panel-con { padding: 20px 0;}
	.hpanel-2 .panel-con .panel-con-box { display:flex;}
	.hpanel-2 .panel-con-img { float:left; width:50%; padding-left:1px; padding-right:20px;}
	.hpanel-2 .panel-con-img img { max-width:100%;}
	.post-img { /* width: 100%; */ max-width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;/* background-color: #ededed;*/ display: block; position:relative;}
	.post-img img { width: 100%;}
	.hpanel-2 .panel-con-text { float:left; width:50%;/* background-color:#FF9;*/}
	    .unit-sub-out { display: flex; margin: 0 0 0px 0;}
		.unit-sub-title {  position: relative; width:auto; color:#fff; text-decoration:none; padding: 0 10px 0 27px; font-size: 0.6875rem;/*11*/  line-height:1.75em; height:20px; background:#9E906A;}
		.unit-sub-title span { position:absolute; top:0; left:0; width:20px; height:20px; color:#fff; background:#584E42;/* display: list-item;*/ margin: auto 0; padding:4px; text-align:center; vertical-align:middle;}
    .hpanel-2 .panel-con-text h4,
	.hpanel-2 .panel-con-text h4 a { font-size: 1rem;/*16*/ line-height:1.5em; color:#9B7D59; transition: all .25s;}
	.hpanel-2 .panel-con-text h4 a:hover,
	.hpanel-2 .panel-con-text h4 a:focus { color:#CC9933;}
	/*圖-首頁(典藏品)*/
	.image-height { padding-left:62.6%; overflow:hidden;}
		.image-box { position: absolute; width:100%; height:100%; left:0; top:0; text-align:center; vertical-align:middle;}
		.image-box img {max-width: 100%; max-height:100%;}
		.collection-card .collection-name { /*書名*/
			height:4.3em; margin-top:0;
			overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	    .collection-card .collection-about { /*內文*/
		    margin-bottom: 0; line-height: 1.5em; color: inherit; max-height: 10.5em;
            overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 7;/* -webkit-box-orient: vertical;*/}
	    .collection-card .collection-etc:after { /*內文之後...*/
		    content: "...";}
		
		/*首頁-典藏品 只有圖及標題*/
		.hpanel-2 .panel-con.collection-card-03 .panel-con-box { position:relative; display:block;}
	    /* height:calc(100% - 44px);*/
		.hpanel-2 .collection-card-03 .panel-con-img { float: none; width:100%; padding-right: 0; display: block; position: relative;}
			/*.hpanel-2 .collection-card-03 .post-img { max-height:100%;}*/
			.hpanel-2 .collection-card-03 .image-height { padding:0; padding-top:53%; overflow:hidden;}
			.hpanel-2 .collection-card-03 .image-box { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center;}
			.hpanel-2 .collection-card-03 .image-box img { height:100%; width:auto;}
		
		.hpanel-2 .collection-card-03 .panel-con-text { float: none; width: 100%; height: auto; display:block; position: relative; bottom:0; padding: 0;}
		.hpanel-2 .collection-card-03 .panel-con-text h4 { color:#fff; margin-bottom:0; text-align: center;}
		
/*自動拓展的卡片*/
.auto-content {margin: 20px auto 45px;}
.auto-plus { padding: 15px 10px; float:left;}
.auto-plus-2 { padding: 0px 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-6 { width:66.67% !important;}
@media screen and (max-width: 1200px) { 
    /*.column-2 { width:100% !important;}*/
	.column-4 { width:50% !important;}
	.column-5 { width:20% !important;}}
@media screen and (max-width: 992px) {
	.column-3 { width:100% !important;}
	.column-4 { width:50% !important;}
	.column-5 { width:25% !important;}
	.column-6 { width:100% !important;}}
@media screen and (max-width: 768px) {	
	.column-5 { width:50% !important;}}
@media (max-width: 680px) {
	.column-2 { width:100% !important;} }
@media screen and (max-width: 500px) {
	.column-4 { width:100% !important;}}
@media screen and (max-width: 400px) {
	.column-5 { width:100% !important;}}

.news-con-sepa { border-right: 1px dotted #fff;}
.news-con-sepa:last-child { border:none;}

/****** 底部 ******/
.footer {}
	/* 底部-連結,人數 */
	.footer-link { color: #fff; background:#000; padding: 10px 0 10px 0;}
	.footer-link ul { padding:0; margin: 0 0 0 -10px; display:block; list-style: none;/* padding-top:7px; padding-bottom:13px;*/}
	.footer-link ul li { float: left; padding: 0px 5px;}
	.footer-link li a { color: #fff;}
	.footer-link li a:hover, .footer-link li a:focus { color: #ff9;}
		.footer-link .col-md-2 { padding-left:0px; padding-right:-15px;}
		@media screen and (max-width: 999px) {
		.footer-link .col-md-2 {/* padding-left:0px; padding-right:0px;*/display:none;}
		}
		
		
	/* 底部-主選單(768以下不顯示) */
	@media (max-width: 768px) {
		.footer-menu-box { display:none;}
	}
	.footer-menu-box { background: #584E42;}
	.footer-menu-outer { position:relative;}
	.footer_bar {
	  position: absolute; right:15px; z-index: 99;
	  border:none; border-top-left-radius: 5px; border-top-right-radius: 5px;
	  color: white; top: -26px; padding: 3px 15px 3px 15px;
	  text-align: center; cursor: pointer; background: #584E42;
	}
	/*.footer_bar:hover, .footer_bar:focus { border:none;}*/
	/*.footer_bar:before {
		content: ''; position: absolute; height: 36px; width: 32px;
		background: radial-gradient(88px at left top,transparent 40%,#00a4ff 41%);
		left: -30px; top: -5px;
	}
	.footer_bar:after {
		content: ''; position: absolute; height: 30px; width: 32px;
		background: radial-gradient(88px at right top,transparent 40%,#fff 41%);
		right: -32px; top: -3px;
	}*/
	/*.footer-menu-con { padding:20px 0;}	*/	
			
	/* ----- 底部(網站導覽) ----- */
	/*@media (min-width: 999px) {
	  #footer-nav .container { width: 100%; padding-left: 0.83333%;; padding-right: 0;}
	}*/
	#footer-nav {padding: 10px 0px;}
	#footer-nav ul {display: block; padding:0; margin:0; list-style-type: none;}
	#footer-nav > ul > li {float: left; width: 14.28%; padding: 0 30px 0 0;/* font-weight:600;*/
						   list-style: none; vertical-align: bottom;
						   display: list-item; text-align: -webkit-match-parent;}
	#footer-nav > ul > li:last-child { padding:0;}
	
	/*@media (max-width: 990px) {
		#footer-nav > ul > li { width:auto;} }
	@media (max-width: 480px) {
		#footer-nav > ul > li { width:auto;} }*/
	#footer-nav li ul { height: auto; max-width:19em; margin-top:10px; margin-bottom:10px;}
	@media (max-width: 480px) {
		#footer-nav li ul { height: auto;} }
	#footer-nav ul li a {display: block;line-height: 150%; color: #9E906A;/*較亮AA996A*/ font-size: 1.125rem;/*18*/ transition: .2s all;}
	#footer-nav ul li a:hover { line-height: 150%; color: #e4e198; /*font-size: 1.125rem;*18*/}
	
	/* 英文版 第一層 */
	.footer-menu-en #footer-nav > ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}
    .footer-menu-en #footer-nav > ul > li { width: 100%;}
	
	/* 日語版 第一層 */
	.footer-menu-jp #footer-nav > ul { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
	.footer-menu-jp #footer-nav > ul > li { width: 100%;}
	
	/*第二層*/
	#footer-nav > ul > li > ul > li { border-bottom: 1px solid #776A5A; margin-bottom:10px;}
	#footer-nav ul li ul li a { color: #ccc; font-size: 0.8125rem;/*13*/ font-weight:600; 18px; transition: .2s all;}
	#footer-nav ul li ul li a:hover {color: #fff;}
	/*第三層*/
	#footer-nav ul li ul li ul li a { color: #337ab7; font-size: 0.8125rem;/*13*/ font-weight:400;/* margin-left:1em;*/}
	#footer-nav ul li ul li ul li a:hover {color: #428bca;}

	
	/* 底部-文字資訊 */
	.footer-text { background:#211e1e; color:#666; padding: 20px 0 20px 0;}
	.footer-text h4 { font-size: 1rem;/*16*/ color:#ccc; display:block; vertical-align:bottom;}
	.footer-text .company-name-eg { font-size: 0.875rem;/*14*/}
	.Copyright { line-height:3em;}
	.footer-text a.map { color: #ccc;}
	.footer-text a.map:hover,
	.footer-text a.map:focus { color: #ff9;/* text-decoration:none;*/}

/*彈出訊息視窗*/
@media (min-width: 768px) { /*一般, 中*/
.modal-dialog { width: 600px; margin: 0 auto;}
}
@media (min-width: 992px) { /*大*/
  .modal-lg { width: 900px;}
}
@media (min-width: 768px) { /*小*/
  .modal-sm { width: 300px;}
}
.dropdown-menu .modal-dialog { margin-top:-5px; margin-bottom:-5px;}
.dropdown-menu .modal-dialog .modal-content {box-shadow:none;}
.modal-content { border-radius: 0; border: 0; box-shadow: 0 0 1px rgba(0,0,0,0.1), 0 2px 4px rgba(0,0,0,0.2);}
.color-line { /*視窗上方飾條-3色*/
	background: #f7f9fa; height: 6px;
	background-image: linear-gradient(to right,#000000,#000000 60%,#68543D 60%,#68543D 90%,#9B7D59 90%,#9B7D59 100%);
    background-size: 100% 6px;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
	/*視窗上方飾條-深咖啡*/
	.modal-header-deep-coffee .color-line { background: #9B7D59;}
.modal-header { padding: 10px;}
.modal-header label { margin:0;}
.panel-body { padding: 10px;}
.modal-footer { padding: 10px;}

/*按鈕*/
	/*深咖啡*/
	.btn-deep-coffee { color: #fff; background-color: #584E42; border-color: #000000;}
	.btn-deep-coffee:hover, .btn-deep-coffee:focus,
	.btn-deep-coffee.focus, .btn-deep-coffee:active, .btn-deep-coffee.active,
	.open > .dropdown-toggle.btn-deep-coffee { color: #fff; background-color: #9B7D59; border-color: #68543D;}

/*右側回上方*/
div.scrollToTop {
  position: fixed; right: 10px; bottom: 10px; display: none;
  background-color:  rgba(0, 0, 0, 0.5); text-align: center; border: 1px solid #ffffff; z-index: 99999;
}
div.scrollToTop a {
  display: block; width: 30px; height: 30px; color: #ffffff; font-size: 0;
  /*background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20180330170420/https://www.ith.sinica.edu.tw/images/scroll-top-icon.svg)no-repeat center center;*/
  text-decoration:none; line-height: 26px;
}
div.scrollToTop a:before { font-size:1.875rem; content: "\f106"; font-family: "FontAwesome";}







/*
     FILE ARCHIVED ON 17:04:20 三月 30, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 21:24:23 五月 22, 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)).
*/