@media (min-width: 1px) {
body {
	overflow: hidden;
	
}
.home-background {
	width: 100%;
	height:  100%;	
	# background-image: linear-gradient(to bottom, rgba(64, 126, 197, 0), #073573 46%, #000e21);
	#background-image: linear-gradient(to bottom, rgba(64, 126, 197, 0), #073573 38%, #000e21);
	   background-color: #000f21;
}
 
.home-header { 
}

.home-body {
	height: calc(100% - 55px);	
	overflow: auto;
}
/*
.RectangleDiv1{
	position:absolute;	 
	height:20vh;
	width:50vh;
	#height:20%;
	#width:50%; 
	opacity: 0.91; 
	top:20%; 
	left:50%; 
  transform: translate(-50%, -50%); 
  #min-width:200px; 
}*/

.RectangleDiv1{
	position:absolute;	 
	height:20%;
	width:80%; 
	opacity: 0.91; 
	top:20%; 
	left:50%; 
  transform: translate(-50%, -50%); 
}

.RectangleDiv1 .rel{
	position: relative; 
}

.RectangleDiv1 .post{
	position: relative; 
}

.pane { 
} 

thead th, tbody td {
    #width: 70px;
	height: 20px;
	padding:0px 0px 0px 0px ;
	line-height:0px;
	background-color: #ffffff;
}
table {
    text-align: center;
    #margin: auto;
	background-color: #ffffff;
}


.tablepp1{
	  font-family: PingFangTC;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}


.tablepp2{   
font-family: NotoSansCJKtc;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #c7893e;
}
.tablepp3{ 
  font-family: NotoSansCJKtc;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #c7893e;
}
.tablepp4{   
font-family: NotoSansCJKtc;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #262626;
}
.tablepp5{ 
  font-family: NotoSansCJKtc;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #262626;
}
.tablepp6{ 
  font-family: NotoSansCJKtc;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6d7278;
}
.tablepp7{ 
  font-family: NotoSansCJKtc;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #6d7278;
}

/*

.apDiv1 {
z-index:1; 
}
.apDiv1 .rel {
position: relative; 
}
.apDiv1 .post {
position: absolute; 
}
*/


    .slider {
        width: 50%;
        margin: 100px auto;
    }

    .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }
	
	

.aaa{ 

	width: 100%;
	height: 100% !important;
  
	background-color: #405065;	 
} 

.bbb{ 

	width: 100%;
	height: 95px !important;
  
	background-color: #405065;	 
} 
.color405{	
  width: 44px;
  height: 43.1px;	   
  
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
    max-width:100%;
    max-height:H; 
    margin:auto;
}

.banner-img {
	width: 100%;
	height: 100% !important;
}
.banner2-img {
	width: 100%;
	height: 95px !important;
}
.banner-youtube-img {
	position:absolute;
	width:90px;
	height:70px;
	left:calc(50vw - 45px);
	top:79px;
}
.banner-btn.active {
	width: 8px !important;
	height: 8px !important;
	background-color: #ffffff !important;
	border:0;
	margin:0 7.5px;
}
.white{
	background-color: #ffffff !important;
	border-radius: 0px 0px 4px 4px;
	 padding-bottom: 5px;
}
.pp1{
	  font-family: PingFangTC;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.pp2{
  font-family: NotoSansCJKtc;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #262626;
}

.pp3{
  font-family: PingFangTC;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff;
}

.banner-btn {
	width: 8px !important;
	height: 8px !important;
	background-color: #d8d8d8 !important;
	border:0;
	margin:0 7.5px;
	border-radius:4px;
}
.carousel-indicators li{
	border:0;
	margin:0 7.5px;
}
.carousel-indicators{
	bottom:8px;
}
.article {
	#margin:5px 8px;
}
.title {
	margin:0px 0px 5px 15px;
	
	  font-family: PingFangTC;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; 
}
.inner-text {
	font-family: NotoSansCJKtc;
	font-size: 17px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: -0.1px;
	color: #5b5a59;
	margin: 5px 0;
}
.slogan {
	margin:7px 0px 0px 16px ;
	
position:relative;
bottom:-10px;
	  font-family: PingFangTC;
  font-size: 15px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; 
}
 
 
 
 

}


@media (min-width: 375px) {
	


}

@media (min-width: 376px) {
	 

}

@media (min-width: 580px) {
	 


}

@media (min-width: 768px) {

}
@media (min-width: 1040px) {

}