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




/*/////////////////////////////////////////////////////////*/
/*-------版腳區塊--------*/
/*/////////////////////////////////////////////////////////*/

.footer {
	margin-top: 35px;
	padding: 35px 0px;
	background:#007440;
}

	/*modify by Ray 20210922 start*/

	
	.topBtn_area{
		position:fixed;
		right:14px;
		bottom:70px;
		z-index: 1000;
		transform: scale(0.84);
		transition:0.3s ease all;
	}

	/*浮動按鍵*/
	.topBtn_list {
		margin: 7px 0px;
		position: relative;
	}
		
		.topBtn_list a {
			display:block;
			transition:0.3s ease all;
			text-decoration:none;
			font-size:12px;
			line-height: 12px;
			text-align:center;
			width:50px;
			height:50px;
			box-sizing:border-box;
			border-radius:100%;
			color:#674490;
			background: #fff;
			position:relative;
			background-color: #0f3a6e;
		}
	
		.topBtn_list.red a{
			background-color: #dc472e;
		}
		
		.topBtn_list.purple a{
			background: #ffcd6c; /* Old browsers */
			background: -moz-linear-gradient(45deg,  #ffcd6c 0%, #ef5f4a 25%, #a335b4 50%, #505cd1 75%, #505cd1 75%, #9a37bb 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(45deg,  #ffcd6c 0%,#ef5f4a 25%,#a335b4 50%,#505cd1 75%,#505cd1 75%,#9a37bb 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(45deg,  #ffcd6c 0%,#ef5f4a 25%,#a335b4 50%,#505cd1 75%,#505cd1 75%,#9a37bb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		}
		
		.topBtn_list img{
			padding-top: 3.5px;
		}
	/*modify by Ray 20210922 end*/	


	/*返回最上面*/
	.topBtn {
		/* position:fixed; */
		bottom:20px; /*modify by Ray 20210922*/

		/* right:14px; */
		z-index:99;
		/*z-index:3;*/
	}
		.topBtn a {
			display:block;
			text-align:center;
			box-sizing:border-box;
			width:50px;
			height:50px;
			border: solid 2px #4c4944;
			position:relative;
			text-decoration:none;
			transition:0.3s ease all;
			border-radius:100%;
			background:#fff;
			padding: 13px 0px 0px;
			color:#4c4944;
		}
			.topBtn a:before {
				position:absolute;
				content:'';
				border-bottom: solid 10px #4c4944;
				border-left: solid 6px rgba(0,0,0,0);
				border-right: solid 6px rgba(0,0,0,0);
				top: 6px;
				left: 16px;
			}
			.topBtn a span {
				position:absolute;
				top: 18px;
				font-size:22px;
				transform:scale(0.8);
				display:block;
			}
				/*hover*/
				.topBtn a:hover {
					border-color:#fff;
					box-shadow:0px 0px 10px rgba(0,0,0,0.2);
					color: #007440;
				}
					.topBtn a:hover:before {
						border-bottom: solid 10px #007440;
					}


		/*版腳左*/
		.footerLeft {
			float:left;
			/*width:720px;*/
		}
			.footerLeft_info {
				color:#777;
				font-size:14px;
				line-height:20px;
			}
				.footerLeft_info span {
					position:relative;
					display:inline-block;
					padding:3px 0px;
					padding-right:7px;
					color:#fff;
				}
				.footerLeft_infoName {
					font-size:14px;
				}
					.fL_infoNameTit {
						color:#fff;
					}
					
				.footerLeft_info span:before {
					position:absolute;
					content:'|';
					top:0px;
					right:0px;
					margin: 2px -2px 0px 0px;
				}		
				.footerLeft_info span:nth-child(3):before, .footerLeft_info span:last-child:before {
					display:none;
				}
					
					
					
					
					
			.copyright {
				font-size:14px;
				color:#fff;
				padding:7px 0px 0px;
			}
				.copyright a {
					color:#fff;
					text-decoration: none;
				}
				/*.copyright a:hover {
					color:#cf981a;
				}	*/			
				
				
				
				
		/*版腳右*/
		.footerRight {
			float:right;
		}
		
		.footerRight_info{
			padding:0px 0px 15px;
			}
		
		.footerRight_info a{
		    background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20250625090324/https://coph.ntu.edu.tw/web/images/ruling_logo.png) no-repeat 0 0;
    		float: left;
   		    height: 20px;
  		    margin: 0 10px 0 0;
   		    overflow: hidden;
  		    text-indent: 120%;
   		    white-space: nowrap;
		    width: 20px;
		
		}
		
		.footerRight_info span {
					position:relative;
					display:inline-block;
					padding:3px 0px;
					padding-right:7px;
					color:#fff;
				}
		.footerRight img {			
					float:right;
				}

		/*訂閱列*/
		.subscribe_area{
			display:inline-block;
			vertical-align:middle;
		}
			/*訂閱列標題*/
			.subscribe_tit{
				display: inline-block;
				vertical-align: middle;
				color:#fff;
				font-size:14px;
			}
			/*訂閱列搜尋框*/
			.subscribe_in{
				display: inline-block;
				vertical-align: middle;
				position: relative;
				font-size: 0px;
				background: rgba(255,255,255,0.7);
				/*width: 199px;*/
				width: 140px;
				padding-right: 70px;
				padding-left:2px;
			}
				.subscribe_in input{
					/*height:25px;	
					line-height:25px;*/
					height: 35px;	
					line-height: 35px;
				}
					.subscribe_in input[type="text"]{
						border:none;
						font-size:14px;
						background: rgba(255, 255, 255, 0);
					}
				.subscribe_in label{
					position: absolute;
					right: 0px;
					top: 0px;
					background: rgba(255, 255, 255, 0);
					padding: 4px 5px 3px 6px;	
				}
					.subscribe_in input[type='submit']{
						position: absolute;
						float: left;
						padding: 0px 0px 6px;
						display: none;
					}
						.subscribe_in label{
							font-size:14px;
							/*line-height:18px;*/
							line-height:26px;
							color: #fff;
   							background: #505050;
							width: 59px;
							/*width: 42px;*/
							text-align: center;
							border: 1px solid #fff;
    						transition: 0.3s ease all;
						}
						
						.subscribe_in label:hover{
							background: #333;
    						transition: 0.3s ease all;
						}	
		
	
@media (max-width: 1281px){
	/*版腳左*/
	.footerLeft {
		width:500px;
	}
		span.fL_infoNameTit {
			padding-bottom:0px;
			margin: 0px 0px -3px;
		}
}


@media (max-width: 1023px){
	/*版腳左*/
	.footerLeft {
		float:none;
		width:auto;
		padding-top:15px;
	}
	/*版腳右*/
	.footerRight {
		float:none;
		width:auto;
	}
	.footerRight img{
		float:none;
		
	}
	
		/*版腳右主按鍵*/
		.footerRight_navbar {
			text-align:center;
		}
			.fR_nav {
				width:24.8%;
				box-sizing: border-box;
			}
				.fR_nav a {
					padding: 8px 6px;
				}

	/*訂閱列*/
	.subscribe_area{
		padding-bottom: 15px;
	}			

}
		
@media (max-width: 641px){
	/*返回最上面*/
	.topBtn {
		position: relative;
		/* bottom: 36px !important; */
		bottom: 0px !important; /*modify by Ray 20210922*/
		right: 0px;
	}
		.topBtn a {
			border-radius: 0px;
			width: auto;
			border: none;
			background: #707070;
			color: #fff !important;
			padding: 21px 0px 0px;
			height: 42px;
		}
			.topBtn a:before {
				top:10px;
				left: 50%;
				border-bottom-color: #fff !important;
				margin: 0px 0px 0px -4px;
			}
	
	/*版腳左*/
	.copyright {
		font-size:12px;
		line-height:20px;
	}
	
	/*版腳右主按鍵*/
	.footerRight_navbar {
		display:none;
	}
	
	
	/*訂閱列標題*/
	.subscribe_tit{
		/*modify by pekey 20180305*/
		padding-bottom:10px;
	}

	/*訂閱列搜尋框*/
	.subscribe_in{
		width: 100%;
		box-sizing:border-box;
	}
}

@media (max-width: 426px){
					
	/*訂閱列*/
	.subscribe_area , .subscribe_in{
		display:inherit;
	}
	
	/*訂閱列標題*/
	.subscribe_tit{
		/*padding-bottom:10px;*/ /*modify by pekey 20180305*/
	}
	
}





/*///////////////////////////*/
/*------- 社群連結區塊 --------*/
/*///////////////////////////*/		

.sns_linkBg {
	float: left;
	padding: 15px 0px 0px;
}

	.sns_linkBg .list_area{
		/* margin: 0px -5px; */
	}
		
		.sns_linkBg .list {
			/* display: inline-block;
			vertical-align: top; */

			float: left;
			width: 50px;
    		padding: 0px 5px;
			box-sizing: border-box;
		}

			.sns_linkBg .list  a {
				display: block;
				transition: 0.3s ease all;
				text-decoration: none;
				border-radius: 100%;
				background: #888888;
				padding: 7px;
			}
		
				.sns_linkBg .list a img {
					width: 100%;
					height: auto;
					/* opacity: 0.7; */
					transition: 0.3s ease all;
				}
				
				/* hover */
				.sns_linkBg .list a:hover {
					opacity: 0.7;
				}






/*
     FILE ARCHIVED ON 9:03:24 六月 25, 2025 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 4:43:08 五月 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)).
*/