@charset "utf-8";

/* CSS Document */

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	color: #000;

	font-family:微軟正黑體,Arial;	

	font-size:16px;

	background:#fff;

	background-position:top center;

	letter-spacing:0px;

}

.div_height {
  height: 30px;
}

@media screen and (max-width: 768px) {
  .div_height {
	height: 10px;
  }
}


/* 標題字加粗 */
.txt_tt_b{
   font-weight: bold;
   text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
/* 按鈕變黑 */
.btn-primary {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}
.btn-primary:hover {
	position:relative;
	top:1px;
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}

.btn-danger {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}
.btn-danger:hover {
    position:relative;
	top:1px;
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}

.btn-warning {
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}
.btn-warning:hover {
    position:relative;
	top:1px;
    color: #fff;
    background-color: #333333;
    border-color: #333333;
}
/* 按鈕變黑 */


.table_max{

	max-width:1920px;

}



.titel_tt{

	background:#445664;

	background-position:left center;

	color:#fff;

	padding: 7px 10px;

	margin-top: 0;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	border: 1px solid #445664;

	}

.money{

	font-family: Georgia, Times New Roman, Times, serif;

	font-size: 24px;

	font-weight: normal;

	color: #F4612B;

	text-decoration: none;

}

	

/* 按鈕選取設定*/

.tb_ch{

	cursor:pointer !important;

	background-color:#ffffff;

	}

.tb_ch:hover{

	background-color:#f6f6f6;

	}





.tb1{

	cursor:pointer !important;

	background-color:#fbfbfb;

	}

.tb1:hover{

	background-color:#f0f0f0;

	}



.tb1_ch{

	cursor:pointer !important;

	background-color:#f0f0f0;

	}

.tb1_ch:hover{

	background-color:#f0f0f0;

	}

	

		

.bt_chose	

{

	background-color:#000 !important;

	}

/*漸變

transition: [屬性] [變換持續時間] [變換效果] [延遲時間];

linear：均速

ease：很快→漸慢

ease-in：漸漸變快

ease-out：漸漸變慢

ease-in-out：漸快→慢下來→漸快

cubic-bezier( 0.1, 0.5 , 0.1 , 0.5)：其中的0.1及0.5可以調整成其他小數，這代表貝賽爾曲線的4個點值。

*/

*:link, *:visited, *:hover, *:active, *:focus ,  {

-o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;

-webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;

-moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;

transition: color .20s linear, background-color .20s linear, border-color .20s linear;

}





/*陰影*/

.shadow{

	text-shadow: 1px 1px 0px rgba(0,0,0,0.2);

}



/* 圖片導圓腳*/



.img_Fillet {

	-webkit-border-radius:5px;

	-moz-border-radius:5px;

	border-radius:5px;

}



/* 圖片超連結 位移*/



.a_img:hover {

	position:relative;top:1px;

}



.img_case:hover{

	opacity:0.8;

}

.img_case{

	opacity:1;

	}



/* 預載圖*/

.loader{

  background-image:url(images/left/bg_ch.jpg) no-repeat;

  background:url(images/left/bg_ch.jpg) no-repeat;

  margin-left:-10000px;

}



/*防撐破*/

.table {

table-layout: fixed;

word-wrap:break-word;

}



/*圖片自適應大小~去鋸齒*/

.img {

max-width: 600px; 

width:expression(this.width > 600 ? "600px" : this.width);

overflow:hidden;



-ms-interpolation-mode: bicubic;

}



.img_01{

    border:0px solid #aaa;

    padding:0px;

    margin-bottom:0px;

    margin-top:0px;

}





.input{

	font-size: 16px;

	width:98%;

	height:32px;

	text-indent:3px;

	text-decoration: none;

	background-color: #EAEAEA;

	border: 1px solid #dddddd;

}

.radio

{

	font-size: 16px;

	width:98%;

	height:20px;

	text-indent:3px;

	text-decoration: none;

	background-color: #EAEAEA;

	border: 1px solid #dddddd;

}

.input_footer{

	font-size: 14px;

	color: #666;

	width:100%;

	height:23px;

	text-indent:3px;

	text-decoration: none;

	background-color: #1d1d1d;

	border: 1px solid #666;

}

.input_read{

	font-size: 14px;

	color: #666666;

	width:100px;

	height:25px;

	text-indent:3px;

	text-decoration: none;

	background-color: #fff;

	border: 1px solid #cccccc;

}

.input_read:hover{

	font-size: 14px;

	color: #fff;

	width:100px;

	height:25px;

	text-indent:3px;

	text-decoration: none;

	background-color: #aaa;

	border: 1px solid #cccccc;

}

.input_green{

	font-size: 14px;

	color: #fff;

	width:100%;

	height:25px;

	text-indent:3px;

	text-decoration: none;

	background-color: #26ba04;

	border: 1px solid #197e01;

}

.input_green:hover{

	font-size: 14px;

	color: #fff;

	width:100%;

	height:25px;

	text-indent:3px;

	text-decoration: none;

	background-color: #197e01;

	border: 1px solid #197e01;

}	

.textarea{

	color: #7c7c7c;

	text-decoration: none;

	background-color: #EAEAEA;

	border: 1px solid #dddddd;

}

.money{

	font-family: Georgia, Times New Roman, Times, serif;

	font-weight: normal;

	text-decoration: none;

}

.txt_bold{

font-weight:bold;

}



.a_menu:link {

	color: #fff;

	text-decoration: none;

 	padding: 1px 10px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu:visited {

	color: #fff;

	text-decoration: none;

 	padding: 1px 10px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu:active {

	color: #fff;

	text-decoration: none;

 	padding: 1px 10px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu:hover {

	text-decoration: none;

 	padding: 1px 10px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #666;

	border-color: #333;

}



.a_menu2:link {
	font-weight:bold;
	font-size: 20px;

	color: #333;

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu2:visited {
	font-weight:bold;
	font-size: 20px;
	

	color: #333;

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu2:active {
	font-weight:bold;
	font-size: 20px;

	color: #333;

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu2:hover {
	font-weight:bold;
	font-size: 20px;

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #4F5F6F;

	border-color: #4F5F6F;

}





.a_menu2_ch:link {

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #4F5F6F;

	border-color: #4F5F6F;

}



.a_menu2_ch:visited {

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #4F5F6F;

	border-color: #4F5F6F;

}



.a_menu2_ch:active {

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #4F5F6F;

	border-color: #4F5F6F;

}



.a_menu2_ch:hover {

	text-decoration: none;

 	padding: 5px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #4F5F6F;

	border-color: #4F5F6F;

}





.top_bt:link {

	font-size:12px;

	text-decoration: none;

 	padding: 2px 4px;

	border-radius: 3px;

	color: #fff;

	background-color: #333;

	border-color: #333;

}



.top_bt:visited {

	font-size:12px;

	text-decoration: none;

 	padding: 2px 4px;

	border-radius: 3px;	

	color: #fff;

	background-color: #333;

	border-color: #333;

}



.top_bt:active {

	font-size:12px;

	text-decoration: none;

 	padding: 2px 4px;

	border-radius: 3px;	

	color: #fff;

	background-color: #333;

	border-color: #333;

}



.top_bt:hover {

	font-size:12px;

	text-decoration: none;

 	padding: 2px 4px;

	border-radius: 3px;

	color: #fff;

	background-color: #333;

	border-color: #333;
	
	position: relative;
	top:1px;

}

.top_bt_img:hover {	
	position: relative;
	top:1px;

}



.back_bt:link {

	text-decoration: none;

 	padding: 8px 70px;

	border-radius: 3px;

	color: #fff;

	background-color: #333;

	border-color: #333;

}



.back_bt:visited {

	text-decoration: none;

 	padding: 8px 70px;

	border-radius: 3px;	

	color: #fff;

	background-color: #333;

	border-color: #333;

}



.back_bt:active {
	text-decoration: none;

 	padding: 8px 70px;

	border-radius: 3px;	

	color: #fff;

	background-color: #333;

	border-color: #333;

}



.back_bt:hover {
	position: relative;
	top:1px;

	text-decoration: none;

 	padding: 8px 70px;

	border-radius: 3px;

	color: #fff;

	background-color: #333;

	border-color: #333;

}

.a_menu4:link {

	color: #fff;

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu4:visited {

	color: #fff;

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu4:active {

	color: #fff;

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu4:hover {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #333;

	background-color: #cccccc;

	border-color: #cccccc;

}

.a_menu4_ch:link {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #333;

	background-color: #cccccc;

	border-color: #cccccc;

}



.a_menu4_ch:visited {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #333;

	background-color: #cccccc;

	border-color: #cccccc;

}



.a_menu4_ch:active {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #333;

	background-color: #cccccc;

	border-color: #cccccc;

}



.a_menu4_ch:hover {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #333;

	background-color: #cccccc;

	border-color: #cccccc;

}

.a_menu3:link {

	color: #fff;

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu3:visited {

	color: #fff;

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu3:active {

	color: #fff;

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

}



.a_menu3:hover {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #333;

	background-color: #ccc;

	border-color: #ccc;

}



.a_more:link {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #343841;

	border-color: #343841;

}



.a_more:visited {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #343841;

	border-color: #343841;

}



.a_more:active {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #343841;

	border-color: #343841;

}



.a_more:hover {

	text-decoration: none;

 	padding: 1px 6px;

	line-height: 1.5;

	border-radius: 3px;

	color: #fff;

	background-color: #666;

	border-color: #666;

}



a:link {

	color: #333;

	text-decoration: none;

}



a:visited {

	color: #333;

	text-decoration: none;

}



a:active {

	color: #333;

	text-decoration: none;

}



a:hover {

	color: #D54500;

	text-decoration: none;

}

.a_red:link {

	color: #9c9b9a;

	text-decoration: none;

}



.a_red:visited {

	color: #9c9b9a;

	text-decoration: none;

}



.a_red:active {

	color: #9c9b9a;

	text-decoration: none;

}



.a_red:hover {

	color: #0E4A28;

	text-decoration:none;

}



.a_blue:link {

	color: #4267B2;

	text-decoration: none;

}



.a_blue:visited {

	color: #4267B2;

	text-decoration: none;

}



.a_blue:active {

	color: #4267B2;

	text-decoration: none;

}



.a_blue:hover {

	color: #4267B2;

	text-decoration:none;	

	position:relative;top:1px;

}

.a_gl:link {

	color: #ffffff;

	text-decoration: none;

}



.a_gl:visited {

	a_red: #ffffff;

	text-decoration: none;

}



.a_gl:active {

	color: #ffffff;

	text-decoration: none;

}



.a_gl:hover {

	color: #e71f19;

	text-decoration:none;

}



.menu_top:link {	

	color: #333;

	text-decoration: none;

}



.menu_top:visited {

	color: #333;

	text-decoration: none;

}



.menu_top:active {

	color: #333;

	text-decoration: none;

}

.menu_top:hover {

	color: #990000;

	text-decoration:none;

	position:relative;top:1px;

}



.menu:link {	

	font-size:16px;

	color: #333;

	text-decoration: none;

}



.menu:visited {

	font-size:16px;

	color: #333;

	text-decoration: none;

}



.menu:active {

	font-size:16px;

	color: #333;

	text-decoration: none;

}

.menu:hover {

	font-size:18px;

	color: #990000;

	text-decoration:none;

	position:relative;top:1px;

}

.menu_ch {

	font-size:18px;

	color: #990000;

	text-decoration:none;

	position:relative;top:1px;

}



.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:none;

}



.menu_news:link {

	color: #426001;

	text-decoration: none;

}



.menu_news:visited {

	color: #426001;

	text-decoration: none;

}



.menu_news:active {

	color: #426001;

	text-decoration: none;

}



.menu_news:hover {

	color: #e71f19;

	text-decoration:none;

}



.left_menu {

	color:#875528;

}

.left_menu:hover {

	background-color:#990000;

	color:#fff;

}



.left_menu_ch {

	background-color:#990000;

	color:#fff;

}



hr{

	    margin-top: 5px;

    margin-bottom: 20px;

    border: 0;

    border-top: 1px solid #ccc;



}



.bt_chose {

    background-color: #000 !important;

}



/*字型設定*/

.txt_wt{

	color:#fff  !important;

}

.txt_red{

	color:#E1363A;

}

.txt_brl{

	color:#B78351;

}

.txt_yellow{

	color:#e7b63c;

}

.txt_bk{

	color:#23282e !important;

}

.txt_gl{

	color:#9c9b9a;

}

.txt_green{

	color:#426001;

}

.txt_green1{

	color:#33761c;

}

.txt_bu{

	color:#337AB7;

}



.txt_12{

	font-size:12px;	

}



.txt_8{

	font-size:8px;	

}





.txt_14{

	font-size:14px !important;	

}



.txt_16{

	font-size:16px;	

}

.txt_18{

	font-size:18px;	

}

.txt_20{

	font-size:20px !important;	

}

.txt_22{

	font-size:22px;	

}

.txt_24{

	font-size:24px;	

}

.txt_26{

	font-size:26px;	

}

.txt_icon{

	font-size:40px;	

	color: #7b624d;

}

/*分頁樣式表*/

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


	






.fa-fw {

    width: 1.28571429em;

    text-align: center;

}



.fa {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



/* CSS Document */

@media (max-width: 768px) {

	.footer_center{

	    text-align: left;

	}

}



.iframe-rwd {

    position: relative;

    padding-bottom: 65.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

}

.iframe-rwd iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/* 翻轉 */

.pic_90 {

    transform: rotate(90deg);

-ms-transform: rotate(90deg);             /* IE 9 */

-webkit-transform: rotate(90deg);      /* Safari and Chrome */

-o-transform: rotate(90deg);              /* Opera */

-moz-transform: rotate(90deg);         /* Firefox */

}

.pic_180 {

    transform: rotate(180deg);

-ms-transform: rotate(180deg);             /* IE 9 */

-webkit-transform: rotate(180deg);      /* Safari and Chrome */

-o-transform: rotate(180deg);              /* Opera */

-moz-transform: rotate(180deg);         /* Firefox */

}

.pic_270 {

    transform: rotate(270deg);

-ms-transform: rotate(270deg);             /* IE 9 */

-webkit-transform: rotate(270deg);      /* Safari and Chrome */

-o-transform: rotate(270deg);              /* Opera */

-moz-transform: rotate(270deg);         /* Firefox */

}

/*瀑布流間距*/
.item{
   	padding-right: 5px;
    padding-left: 5px;	
}

.run_pic_hedigt{
	width: 100%;
	/*height: 200px;*/
}

.sh_select{
	 background-color: #F7F7F5;
    border: 1px solid #F7F7F5;
	height: 29px;
    margin-right: 5px;
	margin-bottom: 5px;
}
.sh_select:active{
	 background-color: #F7F7F5;
    border: 1px solid #F7F7F5;
	height: 29px;
    margin-right: 5px;
}
.sh_select:visited{
	 background-color: #F7F7F5;
    border: 1px solid #F7F7F5;
	height: 29px;
    margin-right: 5px;
}

.txt_slider{
	font-size: 14px;
}


	.form-control {    
    background-color: #F7F7F5;
    border: 1px solid #F7F7F5;
}
/* 手機板不顯示padding */
@media (max-width: 991px) {
		.mob_no_padding {
			padding-right: 0px;
			padding-left: 0px;
		}		
	}
/* 手機板不顯示padding */


/* 控制圖片在正方形內顯示 */
.image-container {
	width: 100%; /* 設置容器寬度 */
	padding-top: 100%; /* 設置容器高度為寬度的100%，這樣可以保證容器是正方形 */
	position: relative; /* 設置容器為相對定位，以便絕對定位的圖片相對於容器進行定位 */
	overflow: hidden; /* 確保圖片不會溢出容器 */
}

.image-container img {
	position: absolute; /* 圖片相對於容器進行絕對定位 */
	top: 0; /* 與容器頂部對齊 */
	left: 0; /* 與容器左側對齊 */
	width: auto; /* 讓圖片按原始寬度顯示 */
	height: 100%; /* 讓圖片的高度與容器高度相同 */
	margin-left: 50%; /* 將圖片的左側向右偏移50%，使圖片在容器中水平居中 */
	transform: translateX(-50%); /* 將圖片水平居中 */
}
/* 控制圖片在正方形內顯示 */
/*控制下方說明高度避免長短不一*/
.item_min_height{
	min-height: 120px;
	margin-bottom: 10px;
}
/*控制下方說明高度避免長短不一*/

/*控制在正方形內且圖片長寬等比呈現*/
.image-container2 {
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 Aspect Ratio */
    overflow: hidden;
    
}

.image-container2 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain; /* Ensure the image fits within the container */
    object-position: center; /* Center the image within the container */
}
/*控制在正方形內且圖片長寬等比呈現*/


/*輪播頁控制圖長寬*/
	.square-div {
        width: 100%; /* 設置正方形 div 的寬度 */
        height: 300px; /* 設置正方形 div 的高度 */
        overflow: hidden; /* 確保圖片超出 div 大小時隱藏 */
        position: relative; /* 設置定位，以便使內部圖片正確對齊 */
    }

    .square-div img {
        width: 100%; /* 使圖片填滿 div 寬度 */
        height: 100%; /* 使圖片填滿 div 高度 */
        object-fit: cover; /* 保持圖片比例不失真，並裁剪超出的部分 */
        object-position: center; /* 圖片在 div 內居中 */
    }
	 /* 在行動版上覆蓋 .square-div 的高度 */
    @media screen and (max-width: 768px) {
        .square-div {
            height: 200px; /* 設置正方形 div 的高度為 200px */
        }
	}
/*輪播頁控制圖長寬*/