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

/*-------------------------------------
*            $RESET
*------------------------------------*/
*{ margin:0; padding:0; list-style:none; text-decoration:none;}
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu,
nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; font-family:"微軟正黑體";
}

::selection { background: #FFD605;}

/*-------------------------------------
*            $BASE
*------------------------------------*/
html {
	font-size: 100%; 
	margin: 0;
	padding: 0; 
	width:100%; 
	height:100%;
}

body {
	width: 100%;
	height:100%;
	overflow-x: hidden;
	scrollbar-face-color:#f1f1f1;
	scrollbar-highlight-color:#fefefe;
	scrollbar-shadow-color:#f0f0f0;
	scrollbar-3dlight-color:#d9d9d9;
	scrollbar-arrow-color:#888888;
	scrollbar-track-color: #f8f8f8;
	scrollbar-darkshadow-color:#b8b8b8;
	scrollbar-base-color: #ffffff;	
	margin: 0;	padding: 0;
	font:normal 13px  'Helvetica','Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;	
	line-height: 1.5em;
	color: #858489;
	/*text-align: center;
	letter-spacing:0em;*/
	
	/* ipod touch / iphone text resize */
	-webkit-text-size-adjust:none;	
	/*behavior: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035001/http://www.aptg.com.tw/Business/js/csshover2.htc);*/
	/*overflow-x:hidden;*/
	background:#FFFFFF url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035001/https://enve.ntu.edu.tw/dispPageBox/giee/images/ct_background.jpg) repeat-x center top;	
}

a {	
	/*-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-ms-transition: all 0.2s linear; 
	-o-transition: all 0.2s linear; 
	transition: all 0.2s linear; */
	color:#666;}
a:hover { text-decoration:none; color:#7bb241;}
span { margin-right:8px;}
html,body { height:100%; margin:0; padding:0;}
form { height:100%;}
input,select { border-radius:0;}

/*-------------------------------------
*            $Bootstrap Cover
*------------------------------------*/
.nav>li>a:hover,
.nav>li>a:focus { background:inherit; }

/*-------------------------------------
*           共用樣式
*------------------------------------*/
.center { text-align:center; vertical-align:middle;}

/*-------------------------------------
*            $SITE_STRUCTURE
*------------------------------------*/
body { background: #fff; border-top:#dae899 solid 7px;}

/*header*/
.header { }
.header .nav { float:right; margin-top:10px;}
.header .nav a {
	font-size: 13px;
	padding: 0 0 0 15px;
	border-left: #8c6239 solid 1px;
	color: #8c6239;
	border-radius: 0;
	margin: 6px;
}
h1.logo a { 
	text-indent: -9999px;
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035001/https://enve.ntu.edu.tw/dispPageBox/giee/images/logo.png) no-repeat; 
	display:block; 
	width: 350px;
	height: 95px;
	margin:30px 0 20px 30px;
}

/*MainMeun*/
#MainMeun {}
#MainMenu .container .nav>li { border-right: #7b7c35 dashed 1px; vertical-align: middle;}
#MainMenu .container .nav>li:last-child { border:none;}
#MainMenu .container .nav>li>a{ 
	font-size:17px;
	font-weight:bold;
	color:#7b7c35;
	padding: 7px 0 4px;
}
#MainMenu .container .nav-pills>li+li { margin:0;} 
#MainMenu .container .nav>li>a:hover,
#MainMenu .container .nav>li.active>a { 
	background-color: #C0C049;
	color: #fff;
/*background-color:transparent; color:#f15a24;*/}
#MainMenu .nav-justified { width: 94%; margin: 0 32px; }


/*slider*/
#slider { margin:20px 0;}
#slider .carousel-inner {
	width: 100%;
	overflow: hidden;
	height: 345px;
}
@media(max-width:1199px){
#slider .carousel-inner  { height: 259px;}
}
#slider .carousel-inner>.item>img,
#slider .carousel-inner>.item>a>img {
	width: 100%;
	position: absolute;
	top: -80px;
}
@media(max-width:1199px){
	#slider .carousel-inner>.item>img,
	#slider .carousel-inner>.item>a>img{ top:inherit;}
}


#slider .carousel-indicators { bottom: -35px; }
#slider .carousel-indicators li { 
	border: 1px solid #c7b299; 
	width: 12px; 
	height: 12px; 
	background:#c7b299; 
	margin: 1px 10px;
}
#slider .carousel-indicators .active { 
	background-color: #534741; 
	margin: 1px; 
	border-color:#534741; 
	margin: 1px 10px;
}
#sliderbox{ margin: 0 35px;}

/*mainContent*/
#mainContent { }
#mainContent .news { margin-bottom: 20px; position:relative;}
#mainContent .container { padding: 30px 35px;}
#mainContent .container .row h2 { 
	font-size: 22px;
	border-bottom: #aab56e solid 2px;
	padding: 15px 10px;
	position: relative;
	color: #534741;
}
#mainContent .container .row h2 a { 
	color:#603813;
	font-size:10px;
	position:absolute;
	right:10px;
}
#mainContent .container .news h2 a:hover { color:#000;}
#mainContent .container .news h3 { margin: 10px 0;}
#mainContent .container .news h3 a { color:#000; font-size: 15px;}
#mainContent .container .news h3 a:hover { color: #7bb241;}
#mainContent .container .news ul li { 
	color:#666666; 
	border-bottom:#cccccc dashed 1px;
	padding: 5px 0px 30px;
	position:relative;
}
#mainContent .container .news ul li a span { 
	font-size:11px; 
	color:#fff;
	padding: 4px 5px;
	border-radius: 3px;
}
#mainContent .news.col-lg-12 .tab-content { margin-left:15px;}

/*News Tab*/
#mainContent .container .news .nav-tabs>li>a { padding:10px 8px;}
#mainContent .container .news .nav-tabs,
#mainContent .container .news .nav-tabs>li>a:hover  { border-bottom:#fff solid 2px; padding-bottom: 8px; }
#mainContent .container .news .nav-tabs>li>a:hover,
#mainContent .container .news .nav-tabs>li.active>a,
#mainContent .container .news .nav-tabs>li.active>a:hover,
#mainContent .container .news .nav-tabs>li.active>a:focus { background:none; border: 2px solid #aab56e; border-bottom: #fff; background: #fff; margin:0; padding-bottom:11px; color:#555E25;}

#mainContent .container .news ul.nav-tabs{ position:absolute; top: 10px; right: 15px;}
#mainContent .container .news ul.nav-tabs li { padding:0; border:none;}
#mainContent .container .news ul.nav-tabs li>li.active { border-bottom:none;}

#mainContent .school { background:#c69c6d;}
#mainContent .health { background:#8cc63f;}
#mainContent .activity { background:#C0008B;}
#mainContent .speech { background:#2DBBBB;}
#mainContent .award {background:#0FB6E7;}
#mainContent .recruit {background:#D05E35;}
#mainContent .work {background:#4D4D4D;}

#mainContent .date { 
	color:#8cc63f;
	position:absolute;
	right:0;
	bottom:5px;
}




/*BannerSet*/
#BannerSet { margin: 0 auto 20px; /*width: 230px;*/}
#BannerSet>ul { text-align:center;}
#mainContent #BannerSet ul li { border:none; margin:0 0 5px; padding:0;}
#BannerSet a:hover img { opacity:0.5; }

/*DwnList(Banner)*/
#DwnList {}
#DwnList ul li { border-bottom: #cccccc dashed 1px;}
#DwnList ul li span { color:#8cc63f;}
#mainContent #DwnList ul li { padding: 10px 0;}
#DwnList ul li a { 
	display: block;
	font-size: 14px;
	padding-left: 24px;
	margin-top: 10px;
}
a.filetype { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035001/https://enve.ntu.edu.tw/dispPageBox/giee/images/filetype.png) no-repeat;}
a.pdf { background-position:0 0;}
a.doc { background-position: 0 -48px;}
a.xls { background-position: 0 -96px;}

/*Linkslider*/

#Linkslider { height: 100%; clear: both; }
#Linkslider .carousel { margin:20px 0;  }
#Linkslider .carousel .item .thumbnail { margin:0; border:0; }
#Linkslider .carousel .item .thumbnail img { }
#Linkslider .carousel .item .row>div { padding: 0;}
#Linkslider .carousel a.carousel-control { 
	border-radius: 33px;
	width: 35px;
	height: 35px;
	vertical-align: middle;
	padding-top: 5px;
	font-size: 34px;
	font-weight: bold;
	margin-top: 12px;
	background-image: none;
	background: #8cc63f;
	text-shadow:inherit;
	opacity: 0.8;
}
#Linkslider .carousel a.carousel-control:hover { opacity: 1;}
#Linkslider .carousel .carousel-inner { width: 90%; margin: auto;}
#Linkslider .carousel .item .row { margin:0;}
#Linkslider .carousel .item .col-lg-3 { padding: 0 5px;}



/*footer*/
.footer { 
	background:#f4fad7; 
	color:#536600; 
	border-top:#D4E295 solid 1px; 
}
.footer .container { padding:35px 20px 20px;}
.footer .footlogo a { 
	margin: auto;
	display:block; 
	background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035001/https://enve.ntu.edu.tw/dispPageBox/giee/images/foot_logo.png) no-repeat; 
	width:315px; 
	height:95px;
	text-indent:-9999em;
}
.footer .footInfo { margin: 20px 0;}
.footer .footInfo>a { 
	display: block;
	width: 70%;
	border: #85a300 solid 1px;
	text-align: center;
	padding: 4px;
	margin: 20px auto;
	color: #596D00;
}
.footer .footInfo>a:hover { background:#85a300; color:#f4fad7;}

dl{ }
dl dt { 
	float: left;
	width: 25%;
	text-align: right;
	margin-right: 20px;
}
dl dd { margin: 8px 0;}
dl dd span { 
	margin-left:30%;
	display:block;
}

.footer .footLink { height: 360px; 	overflow: hidden;}
.footer .footLink::-webkit-scrollbar { width: 12px;}
.footer .footLink::-webkit-scrollbar-track { background-color: #f4fad7; border-right: 1px solid #f4fad7; }
.footer .footLink::-webkit-scrollbar-thumb { background-color: #9ec200;}
.footer .footLink::-webkit-scrollbar-thumb:hover { background-color:#83A002;}
.footer .footLink>ul {}
.footer .footLink>ul>li { 
	float:left; 
	width:17%;
	display:block;
	overflow:auto;
	margin:2px 10px 5px;
}
.footer .footLink ul li a {
	font-size:16px; 
	font-weight:bold;
	border-bottom:#9ec200 solid 2px;
	display:block;	
	margin:2px 0 5px;
	padding: 5px;
}
.footer .footLink ul li ul { padding: 0 0 0 18px; min-height: 150px;}
.footer .footLink ul li ul li { list-style:disc;}
.footer .footLink ul li ul li a {
	display: block; 
	padding:0;
	color:#536600;
	font-size:13px;
	font-weight:inherit;
	border-bottom:none;
	margin:0;
}
.footer .footLink>div { height: 180px; margin-bottom:20px;}
.footer .footLink ul li a:hover { color:#000;}
/*.footer .footLink ul {}
.footer .footLink>ul>li { 
	display: block;
	float: left;
	height: 180px;
	width: 90px;
	margin: 0 15px;
}
.footer .footLink ul li a { display: block; color:#536600; }
.footer .footLink>ul>li>a { 
	font-size:16px; 
	font-weight:bold;
	border-bottom:#9ec200 solid 2px;
	padding:2px 0;
	margin:2px 0;
}*/


.footCooy { 
	background:#dae899; 
	text-align:center; 
	padding:15px 0; 
	color:#536600; 
	border-top:#536600 dashed 1px;
}



/*  CP
================================================== */
.content { padding: 10px; }
.content .container {}
/*@media(min-width:1199px){.content .container{ width:1024px;}}*/
.content h2 { 
	display:block; 
	max-width:1075px; 
	margin: auto;
	position:relative;
}
@media(min-width:991px){ .content h2 { height:245px;} }
@media(max-width:990px){ .content h2 { height: 180px;} }
@media(max-width:885px){ .content h2 { display:none} }
.content h2 img { text-indent:inherit; position:absolute; top:0; width:100%;}
.content p { color:#363418; font-size:14px; margin:15px 0 20px; line-height:22px;}
.content hr { margin:35px 0; border-top: dashed 1px #B5C27B;}
.content ul { margin: 15px 30px 30px;}
.content ul li { line-height: 20px; list-style: disc; margin: 0px 0 5px; font-size: 14px; color: #363418; padding: 6px 10px 6px 0px;}
.content ul li span { color: #97B517; margin-left:4px; display:block; }
.content ul.list li { border-bottom: #90A982 dashed 1px; }
.content ol li { 
	list-style:decimal; 
	margin: 10px 30px ;
	font-size: 14px;
	line-height: 22px;/* 30px;*/
	border: none;
	padding: inherit;
	color: #363418;
}
.content ol li ul { margin: 5px 0px 15px;}
.content ol li ul li { 
	list-style: disc;
	line-height: 24px;
	color: #1D7E94;
}

.content .breadcrumb { margin: 20px 1%; background:#f3f7e1; font-size:14px; font-weight:bold;  }
.content .breadcrumb li a { color:#7d7838;}
.content .breadcrumb li { color:#f15a24; margin: 0; line-height: inherit; padding: 0;}
.content .nav { margin: 0 5px 0 10px; }
#mainContent.content .container .nav>li { padding:0;border-bottom: #cccccc dashed 1px; margin: 0;}
.content .nav>li>a{ color:#757135; font-size:17px; padding: 13px 0px 10px 55px;}
.content .nav>li.active>a,
.content .nav>li>a:hover { background:#f3f7e1 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035001/https://enve.ntu.edu.tw/dispPageBox/giee/images/img_list.png) no-repeat 30px; }
#mainContent.content .container h3 { 
	color:#534741; 
	font-size:20px; 
	border-bottom:#aab56e solid 1px; 
	padding: 12px 2px;
	margin: 0 10px 0 0;
	font-weight:bold;
}
.col-lg-12 #Content { width: 97%; margin: 0px 20px;}


/*內文樣式*/
#Content { position:relative; min-height: 400px;}
#Content h4 {
	font-size: 18px;
	margin: 20px 10px 10px 0;
	font-weight: bold;
	border: #A3A56F dashed 1px;
	padding: 8px;
	background: #f3f7e1;	
	color: #5F6132;
	line-height: 26px;
}
#Content h5 {
	color: #363418;
	font-size: 18px;
	margin: 20px 0 15px 5px;
	font-weight: bold;
	border-left: #FF4400 solid 7px;
	padding-left: 7px;
	border-color:#99A059;
}
#Content h5 span{ display:block; font-size:13px; color:#000;}
#Content h6 {
	color: #4E6B1E;
	font-size: 15px;
	margin: 20px 0 10px 5px;
	border-radius: 5px;
	padding: 4px 8px;
	border: #4E6B1E solid 1px;
	font-weight: bold;	
}


#Content .anchor { overflow: auto; position:absolute; left: 10%; top:10px; margin:inherit;}
#mainContent .container #Content .anchor li { 
	padding: 0 16px;
	border: none;
	display: block;
	float: left;
	margin: 3px 0px 3px 0;
	border-right: #998675 dashed 1px;
}
#Content .anchor li a:hover{ color:#444; }

#mainContent .container #Content .anchor li:last-child { border-color:transparent;}
#Content .anchor li a { color:#998675; font-size:15px;}
#Content a.download { padding-left:20px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035001/https://enve.ntu.edu.tw/dispPageBox/giee/images/icon_save.png) no-repeat;}
#Content a.download:hover {color:#000; background-color: #FFED30;}

/*檔案下載*/
table { width: 99%;}
table thead { border-top:#989976 solid 1px; }
table thead tr th { background:#f3f7e1; color:#4f612b; border-bottom:#C2C490 solid 1px;}
#Content table tbody {}

#Content .table>thead>tr>th,
#Content .table>tbody>tr>th,
#Content .table>tfoot>tr>th,
#Content .table>thead>tr>td,
#Content .table>tbody>tr>td,
#Content .table>tfoot>tr>td {
	border-top: 1px solid #d0d1a1; 
	color:#756f12; 
	border-right: none; 
	border-left: none;
	border-bottom: none;
	text-align:left;
}
#Content .table>thead>tr>th:first-child,
#Content .table>tbody>tr>td:first-child { text-align:center;}
#Content .table>tbody>tr:last-child>td { border-bottom: 1px solid #d0d1a1;}
#Content .table>tbody>tr:nth-child(even)>td{ background-color:#fbffe8;}


/*內文表格*/
table { font-size: 14px; color:#363418; }
table tr th,
table tr td{ 
	padding: 10px;
	border-right: #B7C379 dashed 1px;
	border-bottom: #B7C379 dashed 1px;
	vertical-align:middle;
}
table tr td:first-child { border-left: #B7C379 dashed 1px;}
table tr:nth-child(odd) td{ background: #FCFFF0;}
table tr th {
	background: #E5FFB0;
	text-align: center;
	vertical-align: middle;
	border-bottom: #949333 dashed 1px;
	border-left: #949333 dashed 1px;
	color: #446727;
}
table tr:first-child th {border-top: #949333 dashed 1px;}
table tr.title th{
	background: #949333;
	border-bottom: none;
	color: #FFFFFF;
	font-weight: bold;
	border-right: #fff solid 1px;
}
table tr td ol li { margin: 0 0 5px 30px;line-height: initial !important;}
table tr td ul {margin: 0 5px;}
table tr td ul li { list-style:none; border-bottom:none; }
table tr.title th:first-child { text-align:center; }

/*檔案下載表格*/
#Content table.info { font-size:15px; margin: 25px 0; }
#Content table.info tr:nth-child(even) td{ background:#FAFAFA;}
#Content table.info th:first-child { width:20%; border-top:#e6e6e6 solid 1px; background: none;}
#Content table.info th,
#Content table.info td{ 
	vertical-align: middle; 
	padding:8px 15px; 
	border-left:#e6e6e6 solid 1px; 
	border-bottom:#e6e6e6 solid 1px; 
	border-top:#e6e6e6 solid 1px; 
	color: #444;
	border-right: none;
	background: none;
}
#Content table.info td:nth-child(2) {}
#Content table.info th { text-align:right; vertical-align:top; border-left:none; padding-top: 14px;} 
#Content table.info th span,
#Content table.info td span { display:block; margin:0; font-size:12px; color:#8AA10D;}
#Content table.info td h4 {border: none; background: none; padding: 0; font-size: 14px; margin: 5px 0 0;}
#Content table.info ul { margin:0;}
#Content table.info ul li { list-style:none; font-size: 12px; font-size: 12px; color:inherit;/* margin: 5px 0; */}
#Content table.info td.pic { vertical-align:top; text-align:center; width:40%; border:none; background:#fff;}
#Content table.info td.pic img { width: 195px; height: 195px;  /*border-radius: 100px;*/ border: #afbc7d solid 3px; }

	
.treatise li { font-size:12px; margin:5px 0;}

#Content #PrjCp .anchor { left: 25%;} 
#Content #PrjCp .Date { margin-right: 15px; color: #FF6B00; font-size: 12px; float: right; }

/*交通位置*/
#Content #map { width: 99%; height: 350px; }


/*-------------------------------------
*            $RESPOND
*------------------------------------*/

@media(max-width:550px){ 
#mainContent .container { padding:0 35px;}
#Content .anchor,#Content table.info td.pic{ display: none;} 
.content .nav { margin: 5px 5px 20px 10px;}
}

@media(max-width:470px){ 
#mainContent .container .row h2 { padding: 20px 10px 70px; text-align:center;}
#mainContent .container .news ul.nav-tabs {top: 70px; left:15%;}
}
@media(max-width:430px){
#Content table.info th span, #Content table.info td span { display:none;}
}
@media(max-width:405px){ 
#mainContent .container { padding: 0 5px;}
}







/*
     FILE ARCHIVED ON 3:50:01 七月 20, 2023 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 20:26:39 五月 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)).
*/