@charset "utf-8";
.menu_wt:link {
	color: #ffffff;
	text-decoration: none;
}

.menu_wt:visited {
	color: #ffffff;
	text-decoration: none;
}

.menu_wt:active {
	color: #ffffff;
	text-decoration: none;
}

.menu_wt:hover {
	color: #cccccc;
	text-decoration:underline;
}
.menu_blue:link {
	color: #4472C4;
	text-decoration: none;
}

.menu_blue:visited {
	color: #4472C4;
	text-decoration: none;
}

.menu_blue:active {
	color: #4472C4;
	text-decoration: none;
}

.menu_blue:hover {
	color: #fff;
	text-decoration:none;
}
.menu_gl:link {
	color: #a4a4a4 !important;
	text-decoration: none;
}

.menu_gl:visited {
	color: #a4a4a4 !important;
	text-decoration: none;
}

.menu_gl:active {
	color: #a4a4a4 !important;
	text-decoration: none;
}

.menu_gl:hover {
	color: #62a403 !important;
	text-decoration:none;
}
.more_bt:link {
	font-weight: 900;
	color: #447E03;
	text-decoration: none;
}

.more_bt:visited {
	color: #447E03;
	text-decoration: none;
}

.more_bt:active {
	color: #447E03;
	text-decoration: none;
}

.more_bt:hover {
	color: #62a403;
	text-decoration:none;
}
.a_green:link {
	font-weight: 900;
	color: #00B900;
	text-decoration: none;
}

.a_green:visited {
	color: #00B900;
	text-decoration: none;
}

.a_green:active {
	color: #00B900;
	text-decoration: none;
}

.a_green:hover {
	color: #fff;
	text-decoration:none;
}

.txt_greed{
	color: #62a403;
}
.txt_wt{
	color: #fff;
}
.txt_gl{
	color: #9b9b9b;
}
/* 初始样式：隐藏白边 */
.a_icon {

	  transition: filter 0.3s; /* 添加过渡效果 */

}

/* 鼠标悬停时显示白边 */
.a_icon:hover {
	filter: brightness(0.7); /* 减小亮度以变淡图像 */
}

/* 图像初始样式：不反白 */
.a_icon img {
	transition: filter 0.3s; /* 添加过渡效果 */
}

/* 鼠标悬停在图像上时反白图像 */
.a_icon:hover img {
	filter: brightness(1.2); /* 增加亮度以反白图像 */
}

/* CSS Document */

.image-jump:hover{
	position: relative;
	top:-2px;
}
/* 创建一个包装图像的容器 */
.image-container {
  position: relative;
  overflow: hidden;
}

/* 图像的初始样式 */
.image-container img {
  max-width: 100%;
  height: auto;
  transition: transform 0.5s, opacity 0.5s;
}

/* 鼠标移入容器时的效果 */
.image-container:hover img {
  transform: scale(1.2); /* 缩放图像 */
  opacity: 1; /* 降低透明度 */
}


.justin_bt{
background: #62A403;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 900;
line-height: 27px;
border-radius: 30px;
height: 45px;
padding: 10px;
margin-top: 20px;
cursor:pointer;
}
.justin_bt:hover{
background: #258103;
color: #FFF;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0;
font-weight: 900;
line-height: 27px;
border-radius: 30px;
height: 45px;
padding: 10px;
margin-top: 20px;
cursor:pointer;
}
.star_box{
text-align: center;
color: #FFA900;
margin: 0 auto; display: flex;
justify-content: center;
font-size: 14px;
padding-bottom: 10px;

}

/*分頁樣式表*/

	.pages_web{font-family:Tahoma; font-size:16px;}
	
	.pages_web {
	
		PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center;
	
	}
	
	.pages_web A {
	
		BORDER-RIGHT: #4e6458 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #4e6458 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #4e6458 1px solid; COLOR: #4e6458; PADDING-TOP: 5px; BORDER-BOTTOM: #4e6458 1px solid; TEXT-DECORATION: none;border-radius: 5px;
	
	}
	
	.pages_web A:hover {
	
		BORDER-RIGHT: #4e6458 1px solid; BORDER-TOP: #4e6458 1px solid; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;
	
	}
	
	.pages_web A:active {
	
		BORDER-RIGHT: #4e6458 1px solid; BORDER-TOP: #4e6458 1px solid; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;
	
	}
	
	.pages_web SPAN.current {
	
		BORDER-RIGHT: #4e6458 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #4e6458 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #4e6458 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #4e6458 1px solid; BACKGROUND-COLOR: #4e6458;
	
	}
	
	.pages_web SPAN {
	
		BORDER-RIGHT: #253B2F 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #253B2F 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #253B2F 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #253B2F 1px solid;
	
	BACKGROUND-COLOR: #253B2F;border-radius: 5px;
	
	}	


/*上下頁*/
.card_bt{
	background: #253B2F;
	cursor:pointer;
	-webkit-filter:sepia(0);
	transition: all .5s;
	border-radius: 5px;
}
.card_bt:hover{
	background: #4B7E03;
	-webkit-filter:sepia(0);
	transition: all .5s;
}
.card-text{
	  font-size: 18px;
  }
@media (max-width: 770px) {
	.card-title{
	  font-size: 16px;
  }
	.card-text{
	  font-size: 15px;
  }
}
/*上下頁*/

.nav-item .nav-link-icon img {
	transition: filter 0.3s;
}

.nav-item .nav-link-icon:hover img {
	filter: brightness(0) invert(1);
}

.return_btn{
	border-radius: 50px;
	height: 55px;
	font-size: 15px;
	letter-spacing: -.27px;
	line-height: 57px;
	padding: 0px 34px;
}
.pic_border-radius{
	float:left;
	border-radius: 5px !important;
	margin-right: 6px;
	aspect-ratio:  16/12;
}

.overlay_banner{
	--bs-overlay-bg: linear-gradient(180deg, rgba(0,0,0, .01) 14.06%, rgba(0,0,0, .4) 70.2%);	
}




.H1_txt{
	font-size: 40px;
}

.page-lines {
    --bs-page-lines-bg: rgba(var(--bs-secondary-rgb),.0);
}

.shop-image-hover{
	left: calc(50% - 80px) !important;
	}

@media (max-width: 770px) {
	.shop-image-hover{
		left: calc(50% - 63px) !important;
	}
	.shop-image-wrapper .shop-image-hover .btn-sm {
		--bs-btn-font-size: 14px;
	}
}



.animate_fill_text{
	--bs-animate-fill-delay: 0.5s;
	font-size: 90px;
	font-weight: 500;
}


.banner_text{
	font-size: 100px;
	font-weight: 900;
}
.banner_text_tt{
	font-size: 100px !important;
	font-weight: 900;
}


/* 當解析度為 1200px 到 1399px */
@media screen and (max-width: 1399px) and (min-width: 1200px) {
    .animate_fill_text {
        font-size: 55px !important; /* 根據需要調整 */
        font-weight: 350 !important; /* 根據需要調整 */
    }
	.heading-title {
        font-size: 75px !important;
    }
	    .display-1 {
		top: 30px;
        font-size: 180px;
    }
	
	.banner_text{
	font-size: 70px;
	font-weight: 900;
	}
	.banner_text_tt{
	font-size: 80px !important;
	font-weight: 900;
	}
}

/* 當解析度為 1199px 到 770px */
@media screen and (max-width: 1199px) and (min-width: 770px) {
	
	.banner_text{
	font-size: 55px;
	font-weight: 900;
	}
	.banner_text_tt{
	font-size: 60px !important;
	}
}

/* 當解析度為 769px 以下 */
@media screen and (max-width: 769px) {
	
    .banner_text {
        font-size: 30px;
        font-weight: 900;
    }
	.banner_text_tt{
	font-size: 45px !important;
	}
}

.video__btn .video__player {
background-color: #4472C4;
}


.btn__secondary.btn__outlined .icon-arrow-right, .btn__secondary.btn__outlined .icon-arrow-left {
		color: #ffffff;
		background-color: #4472C4;
	}
 .btn__secondary.btn__outlined {
		background-color: transparent;
		border: 2px solid #4472C4;
		color: #4472C4;
	}

.btn__blue {
	background-color: #4472C4;
	color: #ffffff;
}
.btn__blue:hover {
	color: #ffffff;
}
.txt_shadow {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); /* 水平陰影、垂直陰影、模糊半徑、顏色 */
}
 .txt_justify {
	text-align: justify;
}
   #main{
	   position: relative;
	   top:-80px;
   }

   /* 當解析度為 992px 以下 */
@media screen and (max-width: 992px) {

	.banner_text {
		font-size: 30px;
		font-weight: 900;
	}
	.banner_text_tt{
	font-size: 45px !important;
	}
	 #main{
	   position: relative;
	   top:0px;
   }
}