@CHARSET "UTF-8";

@font-face{
	font-family: 'UniversusSans';
	src:url('/fonts/universus-sans/UniversusSans-Regular.woff2') format("woff2"),
		url('/fonts/universus-sans/UniversusSans-Medium.woff2') format("woff2"),
		url('/fonts/universus-sans/UniversusSans-Bold.woff2') format("woff2");

}



body{
	
	
	font-family: "UniversusSans", "sans-serif";
	/*font-family: "UniversusSans", "sans-serif","黑體-繁","Microsoft JhengHei","微軟正黑體", sans-serif;*/
	
	
    background-color: #f4f4f4;
	
	margin:0;
	padding:0;
	/*
	background:url("/images/bg.jpg") no-repeat;*/
	/*background:url("/images/bg_fireworks.png") no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 0 0 ;*/
	/*cover contain */ /*webb*/
}
*{
	font-family: "UniversusSans", "sans-serif";
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-content-zooming: none;
    -webkit-text-size-adjust: none;
}

/* width */
.full_project_container::-webkit-scrollbar ,
body::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.full_project_container::-webkit-scrollbar-track ,
body::-webkit-scrollbar-track {
  background: #f1f1f1;
  background: #CFCFCF;
}

/* Handle */
.full_project_container::-webkit-scrollbar-thumb ,
body::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.full_project_container::-webkit-scrollbar-thumb:hover ,
body::-webkit-scrollbar-thumb:hover {
  background: #555;
}



header{
	width:100%;
	/*position:fixed;
	top:0;
	left:0;*/
	
	z-index:500;
	border:0px solid orange;
	
	
	background: rgb(217,217,217);
	background: linear-gradient(180deg, rgba(217,217,217,1) 0%, rgba(217,217,217,0.30575980392156865) 35%, rgba(0,0,0,0) 100%);

	
}




#cover,
.cover{
	width:100%;
	height:100%;
	display:block;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	
	background: #FFF;
	z-index:9999;
}


/*
.cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	background: #f4f4f4;
	background: #FFF;
	z-index:1000;
	
	
}
*/

#cover img,
.cover img{
	width:75px;
	height:auto;
	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border:0px solid red;
}

.cover_logo{
	
	
	/*animation: cover_logo 3s infinite;*/
	
}


@keyframes cover_logo {
  0% {
    transform: translateY(0);
	
	
  }
  
  50%{
    transform: translateY(-30px);
	
  }
  60%{
    transform: translateY(30px);
	
  }
  
  100% {
    transform: translateY(0);
	
  }
}





.layout_flex {
    width: 80%;
    margin: 0 auto;

	
	display:flex;
	/*flex-direction: row;*/
	flex-direction: row;
	
	flex-wrap: wrap;
	justify-content:  space-between ;
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items: center ;
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	
	/*
	align-self:  單行
	align-content:   多行版本
	flex-start | flex-end | center | space-between | space-around | stretch;
	*/
	
	/*width:auto;*/
	margin:0 auto;

	border:0px solid skyblue;
	
}

.layout_flex>div>div{
	padding:39px 0px 20px 0px ;
	

}

.layout_right_flex{
	
	display:flex;
	/*flex-direction: row;*/
	flex-direction: row;
	
	flex-wrap: nowrap;
	justify-content:  center ;
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items: bottom ;
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	
	/*
	align-self:  單行
	align-content:   多行版本
	flex-start | flex-end | center | space-between | space-around | stretch;
	*/

	width:fit-content;
	font-size:1.2em;
	font-weight:;
	
	
	
}

.layout_right_flex>div>div{
		padding:20px 0px 20px 0px ;
	
	
}

.menu_link{
	border-bottom:0px solid #f4f4f4;
	text-decoration:none;
	color:inherit;
	cursor:pointer;
	display:block;
	width:fit-content;
	letter-spacing:1.3px;
	
}


.menu_link_focus{
	opacity:1;
	border-bottom:2px solid #000;
	
}
.menu_link_Unfocus{
	opacity:0.5;
	
	
}


.menu_link svg{
	vertical-align:middle;
	margin-top:-1px;
	pointer-events:all;
}



.logo_rwd{
	/*display:none;*/
	width:auto;
	margin:0 auto;
}



.layout_flex h1{
	
	font-size:1.2em;
	font-weight:400;
}



footer{
	position:fixed;
	
	z-index:1200;
	background:#000;
	
	color:#FFF;
	
	width:100%;
	
	bottom:0;
	left:0;
	
}




.footer_flex{
	

	display:flex;
	/*flex-direction: row;*/
	flex-direction: row;
	
	flex-wrap: nowrap;
	justify-content:  space-between ;
	/*justify-content: flex-start | flex-end | center | space-between | space-around;*/
	
	align-items:  flex-end;
	/*align-items: flex-start | flex-end | center | baseline | stretch;*/
	
	/*
	align-self:  單行
	align-content:   多行版本
	flex-start | flex-end | center | space-between | space-around | stretch;
	*/
	
	width:90%;
	
	margin:0 auto;
	font-size:12pt;
	
	
}


.footer_flex>div{
	
	/*padding:15px 50px 15px 50px;*/
	border:0px solid red;
	
}


.footer_flex>div>div{
	
	/*padding:15px 50px 15px 50px;*/
	padding: 15px 0 7px 0 ;

	
}
	
.footer_close_bottom{
	display:block;
		
		
}

.copyright{
	font-size:13px;
	
}

/********************* chatgpt ***************************/

.nav {
  position: relative; /* 讓 menu_box 的絕對定位以它為基準 */
  display: inline-block;
}

/* 按鈕樣式 */
.nav_menu_btn {
  font-size: 26px;
  background: none;
  border: none;
  cursor: pointer;
  color:#A9A9A9;
}

/* 下拉選單（預設隱藏，浮在按鈕下方） */
.menu_box {
  position: absolute;
  top: 100%;          /* 放在按鈕底下 */
  right: 0;
  width: 160px;
  background: #f7f7f7;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  overflow: hidden;
  opacity: 0;
  pointer-events: none;    /* 不可點擊（隱藏時） */
  transform: translateY(-10px);
  transition: all 0.3s ease;
  z-index: 999; /* 確保浮在最上層 */
}

/* 顯示狀態 */
.nav.active .menu_box {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

/* 連結樣式 */
.menu_link {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  color: #333;
  transition: background 0.2s;
  width:100%
}

.menu_link:hover {
  background: #e6e6e6;
}

/********************* chatgpt ***************************/


@media (max-width: 1024px) {
	
	
	header{
		
		position:static;
		top:none;
		left:none;
	
		
	}
	#siteseal{
		display:block;
		width:fit-content;
		margin:0 auto;
		margin-top:3px;
		
	}
	
	
	header h1{
		display:none;
		
	}
	
	.logo_rwd{
		display:block;
		width:auto;
	}
	
	
	
	.layout_right_flex{
		justify-content: center ;
		font-size:18px;
	}
	.layout_right_flex>div>div{
		padding:10px 10px 10px 10px;
		
		
	}
	
	
	footer{
		display:none;
		
		
	}
	/*
	.footer_flex{
		font-size:12pt;
		
	}*/

	/*.footer_flex{
		width:100%;
		justify-content: center ;
	}*/
	.footer_flex>div:first-child{
		display:;
	}
	
	.footer_flex>div>div{
	
		padding:10px 5px 5px 5px;
	
	}
	
	
	
}

@media (max-width: 1024px)
and (orientation:landscape) {
	
	
	
}


/* iPad in portrait  */
@media all 
and (device-width: 768px) 
and (device-height: 1024px) 
and (orientation:portrait)
,
(device-width: 1024px) 
and (device-height: 1366px) 
and (orientation:portrait)
{
	
	
}


/* iPad in landscape */
@media all  
and (device-width: 1024px) 
and (device-height: 768px) 
and (orientation:landscape)
,
(device-width: 1366px) 
and (device-height: 1024px) 
and (orientation:landscape)
{
	
}