body{
	background: url("../images/bg.jpg") repeat 50% -85px;
}

/************************************************************\
* Banner
\************************************************************/
#banner{
	position: relative;
	z-index: 90;
	width: 100%;
	overflow: hidden;
	height: 717px;
	opacity: 0;
}

/*****************************\
* opening
\*****************************/
#banner .banner_img {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.banner_img .bai {
	position: absolute;
	z-index: 3;
	opacity: 0;
}
.banner_img .ba_bg {
	background: url("../images/shop/banner_bg.jpg") no-repeat 50% 0;
	background-size: cover;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.banner_img a {
	position: relative;
	top: 366px;
	left: 50%;
	margin-left: -285px;
}
.banner_img .ba_04 {
	top: 0;
	left: 0;
}
.banner_img .ba_05 {
	top: 99px;
	left: 54px;
}
.banner_img .ba_06 {
	top: 61px;
	left: 54px;
}
.banner_img .ba_07 {
	top: 109px;
	left: 54px;
}
.banner_img .ba_06,
.banner_img .ba_07 {
	width: 199px;
	color: #ffffff;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 24.09px;
	line-height: 30px;
	letter-spacing: 0.1em;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
/**************\
* hover
\**************/
.shopbt:hover .ba_06 {
	top: 63px;
	color: #eeeeee;
}
.shopbt:hover .ba_07 {
	top: 107px;
	color: #eeeeee;
}
/*****************************\
* text
\*****************************/
#banner .banner_txt {
	position: absolute;
	top: 81px;
	left: 50%;
	z-index: 2;
	margin-left: -340px;
}
.banner_txt .title_tw {
	margin-left: 15px;
	color: #a48e80;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 22.92px;
	line-height: 28.65px;
	letter-spacing: 0.3em;
	font-weight: 700;
	font-style: italic;
	opacity: 0;
}
.banner_txt .title {
	margin-top: 22px;
	display: block;
	color: #496609;
	font-family: proxima_novasemibold;
	font-size: 85px;
	line-height: 74.5px;
	letter-spacing: 0.005em;
	font-style: italic;
	text-transform: uppercase;
	opacity: 0;
}
.banner_txt .title_en {
	margin-top: 16px;
	margin-left: 3px;
	display: block;
	color: #90a65e;
	font-family: proxima_novasemibold;
	font-size: 30.96px;
	line-height: 37.63px;
	letter-spacing: 0.005em;
	font-style: italic;
	text-transform: uppercase;
	opacity: 0;
}
.banner_txt .titleb {
	margin-top: 73px;
	margin-left: 13px;
	color: #454545;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-weight: 700;
	opacity: 0;
}
.banner_txt .summary {
	width: 290px;
	margin-top: 11px;
	margin-left: 13px;
	color: #555555;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-weight: 700;
	opacity: 0;
}

/************************************************************\
* leaves
\************************************************************/
#banner .leaves{
	position: absolute;
	top: -70px;
	left: 0;
	z-index: 1;
}
#banner .leave {
    background-repeat: no-repeat;
    position: absolute;
    z-index: 5;
	opacity: 0;
}
#banner .leave img {
	opacity: 0;
}
#banner .leave_01 {
    top: -71px;
    left: 0;
    z-index: 4;
}
#banner .leave_02 {
    top: 190px;
    left: 0;
}
#banner .leave_03 {
    bottom: -118px;
    right: 0;
}
#banner .leave_04 {
    bottom: -247px;
    right: 0;
    z-index: 4;
}

/************************************************************\
* wrapper
\************************************************************/
#wrapper{
}
#wrapper .inner{
	width: 1003px;
	padding-left: 2px;
}
#wrapper .inner .titlepng{
	display: block;
	margin: 0 auto;
	padding-top: 125px;
	padding-right: 1px;
	padding-bottom: 4px;
	opacity: 0;
}
#wrapper .title_line {
	background: url("../images/shop/title_line.png") no-repeat;
	clear: both;
	width: 100%;
	height: 4px;
	margin-top: 61px;
	margin-bottom: 32px;
	opacity: 0;
}

/************************************************************\
* left
\************************************************************/
#_shop .left {
	float: left;
	width: 307px;
	margin-right: 63px;
	margin-left: 6px;
	padding-top: 21px;
}

/*****************************\
* b_map
\*****************************/
#_shop .left .b_map {
	width: 100%;
	margin-bottom: 80px;
	opacity: 0;
}
#_shop .left .b_map i {
	background: url("../images/shop/title_ico.png") no-repeat;
	display: inline-block;
	float: right;
	width: 14px;
	height: 14px;
	margin-top: 6px;
	margin-right: 4px;
}
#_shop .left .b_map .title {
	background: url("../images/shop/b_map_ico.png") no-repeat 0 1px;
	padding-left: 35px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #d7d1d1;
	
	color: #ffffff;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	letter-spacing: 0.2em
}
#_shop .left .b_map .title.active i {
	background: url("../images/shop/title_ico_active.png") no-repeat;
}
#_shop .left .b_map .txt {
	margin-top: 0;
	margin-left: 2px;
	color: #ae8973;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	letter-spacing: 0.2em
}
#_shop .left .b_map .taiwan {
	padding-top: 48px;
	padding-left: 17px;
}

/*****************************\
* b_search
\*****************************/
#_shop .left .b_search {
	width: 100%;
	opacity: 0;
	margin-bottom: 80px;
}
#_shop .left .b_search i {
	background: url("../images/shop/title_ico.png") no-repeat;
	display: inline-block;
	float: right;
	width: 14px;
	height: 14px;
	margin-top: 6px;
	margin-right: 4px;
}
#_shop .left .b_search .title {
	background: url("../images/shop/b_search_ico.png") no-repeat 0 2px;
	padding-left: 35px;
	padding-bottom: 19px;
	margin-bottom: 20px;
	border-bottom: 2px solid #d7d1d1;
	
	color: #ffffff;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	letter-spacing: 0.2em
}
#_shop .left .b_search .title.active i {
	background: url("../images/shop/title_ico_active.png") no-repeat;
}
/**************\
* select
\**************/
#_shop .left .b_search .select {
    background: rgba(0, 0, 0, 0) url("../images/shop/select.png") no-repeat 95% 15px;
    overflow: hidden;
	box-sizing: border-box;
    width: 195px;
    margin-bottom: 0;
    margin-top: 0;
	padding-left: 11px;
    border: 0 none;
	border-bottom: 1px solid #b3846a;
}
#_shop .left .b_search .select:first-child {
    margin-bottom: 24px;
}
#_shop .left .b_search .select select {
    background: transparent none repeat scroll 0 0;
    -moz-appearance: none;
    width: 100%;
    height: 33px;
    padding: 0;
    border: 0 none;
    border-radius: 0;
	
	color: #d5a07e;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	letter-spacing: 0.2em;
}
#_shop .left .b_search .select select option {
	color: #000;
}
/**************\
* button
\**************/
#_shop .left .srh_btn {
	background: #190e09;
	text-align:center;
	width: 195px;
	height: 36px;
	line-height:35px;
	margin-top: 37px;
	border: none;
	color: #b17458;
	font-size: 13px;
	letter-spacing: 0.2em;
	
	cursor: pointer;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	-o-transition: opacity .20s linear;
	-webkit-transition: opacity .20s linear;
	-moz-transition: opacity .20s linear;
	transition:  opacity .20s linear;
	opacity: 0.8;
}
/*****************************\
* b_note
\*****************************/
#_shop .left .b_note {
	width: 100%;
	opacity: 0;
}
#_shop .left .b_note i {
	background: url("../images/shop/title_ico.png") no-repeat;
	display: inline-block;
	float: right;
	width: 14px;
	height: 14px;
	margin-top: 6px;
	margin-right: 4px;
}
#_shop .left .b_note .title {
	background: url("../images/shop/b_note_ico.png") no-repeat 1px 0;
	padding-left: 35px;
	padding-bottom: 19px;
	margin-bottom: 20px;
	border-bottom: 2px solid #d7d1d1;
	
	color: #ffffff;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 18px;
	letter-spacing: 0.2em
}
#_shop .left .b_note .txt {
	margin-top: 18px;
	margin-left: 7px;
	color: #d5a07e;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 30px;
	letter-spacing: 0.1em
}

/************************************************************\
* container
\************************************************************/
.container {
	background: #d5d5d5;
	position: relative;
	float: left;
	width: 621px;
	min-height: 300px;
	margin-top: 5px;
	border: 1px solid #b3a69e;
	border-bottom: none;
	opacity: 0;
}
.container .inside {
	opacity: 0;
}
/*****************************\
* cityTag
\*****************************/
.container .cityTag {
	background: #3e6c09;
	position: absolute;
	top: -5px;
	left: 47px;
	width: 152px;
	height: 180px;
	
	color: #ffffff;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 30px;
	letter-spacing: 0.1em;
}
.container .cityTag b {
	position: absolute;
	left: 28px;
	bottom: 37px;
}
/*****************************\
* shops
\*****************************/
.container .shops {
	float: right;
	width: 216px;
	min-height: 155px;
	margin-right: 52px;
}
.container .shops ul {
	margin-top: 35px;
}
.container .shops li {
	width: 214px;
	height: 38px;
	line-height: 38px;
	padding-left: 1px;
	border-bottom: 1px solid #c2c2c2;
	
	color: #707070;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	letter-spacing: 0.05em;
}
.container .shops li.name {
	color: #25150c;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 15px;
	line-height: 34px;
	letter-spacing: 0.1em;
}
.container .shops li.name b {
	color: #3d6c07;
	margin-right: 5px;
}
.container .shops li:nth-child(2) {
}
.container .shops li:nth-child(3) {
	height: 41px;
	line-height: 35px;
}
/*****************************\
* opContent
\*****************************/
.container .opContent{
	min-height: 160px;
	margin-top: 36px;
	margin-left: 46px;
	margin-bottom: 58px;
}
.container .opContent li {
	background: url("../images/shop/opContent_line.png") no-repeat 0 100%;
	width: 525px;
	min-height: 90px;
	
	color: #25150c;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px;
	letter-spacing: 0.2em
}
.container .opContent li:last-child {
	border-bottom: none;
}
.container .opContent .op_title {
	background: url("../images/shop/dot.png") no-repeat 11px 41px;
	height: 90px;
	line-height: 90px;
	padding-left: 44px;
	cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.container .opContent .op_title.op_title_on {
	background: url("../images/shop/dot_open.png") no-repeat 11px 43px;
}
.container .opContent .op_title i {
	float: left;
	width: 54px;
	color: #edb999;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.container .opContent .op_content {
	display: none;
	margin-top: -16px;
	padding-bottom: 27px;
	font-size: 13px;
	letter-spacing: 0.13em;
	opacity: 0.8;
}
.container .opContent li:first-child .op_content {
	display: block;
}
.container .opContent .op_content .row {
	min-height: 47px;
	line-height: 47px;
	padding-left: 5px;
	border-bottom: 1px solid #c7c7c7;
	color: #707070;
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	letter-spacing: 0.05em;
}
.container .opContent .op_content .row:last-child {
	border-bottom: none;
}
.container .opContent .op_content .row * {
	vertical-align: top;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.container .opContent .op_content .row b {
	display: inline-block;
	width: 171px;
	color: #4d6433;
}
.container .opContent .op_content .row a {
	display: inline-block;
	width: 200px;
	margin-right: 10px;
	color: inherit;    line-height: 21px;
	    margin-top: 13px;
    margin-bottom: 14px;
}
.container .opContent .op_content .row u {
    display: inline-block;
    width: 125px;
    text-decoration: none;
    word-wrap: break-word;
    line-height: 25px;
    margin-top: 12px;
    margin-bottom: 11px;
}
/**************\
* hover
\**************/
.container .opContent li:hover .op_title {
	color: #3e6c09;
}
.container .opContent .op_content .row:hover *:not(b) {
	color: #d46400;
}

/*****************************\
* submit
\*****************************/
.container .shopnow {
	position: relative;
	display: block;
	width: 623px;
	height: 104px;
	margin-left: -1px;
}
.container .shopnow .cart {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	margin-top: -15px;
	margin-left: -82px;
}
.container .shopnow input {
	width: 623px;
	height: 104px;
	padding-left: 65px;
	border: none;
	
    font-family: "微軟正黑體", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #ffffff;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.2em;
	text-align: center;
	cursor: pointer;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.container .srh_btn {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f9201+0,5d711f+100 */
background: #6f9201; /* Old browsers */
background: -moz-linear-gradient(top,  #6f9201 0%, #5d711f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #6f9201 0%,#5d711f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #6f9201 0%,#5d711f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f9201', endColorstr='#5d711f',GradientType=0 ); /* IE6-9 */
}
	
.container .srh_btn2 {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e87e00+0,e87e00+100 */
	background: rgb(232,126,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(232,126,0,1) 0%, rgba(232,126,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(232,126,0,1) 0%,rgba(232,126,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(232,126,0,1) 0%,rgba(232,126,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87e00', endColorstr='#e87e00',GradientType=0 ); /* IE6-9 */
}