@charset "utf-8";

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box; /* 手機用 */
	-mos-box-sizing:border-box;/* 舊火狐用 */
	-ms-box-sizing:border-box;/* ie用 */
}

body { margin:0; padding:0; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/all_bg.png) repeat #292d43; color:#535353; font-weight:normal; font-family:Catamaran, "微軟正黑體" , Arial, sans-serif ; font-size:1em; letter-spacing:0.5px;}

a:link { font-size:1em; color:#35446f; text-decoration: underline;}
a:hover { color: #35446f; text-decoration: none;}
a:visited {	color: #35446f;}

img { border: none;}
b { font-weight:normal;}
i, em { font-style:normal;}
ul { list-style-type:none; margin:0; padding:0;}
ul li { padding:0;}

/*文字反白顏色*/
::selection { background:#292d43; color: #fff;}

/*文字大中小*/
.font_s { font-size:1em; }
.font_m { font-size:1.25em; }
.font_l { font-size:1.5em; }

/*圖片左中右*/
.img_l { float:left; max-width:100%; margin:0 20px 0 0;}
.img_r { float:right; max-width:100%; margin:0 0 0 20px;}
.img_c { float:none; max-width:100%; margin:20px auto; display:block;}

/*彈跳圖片JQ*/
.mfp-figure small { display:none !important;}

/*---電腦版------------------------------------------------*/
#wrapper { width:100%; min-width:320px; min-height:700px; position:relative; overflow:auto; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/demo/banner_bg.png) center top no-repeat; }
#wrapper:before { content:""; position:absolute; top:0; left:0; width:100%; height:355px;
background: -moz-linear-gradient(top, rgba(12,26,54,0.8) 0%, rgba(50,63,91,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(12,26,54,0.8) 0%,rgba(50,63,91,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(12,26,54,0.8) 0%,rgba(50,63,91,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }

.clear { clear:both;}
.no_show { display: none;}
.m_no_show { display: none;}


/*---Header------------------------------------------------*/
#header { max-width:1200px; width:100%; height:40px; margin:0 auto; padding:10px 0 0 0; position:relative; text-align:right;}
#nav ul li { display:inline-block; font-size:15px;}
#nav ul li a { display:block; text-decoration:none; color:#fff; border-left:1px solid #fff; padding:0 10px;}
#nav ul li:first-child a { border-left:none; }
/*搜尋*/
#nav .search_box { width:230px; height:25px; border:1px solid #fff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
.s1 { background:none; height:23px; padding:0 5px; font-family:Catamaran, "微軟正黑體" ; color:#fff; font-size:1em; margin:0; vertical-align:middle; border:none;}
#nav .btn1 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_search.png) center center no-repeat; border:0; width:15%; height:23px; vertical-align:middle;}
#nav ::-webkit-input-placeholder { color: #fff; }
#nav :-moz-placeholder { color: #fff; }
#nav ::-moz-placeholder { color: #fff; }
#nav :-ms-input-placeholder { color: #fff; }

/*手機板-搜尋*/
.search_m { position:relative; width:100%; padding:10px 40px 10px 10px !important; }
.search_m label { position:absolute; top:-15px; left:0px; font-size:90%; line-height:15px; text-indent:-99px; }
.search_m .text { margin:0; padding:5px 10px; width:100%; height:30px; border:none; background:#f5f5f5; font-size:100%; color:#333; font-family:Catamaran, "微軟正黑體" ; }
.search_m .btn { position:absolute; top:10px; right:5px; margin:0; padding:0; width:30px; height:30px; border:none; background:#ffde03 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_search02.png) no-repeat center; text-indent:9999px; }

/*---Menu------------------------------------------------*/
#menu { clear:both; max-width:1200px; width:100%; margin:0 auto; position:relative; padding:0 0 0 345px; z-index:998;}
#menu h1 { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/logo.svg) 10px center no-repeat; text-indent:-9999px; margin:0; padding:0; position: absolute; top:-35px; left:0; border-bottom:1px #fff solid;}
#menu h1 a { display:block; width:345px; height:107px;}
#menu span { display:none;}

#menu h2 { margin:0; padding:0; font-size:1em; font-weight:normal; pointer-events:none;}
#menu ul { margin:10px 0 0 0; padding:0; list-style:none; overflow:auto; height:73px; border-bottom:1px #fff solid;}
#menu ul li { margin:0; padding:0; float:left; width:12.5%; }
#menu ul li a, #menu ul li.cur a { display:block; text-align:center; text-decoration:none; color:#fff; position:relative; padding:20px 0 25px;}
#menu ul li a:hover, #menu ul li a:focus, #menu ul li.cur a { color:#ffdc00;}

/*中線*/
#menu ul li a:before { position:absolute; bottom:0; left:49%; content:""; width:1px; height:0; background:#fff; display:block;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#menu ul li a:hover:before { height:20px;}
#menu ul li.cur a:before { height:20px;}
	
#menu ul li a.cur { color:#ffdc00;}
#menu ul li a.cur:before{ height:20px;}

/*第2層樣式*/
#menu ul li ul { position:absolute; width:100%; height:auto; left:0; top:73px; background:rgba(0,0,0,0.60); padding:0 20px; margin:0; border-bottom:none;}
#menu ul li ul li { width:auto;}
#menu ul li ul li a, #menu ul li.cur ul li a { padding:6px 5px 5px 15px; margin:3px 10px 3px 0; font-size:15px; text-align:left; position:relative; color:#fff; display:block;}
#menu ul li ul li a:before { display:none;}
#menu ul li ul li a:after { content:""; width:5px; height:5px; background:#ffdc00; display:block; top:15px; left:2px; position:absolute;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;}
#menu ul li ul li a:hover, #menu ul li ul li a:focus, #menu ul li.cur ul li a:hover { color:#ffdc00;}


/*MENU_手機板選單*/
.slicknav_menu { display:none;}
.m_open { display:none; }
#logo_m { display: none; position: fixed; top: 5px; left: 10px; z-index: 9999; width: 170px; height:40px; }
#logo_m a { width: 170px; height:40px; display:block; text-indent:-9999px;}


/*----- HEADER 收縮 -----*/
.shrink { position:fixed !important; top:0px !important; left:0px; max-height:72px !important; background:rgba(0,0,0,0.7); max-width:100% !important; padding:0 0 0 250px !important; }
.shrink h1 { background-size:95% !important; top:0 !important; }
.shrink h1 a { width:250px !important; height:72px !important;}
.shrink ul { margin:0 !important; text-align:center;}
.shrink ul li a { padding:25px 0 20px !important;}
.shrink ul li ul { background:rgba(0,0,0,0.75) !important;}
.shrink ul li ul li { float:none !important; display:inline-block !important;}
.shrink ul li ul li a { padding:6px 5px 5px 15px !important;}

/*內容*/
#content{ max-width:1200px; width:100%; height:auto; margin:0 auto; padding:100px 10px 100px 0; position:relative;}

/*首頁-主標題*/
h2.index_title { margin:0 0 20px; padding:0; font-weight:normal; font-size:1em; display:block; text-align:center;}
h2.index_title a { position:relative; text-decoration:none; width:120px; margin:0 auto; display:block;}
h2.index_title a i { color:#fff; font-size:22px; line-height:1.1em;}
h2.index_title a b { font-size:16px; color:#ffde03; font-family: 'Poiret One', cursive;}
h2.index_title a:before { content:""; position:absolute; background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_title.png) center center no-repeat; width:15px; height:15px; display:block; top:2px; right:-5px;}
h2.index_title a:hover i, h2.index_title a:focus i { color:#ffde03;}

/*首頁區塊*/
/*最新消息*/
#news_box {}
.news_index { margin:400px 0 0 0;}
.news_in { margin:30px 0 0 0;}
#news_box ul { overflow:auto;}
#news_box ul li { width:25%; float:left;}
#news_box ul li a { width:95%; margin:0 auto 15px; display:block; position:relative; text-decoration:none;  padding:0; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,0.5);}
#news_box ul li a i { display:block; margin:0 auto; padding:0; width:100%; overflow:hidden; position:relative;}
#news_box ul li a i img { width:100%; margin:0 0 -9px 0; }
#news_box ul li a i:before  { opacity:0; position:absolute; background:rgba(0,0,0,0.9); top:0; left:0; width:100%; height:200px; display:block; z-index:1; padding:90px 0 0; content:"Read More+"; text-align:center; color:#fff;
-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}
#news_box ul li a i:hover:before { opacity:0.8;}
#news_box ul li a:focus i:before { opacity:0.8;}
#news_box ul li a p { height:45px; overflow:hidden; font-size:14px; color:#313131; margin:15px 15px 10px; line-height:1.8em; }
#news_box ul li a b { display:block; color:#00b8ff; font-size:12px; text-align:right; padding:0 12px 4px 0;}

/*相片集錦*/
#gallery_indexBox { overflow:auto; padding:40px 7px 10px;}
#gallery_indexBox div:last-child { margin-right:0;}
#gallery_indexBox .photo_s img , 
#gallery_indexBox .photo_l img { position:relative; left:50%; transform:translatex(-50%); height:100%;-webkit-transition: 0.3s ease-in-out;
   -moz-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out;}
#gallery_indexBox .photo_s a:hover img , #gallery_indexBox .photo_l a:hover img,
#gallery_indexBox .photo_s a:focus img , #gallery_indexBox .photo_l a:focus img { opacity:0.7;}

/*小*/
#gallery_indexBox .photo_s { width:15.83333%; float:left; margin:0 1% 0 0; }
#gallery_indexBox .photo_s a { width:100%; height:184px; display:block; background:#000; overflow:hidden; box-shadow:0 3px 5px rgba(0,0,0,0.5);}
.ma_b_2 { margin-bottom:6.5%;}

/*大*/
#gallery_indexBox .photo_l { width:32.66667%; float:left; margin:0 1% 0 0;}
#gallery_indexBox .photo_l a { width:100%; height:380px; display:block; background:#000;  overflow:hidden; box-shadow:0 3px 5px rgba(0,0,0,0.5);}

/*相片集錦-內頁列表*/
#gallery_in ul { overflow:auto;}
#gallery_in ul li { width:25%; float:left;}
#gallery_in ul li a { width:95%; margin:0 auto 15px; display:block; text-decoration:none;  padding:0; background:rgba(255,255,255,0.9); box-shadow:0 3px 5px rgba(0,0,0,0.5); overflow:auto;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
#gallery_in ul li a i { display:block; margin:0 auto; padding:0; width:100%; height:200px; background:#aaa; overflow:hidden; position:relative;}
#gallery_in ul li a i img { position:relative; left:50%; transform:translateX(-50%); height:100%; }
#gallery_in ul li a:hover { background:rgba(255,255,255,1);}
#gallery_in ul li a b { display:block; color:#00b8ff; font-size:12px; padding:0 0 0 10px; border-left:5px solid #00b8ff; width:90%; margin:10px auto;}
#gallery_in ul li a p { height:45px; overflow:hidden; font-size:14px; color:#313131; margin:10px 15px; line-height:1.8em; }
/*第一則*/
#gallery_in ul li:first-child { width:50%;}
#gallery_in ul li:first-child a { width:97%; height:603px;}
#gallery_in ul li:first-child a i { height:509px;}
#gallery_in ul li:first-child a b { width:95%;}

/*相片集錦-內頁*/
.gallery_group { width:100%; margin:0 0 15px 0; overflow:auto;}
#gallery_indexBox h3 { font-weight:normal; margin:0 0 20px 0; color:#fff; padding:10px 45px 10px 15px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;
background: rgb(85,178,209); /* Old browsers */
background: -moz-linear-gradient(left, rgba(85,178,209,1) 0%, rgba(92,209,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#gallery_indexBox h3 i { margin:0 10px 0 0;}

/*fatfooter*/
#fatfooter { clear:both; max-width:1200px; width:100%; margin:0 auto; padding:16px 15px 0; background:#ffde03; box-shadow:0 3px 5px rgba(0,0,0,0.5); }
#fatfooter ul { overflow:auto;}
#fatfooter ul li { width:20%; float:left; }
#fatfooter ul li a { width:96%; margin:0 auto 16px; display:block; text-align:center; padding:2px 0 1px; font-size:14px; background:#282d43; color:#fff; text-decoration:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
#fatfooter ul li a:hover, #fatfooter ul li a:focus { color:#ffde03; box-shadow:0 1px 3px rgba(0,0,0,0.5);}

/*footer*/
#footer { clear:both; max-width:1200px; width:100%; margin:0 auto; letter-spacing:1px; padding:20px 10px; position:relative; text-align: right;}
#footer p { margin:0; padding:0; color:#fff; font-size:14px; line-height:1.8em;}
#footer p a { color:#fff; text-decoration:none;}

/*top*/
.top a { position:fixed; width:50px; height:50px; bottom:10%; right:5%; display:block; background:#ffde03 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/top.png) center center no-repeat; text-indent:-9999px; opacity:0.6; box-shadow:0 0 5px rgba(0,0,0,0.85);
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
.top a:hover { opacity:1;}


/*內頁*/

/*主標題*/
/*首頁-主標題*/
h2.in_title { width:100%; margin:0 auto; padding:10px 0 15px 20px; font-weight:normal; font-size:1em; display:block; text-align:center; border-bottom:1px solid #fff;
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 80%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 80%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
h2.in_title i { color:#ffdc00; font-size:20px; padding:0 10px 0 0;}
h2.in_title b { color:#fff; font-size:22px; line-height:1.1em;}

/*第二層選單*/
#secMenu { border-bottom:1px solid #fff;}
#secMenu h2 { margin:0; padding:0; font-size:1em; font-weight:normal;}
#secMenu ul { width:100%; height:auto; background:rgba(0,0,0,0.65); padding:0 20px; margin:0; overflow:auto;}
#secMenu ul li {  margin:0; padding:0; float:left;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}
#secMenu ul li a { display:block; padding:6px 5px 5px 15px; margin:3px 10px 3px 0; font-size:15px; text-align:left; text-decoration:none; color:#fff; position:relative;}
#secMenu ul li a:before { content:""; width:5px; height:5px; background:#ffdc00; display:block; top:15px; left:2px; position:absolute;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;}
#secMenu ul li.cur a , #secMenu ul li a:hover, #secMenu ul li a:focus{ color:#ffdc00;}

/*第三層選單*/
#third_menu {}
#third_menu ul { display:block; margin:0; padding:0 16px 16px 5px; text-align:left;/*用文字方向可控制按鈕位置*/ }
#third_menu ul li { display:inline-block; margin:0 10px 10px 0; padding:0; }
#third_menu ul li a { display:block; padding:6px 15px; background:#e8eaeb; font-size:15px; line-height:20px; color:#656d73; text-decoration:none;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#third_menu ul li a:hover { background:#707c84; color:#FFF; }
#third_menu ul li a.cur { color:#FFF;
background: rgb(85,178,209); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(85,178,209,1) 0%, rgba(92,209,221,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
-webkit-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-moz-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-ms-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
-o-text-shadow:rgba(0,0,0,0.5) 1px 0 1px;
text-shadow:rgba(0,0,0,0.5) 1px 0 1px; }

/*PATH麵包屑*/
#path { font-size:0.8em; color:#fff; padding:10px; text-align:right;}
#path a, #path b { text-decoration:none; color:#fff;  padding:0 5px; }
#path a:hover, #path a:focus { color:#ffdc00;}

/*內頁搜尋*/
#search_in { position:relative; width:100%; padding:15px 60px 15px 60px; background:rgba(41,45,67,0.8); }
#search_in label { position:absolute; top:18px; left:15px; font-size:90%; color:#ddd;}
#search_in .text { margin:0; padding:5px 10px; width:100%; height:30px; border:none; background:#f5f5f5; font-size:100%; color:#333; font-family:Catamaran, "微軟正黑體" ; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
#search_in .btn { position:absolute; top:15px; right:15px; margin:0; padding:0; width:30px; height:30px; border:none; background:#ffde03 url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_search02.png) no-repeat center; text-indent:9999px; 
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}

/*圖文區塊*/
#main_info .box_info { margin:0 0 30px 0; padding:15px 20px 5px;}
.info_bg { background:rgba(255, 255, 255, 0.9); padding:0 20px 20px;}
#main_info .box_info p { font-size:1em; color:#434343; line-height:2em; text-align:justify; padding:10px 5px 10px 10px; margin:0; }
#main_info .box_info p.date { padding:0 10px; margin:0; }
#main_info .box_info img { max-width:100%; }
#main_info .box_info ul { margin:0; padding:0; overflow:auto; }
#main_info .box_info ul li { list-style:none; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/404_03.png) no-repeat left center; padding:0 0 0 15px; }
#main_info .box_info a { color:#aa7915; }
#main_info .box_info a:hover { color:#913897; }
#main_info>h3 { font-size:1.3em; font-weight: bold; margin:0; padding:40px 10px 10px 20px; color:#35446f; }
.box_info h4 { font-size:1.1em; font-weight:normal; margin:0; padding:20px 5px; color:#5178a0;}

/*圖片區塊*/
.pic_list h4, 
.video_list h4, 
.download_list h4, 
.link_list h4, 
.upload_list h4 { margin:15px 15px 10px 0; font-weight:normal; color:#7e7e7e; font-size:20px;}
#main_info i { padding:0 5px 0 0;}

.pic_list { margin:30px 0 0 0; }
.pic_list ul { margin:0; padding:0; overflow:auto; }
.pic_list ul li { float:left; margin:0 0 15px 0; padding:0; list-style:none; width:25%;}
.pic_list ul li b { display:block; margin:0; padding:0; width:100%; height:210px; background:#fff; overflow:hidden; }
.pic_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.pic_list ul li p { margin:5px 0; padding:0; font-size:0.9em; line-height:1.5em; text-align:center; height:40px; overflow:hidden; }
.pic_list ul li a { display:block; width:97%; margin:0 auto; padding:10px; color:#555; background:#dcdee0; border-top:solid 1px #cacaca; border-right:solid 1px #cacaca; border-left:solid 1px #cacaca; border-bottom:solid 2px #cacaca; text-decoration:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;}
.pic_list ul li a:hover { box-shadow:0 0 5px rgba(0,0,0,0.40); }
.mfp-figure small { display:none !important; }

/*影片區塊*/
.video_list { margin:15px 0; }
.video_list ul { margin:0 0 0 0; padding:0; overflow:auto; }
.video_list ul li { position:relative; float:left; margin:0 0 15px 0; padding:0; list-style:none; width:25%; }
.video_list ul li b { position:relative; display:block; margin:0; padding:0; width:100%; height:210px; background:#fff; overflow:hidden; }
.video_list ul li b img { position:relative; top:50%; transform:translateY(-50%); width:100%; }
.video_list ul li span { display:block; position:absolute; top:50%; left:50%; z-index:1; margin:-40px 0 0 -40px; width:80px; height:80px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/bg_k50.png) repeat; border:solid 2px #FFF; text-indent:-9999px;
-webkit-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
-o-border-radius:40px;
border-radius:40px;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
.video_list ul li span:before { position:absolute; top:50%; left:50%; z-index:998; height:0px; width:0px; margin:-16px 0 0 -10px;
border-color:transparent transparent transparent #FFF;
border-style:solid solid solid solid;
border-width:16px 22px; }
.video_list ul li p { margin:10px 0 0 0; padding:0 5px; font-size:0.9em; line-height:1.5em; text-align:center; height:40px; overflow:hidden; }
.video_list ul li a { display:block; width:97%; margin:0 auto; padding:10px; color:#7d7d7d; background:#dcdee0; border-top:solid 1px #cacaca; border-right:solid 1px #cacaca; border-left:solid 1px #cacaca; border-bottom:solid 2px #cacaca; text-decoration:none;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
-o-border-radius:10px;
border-radius:10px;}
.video_list ul li a:hover { box-shadow:0 0 5px rgba(0,0,0,0.40); }
.video_list ul li a:hover span { opacity:0.6; }

/*下載列表*/
.download_list { overflow:auto; padding:0 0 10px 0; }
.download_list ul { margin:0; padding:0 10px; }
.download_list ul li { margin:0; padding:0; list-style:none; }
.download_list ul li span { margin:0; padding:0; color:#333; }
.download_list ul li a { display:block; padding:8px 10px 8px 40px; font-size:0.9em; line-height:1.5em;  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newsdownload.png) no-repeat 12px 10px; color:#7d7d7d; text-decoration:none; }
.download_list ul li a:hover { background:#fff url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newsdownload_.png) no-repeat 12px 10px; color:#7e7e7e; }
.ind { padding:0 20px 10px;}/*能源績效指標管理+內部稽核*/

/*連結列表*/
.link_list { overflow:auto; padding:0 0 10px 0;}
.link_list ul { margin:0; padding:0 10px; }
.link_list ul li { margin:0; padding:0; list-style:none;  }
.link_list ul li span { margin:0; padding:0; color:#333; }
.link_list ul li a { display:block; padding:8px 10px 8px 40px; font-size:0.9em; line-height:1.5em;  background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newslink.png) no-repeat 12px 10px; color:#757575; text-decoration:none; }
.link_list ul li a:hover { background:#fff url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newslink_.png) no-repeat 12px 10px; color:#7e7e7e; }
.middle_link ul li a { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newslink.png) no-repeat 12px 10px, #ffffff; border-bottom:none;}

/*內頁-PAGE*/
#page { clear:both; text-align:center; padding:7px 0; margin:50px 0 0; overflow:auto; position:relative; font-size:0.95em; }
#page ul { display:block; margin:0; padding:0; text-align:center;/*用文字方向可控制按鈕位置*/ }
#page ul li { display:inline-block; margin:0 3px 5px; padding:0; list-style:none; line-height:1.5em; text-align:center; }
#page ul li a { display: block; padding: 3px 8px 2px !important; color: #fff; border: solid 1px #f2f2f2; text-decoration: none; width: 30px; height: 30px;}
#page ul li a:hover { background:#fff; color:#292d43; border:solid 1px #f2f2f2;}
#page ul li a.cur { color:#ea5858; }
#page b { font-size:0.875em; font-weight:normal; position:absolute; top:10px; right:15px;}

/* ======================= SHARE 文章列印分享回上層 ======================= */
#share { clear:both; margin:30px 0 0; padding:20px 0px 0px 0px; border-top:solid 1px #fff;}
#share ul { display:block; margin:0; padding:0; text-align:right;/*用文字方向可控制按鈕位置*/ }
#share ul li { display:inline-block; margin:0 0 10px 5px; padding:0; list-style:none; font-size:0.8em; line-height:2em; }
#share ul li a { display:block; text-decoration:none; padding:2px 10px; background:#57bad4; color:#fff; 
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share ul li a:hover { background:#3695b5; }
/*社群分享區塊*/
#share .community { padding:2px 6px; background:#57bad4; color:#fff; border:solid 1px #ededed;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#share .community a { float:left; display:block; width:20px; height:20px; margin:2px 5px 3px 0px; padding:0; border:none; opacity:1; text-indent:-9999px; }
#share .community a:hover { border:none; opacity:0.7; }

/*社群icon*/
#share .line-it-button { float:left; margin:2px 5px 3px 0px; }
#share .line-it-button:hover { opacity:0.5; }
#share .line { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_line_d.svg) no-repeat; }
#share .line:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_line_d.svg) no-repeat; opacity:0.5; }
#share .gp { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_googleplus_d.svg) no-repeat; }
#share .gp:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_googleplus_d.svg) no-repeat; opacity:0.5; }
#share .fb { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_facebook_d.svg) no-repeat; }
#share .fb:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_facebook_d.svg) no-repeat; opacity:0.5; }
#share .wb { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_weibo_d.svg) no-repeat; }
#share .wb:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_weibo_d.svg) no-repeat; opacity:0.5; }
#share .wc { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_wechat_d.svg) no-repeat; }
#share .wc:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_wechat_d.svg) no-repeat; opacity:0.5; }
#share .tt { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_twitter_d.svg) no-repeat; }
#share .tt:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_twitter_d.svg) no-repeat; opacity:0.5; }
#share .pl { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_plurk_d.svg) no-repeat; }
#share .pl:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/community/icon_plurk_d.svg) no-repeat; opacity:0.5; }

/*工學院簡訊*/
#news_box02 { padding: 0 40px; margin: 30px 0 0;}
#news_box02 ul { overflow:auto;}
#news_box02 ul li { margin:0 0 25px;}
#news_box02 ul li a { width:100%; display:block; padding:0 15px 0 125px; color:#313131; position: relative; text-decoration: none; margin:0 auto 15px; background: rgba(243,243,243,0.9); float:right;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }
#news_box02 ul li b { width:100px; position:absolute; left:0; top:0; color:#fff; font-size:1em; display:block; padding:12px 0; overflow:hidden; height:50px; text-align:center;
background: rgb(85,178,209); /* Old browsers */
background: -moz-linear-gradient(left, rgba(85,178,209,1) 0%, rgba(92,209,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#news_box02 ul li p { font-size:14px; margin:0; padding:15px 0 0 0; overflow:hidden; height:50px; white-space:nowrap; text-overflow:ellipsis;}
#news_box02 ul li a:hover  { background: rgba(243,243,243,1); color: #007296;}

/*意見信箱*/
#contact_box { line-height:2em;}
#contact_box .box_info h3 { margin:30px 0; padding:0 10px; border-left:solid 3px #fd6c01; font-size:1.2em; font-weight:bold; line-height:20px; }
#contact_box .box_info p { font-size:1em; line-height:24px; color:#555; }
.red { color: #D80003; margin: 0 5px 0 0; font-size: 0.87em; }

/* ======================= FORM 表單專用 ======================= */
.box_form {}
.box_form h4 { margin:0 10px 5px 0; padding:0; font-size:1em; font-weight:normal; line-height:30px; text-align:left; color:#434343; height:30px; }
.box_form b { margin:0; padding:0 5px; font-size:0.8em; font-weight:normal; color:#F00; }
.box_form p { margin:0; padding:0; font-size:0.875em; line-height:30px; color:#555; }
.box_form p a { color:#88502d; text-decoration:none;}
.box_form p a:hover { text-decoration:underline;}
.box_form .form_l { position:relative; float:left; width:48%; padding:7px 1%; margin:0 0 10px 0;}
.box_form .form_c { position:relative; clear:both; width:98%; padding:7px 1%; margin:0 0 10px 0;}

.box_form .wall { width:100%; height:30px; margin:0; }
.box_form .wall2 { width:100%; height:150px; margin:0 0 -10px 0; }

.box_form .text { padding:5px 8px; background:#FFFFFF; border:1px solid #E3E3E3; font-size:1em; color:#333; font-family:Catamaran, "微軟正黑體";
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
.errorbox { border:1px solid #e85757 !important;}

/*地址下拉*/
.box_form .add_box { position:relative; margin:0 0 10px 0; padding:0 80% 0 0; text-align:left; }
.district { position:absolute; top:0px; left:21%; width:20%; height:30px; overflow:hidden; }
.roadName { position:absolute; top:0px; left:42%; width:56%; height:30px; overflow:hidden; }
.sel { background: #fff url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/selectarrow_k.png) no-repeat center right !important; -webkit-appearance:none; outline:none;}

/*驗證碼*/
.box_form .code_pic { position:relative; margin:0 0 10px 0; padding:0 365px 0 0; text-align:left; }
.box_form .code_pic img { position:absolute; top:0px; right:260px; width:95px; height:30px; overflow:hidden; }
.box_form .code_btn { position:absolute; top:0px; right:130px; margin:0; padding:7px 0 4px 0; width:120px; background:#89512d; border:none; color:#fff; font-family:Catamaran, "微軟正黑體"; font-size:0.8em; -webkit-appearance:none; /*去除系统默认的样式*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 点击高亮的颜色*/ cursor: pointer;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
.box_form .code_btn:hover { color:#f7e9af; }

.box_form .code_free { position:absolute; top:0px; right:0; width:120px; height:30px; overflow:hidden; border:1px solid #CCCCCC; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/barrierfree.png) 10px center no-repeat, #ffffff; color:#104d7c; font-family:Catamaran, "微軟正黑體"; font-size:1em; padding:0 0 0 24px; cursor: pointer;}

.send { text-align:center; display:block; clear:both; margin:20px 0; color:#FFF;}
.send input { margin:15px 20px; border:none; background:#ea5e6a; color:#FFF; padding:5px 30px; font-size:1em; font-family:Catamaran, "微軟正黑體";
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}
.send input:hover {background:#fc8a2e; cursor: pointer;
-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;}

abbr[title] { text-decoration: none; border-bottom: none; cursor: help; margin:0; padding:0 3px 0 0; font-size:0.95em; font-weight:normal; color:#F00;}

.bottomBox { padding:15px 1% !important; text-align:center; font-size:1.1em;}

/*相關連結 教研單位*/
#link_box {}
#link_box .link_box_in { margin:0 0 30px 0;}
#link_box h3 { width:100%; display:block; margin:0; padding:10px 45px 10px 15px; font-size:16px; color:#FFF;
background: rgb(85,178,209); /* Old browsers */
background: -moz-linear-gradient(left, rgba(85,178,209,1) 0%, rgba(92,209,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px;}
#link_box ul { margin:0; padding:0; }
#link_box ul li { float:none; margin:0; padding:0; width:100%; list-style:none; border:none;  background: rgba(255,255,255,0.95); }
#link_box ul li:hover { border:none; }
#link_box ul li a { display:block; padding:12px 10px 12px 50px; font-size:14px; line-height:20px; border-top:solid 1px #FFF; border-bottom:solid 1px #ededed; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newslink.png) no-repeat 18px 12px; color:#555; text-decoration:none; }
#link_box ul li a:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newslink_.png) no-repeat 18px 12px; color:#40b7de; }


/*DOWNLOAD 檔案下載*/
#download_box a { text-decoration:none;}
#download_box .op_all { margin:10px 0; }
#download_box .op_top {}
#download_box .op_top a { position:relative; display:block; padding:10px 45px 10px 15px; background:#707c84;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#download_box .op_top a i { position:absolute; top:10px; right:15px; display:block; width:20px; height:20px; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_arrow.png) no-repeat; }
#download_box .op_top a h3 { display:inline-block; margin:0; padding:0; font-size:16px; color:#FFF; }
#download_box .op_top a span { padding:0 5px 0 0; font-family:"Comic Sans MS", cursive; color:#FFF; }
#download_box .op_top a:hover,#download_box .op_top.cur a { color:#fff;
background: rgb(85,178,209); /* Old browsers */
background: -moz-linear-gradient(left, rgba(85,178,209,1) 0%, rgba(92,209,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ }
#download_box .op_top a:hover i,#download_box .op_top.cur a i { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_arrow_.png) no-repeat; }
#download_box .op_top a:hover span,#download_box .op_top.cur a span { color:#fff; }
#download_box .op_don { background: rgba(255,255,255,0.95); }
#download_box ul { margin:0; padding:0; }
#download_box ul li { float:none; margin:0; padding:0; width:100%; list-style:none; border:none; }
#download_box ul li:hover { border:none; }
#download_box ul li a { display:block; padding:12px 10px 12px 50px; font-size:14px; line-height:20px; border-top:solid 1px #FFF; border-bottom:solid 1px #dadada; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newsdownload.png) no-repeat 18px 12px; color:#555; }
#download_box ul li a:hover { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/icon_newsdownload_.png) no-repeat 18px 12px; color:#40b7de; }

/*海外教育計畫*/
#plan_box { padding:20px 80px 0;}
#plan_box ul { overflow:auto;}
#plan_box ul li { float:left; width:25%;}
#plan_box ul li a { width:90%; margin:30px auto 20px; padding:10px 0 30px; display:block; text-align:center; text-decoration:none; overflow:auto;
background: rgb(92,209,221); /* Old browsers */
background: -moz-linear-gradient(top, rgba(92,209,221,1) 0%, rgba(85,178,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(92,209,221,1) 0%,rgba(85,178,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(92,209,221,1) 0%,rgba(85,178,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#plan_box ul li a i { width:80px; height:80px; display:block; margin:20px auto; color:#57bbd5; background:#fff; font-size:50px; line-height:1.5em; overflow:hidden;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;}
#plan_box ul li a b { color:#fff; font-size:18px; font-weight:bold;}
#plan_box ul li a:hover, #plan_box ul li a:focus {
	background: rgb(163,231,248); /* Old browsers */
background: -moz-linear-gradient(top, rgba(163,231,248,1) 1%, rgba(85,178,209,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(163,231,248,1) 1%,rgba(85,178,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(163,231,248,1) 1%,rgba(85,178,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

/*網站導覽*/
#sitemap { padding:0 40px; overflow:auto;}
#sitemap p {  margin:10px 0; line-height:1.6em; letter-spacing:0.5px;}
#sitemap h4 a { clear:both; display:block; text-decoration:none; color:#FFFFFF; padding:7px 0 4px 20px; font-weight: normal; font-size:1.1em;
background: rgb(85,178,209); /* Old browsers */
background: -moz-linear-gradient(left, rgba(85,178,209,1) 0%, rgba(92,209,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(85,178,209,1) 0%,rgba(92,209,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
#sitemap h4 a:hover { background:#3695b5;}
#sitemap ul { list-style-type:none; padding:0 0 0 30px; margin:-22px 0 0 0; overflow:auto; background:rgba(243,243,243,0.95);}
#sitemap ul li { float:left; width:50%;}
#sitemap ul li a { position:relative; display:block; padding:8px 25px; text-decoration:none; color:#104d7c;border-top: solid 1px #FFF; border-bottom: solid 1px #dadada;}
#sitemap ul li a:hover { color:#3695b5;}
#sitemap ul li a i { position:absolute; display:block; width:5px; height:5px; background:#ff5e43; top:17px; left:8px;}	

/*404 找不到該網頁*/
#error404 { padding:50px; margin:0 auto;  width:70%; background:rgba(243,243,243,0.95);}
#error404 p { background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/404_01.png) 5px center no-repeat; padding:10px 0 10px 80px; font-size:150%; line-height:1.2em; font-weight:normal; text-align:left; }
#error404 h4 { margin:0; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/404_02.png) 55px center no-repeat; padding:5px 0 5px 80px; font-size:110%; font-weight:normal; text-align:left; line-height:2em;  }
#error404 ul { margin:0 0 30px 0; padding:0 0 0 85px;}
#error404 ul li { list-style-type:none; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/404_03.png) 0 center no-repeat; padding:0 0 0 20px; line-height:2em; font-size:90%; }
#error404 a { display:inline-block; }

/*縮放*/
@media only screen and (max-width:1200px) { 
/*top*/
.top a { bottom:10%;}
}

/*平板*/
@media only screen and (max-width:960px) { 

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], select, button {-webkit-appearance:none; }/*IPHONE按鈕圓角去除*/

/*圖片左中右*/
.img_r { float:none; padding:10px; margin:0 auto; text-align:center; display:block; width:90%;}
.img_l { float:none; padding:10px; margin:0 auto; text-align:center; display:block; width:90%;}
.img_c { float:none; padding:10px; margin:0 auto; text-align:center; display:block; width:90%;}

h1 { display:none;}

#wrapper { margin:50px 0 0 0; background:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20230720035941/http://www.eng.ntu.edu.tw/TC/images/demo/banner_bg.png) center -140px no-repeat; }

/*---Header------------------------------------------------*/
#header { display:none;}
	
/*---Menu------------------------------------------------*/
#menu { display:none;}
#logo_m { display:block;}

/*MENU_手機板選單*/
.slicknav_menu { display:block;}
.shrink ul li { width:100% !important; }

/*內容*/
#content{ padding:50px 10px;}

/*首頁區塊*/
/*最新消息*/
#news_box ul li { width:33.33%;}

/*相片集錦*/
/*小*/
#gallery_indexBox .photo_s { width:49%; margin:0 1% 1% 0;}
#gallery_indexBox .photo_s a {height:280px;}
.ma_b_2 { margin-bottom:2.5%;}

/*大*/
#gallery_indexBox .photo_l { width:49%; margin:0 1% 1% 0;}
#gallery_indexBox .photo_l a { height:572px; }

/*相片集錦-內頁列表*/
#gallery_in ul li { width:33.33%;}
/*第一則*/
#gallery_in ul li:first-child { width:66.66%;}

/*內頁*/

/*第二層選單*/
#secMenu { display:none;}

/*圖片區塊*/
.pic_list ul li { width:50%;}

/*影片區塊*/
.video_list ul li { width:50%; }

	/*工學院簡訊*/
#news_box02 { padding:0 20px; }
#news_box02 ul li a { padding:0;}
#news_box02 ul li b { position:static; height:40px; padding:5px 10px; width:100%; text-align:left;}
#news_box02 ul li p { height:auto; padding:5px 10px; white-space:inherit; overflow:auto; text-overflow:inherit; font-size: 16px;}

/* ======================= FORM 表單專用 ======================= */
.box_form .form_l { float:none; clear:both; width:98%;}

/*fatfooter*/
#fatfooter { display:none;}
/*footer*/
#footer { text-align:left;}
/*top*/
.top a { bottom:5%;}

/*海外教育計畫*/
#plan_box { padding:20px;}
#plan_box ul li { width:33.33%;}

/*網站導覽*/
#sitemap { padding:0 20px; }
#sitemap ul li { float:none; width:100%;}

}

/*手機板*/
@media only screen and (max-width:650px) { 

#wrapper:before { height:500px;}

/*index_banner*/
#index_banner { display:none;}
#banners { display: block;}

/*首頁區塊*/
/*最新消息*/
.news_index { margin:200px 0 0 0;}
.news_in { margin:20px 0 0 0;}
#news_box ul li { width:50%;}

/*相片集錦*/
/*小*/
#gallery_indexBox .photo_s { width:100%; float:none; margin:0 0 2% 0;}
#gallery_indexBox .photo_s a {height:400px;}
.ma_b_2 { margin-bottom:2%;}

/*大*/
#gallery_indexBox .photo_l { width:100%; float:none; margin:0 0 2% 0;}
#gallery_indexBox .photo_l a { height:400px; }

/*相片集錦-內頁列表*/
#gallery_in ul li { width:50%;}
/*第一則*/
#gallery_in ul li:first-child { width:100%; float:none;}
#gallery_in ul li:first-child a { width:98%; height:450px;}
#gallery_in ul li:first-child a i { height:356px;}

/*相片集錦-內頁*/
.gallery_group { margin:0;}

/*內頁*/

/*PATH麵包屑*/
#path { display:none;}

/*內頁搜尋*/
#search_in { margin:20px 0 0 0; }

/*第三層選單*/
#third_menu ul { padding:16px 16px 16px 5px; }

.info_bg { padding:0 0 20px;}

.pic_list h4, .video_list h4, .download_list h4, .link_list h4, .upload_list h4
{ margin:15px 15px 10px 5px;}

/*圖片區塊*/
.pic_list ul li { width:100%; float:none;}
.pic_list ul li a { width:90%;}

/*影片區塊*/
.video_list ul li {  width:100%; float:none; }
.video_list ul li a { width:90%;}

/*檔案下載*/
#download_box ul li { width:100%; float:none;}

/*海外教育計畫*/
#plan_box { padding:20px 0;}
#plan_box ul li { float:left; width:50%;}
#plan_box ul li a { width:96%; margin:10px auto 5px;}

/* ======================= SHARE 文章列印分享回上層 ======================= */
#share { display:none;}

/*驗證碼*/
.box_form .code_pic { padding:0; }
.box_form .code_pic img { top:40px; left:1%; width:30%; }
.box_form .code_btn { top:40px; left:35%; width:30%; }
.box_form .code_free { top:40px; left:69%; width:30%; }

/*手機板2*/
@media only screen and (max-width:450px) { 

#content { padding:30px 10px;}

/*首頁區塊*/
/*最新消息*/
#news_box ul li { width:100%; float:none;}
#news_box ul li a p { height:auto;}

/*相片集錦-內頁列表*/
#gallery_in ul li { width:100%; float:none;}
/*第一則*/
#gallery_in ul li:first-child { width:100%; float:none;}
#gallery_in ul li:first-child a { width:95%; height:auto;}
#gallery_in ul li:first-child a i { height:200px;}

/*海外教育計畫*/
#plan_box { padding:20px 0;}
#plan_box ul li { float:none; width:100%;}
#plan_box ul li a { width:90%;}

}






/*
     FILE ARCHIVED ON 3:59:41 七月 20, 2023 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 16:19:12 五月 26, 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)).
*/