@charset "utf-8";
.text_justify{
	text-align: justify;
}

.bg_light{
		background: rgba(0, 0, 0, 0.8); /* 白色背景，透明度 0.5 */
	}
.truncate_3 {
	display: -webkit-box; /* 使用 flexbox 來實現多行文本的截斷 */
	-webkit-box-orient: vertical; /* 垂直方向的排列 */
	-webkit-line-clamp: 3; /* 限制行數為 2 行 */
	overflow: hidden; /* 隱藏超出的內容 */
	text-overflow: ellipsis; /* 使用省略號顯示超出部分 */
	text-align: justify;
}
/* 最新消息高度排版用 */
@media (min-width: 767px) {
        .flex-container {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
        }

        .flex-container article {
            display: flex;
            flex-direction: column;
        }

        .flex-container .post {
            flex-grow: 1;
        }
    }
/* 最新消息高度排版用 */

.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_gl:link {
	color: #666 !important;
	text-decoration: none;
}

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

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

.menu_gl:hover {
	color: #98272D !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;
}

.txt_greed{
	color: #62a403;
}
.txt_wt{
	color: #fff;
}
.txt_red{
	color: #98272D !important;
}

/* 初始样式：隐藏白边 */
.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;

}

/*分頁樣式表*/

	/*分頁樣式表*/

.page{font-family:Tahoma; font-size:16px;}
	
.pages {

  PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: center;

}

.page A {

  BORDER-RIGHT: #060606 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #060606 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #060606 1px solid; COLOR: #060606; PADDING-TOP: 5px; BORDER-BOTTOM: #060606 1px solid; TEXT-DECORATION: none;border-radius: 5px;

}

.page A:hover {

  BORDER-RIGHT: #060606 1px solid; BORDER-TOP: #060606 1px solid; BORDER-LEFT: #060606 1px solid; COLOR: #fff; BORDER-BOTTOM: #060606 1px solid; BACKGROUND-COLOR: #060606;

}

.page A:active {

  BORDER-RIGHT: #060606 1px solid; BORDER-TOP: #060606 1px solid; BORDER-LEFT: #060606 1px solid; COLOR: #fff; BORDER-BOTTOM: #060606 1px solid; BACKGROUND-COLOR: #060606;

}

.page SPAN.current {

  BORDER-RIGHT: #060606 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #060606 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #060606 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #060606 1px solid; BACKGROUND-COLOR: #060606;

}

.page SPAN {

  BORDER-RIGHT: #98272D 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #98272D 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #98272D 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #98272D 1px solid;

BACKGROUND-COLOR: #98272D;border-radius: 5px;

}



/*上下頁*/
.card-title{
	padding: 20px;
	padding-bottom: 0px;
	}
.pic_border-radius{
	border-radius: 10px;
}
.card_bt{
	border-radius: 10px;
	background: #464646;
	cursor:pointer;
	-webkit-filter:sepia(0);
	transition: all .5s;
	min-height: 120px;
	padding: 0 15px;
}
.card_bt:hover{
	background: #080808;
	-webkit-filter:sepia(0);
	transition: all .5s;
}	


.card-text{
	  font-size: 18px;
	  line-height: 150%;
  }
@media (max-width: 1200px) {
	.card-title{
	  font-size: 16px;
  }
	.card-text{
	  font-size: 15px;
  }
}


.return_btn{
	border-radius: 50px;
	height: 55px;
	font-size: 15px;
	letter-spacing: -.27px;
	line-height: 57px;
	padding: 0px 34px;
}

.logo_img{
	max-width: 200px !important;
	position: relative;
	top: -5px;
}

/* 當解析度為 1200px 到 1399px */
@media screen and (max-width: 1399px) and (min-width: 1200px) {
   .logo_img{
		max-width: 150px !important;
	}
}

/* 當解析度為 1199px 到 770px */
@media screen and (max-width: 1199px) and (min-width: 991px) {
	.logo_img{
		max-width: 150px !important;
	}
	
}

/* 當解析度為 769px 以下 */
@media screen and (max-width: 990px) {	
    .logo_img{
		max-width: 120px !important;
		top: 0px;
	}
	.page_header [class*="container"] {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
	}
	/* 按鈕手機時變小*/
	 .button_mob {
    font-size: 16px;
    font-weight: 300; 
    padding: 15px 40px;		 
	}
	/* 按鈕手機時變小*/
	 .txt_mob {
    font-size: 18px !important;	 
	}
}

.to_animate {
    visibility: hidden; /* 預設隱藏 */
    opacity: 0; /* 使用opacity進行淡入動畫 */
    transition: opacity 0.5s ease-out; /* 漸變效果 */
}

.to_animate.animated {
    visibility: visible; /* 變為可見 */
    opacity: 1; /* 淡入效果 */
}