/*20210804 by Pekey*/
@charset "utf-8";
/* CSS Document */



/*/////////////////////////////////////////////////////////*/
/*-------版頭區塊--------*/
/*/////////////////////////////////////////////////////////*/

.header {
	box-shadow: 0px 0px 6px #d9dad8;
	position: relative;
	padding: 25px 0px;
}
	.header .wrap {
		position:relative;
	}
		/*logo*/
		.logo {
			float: left;
			width: 300px;
			padding: 7px 0 0;
			/* padding-top: 10px; */
			box-sizing: border-box;
		}
		
			.logo a {
				display: block;
				text-decoration: none;
				transition:0.3s ease all;
			}		

			/* hover */
			.logo a:hover {
				opacity: 0.7;
				transition:0.3s ease all;
			}			
		
				.logo img {
					width: 100%;
					height: auto;
				}
					
					
			
			
		/*手機menu按鍵*/
		.menu_btn {
			position:absolute;
			width:20px;
			top: 50%;
			/* right: 15px; */
			right: 0px;
			cursor:pointer;
			display:none;
			z-index: 1000;
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			/* margin: -10px 0px 0px; */
		}
			.menu_btn span {
				display:block;
				background: #000;
				height:2px;
				margin: 4px 0px;
				transition:0.3s ease all;
				border-radius:3px;
			}
				/*點擊*/
				.menu_btn.active {
					top: 35px;
					right: 5%;
					position: fixed;
					margin: 0px;
					-webkit-transform: translateY(0%);
					transform: translateY(0%);
				}
					.menu_btn.active span {
						background:#fff;
					}
					.menu_btn.active span:nth-of-type(1) {
						transform: rotate(39deg);
						transform-origin: top left;
					}
					.menu_btn.active span:nth-of-type(2) {
						opacity: 0;
					}
					.menu_btn.active span:nth-of-type(3) {
						transform: rotate(-39deg);
						transform-origin: bottom left;
					}
				
		/*版頭右*/
		.headerRight {
			float:right;
		}
			/*版頭右上*/
			.header_rightTop {
				float: right;
				/* padding: 10px 0px 0px; */
			}
				
									
									
				/*電腦版頭語系*/
				.lang_pc{
					/* position:absolute;
					right:0px;
					top: 15px; */

					position: relative;

					display: inline-block;
					vertical-align: middle;
					border: solid 1px #c5c3c3;
					border-radius: 5px;
					z-index:999;
				}
				
					.lang_pc > a{
						display: block;
						padding: 12px 34px 12px 20px;
						background-color: transparent;
						color: #000000;
						font-size: 14px;
						border-radius: 5px;
						text-align: center;
						text-decoration: none;
						position: relative;
						transition:0.3s ease all;
					}
					.lang_pc > a:after{
						position: absolute;
						top: 16px;
						right: 13px;
						
						content: '';
						border-top: solid 8px #c3c1c1;
						border-left: solid 5px rgba(255,255,255,0);
						border-right: solid 5px rgba(255,255,255,0);
					}
					
					.nL_in{
						display: none;

						width: 100%;
						position: absolute;
						top: 40px;
					}
						.nLI_list{
							text-align:center;
						}
							.nLI_list a{
								display: block;
								color: #ffffff;
								font-size: 12px;
								padding: 12px 8px;
								background-color:#c9caca;
								text-decoration: none;
		
							}
							.nLI_list:nth-of-type(1) a {
								border-bottom:1px solid #acacac;
							}

							/* hover */
							.nLI_list:hover a{
								background-color:#007440
							}					
					
					
					/*手機板語系一開始隱藏*/
					.lang {
						display:none;
						float:right;
					}
					.langLink {
						position:relative;
						float:left;
						padding:0px 10px;
					}
					.langLink:nth-of-type(2) {
						padding-left:15px;
						padding-right:15px;
					}
						.langLink:after {
							content:'/';
							position:absolute;
							top:4px;
							right:0px;
						}
							.langLink:nth-of-type(2):after {
								display:none;
							}
							
						.langLink a {
							display:block;
							text-decoration:none;
							font-size:14px;
							line-height:22px;
							color:#8c8c8c;
							transition:0.3s ease all;
						}
							.langLink a:hover, .langLink.active a {
								color:#0048dc;
								transition:0.3s ease all;
							}
					
					
					
						
	/*版頭搜尋列*/
	.headerRight_main{
		font-size:0px;
		text-align:right;
		padding:12px 0px 0px;
	}

	/*電腦版頭搜尋*/
	.header_search_area{
		display:inline-block;
		vertical-align:middle;
		/* float: right;
    	padding-top: 40px; */
	}
		.search{
			/*color:#ccc;*/
			color:#777; /*修改by pekey 20170725*/
		}


		@-moz-document url-prefix() { 
			.search{
				color:#ccc;
			}
		}


		.header_search{
			position: relative;
			font-size: 0px;
			background: #fff;
			border: solid 1px #c9caca;
			width: 175px;
			padding-right: 40px;
			border-radius: 5px;
		}
			.header_search input {
				height: 38px;
				line-height: 26px;
			}
				.header_search input[type='text']  {
					border: none;
					/*padding:5px;*//*在IE顯示會擠壓到*/
					font-size: 15px;
					background: rgba(255, 255, 255, 0);
					
					padding: 0px 12px;
				}
				.header_search input[type='submit'] {
					position:absolute;
					float:left;
					padding: 0px 0px 6px ;
					display:none;
				}
						
						.header_search label  {
							position: absolute;
							right: 0px;
							top: 0px;
							/* background: #70b42b; */
							padding: 6px 9px 0px 3px;
							/* border-radius: 50%; */
							width: 24px;
							height: 24px;
						}
						
							.header_search i, .header_search svg {
								    font-size: 18px;
									color: #999999;
									margin: 3px;
							}
													
					
					
					
					
				/*手機版頭搜尋*/
				.siteSearch {
					display:none;
					float:right;
					padding:0px 20px 0px 16px;
				}
					.siteSearchBg {
						border: solid 2px #006e36;
						border-radius:30px;
						position:relative;
						width:191px;
						box-sizing:border-box;
						padding-right: 30px;
					}
						.siteSearchBg input[type='text'] {
							border:none;
							background:none;
							height:23px;
							line-height:23px;
							font-size:13px;
						}
						.siteSearchBg label {
							position:absolute;
							top:0px;
							right:0px;
							height:23px;
							box-sizing:border-box;
							padding: 2px 6px;
						}
							.siteSearchBg i {
								font-size:18px;
								color:#006e36;
							}
							.siteSearchBg input[type='submit'] {
								display:none;
							}		
					
					
					
					
			
			
			
			/*主按鍵*/
			.navbar {
				padding: 30px 0px 0px;
				margin: 0px -35px 0px 0px;
				letter-spacing: 0px;
			}
				.nav {
					float: left;
					position: relative;					
				}
					.nav a {
						display:block;
						text-decoration:none;
						position:relative;
						transition:0.3s ease all;
					}
					.nav > a {
						text-align: center;
						font-size: 16px;
						padding: 0 35px;
						color: #000000;
						transition:0.3s ease all;
					}

						
					.nav:hover > a {
						color:#007440;
						transition:0.3s ease all;
					}						
						
						
					.nav > a:before {
						content:url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250625090321/https://coph.ntu.edu.tw/web/images/top_line.png);
						position:absolute;
						left:0px;
						top:0px;
						margin:-6px 0px 0px 0px;
					}						
						
					.nav:nth-child(3) > a:before {
						display:none;
					}						
						
						
						
						
						
							/*主按鍵展開*/
							.navOpen {
								position:absolute;
								left:50%;
								padding:9px 0px 0px;
								/*modify by david 20220607 start*/
								/* width:164px; */
								width: 190px;
								/* margin:0px 0px 0px -82px; */
								-webkit-transform: translateX(-50%) translateY(0%);
								transform: translateX(-50%) translateY(0%);
								/*modify by david 20220607 end*/
								display:none;
								z-index: 2;
							}
							.nav:hover .navOpen.pc {
								display:block;
							}
							.navOpen.mobile {
								display:none;
								opacity:0;
								z-index:-999999;
							}
								.navOpenBg {
									position:relative;
								}
									.navOpenBg:before {
										position: absolute;
										content:'';
										border-bottom: solid 8px rgba(0,0,0,0.65);
										border-left: solid 12px rgba(255,255,255,0);
										border-right: solid 12px rgba(255,255,255,0);
										top:-8px;
										/*modify by david 20220607 start*/
										/* left:50%;
										margin:0px 0px 0px -12px; */
										left: 50%;
										-webkit-transform: translateX(-50%) translateY(0%);
										transform: translateX(-50%) translateY(0%);
										/*modify by david 20220607 end*/
									}
										.navOpenList {
										}
											.navOpenList a {
												text-align:center;
												font-size:15px;
												color:#fff;
												line-height:22px;
												/*modify by david 20220607 start*/
												/* padding:7px 0px; */
												padding:7px 8px;
												/*modify by david 20220607 end*/
												background:rgba(0,0,0,0.65);
												transition:0.3s ease all;
											}
												.navOpenList a:hover {
													background: rgba(0, 72, 220, 0.78);
													transition:0.3s ease all;
												}
	



/* @media (max-width: 1441px) { */
@media (max-width: 1440px) {

	/*logo*/
	.logo {
		/* width: 220px; */
		width: 265px;
		padding: 18px  0 0;
	}
}



@media (max-width: 1350px){
/* @media (max-width: 1281px){ */

	/*logo*/
	.logo {
	}
	
		.logo img {
			width: 100%;
			height: auto;
		}

	
			
		/*主按鍵*/
		.navbar {
			/*padding: 25px 0px 30px;*/
			margin: 0px -10px;
		}

			.nav > a {
				padding: 0px 10px;
				/* padding: 0px 25px; */
			}

				
}


@media (max-width: 1081px){
				
		
}	

@media (max-width: 1023px){
		
.header {
	padding: 0px 0px;
}

	
	/*logo*/
	.logo {
		/* padding: 25px 0px; */
		padding: 15px  0px;
		width: 200px;
	}

		.logo a {
			display:inline-block;
		}		
	
	
	/*手機menu按鍵*/
	.menu_btn {
		display:block;
	}
	
	/*版頭右*/
	.headerRight {
		position: fixed;
		width: 230px;
		top: 0px;
		right: -230px;
		height: 100%;
		box-sizing: border-box;
		background: rgba(45, 45, 45, 0.8);
		transition: 0.3s ease all;
		/* padding: 56px 0px 0px; */
		padding: 88px 0px 0px;
		overflow-y: auto;
		z-index: 999;
	}
		.headerRight.active {
			right: 0px;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
		}
			
			

			
			/*電腦語系消失*/
			.lang_pc{
				display:none;
			}

			/*手機版頭語系*/
			.lang {
				float: none;
				border: none;
				background: #007440;
				border-radius: 0px;
				display:block;
			}
				.langLink {
					box-sizing:border-box;
					width:49.9%;
					text-align:center;
				}
					.langLink a {
						/*line-height: 42px;*/
						color: #fff;
						padding:5px 0px;
						transition:0.3s ease all;
					}

					.langLink:after {
						top: 9px;
						right: -3px;
						color:#fff;
					}
						.langLink a:hover, .langLink.active a {
							color: #dda51a;
							transition:0.3s ease all;
						}
						
						
				/*電腦版頭搜尋*/
				.header_search_area{
					display:none;
				}
						
						
				/*手機版頭搜尋*/
				.siteSearch {
					display:block;
					float:none;
					padding:0px;
				}
					.siteSearchBg {
						border-radius: 0px;
						background: #fff;
						/*width: auto;*/
						box-sizing: border-box;
						width:100%;
						border-top: none;
						border-left: none;
						border-right: none;
						border: solid 2px #007440;
					}
						.siteSearchBg input[type='text'] {
							height:38px;
							line-height:38px;
							font-size:15px;
						}
						.siteSearchBg label {
							height:38px;
							padding: 10px 6px;
						}	

							.siteSearchBg i, .siteSearchBg svg {
								color: #007440;
							}	
							
				
						
						
						
						
						
			/*主按鍵*/
			.navbar {
				margin:0px;
				padding:0px;
				border-top:none;
			}
				.nav {
					float:none;
					width:auto;
					padding: 0px;
					border-bottom: solid 1px #d4d4d4;
				}
					.nav > a {
						border:none;
						border-radius:0px;
						background: #f3f3f3;
						text-align:left;
						padding: 10px 15px;
					}
						
						.nav > a:before {
							display: none;
						}

						
						/*主按鍵展開*/
						.navOpen {
							position: relative;
							width: auto;
							margin: 0px;
							/* modify by david 20220719 start */
							/* left: 0px; */
							/* modify by david 20220719 end */
							top: 0px;
							padding: 0px;
						}
						.nav:hover .navOpen.pc {
							display:none;
							opacity:0;
							z-index:-999999;
						}
						.navOpen.mobile {
							display:none;
							opacity:1;
							z-index:1;
						}
							.navOpenBg:before {
								margin: 0px;
								/* modify by david 20220719 start */
								left: 23px;
								/* modify by david 20220719 end */
								border-width: 8px;
								border-bottom: solid 5px #000;
								top: -5px;
							}
								.navOpenList a {
									text-align:left;
									padding: 12px 15px;
									font-size:14px;
								}
}

@media (max-width: 768px){

	/*logo*/
	/* .logo {
		width: 230px;
	} */

	/*手機menu按鍵*/
	.menu_btn {
		right:15px;		
	}	
	.menu_btn.active {
		right:15px;		
	}

}


@media (max-width: 640px){
	/*logo*/
	.logo {
		padding: 10px 0px 10px 0px;
		float:none;
		box-sizing:border-box;
		width: 150px;
	}
		.logo_flash {
			display:none;
		}
		
	/*手機menu按鍵*/
	.menu_btn {
	}
		.menu_btn.active {
			top: 22px;
			/* top: 4vw;*/
		} 
	
	/*版頭右*/
	.headerRight {
		padding: 63.8px 0px 0px;
		/* padding: 12.2vw 0px 0px; */
	}
}





/*
     FILE ARCHIVED ON 9:03:21 六月 25, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 3:48:18 五月 25, 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)).
*/