body {
        opacity: 0;
        animation: fadeIn 0.3s ease-in-out forwards;
    }

    /* 漸現動畫 */
    @keyframes fadeIn {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
/*menu*/
header.header-nav.menu_style_home_one .ace-responsive-menu > li > a, header.header-nav.menu_style_home_three .ace-responsive-menu > li > a, header.header-nav.menu_style_home_four .ace-responsive-menu > li > a, header.header-nav.menu_style_home_five .ace-responsive-menu > li > a, header.header-nav.menu_style_home_six .ace-responsive-menu > li > a, header.header-nav.menu_style_home_seven .ace-responsive-menu > li > a, header.header-nav.menu_style_home_eight .ace-responsive-menu > li > a {
font-family: 'Nunito', sans-serif;
padding: 38px 16px 15px 10px;
}

header.header-nav.menu_style_home_one.style2 .ace-responsive-menu li a {
    color: #ffffff;
}
		
@media only screen and (max-width: 1160px) {
    header.header-nav.menu_style_home_one .ace-responsive-menu > li > a {
        padding: 27px 1px 5px 15px;
    }
    header.header-nav.menu_style_home_one.style2 .ace-responsive-menu li a {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1160px) and (max-width: 1310px) {
	header.header-nav.menu_style_home_one .ace-responsive-menu > li > a {
		35px 1px 15px 20px;
	}
	header.header-nav.menu_style_home_one.style2 .ace-responsive-menu li a {
		font-size: 16px;
	}
}

/*星星*/
.star_text{
	position: relative;
	top:-6px;
	font-weight: 100;
	color: #666;
	font-size: 14px;
}
.star-rating {
	font-size: 22px;
	display: inline-flex;
	position: relative;
	top:-5px;
}

.star {
	color: #d3d3d3; /* 灰色表示未選中的星星 */
	margin: 0 2px;
	position: relative;
}

.star::before {
	content: "★";
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	overflow: hidden;
	color: #ffd700; /* 黃色表示選中的星星 */
	
}

.border-radius{
	border-radius:5px;
}

/* 設定整數和半顆星星 */
.star-rating[data-rating="0.5"] .star:nth-child(1)::before { width: 50%; }
.star-rating[data-rating="1"] .star:nth-child(1)::before { width: 100%; }
.star-rating[data-rating="1.5"] .star:nth-child(1)::before { width: 100%; }
.star-rating[data-rating="1.5"] .star:nth-child(2)::before { width: 50%; }
.star-rating[data-rating="2"] .star:nth-child(1)::before,
.star-rating[data-rating="2"] .star:nth-child(2)::before { width: 100%; }
.star-rating[data-rating="2.5"] .star:nth-child(1)::before,
.star-rating[data-rating="2.5"] .star:nth-child(2)::before { width: 100%; }
.star-rating[data-rating="2.5"] .star:nth-child(3)::before { width: 50%; }
.star-rating[data-rating="3"] .star:nth-child(-n+3)::before { width: 100%; }
.star-rating[data-rating="3.5"] .star:nth-child(-n+3)::before { width: 100%; }
.star-rating[data-rating="3.5"] .star:nth-child(4)::before { width: 50%; }
.star-rating[data-rating="4"] .star:nth-child(-n+4)::before { width: 100%; }
.star-rating[data-rating="4.5"] .star:nth-child(-n+4)::before { width: 100%; }
.star-rating[data-rating="4.5"] .star:nth-child(5)::before { width: 50%; }
.star-rating[data-rating="5"] .star:nth-child(-n+5)::before { width: 100%; }

.form_star-rating {
	position: relative;
	display: inline-flex;
	cursor: pointer;
	font-size: 30px;
	top:-12px;

}

.form_star {
	color: #ccc; /* 灰色表示未選中 */
	transition: color 0.2s;
}

.form_star.active {
	color: #fdb801; /* 黃色表示選中 */
}


/*最新消息&檔案下載*/
.file-list {
	padding: 20px;
	border-radius: 12px;
}

.file-item {
	display: flex;
	align-items: center;
	padding: 15px 15px;
	border-radius: 8px;
	background-color: #ffffff;
	transition: background-color 0.3s;
	position: relative;
	overflow: hidden;
}

.file-item:not(:last-child) {
	margin-bottom: 10px;
}

.file-item:hover {
	background-color: #eef7ff; /* 滑鼠懸停時背景色變化 */
}

.file-icon {
	font-size: 24px;
	color: #007bff;
	margin-right: 15px;
}

.file-title {
	font-size: 16px;
	font-weight: 300;
	color: #343a40;
	flex-grow: 1;
}

.file-title:hover {
	text-decoration:none;
	color: #007bff;
}

.file-date {
	font-size: 14px;
	color: #6c757d;
	margin-left: 20px;
	white-space: nowrap;
}

.file-item::before {
	content: '';
	width: 4px;
	height: 100%;
	background-color: #007bff;
	position: absolute;
	left: 0;
	top: 0;
	transition: width 0.3s;
}

.file-item:hover::before {
	width: 8px;
}
/*最新消息&檔案下載*/

.truncate_2 {
	display: -webkit-box; /* 使用 flexbox 來實現多行文本的截斷 */
	-webkit-box-orient: vertical; /* 垂直方向的排列 */
	-webkit-line-clamp: 2; /* 限制行數為 2 行 */
	overflow: hidden; /* 隱藏超出的內容 */
	text-overflow: ellipsis; /* 使用省略號顯示超出部分 */
	text-align: justify;
}
.truncate_3 {
	display: -webkit-box; /* 使用 flexbox 來實現多行文本的截斷 */
	-webkit-box-orient: vertical; /* 垂直方向的排列 */
	-webkit-line-clamp: 3; /* 限制行數為 2 行 */
	overflow: hidden; /* 隱藏超出的內容 */
	text-overflow: ellipsis; /* 使用省略號顯示超出部分 */
	text-align: justify;
}

.aboutus-title {
	position: relative; /* 設定為定位基準 */
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.aboutus-title::after {
	background: #DC3545; /* 黃色底線 */
	bottom: -10px; /* 底部對齊 */
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	width: 100px; /* 控制底線長度 */
}
.title{
	position: relative;top:-11px;
}


.intro-container {
	padding: 10px 10px;
	background-color: #f5f5f5;
	border-left: 5px solid #DC3545;
	margin-bottom: 10px;
	color: #000;
	border-radius: 5px;
}
.intro-container span {
	color: #666;
	font-size: 14px;
}
.btn-thm1 {								
	  background-color: #ffffff;
	  border-color: #DC3545;
	  color: #DC3545;
}
.btn-thm1:hover{
	  background-color: #DC3545;
	  border-color: #DC3545;
	  color: #fff;
}
.btn-thm1_ch {
  background-color: #DC3545;
  border: 2px solid #DC3545;
  border-radius: 5px;
  color: #ffffff;							  
}
.btn-thm1_ch:hover {
  background-color: #DC3545;
  border: 2px solid #DC3545;
  border-radius: 5px;
  color: #ffffff;
}

.a_top_icon {
	padding-right: 5px;
}

.a_top_icon:hover { 
	-webkit-filter: grayscale(50%); /* Safari */
    filter: grayscale(50%);
}
.a_footer_icon {
	opacity:1;
	filter:alpha(opacity=100); /*  IE8 及更早的版本 */  
}

.a_footer_icon:hover { 
	opacity:0.8;
	filter:alpha(opacity=80); /*  IE8 及更早的版本 */  
}

.menu_top{
	padding: 5px 60px;	
}



/*上下頁按鈕*/

.card-header {
transition: background-color 0.5s ease, border-bottom 0.5s ease;
border: 6px solid #CCCCCC;
padding: 10px;
background: #F9F9F9;
}
.card-header:hover {

}


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

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


/*分頁樣式表*/

.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: #EA5222 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #EA5222 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 2px; BORDER-LEFT: #EA5222 1px solid; COLOR: #EA5222; PADDING-TOP: 5px; BORDER-BOTTOM: #EA5222 1px solid; TEXT-DECORATION: none;border-radius: 5px;

}

.page A:hover {

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

}

.page A:active {

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

}

.page SPAN.current {

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

}

.page SPAN {

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

BACKGROUND-COLOR: #C54403;border-radius: 5px;

}
.feat_property .thumb img {
    opacity: 0.8; /* 預設透明度 */
    transition: opacity 0.3s ease-in-out; /* 增加過渡效果 */
}

.feat_property:hover .thumb img {
    opacity: 1; /* 滑鼠移入時變為不透明 */
}
.img_19-7 {
	width: 100%; 
	height: 100%; 
	object-fit: cover;   /* 裁切多餘部分，保持圖片比例 */
	aspect-ratio: 19 / 7; /* 設定統一比例，這裡以16:9為例 */
}
.img_12-8 {
	width: 100%; 
	height: 100%; 
	object-fit: cover;   /* 裁切多餘部分，保持圖片比例 */
	aspect-ratio: 12 / 8; /* 設定統一比例，這裡以16:9為例 */
}
.img_6-4 {
	width: 100%; 
	height: 100%; 
	object-fit: cover;   /* 裁切多餘部分，保持圖片比例 */
	aspect-ratio: 6 / 4; /* 設定統一比例，這裡以16:9為例 */
}
.img_16-9 {
	width: 100%; 
	height: 100%; 
	object-fit: cover;   /* 裁切多餘部分，保持圖片比例 */
	aspect-ratio: 16 / 9; /* 設定統一比例，這裡以16:9為例 */
}
.img_10-7 {
	width: 100%; 
	height: 100%; 
	object-fit: cover;   /* 裁切多餘部分，保持圖片比例 */
	aspect-ratio: 10 / 7; /* 設定統一比例，這裡以16:9為例 */
}
.img_people {
	  width: 100%; 
    height: 100%; 
    object-fit: cover;
    object-position: top center; /* 保留上方，從下方裁切 */
    aspect-ratio: 10 / 10;
}