/*=================================================================
		     UTRUST AST CSS - All Rights Reserved.
==================================================================*/


/*          共用元素
===============================*/
caption { display:none;}
div.Date { 
	float:right;
	margin-right:15px;
	color: #FF6B00;
	font-size: 12px;
 }
.BtnBack { background: #B59952; padding: 4px 10px; border-radius: 3px; color: #FFFFFF;}
.BtnBack:hover { color:#fff;}
.BtnTop { background: #B59952; padding: 4px 10px; border-radius: 3px; color: #FFFFFF; float:right; display:none;}
div.attach,
div.url {width: 100%; color: #4f612b; border-bottom: #C2C490 dashed 1px; line-height: 25px;} 
.Notes { margin:20px 10px;}


/*          最新消息
===============================*/

.col-lg-12 #News_List { width: 96%; margin: auto;}
#News_List {}
#Content ul.ListMsg li { list-style:none; margin:0;}
ul.ListMsg { margin: inherit!important; width: 99%;}
ul.ListMsg li>div{}
ul.ListMsg li {
	border-bottom: #cccccc dashed 1px;
	padding: 20px 0 15px 10px !important;
	position: relative;
	margin: 0 10px 0 0;
}
ul.ListMsg li:hover { background:#E1F7F2/*#f3f7e1*/ }
ul.ListMsg li .Item { 
	float: left;
	border-radius: 20px;
	/*background: #f3f7e1;*/
	color: #fff; 
	background: #22B4BA;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	padding-top: 5px;
	margin-right: 10px;
}
ul.ListMsg li:hover .Item { 
	background: #fff; 
	color: #1F9196;
	border: #22B4BA solid 1px;
}
ul.ListMsg li .Title {
	font-size: 15px;
	line-height: 21px;
	margin-top: 4px;
	width: 89%;
 }
ul.ListMsg li .Title a { color:#666 }
ul.ListMsg li .Date { 
	/*top: 15px;
	right: 0;
	position: absolute;*/
	float:inherit;
	margin-left: 40px;
	color: #FF6B00;
	font-size: 12px;
	
	position: absolute;
	right: 0;
	top: 25px;
 }
ul.ListMsg li .Note {
	margin-left: 40px;
	font-size: 13px;
	margin-top: 6px;
	/* border-top: #88A044 dotted 1px; */
	padding-top: 3px;
	width: 83%;
	color: #3AA09C;

}


/*          檔案下載
===============================*/
#Dwn_Table {  }
.TabMsg { font-size:13px;}
.TabMsg tbody{ border-top: #CBCD93 solid 1px;}
.TabMsg tbody tr th { 
	background: #f3f7e1;
	color: #4f612b;
	border-bottom: #C2C490 solid 1px;
}
.TabMsg tbody tr .Item { text-align:center; width: 6%;}
.TabMsg tbody tr th,
.TabMsg tbody tr td { 
	padding: 11px 10px 7px; 
	border-right:none;
	border-left:none;
	text-align:left;
	/*border-bottom:none;*/
}
.TabMsg tbody tr td {
	border-bottom: 1px solid #d0d1a1;
	color: #756f12;
} 
.TabMsg tbody tr td a { color: #756f12;}
.TabMsg tbody tr td a:hover { color: #444; background: #FFED30;}
.TabMsg tbody tr .Date { font-size:12px; width: 11%;}
/*.TabMsg tbody tr:nth-child(odd) td {background-color: #fbffe8;}
.TabMsg tbody tr:nth-child(odd):hover td { 
	background: #756f12;
	color: #fbffe8;
}
.TabMsg tbody tr:nth-child(odd):hover td a {color: #fbffe8;}*/
.TabMsg tbody tr .Note { display:none;}
.TabMsg tbody tr .Title { width:30%;}


/*          本所成員
===============================*/

#Prj_ul {}
#Prj_ul ul {
	overflow:auto;
	/*border-left: #adba65 dashed 1px;
	border-top: #adba65 dashed 1px;*/
	margin: 0 10px 0 0;
	/*margin-top: 25px;*/
}
#Prj_ul ul li {
	float: left;
	text-align: center;
	width: 25%;
	padding: 25px;
	/*border-right: #adba65 dashed 1px;
	border-bottom: #adba65 dashed 1px;*/
	height: 280px;/*365px;*/
	margin: 0;
	list-style: none;
	border-bottom: #90A982 dashed 1px;
}
#Prj_ul ul li:hover {background: #f3f7e1;}
#Prj_ul ul li .Pic { 
	border-radius: 3px ;/*64px;*/
	border: #c8c8c8 solid 1px;
	height: 125px;
	width: 125px;
	overflow: hidden;
	margin: auto;
}
#Prj_ul ul li .Pic a { height: 125px; width: 125px; display: block; }
#Prj_ul ul li .Pic img { width: 100%;}
#Prj_ul ul li .Pic img:hover { opacity:0.8;}
#Prj_ul ul li .Title { margin: 15px 0 5px;}
#Prj_ul ul li .Title a { font-size:16px; color:#534741; font-weight:bold;}
#Prj_ul ul li .EngName { color:#998675; font-size:12px;}
#Prj_ul ul li .Date,
#Prj_ul ul li .more { display:none;}
#Prj_ul ul li .Note { 
	display: inline-block;
	background: #5b661b;
	color: #fff;
	padding: 2px 5px;
	border-radius: 10px;
	font-size: 14px;
	margin:5px;
}
#Prj_ul ul li .Class { color:#5b661b; font-weight:bold;}


#NewsCp ul li { list-style:none; padding-left:10px;}

/*      top button scroll
===============================*/
/* core */
.scrollToTop {
	position: fixed;
	right: 15%;
	/*right: 20px;*/
	bottom: -100px;
	opacity: 0;
	overflow: hidden;
	outline: none;
}
@media(max-width:1710px){.scrollToTop {right: 10%;}}
@media(max-width:1700px){.scrollToTop {right: 170px;}}
@media(max-width:1690px){.scrollToTop {right: 60px;}}


.scrollToTop_show {
	opacity: 1;
	bottom: 20px;
}

@-webkit-keyframes scrollToTop_fade {
	0%	 {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes scrollToTop_fade {
	0%   {opacity: 0;}
	100% {opacity: 1;}
}

@-webkit-keyframes scrollToTop_slide {
	0%   {bottom: -100px;}
	100% {bottom: 20px;}
}
@keyframes scrollToTop_slide {
	0%   {bottom: -100px;}
	100% {bottom: 20px;}
}


.scrollToTop_animating,
.scrollToTop_animating * {
	pointer-events: none !important;
}

/* skin(default) */
.scrollToTop {
	width: 50px;
	height: 50px;
	color: #000;
	font-family: sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: 100%;
	white-space: nowrap;
	background: no-repeat center center transparent;
}

.scrollToTop_default {
	display: block;
	width: auto;
	height: auto;
	padding: 10px;
	text-indent: 0;
	background: #eee;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.scrollToTop_default:hover {
	background-color: #ddd;
}

/* skin(cycle) */
.scrollToTop_cycle {
	background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035004/https://enve.ntu.edu.tw/dispPageBox/giee/images/cycle.png");
}
.scrollToTop_cycle:hover {
	background-image: url("https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035004/https://enve.ntu.edu.tw/dispPageBox/giee/images/cycle-hover.png");
}


/*          相關連結
===============================*/
#Link_List ul.ListMsg li{ padding: 20px 0 25px 10px !important;}
#Link_List ul.ListMsg li .Item {margin-top: -3px;}
#Link_List ul.ListMsg li a { color: #666;}





/*
     FILE ARCHIVED ON 3:50:04 七月 20, 2023 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 18:10:32 五月 27, 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)).
*/