@charset 'utf-8';
/*
style.css
*/

body {
  position: relative;
  font-size: 62.5%;
  line-height: 1.8;
  margin:0
}


ul { list-style:none; list-style-type:none}


/* 連結共用動畫 */
a, a.btn {
  text-decoration: none;
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
img {border:0}
.Mainimg {
	max-width:100%;
	height:auto;
 
}
/*內容區域的設clearfix *for IE 5.5-7*/
.clearfix {
	content: ""; 
	clear: both; 
	display: table;
  overflow: auto;
  zoom: 1;
}


/*這是有padding*/
.IndexWapper {
	background:#FFF;
	position:relative;
    margin: 0 auto;
    padding: 0 5%;
    max-width: 1600px;
	width:100%;
	box-sizing: border-box;
}

/*這是沒有padding*/
.homeWapper{
	 max-width: 1410px;
	position:relative;	
	margin: 0 auto;
    padding: 0;
    border: 0}

/*這是有內容字的內文*/
.Inner {
	    display: block;
    position: relative;
  width:1100px;
  max-width:100%;
  margin-left: auto;
  margin-right: auto;
      padding: 0;
}

.BoxWrap{
	display: flex; 
	 padding: 30px  0;
    margin:40px 0 0;}/*上.右右.下*/
	
	
/* ------------------------------
   內頁
------------------------------ */
.Wrapper {   
  position: relative;
  margin: 0 auto;
  padding: 0;
  max-width:1100px;

}

/*==========================================

區域大小

===========================================*/

.Content{
	position: relative;
    content: " ";
    display: table;
	width:100%;
}


.container-fluid {
	    margin: 0 auto;
   width: 1410px;
    max-width: 100%;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}


.container{
		position:relative;
	clear:both; 
	margin: 0 auto;
    padding: 0 15px;
    border: 0}

/*==========================================	
    
  title 
  
===========================================*/
.Tilteblock{  
    position: relative;
	padding-top:15px;
    text-align: center;       
	   font-style:normal;
	position: relative;
	text-align:center;
	color: #4d6d2d;
    padding-bottom:10px;
}
.Tilteblock h2 {
	font-size:24px;
	font-family:"新細明體";
	font-style: normal; 
	letter-spacing: .25em; 
	line-height: 1;
	 text-transform: uppercase; 
     color:#4d6d2d
	 }
.Tilteblock span{
    display: block;
    font-size:18px;
	color:#4d6d2d;
	text-align:center;
    letter-spacing: 0.15em;
    font-style: italic;
    margin-bottom:5px;
}
.TitleBottom {
    position: absolute;
    bottom: 0;
    left: 50%;
	top:57%;
    width: 50px;
    height:1px;
	background:#4d6d2d;
    margin-left: -25px;
 
}

.Tilteblock_01{
	    position: relative;
	padding-top:5px;
    text-align: center;       
	   font-style:normal;
	position: relative;
	text-align:center;
	color: #4d6d2d;
}
/*==========================================

header區域的樣式

===========================================*/
.headerContainer {
	display: block;
    position: fixed;
	max-width:100%;
    width:100%;
	 padding:0 0 0 0;
	 margin:0;
    left: 0;
    top: 0;
    background:#FFF;
	    box-shadow: 0px 2px 2px 2px rgba(0,0,0,.2);
		z-index:10
	}
@media only screen and (max-width:800px) {	
.headerContainer{  padding: 0px 0px; height:95px; z-index:10}
}
/*==========================================

網路銀行

===========================================*/
.bankBox {
	float: right;
	display: block;
	width: auto;
	margin-top: 0px;
	margin-right: 2%;
}

	.bankBox ul li {
		display: inline-block;
	}

.thumb {
	cursor: pointer;
}
@media (max-width:800px) {
	.bankBox {
		display: none;
		width: 100%;
		margin-top: 0;
		margin-right: 0;
		position: relative;
		float: none;
		text-align: center;
	}

		.bankBox ul {
			width: 100%;
			margin: 0;
			padding: 0;
			text-align: center;
			background: #CFF
		}

			.bankBox ul li {
				display: block;
				float: right;
				text-align: center
			}
}

@media (max-width:375px) {
	.bankBox ul li {
		width: 100%;
	}
}


/*==========================================

網路銀行手機版連結

===========================================*/
.bankBoxPhone {display:none;}
.bankBox ul li {display: inline-block;}
.thumb {cursor:pointer;}
@media (max-width:800px) {
.bankBoxPhone {display:block;width:60%;margin:auto; padding-bottom:15px; text-align:center}
	.bankBoxPhone ul {
		margin: auto;
		position: relative;
		text-align: center;
		padding: 0;
		left: 0;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
		.bankBoxPhone ul li {
			display: block;
			text-align: center;
			width: 33%;
		}
}

@media screen and (max-width:550px) {
.bankBoxPhone {width:100%;}	
}

@media screen and (max-width:384px) {
.bankBoxPhone ul li {width:100%}

}
/*==========================================

logo 區 --第二區

===========================================*/



.header_center{ height:100%; 
                 width:100%; 
				 margin:0 auto;
				 max-width:100%; 
				 position: relative;
				
				 }
/*header_center h1 {
    position: absolute;
    left:2%;
    top:0;
      垂直罝中transform: translateY(-50%)
    -webkit-transform: translateY(-50%)
}*/

/*site logo*/
.siteLogo {cursor: pointer;position: absolute;left:2%;}
.logoL{width:100%; display:block}
@media screen and (min-width:801px) {
.logoS{display:none}
}
/* ------------------------------
   手機版logo  opacity
------------------------------ */	
@media screen and (max-width: 800px){
.logoS{width:100%; display:block}	
.logoL{ display:none}
.siteLogo {	border:none;
             overflow: hidden;
             display: block; 
			  height:75px;
	         width:272px;
			 position: relative;left:2%}
.siteLogo a {
    display: block;
/*    background: url(../image/yding_logo.png) center center no-repeat;*/
    text-indent: -9999px;
    position: relative;
    overflow: hidden;
}		
}
 @media (max-width:360px){
.siteLogo {width:235px; height:57px; margin-left:0px; text-align:left;}	 
/*.siteLogo a {    background: url(../image/yding_logoS.png) left center no-repeat;}	*/
	
}

/*==========================================

top選單區第一區樣

===========================================*/


.sub_ttl { display:none; float: left; color:#88bac4; font-size:16px; font-family:"微軟正黑體"}	
	
.header_top {
    width: 100%;
	position:relative;
    background: #ebf2eb;
   padding:0 0 7px 0;	
    box-sizing: border-box;
}


.header_top_RBox {
	margin-top:1.25%;
	display: inline-block;
	font-size:14px;
	font-family:"微軟正黑體";
    float: right;
    width:500px;
	padding-right:1% 
}
.header_top_RBox  ul{margin: 0;  padding: 0;}
.header_top_RBox  ul li{ float:left;width:25%; text-align:center;}
.header_top_RBox  ul li i{ line-height: 1 ; display:block; float:left;margin-top:-0.2em;margin-right:0.25em }
.header_top_RBox  ul li a{ float:left; color:#757575}
.header_top_RBox  ul li a:hover{color:#3bbb80}

@media only screen and (max-width: 800px){
.header_top{display:none}
.sub_ttl {display:none;}	
.header_top_RBox  ul li{display:none;}
.header_top_RBox  ul{ display:none}	
.header_top_RBox { display:none;}

}
/*==========================================

pc menu選單區域的樣式

===========================================*/
.header_bottom{
     position: relative;
 	    margin: 0 auto;
    width: 1410px;
    max-width: 100%;
	padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	
}


.globalMenu {
	font-family:"微軟正黑體";
	width: 100%;
	position: relative;
	z-index: 10;
	display:block;
	padding-bottom:2%/*可調整*/
}

.globalMenu ul {
	margin: 0;
	padding:0;
	list-style:none;
		list-style-type:none;
	
}

	/*----20240313修改者Lee---*/
	.globalMenu ul li {
		text-align: center;
		position: relative;
		width: 11%;
		float: left;
		padding: 10px 5px 10px 5px;
		box-sizing: border-box;
	}



.globalMenu ul li a {
	display: inline-block;
	text-align: center;
	transition: all 0.3s linear;
	 display: block;
  color: #515250;
  font-size:1.55em;
 
   text-align: center;
 }

.globalMenu ul li:hover > a { color:#008943;}
@media screen and (max-width:1024px){
.globalMenu ul li {	width:10.7%;}	
.globalMenu ul li a {  font-size:1.48em;}	
}
@media screen and (max-width:860px){
.globalMenu ul li a {  font-size:1.35em;}	
}
@media screen and (max-width:800px){

.header_bottom{display:none}

}
/* ------------------------------
  子階層功能表
------------------------------ */


ul.subs{
	z-index:5;
	position:absolute;
	min-width:140px;
	top:100%;
	display:block;
	 background-color: rgba(255, 255, 255, 0.8);
     padding: 0;
    margin: 0;
	left: 5px;
	border: 1px solid rgba(0,0,0,.15);
    border-radius:6px;
    -webkit-box-shadow: 1px 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
ul.subs li { 
 position: relative;
    list-style: none;
	display:block;
	width:100%;
	    margin: 0;
		height:auto;
    padding: 0;
    list-style: none;
	margin:0;
	border-bottom:#dedede  solid 1px;
	word-wrap: break-word;
	 word-break: normal;
}
ul.subs li a{
	display:block;
	line-height:26px;
	max-width:100%;
	padding-left:5px;
	padding-right:2px;
	text-align:left;
	    color: #465866;
	font-size:14px;
	text-align: left;
    height: auto;
}

ul.subs li a:hover{
	text-decoration:none;
	color:#FFF; 
	   background-color: #3bbb80;
	}
ul.subs li:last-child{
	border-bottom:none;
	}

ul.subs li:last-child a:hover{border-radius:0px 0px 6px 6px;}
ul.subs li:first-child a:hover{border-radius:6px 6px 0px 0px;}

/* ------------------------------
   第三層
------------------------------ */
ul.subs li ul {
	position: absolute;
	top: 0;
	width:135px;
	margin:0;
	padding:0;
	text-align:center;
   background-color: rgba(255, 255,255, 0.8);	
	left: 100%;
	    top: 0;
    margin-top:2px;
    margin-left:1px;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; 
    border-radius:5px;
    -webkit-box-shadow:2px 6px 12px rgba(0,0,0,.175);
    box-shadow:2px 6px 12px rgba(0,0,0,.175);
}

ul.subs li ul li a {
    color: #222; 
    transition: all 0.5s;
    font-size: 14px;
    display: block;
}

ul.subs li ul li a :hover {
	
	color:#fff
  
}

/* ------------------------------
   800px menu
------------------------------ */
@media only screen and (max-width: 800px) {
	.globalMenu ul {
		width: 100%;
		list-style:none;
		list-style-type:none;
	}

	.globalMenu ul li {
		width: 20%;
	}
}

/* ------------------------------
手機版MENU
------------------------------ */
@media screen and (min-width:0px) and (max-width:800px){
.globalMenu {display: none;	}	
}
/* ------------------------------
   手機版 上方
------------------------------ */	
	 

/* ------------------------------
   手機版MENU
------------------------------ */
@media only screen and (max-width: 800px){
.rwdMenuWrap {width:100%; max-width:100%;}

.rwdMenuWrap .switchBtnArea {z-index:99999;
                         position:fixed;
						 width: 100%;
						 float: right;
						 right:1%;					  
                 display: block;
 }

.rwdMenuWrap .switchBtnArea .switchBtn {
	background:#018943 url(../images/btnOpen.png)   no-repeat center center;
		border-radius: 5px;
		z-index:99;
	    float: right;
		margin-top:2%;
		top:2%;
    right: 2%;
    width:45px;
    height:45px;
    text-align: center;
    cursor: pointer; 
	position: absolute;
}
.rwdMenuWrap .switchBtnArea .switchBtn.btnClose {background-image:  url(../images/btnClose.png);background-repeat:no-repeat}

	.rwdMenuWrap ul {	
		position:fixed;/*position:absolute*/
			width:100%;
		max-width:100%;	
	background: rgba(255,255,255,0.9);	
	 padding:0;
	 margin:0; 
		display:none;
		list-style:none;
		list-style-type:none;
		z-index:25;
		top:95px;
		left:0;
		font-family:"微軟正黑體"
		
	}

	.rwdMenuWrap ul li {
       width:100%;
	   margin:0 auto;
	   display:block;
		border-bottom: 1px solid #eee;
	}
.rwdMenuWrap ul li:last-child {
	border-bottom:none;
}
.rwdMenuWrap ul li a {
	font-size:1.5em;
		color:#333;	
		padding: 15px 0px;
		text-align:center;
		display: block;
	}
.rwdMenuWrap ul li a:hover  {
   background: rgba(59,187,128,0.9);
    color: #fff;
}
}
@media screen and (min-width:515px) and (max-width:640px){
.rwdMenuWrap .switchBtnArea {top:1.5%;}
}

@media screen and (min-width:480px) and (max-width:515px){
.rwdMenuWrap .switchBtnArea {top:2%;}
}	
	
@media (max-width:479px){
.rwdMenuWrap .switchBtnArea {top:3.1%;}
}
/* ------------------------------
   banner
------------------------------ */
.slide {
	position: relative;
	display: block;
	border: 0;
	max-width: 2560px;
	width: 100%;
	max-width: 100%;
	height: 75vh;
	/*----20240313***/
	overflow: hidden;
	margin: 0 auto;
	/*---2024----*/
}
.slide ul{ 
max-width:100%;
	width:100%;
	margin:0;
padding:0;
    left: 0;
	
}

.slide ul li{
	list-style:none;
	list-style-type:none;
	    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	position:absolute;
	width:100%;
  max-width:100%;
  text-align:left;
  background:#f5f5f5;
  display: block;
  	height: 100%;
}
/*---20240313---*/
.slideImg {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	-o-object-fit: cover;
	object-fit: cover;
}

.background {
	display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  width: 100%;
  max-width:100%;
  z-index: -9999;
  background:#f5f5f5;
  background-size: cover;
    background-position:left center;
	}



@media only screen and (max-width:1152px){
.slide{height:75vh;
    overflow: hidden;}
}

	
@media only screen and (max-width: 800px){
    .slide {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        top: 95px;
        overflow: hidden;
        height: 300px;
        margin: 0 auto 20px auto;
    }
.slideImg{min-height:auto}		  
}


@media only screen and (max-width: 550px) {
    .slide {
        height: 270px;
        margin: 0 auto;
    }
}
	
@media only screen and (max-width:475px){
	
.slide{height: 245px;
		 width:100%;
           max-width:100%;         
		  margin:0 auto;
		  box-sizing: border-box; 
		  top:95px;
		  overflow:hidden;
		 
}
}
@media only screen and (max-width: 384px){
	
.slide{
		 width:100%;
           max-width:100%;
         height:215px;
		  margin:0 auto;
		  box-sizing: border-box; 
		  top:95px;
		  overflow:hidden;
		  }
.slideImg{min-height:100%}			  
}
		  		
 /* ------------------------------
  infonews
------------------------------ */

.infoNews {
    width: 60%;
    border-radius:5px;
    margin: 0 auto;
    position: absolute;
    left: 0;
	top:auto;
    right: 0;
	bottom:0;
	z-index:1;
    background: #000;
    background-color: rgba(255,255,255,0.6);
    padding:0px 5px  0 5px;
	overflow:hidden;
	font-family:"微軟正黑體"
	}


.infomark{
    font-size: 14px;
	font-family:"微軟正黑體";
    color: #fff;
    font-weight: bold;
    background: #91b4b9;
    border-radius: 2px;
		float:left;
	height:35px;
	line-height:35px;
	padding:0 5px;	
    display: inline-block;
    margin-right: 15px;
	margin-top:8px;
    box-sizing: border-box;
	text-align:center
}
.infoNewstxt{
	text-align:left;
	float:left;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
	width:82%;
    line-height: 1.7;
	height:26px;
	line-height:26px;
	overflow:hidden
}
.infoNewstxt a { color:#222;}
.infoNewstxt a:hover {color: #008943;}
.infoNews_phone{ display:none}



@media only screen and (min-width:801px){
.infoNews {	top:280px;}
}

@media only screen and (min-width:850px){
.infoNews {	top:300px;}
}
@media only screen and (min-width:900px){
.infoNews {	top:330px;}
}
@media only screen and (min-width:1024px){
.infoNews {	top:365px;}
}
@media only screen and (min-width:1150px){
.infoNews {top:385px;}
}
@media only screen and (min-width:1279px){
.infoNews {top:400px;}
}
@media only screen and (min-width:1439px){
.infoNews {top:450px;}
}

@media only screen and (min-width:1550px){
.infoNews {top:450px;}
}

/* ------------------------------
  infonews 手機版
------------------------------ */

@media only screen and (max-width: 800px){
.infoNews{ display:none}	
#Sec00{
	 display:block;
	 width:100%;
	 max-width:100%;
	 height:100px;
	 margin-top:110px;
	 float:left;
     max-width:100%;

	 }
.infoNews_phone{
	background:#FFF;
	width:95%; 	
	margin:0 auto;
    border-radius:5px;
	display:table;
	padding:5px 0px 5px  0px;
   border:#CCC solid 1px

}
.infomark{
	 display:table-cell;
	float:left;
    font-size:12px;
	font-family:"微軟正黑體";
    color: #fff;
    font-weight: bold;
    background: #91b4b9;
    border-radius: 2px;
	width:19%;
	padding:0 3px;	
    margin:12px 2% 0 2%;
    box-sizing: border-box;
	text-align:center
}
.infoNewstxt{ 
 display: table-cell;
	float:left;
	width:75%;
	text-align:left;
    font-size:14px;
    font-weight: 500;
	padding-right:5px;
	height:35px;
	line-height:2;

	font-family:"微軟正黑體";
	overflow:hidden
}
.infoNewstxt a { color:#222;}
.infoNewstxt a:hover {color: #008943;}

}


/* ------------------------------
  吉祥物/公仔
------------------------------ */
.topArea {
	display: block;
	position: relative;
/*	height: 108px;*/
	width: 100%;
	max-width: 100%;
}

.top-info-box-slogn {
	background: url(../Images/top_bgroundtxt.png) no-repeat center top;
	margin: auto;
	text-align: center;
	display: block;
	margin-top: -105px;
	width: 380px
}


	.top-info-box-slogn h3 {
		margin: 0 auto;
		display: block;
		padding: 80px 0 0px 0;
	}

.top-info-box {
	background: #e5efef;
	width: 100%;
	max-width: 100%;
	text-align: center;
	height: 110px;
	margin-top: -113px
}

@media only screen and (max-width:980px) {
	.topArea {
		margin-top: -18%
	}

	.top-info-box-slogn {
		background-size: 80%;
	}

		.top-info-box-slogn h3 {
			max-width: 100%;
			height: auto;
			padding-top: 60px
		}
}

@media only screen and (max-width:845px) {

	.topArea {
		margin-top: -20%
	}
}

@media only screen and (max-width: 800px) {
	.top-info-box-slogn {
		display: none
	}

		.top-info-box-slogn h3 {
			display: none
		}

	.top-info-box {
		display: none
	}
}



/*==========================================			


  main-more看更多按鈕

===========================================*/
#more-Wapper{
	margin-left:auto;
	margin-right:auto;
     margin-top:2%;
	max-width:1100px;
    text-align: center;
    position: relative;
}

#more-Wapper button {	
	cursor: pointer;
	margin:0 auto;
	position:relative;	
	display: inline-block;	
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
   font-family:"微軟正黑體";
	text-align:center;
   background:#bed48e;
    color: #fff;
        border-radius: 5px;
    padding:10px 20px;
    width:130px;
    font-size: 14px;
      border:#fff solid 1px;
  }

#more-Wapper button:hover {
	border:#617c42 solid 1px;
   background:#617c42;
    color:#fff;
  }
/*----home業務看更多區塊---  */
#more-Wapper_01{
	margin-left:auto;
	margin-right:auto;
     margin-top:2%;
	max-width:1080px;
    text-align: center;
    position: relative;
}

#more-Wapper_01 button {	
	cursor: pointer;
	margin:0 auto;
	position:relative;	
	display: inline-block;	
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
   font-family:"微軟正黑體";
	text-align:center;
   background:#82b55b;
    color: #fff;
        border-radius: 5px;
    padding:10px 20px;
    width:130px;
    font-size: 14px;
      border:#fff solid 1px;
  }

#more-Wapper_01 button:hover {
	border:#617c42 solid 1px;
   background:#617c42;
    color:#fff;
  }
  

  
/*==========================================			


  最新消息與活動花絮

===========================================*/
/*----202403----*/
#Sec01 {
	clear: both;
	display: block;
	background: #f7f6ee;
	position: relative;
	min-height: 680px;
	padding: 30px 0 0 0;
}


	/*----20240314----*/

	#Sec01:before {
		top: 35px;
		display: block;
		position: absolute;
		margin-top: 0px;
		text-align: right;
		right: 0px;
		width: 175px;
		float: right;
		height: 145px;
		background-repeat: no-repeat;
		content: '';
		background: url(../images/watermelon_01.png) no-repeat;
		background-size: cover;
	}


	
@media only screen and (max-width:1024px){
#Sec01:before { display:none}
}
@media only screen and (max-width:800px) {
	/*--20240314---*/
	#Sec01 {
		height: auto;
		padding-top: 30px;
	}
		/*--20240314---*/
		#Sec01:before {
			top: 45px;
			display: block;
			position: absolute;
			margin-top: 0px;
			text-align: right;
			right: 0px;
			width: 80px;
			float: right;
			height: 145px;
			background-repeat: no-repeat;
			content: '';
			background: url(../images/watermelon_01.png) no-repeat;
		}
}
/*--2024--0314---*/
@media only screen and (max-width:575px) {
	#Sec01:before {
		top: 10px
	}
}
  /* ------------------------------
   
 banner 區塊間隔
  
------------------------------ */
#Top-block {
     height:1px;
	 clear:both;
	 background:transparent ;
	  display:block; 
	  position:relative;
	   margin-top:98px;	   	   
}

@media only screen and (max-width:980px){
#Top-block { margin-top:79px;}
}

 /* ------------------------------
   
  News次選單區塊
  
------------------------------ */


/*---20240314---*/

.tagBoxbtnArea {
	display: block;
	position: relative;
	margin: 10px auto 20px auto;
	text-align: center;
}

.tagBoxbtn-sub {
	position: relative;
	width: 22%;
	margin-right: 10px;
	line-height: 30px;
	height: 30px;
	border-radius: 5px;
	border: #617c42 solid 1px;
	display: inline-block;
}

	.tagBoxbtn-sub a {
		display:inline-block;
		height: 30px;
		max-width: 100%;
		text-decoration: none;
		font-size: 12px;
		color: #617c42;
		width: 100%;
		letter-spacing: 0.1em;
	}

		.tagBoxbtn-sub a:hover {
			font-size: 12px;
			width: 100%;
			height: 30px;
			max-width: 100%;
			background: #617c42;
			color: #FFF;
			text-decoration: none;
			letter-spacing: 0.1em;
			display: block;
		}

/*---20240313---*/
.tagBoxbtn-current {
	display: inline-block;
	line-height: 30px;
	font-size: 12px;
	color: #617c42;
	letter-spacing: 0.1em;
	border-radius: 5px;
	border: #617c42 solid 1px;
	background: #617c42;
	color: #fff;
	position: relative;
}
	.tagBoxbtn-current a {
		color: #fff;
	}




  /* ------------------------------
   
  News區塊
  
------------------------------ */

				  
					  
/*----home最新消息區塊---  */
.listNews{
	margin-left:1%;
	width:47.5%;
	margin-bottom: 5%;
	margin-top: 5%;
    float: left;
    display: block;
	
}

 @media (max-width:800px){
.listNews{	width:97%; margin-bottom:2%;margin-top: 2%;}	

 }
	 
    

.listNews ul{list-style-type: none; }
.listNews li { font-family: "微軟正黑體";
               float: left;
			   border-bottom:#c9c3ae solid 1px;
			   padding-top:2%;
			   padding-bottom:2%;
               width:100%;              
}
.listNews li a{ color:#595757}

.listNews li a:hover{ color:#617c42}
   
.listNewsbtnArea  {
	display:inline-block;
	width:100%;
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
    border: 0;
}	 
.phoneMoreBtn{
	        font-family: "微軟正黑體", "新細明體", sans-serif;	
	        display:inline-block;
            text-align:center;
			background:#617c42;
			color:#FFF;
			font-size:1.2em;
			border-radius:5px;
			padding:5px 40px;
			margin-top:2%;
			border:#617c42 solid 1px
			}

.phoneMoreBtn:hover{ background:#c9c3ae ;color:#617c42; border:#617c42 solid 1px}


	 
/*----home最新消息列表--  */
.newsArea {
   margin-left:-20px;
	 height:100%;
	 float:left;
	 width:93%;
	
}

.newsArea dt {
	color:#595757;
    width:15%;
	float:left;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
}
.newsArea dd {
	float:left;
	width:81%;
	margin-left:3%;
	font-size: 1.4em;
	height:2em; 
	overflow:hidden}
@media (max-width:414px){
.newsArea {margin-left:-9%;}
.newsArea dd {	width:75%;margin-left:10%;}
 }



.listAct{
 margin-left: 1%;
    width: 47.5%;
    margin-bottom: 5%;
    margin-top:5%;
    float: right;
	text-align: center;
    display: block;
	z-index:1
}
.Act-photo{ display: flex;
            float:left;
            margin-left: 34px;
			} 
.Act-photo ul {
    text-align:center;
    width: 100%;
	margin:0 auto;
	list-style-type:none;
	list-style:none;
	left:0;
	padding:0;
	
}
    .Act-photo ul li {
        text-align: center;
        box-sizing: border-box;
        display: inline-block;
        margin-right: 3%;
        margin-bottom: 3%;
        vertical-align: top;
        width: 27%;
        float: left;
    }

.Act-photo ul li figure { margin:5% 0 0 0; padding:0;overflow: hidden;height:106px; max-width:100%;width:100%; background:#f7f7f7 ; border:#CCC solid 1px; text-align:center; left:0}
.Act-photo ul li img {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 100%;
    vertical-align: bottom;
}
 .Act-photo ul li img:hover {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    width: 105%;
    vertical-align: bottom;    
}
.photoClose{display:block}

@media only screen and (max-width:800px){
.listAct{ width:100%; margin-bottom:0; margin-top:2%}
.Act-photo ul li figure {height:125px;}
.Sec01 { height:1180px;}
}
@media only screen and (max-width:603px){

.Sec01 { height:1105px;}
}
@media only screen and (max-width:480px){

.Act-photo ul li { width:45%;}
.Sec01 { height:965px;}
.photoClose{display:none}
}
@media only screen and (max-width:384px){	
.Sec01 { height:930px;}

}
  /* ------------------------------
右下角 
------------------------------ */
/* pagetop */

.pagetop {
  text-align: right;
  margin: 0 auto;
}

.pagetop a {
  display: inline-block;
  color: #fff;
  font-size: 1.2em;
  padding: 6px 2em 4px;
  border-radius: 4px 4px 0 0;
  background:rgba(0%,0%,0%,0.7);
}
/* pagetop pattern3 */

.pagetop3 {
  position: fixed;
  bottom: -300px;
  right: 24px;
  margin: 0 auto;
  z-index: 200;
  visibility: hidden;
  -webkit-transition: bottom 0.4s linear;
  transition: bottom 0.4s linear;
}

.pagetop3.visible {
  bottom: 30px;
}

.pagetop3 a {
  display: table-cell;
  width: 6em;
  height: 6em;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  font-size: 1.2em;
  line-height: 1;
  border-radius: 50%;
  background:rgba(0%,0%,0%,0.7);
  behavior: url(PIE.htc);  
  box-shadow: #666 1px 1px 2px;
}


/*==========================================			


 線上購物

===========================================*/
#Sec02 {
	clear:both;
	display:block;
    background:#FFF;
    position: relative;
	margin:0 auto;
	padding:60px 15px 30px 15px	
}
	/*---202403----*/
	#Sec02:before {
		display: block;
		position: absolute;
		top: 0px;
		text-align: right;
		right: 0;
		width: 200px;
		height: 240px;
		background-repeat: no-repeat;
		content: '';
		background: url(../images/radish.png) no-repeat;
	}
	/*---202403----*/
	#Sec02:after {
		display: block;
		vertical-align: bottom;
		position: absolute;
		text-align: left;
		left: 0;
		bottom: 0px;
		width: 145px;
		height: 115px;
		float: left;
		background-repeat: no-repeat;
		content: '';
		background: url(../images/potato.png) no-repeat;
	}
	
@media only screen and (max-width:1024px){
#Sec02:before { display: none;}

}
@media only screen and (max-width:800px){
#Sec02 {padding:20px 15px 30px 15px}	
#Sec02:after { display:none;}
}
.listShop{
    margin-left: 1%;
    width:100%;
    margin-bottom: 5%;
    margin-top: 5%;
    float: left;
    display: block;
}



.ShopInner {	
	max-width:1080px;
	margin:auto;
	display: flex;
    position: relative;
	padding: 0 20px 0 40px;
}

.ShopInner ul{
	width:100%;
    position: relative;
	padding: 0 20px 0 30px;
	margin:0;
	left:0;
	margin-top:35px;
}
.ShopInner ul li {
	width:29%;
	float:left;
	margin-right:2%;
	margin-left:2%;
	padding:0 
}
.ShopInner ul li a {
	display: block;
	text-decoration: none;
	outline: none;

}
.ShopInner ul li a .link-row {
	position: relative;
}
.ShopInner ul li a .link-row:before {
	content: '';
	position: absolute;
	top: -25px;
	left: -15px;
	width:95%;
	height:75%;
	background:#eff2eb;

}
.ShopInner ul li a .link-row .productImg {
	overflow: hidden;
	display: block;
	position: relative;
	height: 0;
	background:#F7F7F7;
	border:#dedede solid 1px;
	padding-top: 85%;
}
.ShopInner ul li a .link-row .productImg img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width:100%;
	height: auto;

}
.ShopInner ul li a:hover .link-row .productImg img {
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}

.ShopInner ul li a .link-row .product_title {
	position: relative;
	display:block;
	padding-top:10px;
	font-family:"微軟正黑體";
	font-style:normal;
	width:100% /*0407更正*/
}


.product_title h3 {
	text-align: center;
	font-size:18px;
	display: block;
    color:#515250;
    line-height: 32px;
	height:32px;
    overflow: hidden;
	letter-spacing:0.5px;
    max-width:100%;
 }
 .product_title p {
	 display:inline-block;
	margin-top: 5px;
	text-align:center;
	font-size: 14px;
	display: block;
	color: #d05757;
	line-height: 1;
}


/* -----定價-----*/
.prizerefer{
    vertical-align: baseline;
    color:#515250;
    text-align: right;
    line-height: 1.3;
    font-size: 14px;
}

.prizent {
    vertical-align: baseline;
    color:#d05757;
    line-height: 1.3;
    padding-left: 0.5em;
    font-size: 14px;
}
/* -----網路價-----*/
.prizevalue {
    font-weight: 700;
    text-decoration: none;
   color:#d05757;
    padding-left: 0.2em;
    text-align: center;
    font-size: 18px;
}

@media only screen and (max-width:800px){
	
.ShopInner {max-width:100%;	margin:auto;display:block;}
.ShopInner ul{
	max-width:100%;
    position: relative;
	padding: 0 ;
	margin:0;
	left:0;
	margin-top:35px;
}
.ShopInner ul li {	width:95%;display: block; margin-bottom: 50px; padding:0}
}


/*==========================================			

首頁 關於我們

===========================================*/

#Sec03 {
	clear:both;
	display:block;
    background:#ebf2eb;
    position: relative;
	margin:0 auto;
	padding:30px 15px 30px 15px
	
}
	/*---20240314---*/
	#Sec03:after {
		display: block;
		vertical-align: bottom;
		position: absolute;
		text-align: left;
		left: 0;
		bottom: 0px;
		width: 215px;
		height: 137px;
		background-repeat: no-repeat;
		content: '';
		background: url(../Images/pumpkin.png) no-repeat;
		background-size: contain;
	}
#Sec03:before {
    display: block;
	vertical-align:bottom;
	position:absolute;
	 text-align:left;
    right:0;	
	bottom:0px;
	width:250px;
    height:159px;
	float:left;
    background-repeat: no-repeat;
    content: '';
    background: url(../images/peanut.png)  no-repeat;
}

.main_AboutInner {
    max-width: 1080px;
    margin: auto;
    display: flex;
    position: relative;
    padding:50px 20px 0 20px;
	z-index:1
}
.main_AboutInner ul {
    width: 100%;
    display: table;
}
.main_AboutInner ul li {
    display: table-cell;
	padding-right:30px;
    padding-left:20px;
	 cursor: pointer;
	width:33%;
	margin: 0 15px;
	
	
}




.main_Aboutblock {
	position: relative;
    margin-bottom: 5px;
        padding: 50px 30px 20px;
    background: #FFFFFF;
    height:250px;
	border-bottom:#82b55b solid 5px
}

@media only screen and (max-width:1024px){
.main_Aboutblock {
	position: relative;
    margin-bottom: 5px;
        padding: 50px 10px 20px;
    background: #FFFFFF;
    transition: all 300ms 0s ease;
    height:250px;}	
}
.main_Aboutrow{ display:block; padding:0;}
/*----aboutimg----*/
.main_AboutInner  ul li.main_Aboutrow:hover > .main_Aboutblock .About_subImg  {
	width:160px;
	height:140px;
	top:-30px;
	text-align:center;
	

}
.main_Aboutblock .About_subImg {
    width: 200px ;
    height: auto;
    margin-left: -100px;
    border-radius: 10px ;
	background:transparent;
}

.main_Aboutblock .About_subImg {
	background:transparent;
    width: 155px;
    height: 135px;
    position: absolute;
    top:-35px;
    left: 50%;
    margin-left: -78px;
    overflow: hidden;
    transition: all 100ms ease 0s;
}


.About_subImg:before {
    content: "";
	border-radius: 5px;
    border: 1px solid #796758;
    position: absolute;
    left: 10px;
    top: 10px;
    bottom:10px;
    right:10px;
    z-index: -10;
    opacity: 0.7;
    transition: all 0.4s ease;
}
.About_subImg:hover:before{
	content:"MORE";
	color:#796758;	
	padding-top:30%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	z-index:1;
	opacity:1;}
	
.About_subImg:after{
	content:"";
	background:#FFF;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;		
	opacity:0;
	transition:all 0.4s ease;}

.About_subImg:hover:after{
	opacity:0.7;}
	



.main_Aboutblock h3{
	width:100%;
	text-align:center;
	color:#82b55b;
	font-family:"微軟正黑體";
	font-style:normal;
	  margin-top:80px;
	  line-height: 1.6;
    font-size: 18px;
	font-style:normal;
	height:28px;
	overflow:hidden;
    letter-spacing: 0.5px;
}

.main_Aboutblock h4{
	width:100%;
	text-align:left;
	color:#604c3f;
	font-family:"微軟正黑體";
	font-style:normal;
	  line-height: 1.8;
    font-size:14px;
	font-style:normal;
	height:120px;
	overflow:hidden;
    letter-spacing: 0.5px;
}

@media only screen and (max-width:800px){
.main_AboutInner {
    max-width: 100%;
    margin: auto;
    display: block;
    position: relative;
    padding:40px 0px 0 0px;
}
.main_AboutInner ul {
     width: 100%;
    display:block;
	padding:0;
	margin:0 0 0 -15px;
	left:0
}

.main_AboutInner ul li {
    display: block;
	padding-right:10px;
    padding-left:10px;
	width:95%;
	margin-bottom:60px;	
}
.main_Aboutblock {  padding: 50px 30px 20px;}
#Sec03:after {    display: none;
}
#Sec03:before {
    display: block;
	vertical-align:bottom;
	position:absolute;
	 text-align:left;
    right:0;	
	bottom:0px;
	width:120px;
    height:159px;
	float:right;
    background-repeat: no-repeat;
    content: '';
    background: url(../images/peanut.png)  no-repeat;
}

}


/*==========================================			


 常用連結

===========================================*/
#Sec04 {
	clear:both;
	display:block;
    background: url(../images/Sec04_Bg.jpg) no-repeat;
	background-position:center;
    position: relative;
	margin:0 auto;
	height:190px;
}


.slick-slider{ position:relative;margin:0 auto  0  auto;overflow:hidden;max-width:1080px; height:70px; text-align:center; padding-top:60px; }
.slick-slider ul{ display:flex;width:100%;position:absolute;margin:0 auto;padding:0 60px 0 70px;list-style:none; left:0}
.slick-slider li{display:inline-flex;margin:0 1%;padding:0;  text-align:center; background:transparent; width:15%;border:1px solid #ddd}
.slick-slider ul li img{display:block;width:165px;height:65px;text-align:center; overflow: hidden;}
.slick-slider ul li a{display:block;text-align:center;vertical-align: middle;}
.slick-slider ul li a:hover{opacity:0.8} 

.more{text-align:right;width:880px;margin:12px auto 0;}
.arbtn-prev {
	display:block;	 
    z-index:1;
	width:50px;
	height:100%;
	top:20%;
	left:5px;
    background: url(../images/prevbtn-arrow.jpg) no-repeat;
    cursor: pointer;
	position: absolute;
	text-align:left;
}

.arbtn-next {
	display:block; 
    z-index:1;
	width:50px;
	height:100%;
	top:20%;
    background: url(../images/nextbtn-arrow.jpg) no-repeat;
    cursor: pointer;
	position: absolute;
	text-align:right;
	right:0;
}

@media only screen and (max-width:950px){

.slick-slider ul{ display:flex;width:100%;position:absolute;margin:0 auto;padding:0 5px 0  60px}
.slick-slider li{display:inline-flex;margin:0px 0px 0 5px; width:16%}
}
@media only screen and (max-width:768px){
.slick-slider ul{ display:block;max-width:100%;padding:0 5px 0 55px;}
	
.slick-slider li{;display:inline-block;margin:0 1%;padding:0 ;float:left; width:24%;border:none}	
}

@media only screen and (max-width:550px){
.slick-slider li{margin:0 1%; width:34%;}	
}
@media only screen and (max-width:384px){
	
.slick-slider ul li img{display: inline-block;text-align:center}	
.slick-slider li{margin:0 auto;width:63%;  text-align:center; position:relative;}	
}	

/*==========================================			


版權宣告

===========================================*/

footer {content: "";
        float:none;
	    display: table;
        position: relative;
        clear:both;
        width:100%;
        max-width:100%;
       padding:40px 0;
      background-color:#96b74b;
}


.foot_inner{font-style:normal;
			font-family:"微軟正黑體";
			line-height:3em;
		    max-width:1100px;
			margin: 0 auto;
			position:relative;
			letter-spacing:0.1em;
			}


		   
.foot_inner span{ padding-left:8px;cursor: pointer; font-size:12px} 
			   
.foot_inner ul {width:100%; margin:0; padding:0; left:0; list-style:none; list-style-type:none}
.foot_inner ul li{ list-style:none; float:left; padding:0 5px; }
.foot_inner ul li p{ line-height:1.8}



 
	   
/* -----區塊-----*/  
.footer-left{width:27%; }
.footer-center{width:36%; margin:0 auto;text-align:center;}
.footer-right{width:32%; float:right;}		


/* -----  footer 左邊-----*/ 
.footer-left-box{font-size:14px ;color:#fff; text-align:center; padding-top:5px }
.footer-left span{ font-size:14px;color:#fff; padding-left:5px}
.footer-left a{ text-decoration:none;color:#fff}
.footer-left a:hover{ text-decoration:none; color:#047935}

/* -----  footer 中間-----*/  
.footer-info01{ display:block; width:100%; margin-top:10px}
.footer-link-btnlist { width:80%;text-align:center; margin:0 auto;}

.footer-link-btntd_1{width:37%;float:left;}
.footer-link-btntd_2{width:30%;float:left;}
.footer-link-btntd_3{ width:31%;float:left;}

.footer-link-btn{display:inline-block;text-align:center font-size: 10px; margin:0 1% 0 auto;}
.footer-link-btn a {
   padding:6px 13px;
    text-align: center;
	color:#FFF;
    background-color: rgba(255,255,255,0.2);
    border-radius:18px;
	line-height:2.5;
    transition: color 0.35s ease,background-color 0.35s ease;
}
.footer-link-btn a:hover {color: #fff;background-color:#047935;}
@media only screen and (max-width:1024px){
.footer-link-btnlist { width:95%;}	
}
	
 @media only screen and (max-width:800px){
.footer-link-btnlist { width:75%;text-align:center; margin:0 auto;}	 
.footer-link-btntd_1{float:left;}
.footer-link-btntd_2{float:left;}
.footer-link-btntd_3{float:left;}

 }
 @media only screen and (max-width:480px){
.footer-link-btnlist {width:100%; float:left}
.footer-link-btntd_1{width:34%;float:left;margin-bottom:3%;}
.footer-link-btntd_2{width:34%;float:left;margin-bottom:3%;}
.footer-link-btntd_3{ width:32%;float:left;margin-bottom:3%}	 
 }
/* -----  footer 聯絡資料-----*/  
 @media only screen and (min-width:1280px){
.footer-info02{
	text-align:left;
	margin-top:3%;
	font-size:14px;
	display:block;
	max-width:100%;
	padding-left:20px;
	line-height:2.15;
    float: left;
    color: #FFF;
    font-style: normal;
	overflow:hidden;}	 
 }
	 
.footer-info02{
	text-align:left;
	margin-top:3%;
	font-size:14px;
	display:block;
	max-width:100%;
	padding-left:15px;
	line-height:2.15;
    float: left;
    color: #FFF;
    font-style: normal;
	overflow:hidden;}
	
.footer-info02 ul {width:100%;margin:0; padding:0}
.footer-info02 ul li{font-size:14px; list-style:none}
.footer-info02 ul li a{font-size:14px; text-decoration:none;color:#FFF}
.footer-info02 ul li a:hover{font-size:14px; text-decoration:none; color:#d6d60c}
.footer-info02   ul li span{font-size:14px; padding-left:3px;}
.monthCount{color:#d6d60c}
 @media only screen and (min-width:1280px){
.footer-info02{
	text-align:left;
	margin-top:3%;
	font-size:14px;
	display:block;
	max-width:100%;
	padding-left:25px;
	line-height:2.15;
    float: left;
    color: #FFF;
    font-style: normal;
	overflow:hidden;}	 
 }
		
/* -----main  footer右-----*/
	
.foot_qrcodeArea{ float:left; margin-right:10px;text-align:center; width:45%}	
.foot_qrcodeArea h2{ text-align:center;}
.foot_qrcodeArea p{ width:100%; color:#047935; text-align:center; margin-top:-15px }	

.foot_qrcodeAreaTxt a{ font-weight:600;font-size:14px; text-decoration:none;color:#047935}
.foot_qrcodeAreaTxt a:hover{font-weight:600;font-size:14px; text-decoration:none; color:#d6d60c;}


@media only screen and (max-width:800px){
footer{top:0; float:left; margin-top:0; max-width:100%; padding-top:20; padding-bottom:20px}	
footer h3{ text-align:center}
.foot_inner{line-height:2;top:0}

.foot_inner ul {max-width:100%;margin:0; padding:0; left:0;top:0}
.foot_inner ul li{width:95%;  margin-bottom:3% }
.foot_qrcodeArea{ float:left; margin-left:5px; margin-right:5px;text-align:center; width:45%}	

.footer-left{width:100%;text-align:center }
.footer-center{width:100%;text-align:left}
.footer-right{width:100%; float:left;text-align:center}		


}		  	
.Act-photo ul li a {  color: #4d6d2d; text-decoration: none;}  .Act-photo ul li a:hover{  color: #666; text-decoration: none;}

.clist-post-Content {
	margin: 0px auto 30px auto;
	position: relative;
	line-height: 1.6;
	width: 100%;
	max-width: 100%;
	display: block;
	clear: both;
	font-size: 1em;
	font-family: 'Noto Sans TC','微軟正黑體','Microsoft JhengHei','Apple LiGothic Medium',sans-serif;
	word-wrap: break-word;
	word-break: break-all;
}



/*-------內頁 news------------*/
.clist-post {
	position: relative;
	display: block;
	margin: 0px auto 30px auto;
	max-width: 100%;
	width: 100%;
}

	.clist-post ul {
		padding: 20px;
		margin: 0;
		left: 0;
		list-style-type: none;
		list-style: none;
		background-color: #fff;
	}


		.clist-post ul li {
			margin: 0px auto;
			overflow: hidden;
			font-size: 1rem;
			line-height: 1.5;
			word-break: normal;
			font-weight: 300;
			font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Apple LiGothic Medium', sans-serif;
			display: block;
			width: 100%;
			max-width: 100%;
			cursor: pointer;
		}

.list_head {
	border-bottom: 0px;
	max-width: 100%;
	width: 100%;
	/* border: solid 1px; */
	border-color: #777;
	font-weight: bold !important;
}

.list_head_Date {
	padding: 10px 30px !important;
	min-width: 300px
}


.list_head_Tit {
	padding: 10px 30px 10px 60px !important;
}

.clist-post ul li:nth-child(even) {
	background-color: #f1f1f1;
}

.clist-post ul li:first-child, .clist-post ul li:last-child {
	border-bottom: #757574 solid 1px;
}

.clist-post ul li a {
	width: 100%;
	max-width: 100%;
	padding: 15px 5px;
}

.clist-post .title {
	flex: 1;
	font-family: 'Noto Sans TC', '微軟正黑體', 'Microsoft JhengHei', 'Apple LiGothic Medium', sans-serif;
	font-size: 1.063em;
	display: inline-block;
	letter-spacing: 1px;
	color: #000;
	font-weight: 400;
	position: relative;
	box-sizing: border-box;
	margin: 0 auto;
	word-wrap: break-word;
	overflow-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
}

	.clist-post .title:hover {
		color: #617c42;
	}

.clist-post .date {
	display: inline-block;
	font-size: 1em;
	color: #0678b7;
	margin-right: 10px;
	letter-spacing: 0.05em;
	display: inline-block;
	font-weight: 400;
	padding-top: 8px;
	float: left;
}

.list-post-wrap {
	width: 100%;
	margin: 0 auto;
}

.news-area {
	position: relative;
}



@media only screen and (max-width: 768px) {
	.list-post {
		display: block;
	}

	.clist-post ul li a {
		width: 100%;
		max-width: 100%;
		padding: 8px 1px;
		display: block;
		justify-content: center;
	}





	.clist-post .category {
		font-size: 10px;
		padding: 5px 10px;
		min-width: 70px
	}

	.clist-post .title {
		margin-top: 5px;
		padding-left: 0;
		padding-right: 0;
		-webkit-line-clamp: 2;
	}




	.news-link {
		margin-top: 3em;
	}

		.news-link a {
			font-size: 10px;
			width: 75px;
			height: 75px;
		}
}

/*============================
20240314跑馬燈
=====================*/
.acme-news-ticker {
	background: #fff;
	position: relative;
	border: 1px solid #eee;
	margin: 0 auto 0px auto;
	max-height: 47px;
	height: 47px;
	z-index: 1;
	width: 100%;
	max-width: 100%;
	display: flex;
	box-sizing: border-box;
	justify-content: center;
	overflow: hidden;
	position: absolute;
	/* bottom: 30px; */
}




.acme-news-ticker-label {
	display: inline-block;
	font-size: 12px;
	font-family: "微軟正黑體";
	color: #fff;
	font-weight: bold;
	background: #91b4b9;
	border-radius: 2px;
	min-width: 80px;
	padding: 15px;
	min-height: 30px;
	margin: 0 auto 0 auto;
	box-sizing: border-box;
	text-align: center;
}


.acme-news-ticker .date {
	color: #595757;
	width: 15%;
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	margin-right: 8px !important;
}

.acme-news-ticker-box {
	height: 100%;
	overflow: hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	white-space: normal;
	position: relative;
	float: left;
	-webkit-box-flex: 100%;
	-ms-flex: 100%;
	flex: 100%;
	max-width: 100%;
	position: relative;
	float: left;
}

.mTxt {
	float: left;
	-webkit-box-flex: calc(100% - 125px);
	-ms-flex: calc(100% - 125px);
	flex: calc(100% - 125px);
	max-width: calc(100% - 125px);
	width: calc(100% - 125px);
	background-color: #3bbb80;
}


.acme-news-ticker-box ul {
	width: 100%;
	max-width: 100%;
	list-style-type: none !important;
	padding: 0;
	margin: 0;
	left: 0;
	display: block;
}

	.acme-news-ticker-box ul li {
		display: block;
		clear: both;
		list-style: none;
		color: #222;
		line-height: 2;
		position: relative;
		font-style: normal;
		font-size: 1.2em;
		height: 45px;
		overflow: hidden;
	}

		.acme-news-ticker-box ul li a {
			text-decoration: none;
			display: block;
			color: #595757;
			padding: 12px 5px 0 5px;
			line-height: 2;
			font-size: 1.2em;
		}

.acme-news-ticker-controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	height: 100%;
	right: 0;
	top: 0;
}

	.acme-news-ticker-controls button {
		height: 100%;
		background: #f6f6f6;
		padding: 0;
		width: 40px;
		border-color: #eeeeee;
		border-style: solid;
		border-width: 0 0 0 1px;
		cursor: pointer;
		display: inline-block;
	}

		.acme-news-ticker-controls button:hover {
			background: #eeeeee;
		}

		.acme-news-ticker-controls button.acme-news-ticker-arrow {
			margin: 0;
			display: inline-block;
			position: relative;
		}

			.acme-news-ticker-controls button.acme-news-ticker-arrow:after {
				border-color: #999;
				border-bottom-style: solid;
				border-bottom-width: 2px;
				border-right-style: solid;
				border-right-width: 2px;
				content: '';
				display: inline-block;
				height: 8px;
				left: 50%;
				position: absolute;
				top: 50%;
				width: 8px;
			}

		.acme-news-ticker-controls button.acme-news-ticker-pause {
			position: relative;
			display: inline-block;
		}

			.acme-news-ticker-controls button.acme-news-ticker-pause:before {
				position: absolute;
				content: "";
				width: 10px;
				height: 10px;
				border-color: #999;
				border-style: solid;
				border-width: 0 2px 0;
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				left: 50%;
				top: 50%;
			}

	.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-prev:after {
		-webkit-transform: translate(-50%, -50%) rotate(135deg);
		-ms-transform: translate(-50%, -50%) rotate(135deg);
		transform: translate(-50%, -50%) rotate(135deg);
	}

	.acme-news-ticker-controls.acme-news-ticker-horizontal-controls button.acme-news-ticker-next:after {
		-webkit-transform: translate(-50%, -50%) rotate(315deg);
		-ms-transform: translate(-50%, -50%) rotate(315deg);
		transform: translate(-50%, -50%) rotate(315deg);
	}

	.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-prev:after {
		-webkit-transform: translate(-50%, -50%) rotate(225deg);
		-ms-transform: translate(-50%, -50%) rotate(225deg);
		transform: translate(-50%, -50%) rotate(225deg);
	}

	.acme-news-ticker-controls.acme-news-ticker-vertical-controls button.acme-news-ticker-next:after {
		-webkit-transform: translate(-50%, -50%) rotate(405deg);
		-ms-transform: translate(-50%, -50%) rotate(405deg);
		transform: translate(-50%, -50%) rotate(405deg);
	}

@media (max-width:768px) {
}

@media (max-width: 575px) {
	.acme-news-ticker-box {
		padding-left: 10px;
		padding-right: 120px;
	}

		.acme-news-ticker-box ul li {
			height: 70px;
			overflow: hidden;
		}

	.acme-news-ticker-label {
		position: relative;
		top: 0px;
		height: 30px;
		line-height: 30px;
		display: block;
		margin: auto;
		line-height: 3px;
	}

	.acme-news-ticker-box ul li a {
		padding: 8px
	}

	.acme-news-ticker {
		max-height: 70px;
		height: 70px;
		top: 345px;
	}
}