html, body {
	/*background-color: #313131;*/
	}
.new-banner-area {
	background-color: #222222;
	}
.header{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
    background-color: #ffffff;
	}
@media screen and (min-width: 768px) {
.pic-down{
		-webkit-animation: Aitem 1.5s; 
		animation: Aitem 1.5s; 
		position: relative;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-o-transition: all 1s ease;
		transition: all 1s ease;	
	}
	@-webkit-keyframes Aitem{
		0%   {  top:0px;opacity: 1;}
		100% {  top:0px;opacity: 1;}
	}	
	@keyframes Aitem {
		0%   { top:0px;opacity: 1;}
		100% { top:0px;opacity: 1;}
	}	
}

.story-content{
	position: absolute;
	display:block;
	width:100%;	
	margin:0 auto;
	padding:20% 10%;
	color:#333333;
	z-index: 999;
	}
.story-content label{
	font-size:16px;
	letter-spacing: 2px;
	padding: 0 0 0 5px;
	}
.story-content h1,	
.story-content h2{
	display:block;
	font-size: calc( 0.3rem + 2.5vw - 8px ); 
	letter-spacing:1px;
	margin:0% auto 3% auto;
	padding:0;
	font-family: 'Noto Serif TC', serif;
	}
.story-content p{
	display:block;
	font-size:18px;
	line-height:180%;
	letter-spacing:3px;
	}
.story-content p span{ display:block; }		
	.aside-white{
		max-width:800px;
		color:#444444;
		}			
	.aside-dark{
		max-width:800px;
		color:#ffffff;
		}
	.aside-right{
		max-width:600px;
		float:right;
		}	
	.aside-left{
		width: 82%;
		max-width:600px;
		}	
		
		
.bottom-image{
	display:block;
	width:100%;
	background-color:#313131;
	padding:8% 0 4% 0;			
	}
.bottom-image ul{
	display:block;
	width:100%;
	max-width:1440px;
	padding:0;
	margin:0 0 0 auto;
	list-style-type:none;
	}
.bottom-image ul li{
	display:table-cell;
	}
.bottom-image ul li img{
	display:block;
	width:100%;
	}
@media screen and (max-width: 1550px) {	
.bottom-image ul{
	width:93%;
	}
}	
@media screen and (max-width: 1280px) {	
.story-content h1,	
.story-content h2{ font-size:24px;	}
}
@media screen and (max-width: 768px) {	
.bottom-image{
	padding:0;			
	}
.bottom-image ul{
	width:100%;
	}
.background{ 
	height:auto; 
    background-repeat:no-repeat;
    background-position:5% 5%;
    background-position:5% 5%\9 !important;
	}
.bg-light{
    background-color:rgba(255,255,255,.7) ;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
.story-content {
	padding: 30% 10% 0 10%;
	}
.landing-banner.pic-down.full-height{
	max-height: 300px !important; 	
	}
}
@media screen and (max-width: 600px) {	
.story-content p span{ display:inline; }	
}
@media screen and (max-width: 480px) {	
.story-content{	text-align:left; }
.story-content p {
	line-height: 160%;
	letter-spacing:0;
	}
}
@media screen and (max-width: 320px) {	
.story-content{	text-align:left; }
.story-content p {
	font-size: 15px;
	line-height: 140%;
	}
}
.full-height{ height:100%;}	
@media screen and (max-width: 1024px) {
 .full-height{ height:100%;}	
}


/*news begin*/
.index-news {
	position: relative;
	display:block;
	padding:10% 0 13% 0;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    background: #ffffff url(../images/about_section_bg.jpg) bottom no-repeat;
    background-size: cover;	
	}
.index-news.section-awards{
	position: relative;
	background-repeat: repeat-y;
	background-size: 100% 100%;
	background-color: rgba(12,107,161,1);
	background: -ms-linear-gradient(60deg,rgba(18,32,53,.9), transparent),-ms-radial-gradient(21% 89%, ellipse closest-corner,rgba(24,30,43,.4), transparent 280%),-ms-radial-gradient(center right, ellipse cover,rgba(209,150,92,.5), transparent), -ms-radial-gradient(10% 10%, circle farthest-side,rgba(79,98,83,.5), transparent),-ms-linear-gradient(140deg, rgba(0,0,0,.9), transparent),-ms-radial-gradient(rgba(242,242,242,.9), transparent);
	background: -moz-linear-gradient(60deg,rgba(18,32,53,.9), transparent),-moz-radial-gradient(21% 89%, ellipse closest-corner,rgba(24,30,43,.4), transparent 280%),-moz-radial-gradient(center right, ellipse cover,rgba(209,150,92,.5), transparent), -moz-radial-gradient(10% 10%, circle farthest-side,rgba(79,98,83,.5), transparent),-moz-linear-gradient(140deg, rgba(0,0,0,.9), transparent),-moz-radial-gradient(rgba(242,242,242,.9), transparent);
	background: -o-linear-gradient(60deg,rgba(18,32,53,.9), transparent),-o-radial-gradient(21% 89%, ellipse closest-corner,rgba(24,30,43,.4), transparent 280%),-o-radial-gradient(center right, ellipse cover,rgba(209,150,92,.5), transparent), -o-radial-gradient(10% 10%, circle farthest-side,rgba(79,98,83,.5), transparent),-o-linear-gradient(140deg, rgba(0,0,0,.9), transparent),-o-radial-gradient(rgba(242,242,242,.9), transparent);
	background: -webkit-linear-gradient(60deg,rgba(18,32,53,.9), transparent), -webkit-radial-gradient(21% 89%, ellipse closest-corner,rgba(24,30,43,.4), transparent 280%),/*bottom right*/ -webkit-radial-gradient(center right, ellipse cover,rgba(209,150,92,.5), transparent),/*main color*/ -webkit-radial-gradient(10% 10%, circle farthest-side,rgba(79,98,83,.5), transparent),/*left top blue color*/ -webkit-linear-gradient(140deg, rgba(0,0,0,.9), transparent),/*bottom right black color*/ -webkit-radial-gradient(rgba(242,242,242,.9), transparent)/*center color*/;
	background: linear-gradient(60deg,rgba(18,32,53,.9), transparent),radial-gradient(21% 89%, ellipse closest-corner,rgba(24,30,43,.4), transparent 280%),radial-gradient(center right, ellipse cover,rgba(209,150,92,.5), transparent), radial-gradient(10% 10%, circle farthest-side,rgba(79,98,83,.5), transparent),linear-gradient(140deg, rgba(0,0,0,.9), transparent),radial-gradient(rgba(242,242,242,.9), transparent);
	background-size: contain;
	height: 100%;
	overflow: hidden;
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-position: 25% 25%;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0x);
	background-color: #313131;
	}
.about-logo{
	width: 40%;
	position: absolute;
	right: 0;
	bottom: -4px;
	z-index: 0;
    }
.index-news label {
	color: #888888;
	font-size: 15px;
	}
.index-news h3 {
	position: relative;
	z-index: 5000;
	display: block;
	margin: 3% 0;
	font-size: 36px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #555555;
	font-family: 'Noto Serif TC', serif;
	}
.index-news.section-awards h3 {
	color: #ffffff;
	margin: 0;
	padding: 3% 0;
	border-bottom: 1px solid rgba(195, 178, 141, 0.3);
	}

 @media screen and (max-width: 640px) {	
	.index-news h3 {
		font-size: 24px;
		}
	.index-news {
	    background: #ffffff url(../images/about_section_bg.jpg) bottom no-repeat;
	    background-size: 200%;
		}

}
/*animate begin*/
.index-news-pic{
	position: relative;
	display:inline-block;
	width:30%;
	margin:0 6% 0 0;
	max-width:470px;
	vertical-align: top;
	overflow: hidden;
	z-index: 1;
	}
.index-news.section-awards .index-news-pic{
	margin:5% 0 0 6%;
	}
.index-news-pic img{	
	position: relative;
	display:block;
	width:100%;
	z-index: 1;
	}
@media screen and (max-width: 865px) { 
	.index-news-pic img{	
		display: none;
		}
}
@media screen and (min-width: 900px) { 
	.view-poll.last-child.in-view{
		position: relative;	
		}
	.view-poll.last-child.in-view:after{
	    position: absolute;	
		content: '';	
		display: block;
		width: 100%;
		height: 100%;
		left:0;
		right:0;
		bottom:0;
		top: 0;
		background: #ffffff;
		z-index: 1;
		animation: mask_item 1s;
		transition: transform 1s cubic-bezier(0.3, 0.5, 0, 1);
		transform: translate3d(100%, 0, 0);
		}
	@keyframes mask_item{		
		0% { transform: translate3d(0%, 0, 0);}	
		30% { transform: translate3d(0%, 0, 0);}
		80% { transform: translate3d(99%, 0, 0);}
		100% { transform: translate3d(100%, 0, 0);}
		}	
	@-webkit-keyframes mask_item{		
		0% { transform: translate3d(0%, 0, 0);}	
		30% { transform: translate3d(0%, 0, 0);}
		80% { transform: translate3d(99%, 0, 0);}
		100% { transform: translate3d(100%, 0, 0);}
		}	
	@-moz-keyframes  mask_item{		
		0% { transform: translate3d(0%, 0, 0);}	
		30% { transform: translate3d(0%, 0, 0);}
		80% { transform: translate3d(99%, 0, 0);}
		100% { transform: translate3d(100%, 0, 0);}
		}	
	@-o-keyframes mask_item{		
		0% { transform: translate3d(0%, 0, 0);}	
		30% { transform: translate3d(0%, 0, 0);}
		80% { transform: translate3d(99%, 0, 0);}
		100% { transform: translate3d(100%, 0, 0);}
		}	
}
/*animate end*/

.index-news ul {
	display:inline-block;
	width:60%;
	max-width:600px;
	list-style-type:none;
	margin:0 auto;
	padding:2% 0 0 0;
	text-align: left;
	}
.index-news.section-awards ul {
	padding:0;	
	}
.index-news p {
	margin:0;
	padding:0;
	color: #707070;
	font-size: 16px;
	line-height: 180%;
	}

.index-news ul li {
	width:100%;
	padding:20px;
	text-align:left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
    font-size: 15px;
    letter-spacing: 1px;
	color: #ffffff;
	}
 @media screen and (max-width: 640px) {
	.index-news ul li {
		padding:15px;
		font-size: 15px;
		line-height: 1.2;
		}
}
.index-status{
	display:table;
	width:100%; 
	}
.index-news-content{
	display:table-cell;
	width:85%;
	padding:0 0 0 30px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	vertical-align: top;
	} 
.index-news ul li a, 
.index-news ul li a:link, 
.index-news ul li a:visited {
	display:block;
	height: auto;
	font-size:15px;
	line-height: 1.2;
	color:#222222;
	text-decoration:none; 
	}
.index-news ul li a:hover {
	color:#C70026;
	text-decoration:underline; 
	}
.index-news-date {
	display:table-cell; 
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-style:italic;
	font-size:13px;
	letter-spacing:1px;
	color:#a8a8a8;
	margin:0;
	}
.index-news ul li.odd {
	background-color: rgba(88, 97, 115, 0.3);
	}
.news-more {
	width:100%;
	padding:0;
	margin:60px 0 0 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.news-more a {
	display:inline-block;
	padding:15px 35px;
	color:#ffffff;
	background-color:#19191b;
	letter-spacing:0px;
	font-size:15px;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
	}
.news-more a:hover {
	background-color:#234d7c;
	}
 @media screen and (max-width: 1280px) {
	.index-news-pic{
		width:35%;
		margin:0 5% 0 0;
		}
	.index-news ul {
		width:55%;
		}
}
 @media screen and (max-width: 980px) {
	.index-news-pic{
		width:40%;
		}
	.index-news ul {
		width:50%;
		}
}
 @media screen and (max-width: 865px) { 
	.index-news-pic {
		display: block;
		width:100%;
		margin:0 auto 3% auto;
		max-width:480px;
		} 
	.index-news ul{
		display:block;
		width:100%;
		max-width:100%;
		list-style-type: none;
		margin: 0 auto;
		padding: 0;
		}
	.news-more{
		margin:7% 0 0 0;
		}
	.index-news ul li a, 
	.index-news ul li a:link, 
	.index-news ul li a:visited {
		height:auto;
		}
	.index-news {
		padding:10% 10% 15% 10%;
		}
}
 @media screen and (max-width: 640px) { 
	.index-news ul li.odd {
		background-color: rgba(187, 167, 149, 0.15);
		}
	.news-more a {
		padding:10px 25px;
		font-size:15px;
		}
	.index-news-date {
		letter-spacing:0;
		}
	.index-news h5{
		margin:0 0 5% 0;
		}
}
/*news end*/


.index-ball-area.slash{
	display: block;
	padding: 5% 0;
	background-image: url(../images/slash_bg_line_dark.gif);  
	}
.index-ball-area h2{
	position: relative;
	z-index: 5000;
	display: block;
	width: 100%;
	text-align: center;
	padding: 0;
	font-size: 38px;
	margin: 0;
	letter-spacing: 1px;
	font-weight: normal;
	color: #222222;
	}	
/* product item */
ul.food-product-item {
	display: table;
	width: 100%;
	max-width: 1680px;
	margin: 4% auto 0 auto;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
ul.food-product-item.recommend{
	padding:0;
	}
ul.food-product-item h2{
	display:block;
	font-size:30px;
	font-weight:normal;
	letter-spacing:2px;
	margin:0 auto 5px auto;
	padding:0;
	color:#333333;
	}	
ul.food-product-item p{
	display:block;
	font-size:16px;
	letter-spacing:2px;
	margin:0 auto 5% auto;
	padding:0;
	color:#707070;	
	}		
ul.food-product-item li{
	display:inline-block;
	width:19%;
	padding:0 15px;
	margin:0;
	vertical-align:top;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box; 	
	}	
ul.food-product-item.recommend li{
	width:19%;
	padding:0 1%;	
	}
ul.food-product-item li .item-group,
ul.food-product-item li a.item-group{	
	position:relative;	
	display:block;
	width:100%;
	max-width:252px;	
	border:0;
	text-decoration:none;
	margin:0 auto 25% auto;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;	
	}
ul.food-product-item li .item-group img,
ul.food-product-item li a.item-group img{
	display:block;
	width:inherit;
	margin:0 auto;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	}
ul.food-product-item li .item-group label,
ul.food-product-item li a.item-group label{	
	display:block;
	margin:8% 0 0 0;
	font-size:15px;	
    color:#ffffff;
    line-height: 120%;
	font-weight:normal;
	text-align:center;	
	}	
ul.food-product-item.recommend .item-group label,
ul.food-product-item.recommend a.item-group label{
	text-align:center;
	}	
.item-pic{ 
   position:relative;
   width:100%;
   overflow: hidden;
   }	
ul.hr-link.food-product-item li:hover .item-group label,
ul.hr-link.food-product-item li:hover a.item-group label{
	color:#3c9fe4;
	cursor:pointer;
	}
	
ul.hr-link.food-product-item li:hover .item-group img,
ul.hr-link.food-product-item li:hover a.item-group img{
	cursor:pointer;
	opacity: 0.7;
	alpha(opacity=0.7);	
	}
	
 @media screen and (max-width: 1100px) {
	ul.food-product-item li .item-group label,
	ul.food-product-item li a.item-group label{	
		font-size:16px;	
		}	
}
 @media screen and (max-width: 865px) {	
    ul.food-product-item li .item-group label,
	ul.food-product-item li a.item-group label{
		font-size: calc( 0.45rem + 2.1vw - 8px );
		height: 2.3em;
		overflow: hidden;
		line-height: 1.2;
		word-break: normal;
		text-overflow: ellipsis;
		}	
				
}
 @media screen and (max-width: 768px) {	 
	ul.food-product-item{
	    padding:0%;
		}	
	ul.food-product-item li{
		width:46%;
		padding:0 1.5% 0 1.5%;
		margin:0 0 4% 0;
		}	
	.item-description{ 
		display:none;
		}	
	ul.food-product-item li .item-group label,
	ul.food-product-item li a.item-group label{
		margin:8% 0 0 0;
		font-size:15px;
		text-align:center;
		letter-spacing:0;
		height:auto;
		}
	ul.food-product-item li .item-group,
	ul.food-product-item li a.item-group{	
		margin:0 auto;
		}
}
 @media screen and (max-width: 380px) {	
    ul.food-product-item li .item-group label,
	ul.food-product-item li a.item-group label{	
		font-size: calc( 0.9rem + 2vw - 8px );
		}
}
/* product item end */	

/*animate begin*/
@media screen and (min-width: 900px) { 
	ul.view-poll.first-child.in-view{
		position: relative;
		animation: feature_item 1.5s;
		}
	.view-poll.zero-child.in-view{
		animation: feature_item 2s; 
		}
		@keyframes feature_item{		
			0% { right:-40px;opacity: 0;}	
			40% { right:-40px;opacity: 0; }
			99% { right:-1px;opacity: 1; }
			100% { right:0px;opacity: 1; }
			}	
		@-webkit-keyframes feature_item{		
			0% { right:-40px;opacity: 0;}	
			40% { right:-40px;opacity: 0; }
			99% { right:-1px;opacity: 1; }
			100% { right:0px;opacity: 1; }
			}		
		@-moz-keyframes  feature_item{		
			0% { right:-40px;opacity: 0;}	
			40% { right:-40px;opacity: 0; }
			99% { right:-1px;opacity: 1; }
			100% { right:0px;opacity: 1; }
			}	
		@-o-keyframes feature_item{		
			0% { right:-40px;opacity: 0;}	
			40% { right:-40px;opacity: 0; }
			99% { right:-1px;opacity: 1; }
			100% { right:0px;opacity: 1; }
			}
}			
/*animate end*/

/*animate begin*/
@media screen and (min-width: 900px) { 
	ul.view-poll.awards-child.in-view{
		position: relative;
		animation: about_item 1s;
		}
	.view-poll.awards-pic-child.in-view{
		position: relative;
		animation: aboute_item 1s; 
		}
		@keyframes aboute_item{		
			0% { left:-40px;opacity: 0;}	
			40% { left:-40px;opacity: 0; }
			99% { left:-1px;opacity: 1; }
			100% { left:0px;opacity: 1; }
			}	
		@-webkit-keyframes aboute_item{		
			0% { left:-40px;opacity: 0;}	
			40% { left:-40px;opacity: 0; }
			99% { left:-1px;opacity: 1; }
			100% { left:0px;opacity: 1; }
			}		
		@-moz-keyframes  aboute_item{		
			0% { left:-40px;opacity: 0;}	
			40% { left:-40px;opacity: 0; }
			99% { left:-1px;opacity: 1; }
			100% { left:0px;opacity: 1; }
			}	
		@-o-keyframes aboute_item{		
			0% { left:-40px;opacity: 0;}	
			40% { left:-40px;opacity: 0; }
			99% { left:-1px;opacity: 1; }
			100% { left:0px;opacity: 1; }
			}
}			
/*animate end*/

/*animate begin*/
@media screen and (min-width: 900px) { 
	.view-poll.last-area.in-view{
		position: relative;
		animation: last_item 1s;
		z-index: 1;	
		}
	@keyframes last_item{		
		0% { bottom:-80px;opacity: 0;}	
		40% { bottom:-80px;opacity: 0; }
		99% { bottom:-1px;opacity: 1; }
		100% { bottom:0px;opacity: 1; }
		}	
	@-webkit-keyframes last_item{		
		0% { bottom:-80px;opacity: 0;}	
		40% { bottom:-80px;opacity: 0; }
		99% { bottom:-1px;opacity: 1; }
		100% { bottom:0px;opacity: 1; }
		}	
	@-moz-keyframes  last_item{		
		0% { bottom:-80px;opacity: 0;}	
		40% { bottom:-80px;opacity: 0; }
		99% { bottom:-1px;opacity: 1; }
		100% { bottom:0px;opacity: 1; }
		}		
	@-o-keyframes last_item{		
		0% { bottom:-80px;opacity: 0;}	
		40% { bottom:-80px;opacity: 0; }
		99% { bottom:-1px;opacity: 1; }
		100% { bottom:0px;opacity: 1; }
		}
}	
/*animate end*/

.ico_hexagon {
	position: relative;
}	
.ico_hexagon:before {
	position: absolute;
	content: "\f00c";
	font-family: 'FontAwesome';
	top: -1px;
	left: -33px;
	font-size: 22px;
	color: #8cabce;
	}
@media screen and (max-width: 640px) {
.ico_hexagon:before {
	top: 0px;
	font-size: 18px;
	left: -29px;
	}
}	

@media screen and (min-width: 640px) {
	.swiper-slide-active img.landing-banner.pic-down{
		animation: 10s linear;
		-webkit-filter: blur(10px);
		filter: blur(10px);
		}
}

@media screen and (max-width: 640px) {
	.swiper-container.mobile-pic .swiper-slide{
		overflow: hidden;
	    }
	.swiper-slide img {
		-webkit-filter: blur(5px);
		filter: blur(5px);
		transform: scale(1.2, 1.2);
		}


}

.comapany-area{
	display:block;
	width:100%;
	padding: 5% 0 7% 0;
	background-color: #ffffff;
	z-index: 0!important;
	}	
.list-container{
	display:block;
	width:100%;
	max-width:1260px;
	margin:0 auto;
	}	
a.item-container{
	text-decoration:none;
	}
a.item-container:hover h3{
	color:#C70026;
	text-decoration:underline;
	}	
.item-container h3{
	display:block;
	width:100%;
	max-width:250px;
	font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	font-weight:bold;
	font-size:16px;
    letter-spacing:0px;
    color: #222222;
	margin:0 auto 20px auto;
	}
.item-container .list-date{
	display:block;
	width:100%;
	max-width:250px;
	font-size:14px;
    text-transform: uppercase;
    letter-spacing: 1px;
	color:#999999;
	margin:0 auto;
	}	
.item-container img{
	display:block;
	width:100%;
	max-width:150px;
	margin:0 auto;
	border-radius:7px;
	}	
	
/* item list */
.grid-view:before,
.grid-view:after {
	content: '';
	display: table;
	clear: both;
}
/* items list/grid layout */
.grid-view {
	position: relative;
	}
	.grid-view .item-container {
		clear: none;
		float: left;
		padding: 20px 20px 10px 20px;  /*間距*/
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
	    }
		.grid-view .item-container:before,
		.grid-view .item-container:after {
			content: '';
			position: absolute;
			overflow: hidden;
			background: #D9D9D9; /* 線的顏色 */
		    }
		.grid-view .item-container:before {
			left: 0;
			margin-top: -20px;  /*間距*/
			width: 100%;
			height: 0px; /* 底線 */
		    }
		.grid-view .item-container:after {
			top: 0;
			margin-left: -20px;  /*間距*/
			width: 1px; /* 邊線 */
			height: 100%;
		    }
	
@media (min-width: 1561px) {
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 25%; }
	.grid-view .item-container:nth-child(4n+1) { clear: both; }
	.grid-view .item-container:nth-child(4n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+4):before { height: 0; }

}
@media (max-width: 1560px) {	
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 25%; }
	.grid-view .item-container:nth-child(4n+1) { clear: both; }
	.grid-view .item-container:nth-child(4n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+4):before { height: 0; }

}
@media (max-width: 1400px) {
	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 25%; }
	.grid-view .item-container:nth-child(4n+1) { clear: both; }
	.grid-view .item-container:nth-child(4n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+4):before { height: 0; }

}

	
 @media (max-width: 1180px) {
.list-container{ max-width:95%; }
}
 @media (max-width: 1080px) {
.list-container{ max-width:94%; }
}
 @media (max-width: 1024px) {
	.grid-view .item-container:nth-child(n) { clear: none; }

	/* 消除 */
	.grid-view .item-container { width: 33.3333%; }
	.grid-view .item-container:nth-child(3n+1) { clear: both; }
}

 @media (max-width: 865px) {

	.grid-view .item-container:nth-child(n) { clear: none; }
	.grid-view .item-container:nth-child(n):before { height: 1px; }
	/* 消除 */
	.grid-view .item-container { width: 50%; }
	.grid-view .item-container:nth-child(2n+1) { clear: both; }
	.grid-view .item-container:nth-child(2n+1):after { width: 0; }
	.grid-view .item-container:nth-child(-n+2):before { height: 0; }
}
.grid-view.reservation .item-container .list-date {
	font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	color: #707070;
	margin: 20px auto;
	text-align: center;
	}
.comapany-area h5{
	display: block;
	margin:0 auto 3% auto;
	font-size: 36px;
	letter-spacing: 1px;
	font-weight: normal;
	color: #555555;
	text-align: center;
	font-family: 'Noto Serif TC', serif;
	}
@media screen and (max-width: 640px){
.comapany-area h5{
	font-size: 24px;
	}
}	
@media screen and (min-width: 640px) {
	.swiper-slide img.landing-banner.pic-down{
		transition: 1s linear 2s;		
		}
	.swiper-slide-active img.landing-banner.pic-down,
	.swiper-slide-duplicate-active img.landing-banner.pic-down{
		transition: 10s linear;
		transform: scale(1.5, 1.5);
		}
}