body{
	background: linear-gradient(#effaff 0%, #daf2fd 100%);
	margin:0;
	padding: 0;
	height:inherit;
	max-height:100%;
	min-width:850px;
	overflow-x: hidden;
	}
/* 加载动画的样式 */
    .loading {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100vh;
	  overflow-y: hidden;
    }

    .loading .spinner {
      width: 40px;
      height: 40px;
      border: 4px solid #f3f3f3;
      border-top: 4px solid #3498db;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }

    /* 动画的关键帧 */
    @keyframes spin {
      0% {
        transform: rotate(0deg);
      }
	  100% {
        transform: rotate(720deg);
      }  
    }
     /* 图片或视频的样式 */
    .media {
	  display:none;
    opacity: 0; /* 默认透明 */
    transition: opacity 2s ease-in-out; /* 过渡效果 */
    }
	  .media.show {
      opacity: 1; /* 渐变显示 */
    }
a:link {
	text-decoration: none;
	  }
	  
/*更多資訊*/	
#more {display: none;}  
/*標題*/
.top-of-page{
	position:relative;
	max-width:95%;
	margin-bottom: 10px auto;
	min-width: 900px;
	overflow: hidden;
	}
table{
	border:none;
	background-color:#FFF;
	}
th{
	border:none
		}
ul{
	list-style-type: none;
	margin: 0;
	padding: 1;
	overflow: hidden;
}
li{
	float: left;

}

li a {
	color:#000;
	padding:16px 18px;
	display: inline-block;
	text-decoration:none;
}
li>a.active{
		background-color:#CCC;
}

li>a:hover:not(a.active),
.dropbtn:hover {
	background-color:#555;
}

.dropdown-content {
	display:none;
	position:absolute;
	background-color:#f9f9f9;
	min-width:100px;
	box-shadow : 0 8px 16px rgba(0,0,0,.2);
	z-index:100;}

.dropdown-content a{
	color:blcak;
	display: block;
	
}

.dropdown-content a:hover {
     background-color: #f1f1f1;
     color: deepskyblue;
 }
.dropdown:hover .dropdown-content {
     display: block;
}

/*內容*/
h2{
	user-select: none;
}
h6{
	user-select: none;
}
.content{
	max-width: 1200px;
	background-color: #daf2fd;
	min-height: 980px;
	margin: 0 auto;
	position: relative;
	padding: 0;
	border:0;
}
.content h2{
	width: 100%;
}
.content-background{
	background-color: #daf2fd;
}
/*下蛓按鈕*/
.download-button-setup{
	position: relative;
	left: 5%;
	background-color: #72717191;
	border-radius: 5px;
	width: 350px;
	min-height: 160px;
	max-height: 350px;
	margin: 0 auto;
}
.download-button-setup h2{
	color:#effaff;
	margin: 10px auto;
	width: 50%;
	background-color: #01e056;
	text-align: center;
}
#version{
	color:#95d3d0;
	padding: 0;
	margin: 0;
}
.download-button-setup h6{
 	width: 80%;
	margin: 15px auto;
	padding: 8px;
	text-align: center;
}

.download-button {
	position: relative;
	border-width: 0;
	color: white;
	font-size: 15px;
	font-weight: 600;
	border-radius: 4px;
	z-index: 2;
	display: flex;
	margin: 0 auto;
   }
   
   .download-button .docs {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 40px;
	padding: 0 10px;
	border-radius: 4px;
	z-index: 2;
	background-color: #242a35;
	border: solid 1px #e8e8e82d;
	transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
   }
   
   .download-button:hover {
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
   }
   
   .download {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 70%;
	max-height: 95%;
	margin: 5px auto;
	z-index: -1;
	border-radius: 4px;
	transform: translateY(0%);
	background-color: #01e056;
	border: solid 1px #01e0572d;
	transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);
   }
   
   .download-button:hover .download {
	transform: translateY(100%)
   }
   
   .download svg polyline,.download svg line {
	animation: docs 1s infinite;
   }
   
   @keyframes docs {
	0% {
	 transform: translateY(0%);
	}
   
	50% {
	 transform: translateY(-15%);
	}
   
	100% {
	 transform: translateY(0%);
	}
   }