@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);/*明體*/
@import url('https://fonts.googleapis.com/css?family=Lato|Playfair+Display+SC');/*英文字型*/

*{	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html, body, [id^="page_"]{/*id開頭為page_*/
	width: 100%;
	height: auto;
}
body{
	font-family: 'Lato', Arial, Helvetica,"Microsoft JhengHei","華文細黑", STHeiti, MingLiu, sans-serif;
	font-size: 16px;
	color: black;
	background-color: white;
	/*漸層背景*/
	background: -webkit-gradient(linear, left top, right top, color-stop(0, #f2f5e5), color-stop(0.2, #ffffff), color-stop(0.8, #ffffff), color-stop(1, #f2f5e5));
	background: -moz-linear-gradient(left, #f2f5e5 0%, #ffffff 20%, #ffffff 80%, #f2f5e5 100%);
	background: -webkit-linear-gradient(left,  #f2f5e5 0%, #ffffff 20%, #ffffff 80%, #f2f5e5 100%);
	background: -o-linear-gradient(left,  #f2f5e5 0%, #ffffff 20%, #ffffff 80%, #f2f5e5 100%);
	background: -ms-linear-gradient(left,  #f2f5e5 0%, #ffffff 20%, #ffffff 80%, #f2f5e5 100%);
	background: linear-gradient(left,  #f2f5e5 0%, #ffffff 20%, #ffffff 80%, #f2f5e5 100%);
}
a{text-decoration:none;}

/* 主圖 */
.header{width: 100%; height: auto;}
.turn_bg{width: 100%; height: auto;}
.turn_bg div{width: 100%; height: 450px; text-indent: -9999px;}
.turn_bg div:nth-child(1){background: url(../images/header_bg_1.jpg) no-repeat center; background-size: cover;}
.turn_bg div:nth-child(2){background: url(../images/header_bg_2.jpg) no-repeat center; background-size: cover;}
.turn_bg div:nth-child(3){background: url(../images/header_bg_3.jpg) no-repeat center; background-size: cover;}
.turn_bg div:nth-child(4){background: url(../images/header_bg_4.jpg) no-repeat center; background-size: cover;}
.header img{display: block; position: absolute;}
.header img.title{top: 138px; left: calc(50% - 262.5px);}
.prev, .next{display: none;}/*隱藏slick左右按鈕*/

/* 內容─團─more按鈕 */
.btnmore {
    color: white;
    background: #5cadd2;
    margin: 10px 0px 5px 90%;
    padding: 5px 15px;
    border-radius: 5px;
    border: none;
    border-bottom: solid 5px #4097bf;
    cursor: pointer;
    transition-duration: 0.1s;
    transition-timing-function: ease;
}
.btnmore:hover {
     opacity: 0.8;
}
.btnmore:active {
    border-bottom: solid 0px #4097bf;
	margin-top: 5px;
}

/* 選單 */
.nav{
	width: 100%;
	height: auto;
	background: #c8d98d url(../images/nav_bg.png) repeat top left;
	box-shadow:  0px 10px 15px white;
}
.nav > ul{
	width: 800px;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
}
.nav > ul > li{float: left;}
.nav > ul > li > a{
	display: block;
	font-size: 24px;
	text-align: center;
	line-height: 2em;
	letter-spacing: 2px;
	color: #386404;
	padding: 0px 40px;
}
.btn{
	width: 100%;
	height: auto;
	font-family: 'Playfair Display SC', serif;
	font-size: 1.5rem;
	font-weight: bold;
	letter-spacing: 5px;
	text-align: center;
	padding: 17px 0px 12px 0px;
	color: #4b8506;
	cursor: pointer;
}

/* 內容 */
h1,h2{display: block; width: 100%; height: auto; text-indent: -9999px; margin: 0px auto;}
h1 img, h2 img{display: block; max-width: 100%; height: auto; margin: 0px auto;}
p{font-size: 1rem; line-height: 200%; text-align: justify; margin: 0px 0px 20px 0px;}

/* 內容─框 */
[class^="column"]{width: 1000px; height: auto; margin: 0px auto;}
.column_goods{padding: 0px 40px 40px 40px;}

/* 內容─團 */
.goods{
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #959595;
	padding: 20px 0px 10px 0px;
	overflow: hidden;
}
.goods > a{
	display: block;
	max-width: 81%;
	float: left;
	font-size: 1.25rem;
	color: black;
	background-color: rgba(124, 158, 0, 0);
	/*動畫*/
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transform: all 0.2s linear;
	transform: all 0.2s linear;
}
.goods > a:hover{background-color: rgba(124, 158, 0, 0.1);}
.goods .price{
	float: right;
	text-align: right;
	font-size: 2rem;
	font-weight: bold;
	line-height: 32px;
	color: #e06161;
}
.goods .price:before{
	content: "$";
	font-size: 0.875rem;
	font-weight: normal;
}
.goods .price:after{
	content: "元起";
	font-size: 0.875rem;
	font-weight: normal;
}
.goods .date{
	float: left;
	min-width: calc(100% - 200px);
	font-size: 1rem;
	font-weight: bold;
	line-height: 24px;
	color: #3e6d00;
	margin-top: 8px;
}
.goods .date span.start{
	display: inline-block;
	font-size: 0.6875rem;
	font-weight: normal;
	color: white;
	background-color: #92af00;
	padding: 0px 10px;
	border-radius: 12px;
}
.goods .date a{color: #3e6d00; margin-left: 5px;}
.goods .date a:hover{text-decoration: underline;}

/* 內容─圖文左右換 */
.img_l1r1{width: 100%; height: auto; padding: 0px 0px 30px 0px; overflow: hidden;}
.img_l1r1 > img{float: left; display: block; width: 41%; height: auto;}
.img_l1r1 > div{float: right; width: 56%; height: auto; padding-top: 30px;}
.img_l1r1 h3{font-size: 1.5rem; font-weight: bold; letter-spacing: 1px; color: #5c8000; margin-bottom: 10px;}
[class^="column"] .img_l1r1:nth-child(even) > img{float: right;}
[class^="column"] .img_l1r1:nth-child(even) > div{float: left;}
[class^="column"] .img_l1r1:nth-child(even) h3{text-align: right;}

/* 其他 */
.clear{clear: both;}
.big{font-size: 120%; letter-spacing: 12px; margin-left: 12px;}

@media screen and (max-width: 1500px){
body{background: white;}
}

@media screen and (max-width: 1020px){/*瀏覽器縱向卷軸預留20px*/
/* 內容─框 */
[class^="column"]{width: 980px;}
}

@media screen and (max-width: 999px){
/* 選單 */
.nav > ul > li{float: none; background: #c8d98d; border-bottom: 1px solid white;}
.nav > ul > li:last-child{border-bottom: 0px;}
/* 內容─框 */
[class^="column"]{width: 90%;}
.column_goods{padding: 0px 0px 40px 0px;}
/* 內容─圖文左右換 */
.img_l1r1 > div{padding-top: 3%;}
}

@media screen and (max-width: 990px){
/* 內容─團 */
.goods > a{max-width: 100%;}
}

@media screen and (max-width: 729px){
/* 內容─團─more按鈕 */
.btnmore {margin: 10px 0px 5px 85%;}
/* 內容─圖文左右換 */
.img_l1r1{overflow: visible;}
.img_l1r1 > img{float: none; width: 90%; margin: 0px auto;}
.img_l1r1 > div{float: none; width: 100%; padding-top: 10px;}
.img_l1r1 h3{text-align: center;}
[class^="column"] .img_l1r1:nth-child(even) > img{float: none;}
[class^="column"] .img_l1r1:nth-child(even) > div{float: none;}
[class^="column"] .img_l1r1:nth-child(even) h3{text-align: center;}
}

@media screen and (max-width: 700px){
/* 主圖 */
.turn_bg div{height: 300px;}
.header img.title{top: 60px;}
}

@media screen and (max-width: 550px){
/* 主圖 */
.header img.title{width: 90%; left: 5%;}
}

@media screen and (max-width: 459px){
/* 主圖 */
.turn_bg div{height: 250px;}
/* 內容─團─more按鈕 */
.btnmore {margin: 10px 0px 5px 75%;}
/* 內容─圖文左右換 */
.img_l1r1 > img{width: 100%;}
}