@charset "utf-8";
/* 主體區域樣式 */



/* banner */
.banner{
	background:none;
}


.banner .btn_down{
	background: url(../default/img/arrow03_d.svg) no-repeat center top;
    background-size: 100%;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    z-index: 50;
    /* bottom: 80px; */
    left: 50%;
    margin-left: -15px;
    margin-bottom: 40px;
    cursor: pointer;

}
.banner .ms-view{
	background:none;
}

.banner .ms-skin-black-2 .ms-bullet-selected{
	background: none;
    border-color: rgba(255, 255, 255, 1);
}


#in_ad{
	width: 100%;
    display: inline-block;
    overflow: hidden;
    margin-bottom: 30px;
    padding-top: 10px;
}
#in_ad picture img{
	max-width:100%;
}


/*MAP*/
#map {
    height:350px;
    width:100%;
}




/* idx_five */
#idx_five{	
    margin-top: -20px;
}

#idx_five .main{
	margin:0 auto;
	position:relative;
	min-height: 650px;

}
#idx_five .candy {
    display: table;
    margin: 0 auto;

}
#idx_five .pic img,#idx_five .candy img{
	max-width:100%;
	margin: 0 auto;
    float: none;
    display: block;
}


#idx_five .item{
	
}

#idx_five .num{
	float: left;
    margin-right: 10px;
	margin-bottom: 80px;
}
#idx_five .item02{
	width: 400px;
    overflow: hidden;
    position: absolute;
}
#idx_five .item02 p{
	float: left;
    width: calc(100% - 140px);
    line-height: 24px;
    font-size: 16px;
	padding-top: 20px;
}
#idx_five .item02 p span{
	color:#605f5f;
	font-size:16px;
}
#idx_five .item02 p span:first-of-type{
	font-size:20px;
	line-height: 40px;
}
#idx_five .item02 p span b{
	font-size:40px;
}
#idx_five .feel{
	width: 140px;
}

#idx_five .i01{
	left: 50%;
    margin-left: -540px;
    top: 20px;
}
.i01 .feel{
	float:right;
}
#idx_five .i01 p span:first-of-type{
	color:#f2aec1;
}
#idx_five .i02{
	left: 50%;
    margin-left: -600px;
    top: 320px;
}
.i02 .feel{
	float:right;
}

#idx_five .i02 p span:first-of-type{
	color:#65c6d3;;
}

#idx_five .i03{
	left: 50%;
    margin-left: -60px;
    top: 500px;
}
.i03 .feel{
	float:none;
}

#idx_five .i03 p span:first-of-type{
	color:#9f66a3;
}

#idx_five .i04{
	left: 50%;
    margin-left: 190px;
    top: 320px;
}
.i04 .feel{
	float:left;
}

#idx_five .i04 p span:first-of-type{
	color:#fb9a8f;
}

#idx_five .i05{
	left: 50%;
    margin-left: 120px;
    top: 30px;
}
.i05 .feel{
	float:left;
}

#idx_five .i05 p span:first-of-type{
	color:#b4d94d;
}


/*一火人*/
#idx_customer{
	background: url('../images/bg03.jpg') left top repeat;
	
}

#idx_customer .main{
	overflow:hidden;
}

#idx_customer .main img{
	max-width:100%;
	margin:0 auto;
	display:block;
}
#idx_customer .main img:first-of-type{
	display:block;
}
#idx_customer .main img:nth-of-type(2){
	display:none;
}

/*PK比較*/
#idx_taste{
	background: url('../images/bg_pk_t.png') center center no-repeat,url('../images/bg_pk.png') center bottom no-repeat
	;
	background-size:90%,auto;
}

#idx_taste header{
	display:table;
	margin: 0 auto 30px;
}

#idx_taste .title{
	color:#fff;
	float:left;
	line-height:50px;
}
#idx_taste .title .s{
	display:block;
	font-size:30px;
	font-weight:700;
}
#idx_taste .title .b{
	
	font-size:60px;
	font-weight:normal;

}
#idx_taste .title:first-of-type .b{
	background: url('../images/icon_line01_w.png') no-repeat left center;
	padding-left:80px;
}

#idx_taste .title:last-of-type .b{
	background: url('../images/icon_line01_w.png') no-repeat right center;
	padding-right:80px;
}


#idx_taste .title:first-of-type{
	text-align:right;
}
#idx_taste .title:last-of-type{
	text-align:left;
}
#idx_taste .title b{
	display: inline-block;
    border-radius: 25px;
    width: 50px;
    text-align: center;
}
#idx_taste .title:first-of-type b{
	background-color: #f2aec1;  
}

#idx_taste .title:last-of-type b{
	background-color: #65c6d3;
}

#idx_taste .mid{
	margin:0 20px;
	float:left;
	font-family:'Candara';
	text-transform:uppercase;
	color:#fff;
	font-size:40px;
}

#idx_taste .main{}



#idx_taste table{
	width:100%;
}

#idx_taste td{
	padding-top:20px;
	color: #fff;
    line-height: 40px;
    font-size: 30px;

}
#idx_taste td:first-of-type{
	text-align:right;

}

#idx_taste td:nth-of-type(2){
	background:url('../images/icon_btn.png') center top no-repeat;
	width:191px;
	text-align:center;
	padding-top:0;
	line-height:76px;
	color:#575757;
	font-weight:700;
	height: 76px;
}


.taste_list{
	display:none;
}
.taste_list p{
	margin: 0 auto;
	color: #fff;
    line-height: 40px;
    font-size: 30px;
    clear: both;
    display:table;
}
.taste_list p:first-of-type{
    background: url('../images/icon_btn.png') center top no-repeat;
    width: 191px;
    background-size: auto 60px;
    text-align: center;
    padding-top: 0;
    line-height: 60px;
    color: #575757;
    font-weight: 700;
    height: 76px;
    font-size: 30px;
}

.taste_list p:nth-of-type(2):before{
	background-color: #f2aec1;
    content: '火星糖';
    line-height: 40px;
    font-size: 30px;
    display: inline-block;
    float: left;
    border-radius: 20px;
    width: 120px;
    font-weight: 700;
    text-align: center;
}
.taste_list p:nth-of-type(3):before{
	background-color: #9f9f9f;
	content:'牛軋糖';
	line-height: 40px;
    font-size: 30px;
	display: inline-block;
    border-radius: 20px;
    width: 120px;
    font-weight:700;
    text-align: center;
    margin-bottom: 30px;
    float: left;
}



/*idx_reservation*/
#idx_reservation{
	background: url('../images/demo_reservation.jpg') center top no-repeat;
	background-size:cover;
}
#idx_reservation .title01 .b{
	color: #fff;
    background: url('../images/icon_line01_w.png') no-repeat left center,url('../images/icon_line01_w.png') no-repeat right center;

}
#idx_reservation .title01 .s {
	color: #fff;
}
#idx_reservation .main{
	margin:0 auto;
}
#idx_reservation .main p{
	text-align:center;
	color: #fff;
	font-size:25px;
	line-height:35px;
}
#idx_reservation .btn06 {
	margin:20px auto;
}



/*首頁消息區*/
#idx_news{
	background: url('../images/bg_cloud.png') no-repeat left 400px;
    border-bottom: solid 1px #ffbed0;	
}

#idx_news ul{
	clear: both;
    display: table;
    margin: 0 auto 50px;
}
#idx_news li{
	width: calc(100% / 3 - 12px);
    float: left;
    margin: 0 5px;
}

#idx_news ul:nth-of-type(2) li {
    width: calc(100% / 2 - 10px);
}

#idx_news a{
	line-height: 30px;
	font-size:18px;
	font-weight:700;
	color:#fff;
	text-align:center;
	clear:both;
	display: block;
}
#idx_news a img{
	max-width:100%;
}
#idx_news a:first-of-type{
	/*display:inline-block;*/
	margin-bottom: 15px;
	box-shadow: 0 0 8px rgba(0,0,0,0.4);
}


/*首頁產品區*/
#idx_products{

}

#idx_products .list_v02{
	clear: none;
	float:left;
	width:calc(100% / 5);
	max-height: 1000px;
	cursor: pointer;
}
#idx_products .list_v02 .photo {
    max-height: 1000px;
}
#idx_products .list_v02:first-of-type .photo{
    background-color: #5fc1ce;
}
#idx_products .list_v02:nth-of-type(2) .photo{
	background-color: #f2aec1;
}
#idx_products .list_v02:nth-of-type(3) .photo{
	background-color: #bacf52;
}
#idx_products .list_v02:nth-of-type(4) .photo{
	background-color: #ffa45b;
}
#idx_products .list_v02:nth-of-type(5) .photo{
	background-color: #a97fab;
}

#idx_products .list_v02 .photo > img{
	opacity:0;
}
#idx_products .list_v02 .photo:hover > img {
	opacity:1;
}
#idx_products .list_v02 .photo > img:nth-of-type(2){
	display:none;
}


#idx_products .list_v02 .photo p{
	opacity:1;
}

#idx_products .list_v02 .photo:hover p{
	opacity:0;
}

#idx_products .list_v02 .photo figcaption{
	z-index:5;
	padding-top:100%;
}
#idx_products .list_v02 p{
	color:#fff;
	text-align:center;
	font-size:20px;
	line-height:30px;
}
#idx_products .list_v02 .title{
	font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    display: table;
    padding: 5px 15px;
    border: solid #fff 1px;
    margin: 0 auto 20px;
}

#idx_products .list_v02 .pic{
	position: absolute;
    z-index: 2;
    left: 0;
    width: 100%;
    text-align: center;
    top: 20%;
}

#idx_products .list_v02 .pic img{
	width: 60%;
}

#idx_products .list_v02 .photo:hover .pic{
	opacity:0;
}
.bgcover01{    
	width: 100%;
    height: 388px;
    position: absolute;
    z-index: -1;
    display: block;
}
#bg_about{background: url('../images/bg02.png') repeat-x left top #5fc1ce;}
#bg_shopping{background: url('../images/bg02.png') repeat-x left top #f2aec1;}
#bg_process{background: url('../images/bg02.png') repeat-x left top #617dd9;}
#bg_article_list{background: url('../images/bg02.png') repeat-x left top #bacf52;}
#bg_article_detail{background: url('../images/bg02.png') repeat-x left top #bacf52;}
#bg_album{background: url('../images/bg02.png') repeat-x left top #bacf52;}
#bg_faq{background: url('../images/bg02.png') repeat-x left top #ffa45b;}
#bg_contactus{background: url('../images/bg02.png') repeat-x left top #ffa45b;}
#bg_member{background: url('../images/bg02.png') repeat-x left top #a97fab;}
#bg_search{background: url('../images/bg02.png') repeat-x left top #7b98a3;}
#bg_promo{background: url('../images/bg02.png') repeat-x left top #f29595;}

#bg_active_detail{background: url('../images/bg02.png') repeat-x left top #a97fab;}
#bg_active_list{background: url('../images/bg02.png') repeat-x left top #a97fab;}

/* MEMBER */
#member {	
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#member .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#member .step_one,#member .step_two{
	display:table;

}

#member .btn02{
    margin: 30px auto 0;
}

#member .options_txt{
	float: left;
    margin-right: 20px;
}

#member .table02.evaluate button, 
#member .table02.evaluate input, 
#member .table02.evaluate select, 
#member .table02.evaluate textarea{
	width:100%;

}

#member .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#member .status_box select{
	font-size:18px;
	line-height:25px;
}

/* about */
#about {
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#about .main{
    padding:30px 0px 20px;
	overflow:hidden;
}

#about .step_one,#member .step_two{
	display:table;

}

#about .btn02{
    margin: 30px auto 0;
}

#about .options_txt{
	float: left;
    margin-right: 20px;
}

#about .table02.evaluate button, 
#about .table02.evaluate input, 
#about .table02.evaluate select, 
#about .table02.evaluate textarea{
	width:100%;

}

#about .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#about .status_box select{
	font-size:18px;
	line-height:25px;
}


/* shopping */
#shopping{	
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#shopping .main{
    padding:30px 20px 20px;
	overflow:hidden;
	margin: 20px auto 0;
}


#shopping .t_box{
	border-bottom:solid 1px #ccc;
	padding:20px 0 30px;
	overflow:hidden;
	margin-bottom:30px;
}



#shopping .list_v03{
	box-shadow: 1px 2px 5px rgba(0, 0, 0,0.1);
    clear: none;
    float: left;
    margin: 0 5px 50px;
    background-color: #fff;
	border: 1px rgba(65, 158, 170,0) solid;
}

#shopping .list_v03.picked{
	box-shadow: 1px 2px 5px rgba(0, 0, 0,0.1);
    clear: none;
    float: left;
    margin: 0 5px 50px;
    background-color: #fff;
	border: 1px rgba(65, 158, 170,1) solid;
}

#shopping .list_v03 figcaption{
	padding: 5px 0px;
	min-height: 190px;
}

#shopping .list_v03 .title{
    line-height: 20px;
    height: 40px;
    font-size: 18px;
    margin-bottom: 10px;
    color: #55b0bc;
    overflow: hidden;
    display: block;
    margin: 0 5px;
}

.icon_price{
	vertical-align: text-top;
    width: 18px !important;
    height: 18px !important;
    float: initial;
}
.icon_coin{
	vertical-align: text-top;
    width: 18px !important;
    height: 18px !important;
    float: initial;
}


.price{
	margin: 0 1px 0 5px;
    line-height: 40px;
    display: inline-block;
    letter-spacing: 0px;
}

.price span{
	color:#ed907b;
	font-size:24px;
	font-weight:bold;
    display: inline-block;
    margin-left: 3px ;
    padding: 0 !important;
    letter-spacing: -1px;
}
.price_pin{
	color:#ed907b !important;
	font-size:24px !important;
	font-weight:bold;
vertical-align: middle;
}
.prize{
    width:auto;
	line-height: 40px;
	display: inline-block;
	letter-spacing: 0px;
}
.prize span{
	color:#ff677a;
	font-size:24px;
	font-weight:bold;
	margin-left: 3px ;
	padding: 0 !important;
    letter-spacing: -1px;
}
.prize_pin{
	color:#ff5f75 !important;
	font-size:24px !important;
	font-weight:bold;
	vertical-align: middle;
}
.icon_temperature{
	width:auto !important;
	height: 23px !important;
}
.del_shop{
	cursor: pointer;
    width: 18px !important;
    height: 18px !important;
    margin: 0 auto;
    display: block;
    opacity: 0.6;
}
.del_shop:hover{
	opacity: 1;
}
.del_shop.s{
    position: absolute;
    right: 6px;
    top: 15px;
}
.list_v03 .amount{
	display: block;
    vertical-align: middle;
    margin: 0 1px 0 5px;
}

.list_v03 .label01 {
    background: #5db8c4;
    padding: 5px 8px;
    color: #fff000;
    font-weight: 700;
}

#shopping .list_v03 .btn05{
	clear: both;
    margin: 3px;
    width: calc( 100% - 6px);
    position: absolute;
    bottom: 0;
    left: 0;

}
#shopping .list_v03 .btn05 span{
	font-size: 12px;
    padding: 0 2px;
    letter-spacing: -1px;
    background: #dd405f;
}

.total_prize_text{margin:0 auto 20px;text-align: center;color:#5b5b5b;}



/*促銷頁面*/
#shopping .limited_time{
	background-color: #f3f3f3;
}
#shopping .limited_time .main{
    float: left;
}
#shopping .limited_time .time{
	float: right;
    margin: 30px 0;
}

#shopping .limited_time .time p{
	margin-bottom:10px;
	font-size: 20px;
    line-height: 50px;
}

.limited_time .time > p{
	background: #e5a6c1;
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
}
.limited_time .time > p img{
	width: 25px;
    margin: 0 5px;
}
.limited_time time p:nth-of-type(2n+1){
    background: #e5a6c1;
    color: #fff;
    line-height: 50px;
    font-size: 40px;
    margin: 0 3px;
    border-radius: 10px;
    padding: 0 10px;
}


/*SHOPPING_DETAIL*/
#shop_main{overflow: hidden; width:100%; margin-bottom: 30px;}
.photoshow_box{}
#shop_information{}
#shop_information .pagetitle_item{
	text-align:left;
}

.shop_title{ margin:0; color:#a40000; font-size:26px; line-height:36px; font-weight:700;}

.shop_price{
	color:#3b3b3b;
	font-size:16px;
	line-height:40px;
	display: inline-block;
}

.shop_price span{
	padding-left:3px;
	color:#ed907b; 
	font-size:24px; 
	font-weight:700; 
	
}
.shop_price span:nth-child(4){
	color:#ff6175; 
	
}
.shop_price span.prize{
		
}

.shop_price span.plus{
	color:#a3a3a3; 
}


#shop_information .amount{
	clear: both;
    width: 100%;
    display: inline-block;
    margin: 20px 0;
}

#s_narrative{ padding:20px 0;}

#photoshow_box{}
#photoshow_box img{ width:100%;max-width: 500px;}
#photoshow_box .s_photo:hover{ cursor: pointer;}
#photoshow_box .s_photo li{ padding:0 10px 10px 0; display:block;}
#photoshow_box .b_photo{margin-bottom:10px;}

.web_showother{}







/*OPTION*/
.option{
	clear:both;
	width:100%;
	overflow: hidden;
	margin:20px 0 10px;
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
}
.option tr{ clear:both; padding:10px 0;overflow: hidden;}

.option th{color:#555; font-size:16px;line-height:35px; width:100px; text-align:left; vertical-align:text-top; padding:10px 0;}
.option td{ padding:10px 0;color:#555; font-size:16px;line-height:22px;}
.option td span{
	color:#ff7e00;
}
.option select{color:#555; font-size:16px; float:left; width:auto;height:30px;min-width:200px; padding:5px;border:1px solid #ccc;}

.option input{ float: left; margin:0 1px;width:30px; height:30px; border:1px solid #ccc; text-align:center;font-size:16px; color:#555;}
.option button{ cursor:pointer; float: left;margin:0 1px; background-color:#eee;width:30px; height:30px; border:1px solid #ccc; text-align:center;font-size:20px; color:#555; font-weight:700;}

/*ARTICLE*/
#article_list {
	
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#article_list .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#article_list .step_one,#member .step_two{
	display:table;

}

#article_list .btn02{
    margin: 30px auto 0;
}

#article_list .options_txt{
	float: left;
    margin-right: 20px;
}

#article_list .table02.evaluate button, 
#article_list .table02.evaluate input, 
#article_list .table02.evaluate select, 
#article_list .table02.evaluate textarea{
	width:100%;

}

#article_list .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#article_list .status_box select{
	font-size:18px;
	line-height:25px;
}



.newslist_main_box{width:80%;float:left;margin:10px auto;}
.newslist_date{width:69px;height:105px;float:left;background: url("../images/news_date.png") no-repeat;text-align:center;padding:15px 0px;margin:4px;position: relative;} 
.newslist_date_day{font-size:36px;line-height:30px;color:#fff;}
.newslist_date_month{font-size:15px;line-height:18px;color:#fff;text-transform:capitalize;}
.newslist_article_box{width: calc( 100% - 120px);height:220px; float:left; margin:5px;box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.1);overflow:hidden;}
.news_list_photo{width:360px;height:220px; float:left;}.news_list_photo img{width:100%; }
.newslist_text_box{width:calc( 100% - 360px); float:left;}
.newslist_title{color:#fc4646; font-size:20px; line-height:30px;padding:20px;height:80px;overflow:hidden;}
.newslist_text{color:#1d1b1b; font-size:16px; line-height:26px;padding:0px 20px;height:80px;overflow:hidden;}
.news_side_box{width:20%;overflow:hidden;}
.side_menu_title {
    color: #3e454c;
    word-break: normal;
    text-transform: uppercase;
    margin: 20px 0px;
    font-weight:bold;
    line-height: 26px;
    font-size: 24px;

}.side_menu li a {
    display: table;
    word-break: normal;
    color: #5f5f5f;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
}
.side_menu li:before {
    float: left;
    content: "›";
    padding: 0 5px;
    line-height: 16px;
    font-size: 26px;
    color: #d95742;
}


/* article_detail */
#article_detail {
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#article_detail .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#article_detail .step_one,#member .step_two{
	display:table;

}

#article_detail .btn02{
    margin: 30px auto 0;
}

#article_detail .options_txt{
	float: left;
    margin-right: 20px;
}

#article_detail .table02.evaluate button, 
#article_detail .table02.evaluate input, 
#article_detail .table02.evaluate select, 
#article_detail .table02.evaluate textarea{
	width:100%;

}

#article_detail .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#article_detail .status_box select{
	font-size:18px;
	line-height:25px;
}

.news_detail_box {
    width: 80%;
    float: left;
    margin: 10px auto;
    padding-right: 5%;
}
.news_detail_title {
	color:#fc4646; 
    background: url('../images/line01.jpg') no-repeat left bottom;
    margin: 0 5px 30px;
    padding-bottom: 20px;
    line-height: 50px;
    font-size: 40px;
}
.news_detail_date {
    color: #696969;
    font-size: 18px;
    padding: 20px 0;
    font-weight: 700;
}


/*album*/
#album {
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#album .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#album .step_one,#album .step_two{
	display:table;

}

#album .btn02{
    margin: 30px auto 0;
}

#album .options_txt{
	float: left;
    margin-right: 20px;
}

#album .table02.evaluate button, 
#album .table02.evaluate input, 
#album .table02.evaluate select, 
#album .table02.evaluate textarea{
	width:100%;

}

#album .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#album .status_box select{
	font-size:18px;
	line-height:25px;
}
.album{
	width:100%;
	display:block;
	background: #fff;
	box-shadow: 1px 1px 1px 2px rgba(0,0,0,0.1);
    margin: -25px auto 30px;
    z-index: -1;
}
.album_date{background: url('../images/title_banner01.png') no-repeat; width:276px;height:61px;font-size:18px;vertical-align:middle;text-align:center;font-weight:bold;margin: 0px auto 0px;padding:15px;color: #fff;    position: relative;}
.album_cover{width:360px;float:left;height: 220px;}
.album_cover img{width:100%;}
.album_data{width: calc( 60% - 80px);float:left;margin: 0px;padding:20px;}
.album_title{font-size:24px;color:#252525; text-align:center;height: 100px;line-height: 32px;padding: 40px 0px;}
.album_text{text-align:left;margin-top:40px;height:90px;font-size:16px;line-height:30px;overflow:hidden;}
.deco_dot{background: url('../images/deco_dot.png')repeat-x ;width:100%;height:5px;}


.album_paper{width:100%;height:30px;display:table;background: url('../images/album_papres.jpg') repeat-x ;text-align:center;}
.deco_doll01{float:right;width:80px;margin-top:-70px;}
.deco_doll01 img{width:100%;}
.album_view{padding:5px;width:100%;}	
.album_open_btn{margin-right:-80px;}


/*faq*/
#faq {
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#faq .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#faq .step_one,#album .step_two{
	display:table;

}

#faq .btn02{
    margin: 30px auto 0;
}

#faq .options_txt{
	float: left;
    margin-right: 20px;
}

#faq .table02.evaluate button, 
#faq .table02.evaluate input, 
#faq .table02.evaluate select, 
#faq .table02.evaluate textarea{
	width:100%;

}

#faq .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#faq .status_box select{
	font-size:18px;
	line-height:25px;
}


#contact_us {
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}

/*contact_us*/
#contact_us .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#contact_us .step_one,#album .step_two{
	display:table;

}

#contact_us .btn02{
    margin: 30px auto 0;
}

#contact_us .options_txt{
	float: left;
    margin-right: 20px;
}

#contact_us .table02.evaluate button, 
#contact_us .table02.evaluate input, 
#contact_us .table02.evaluate select, 
#contact_us .table02.evaluate textarea{
	width:100%;

}

#contact_us .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#contact_us .status_box select{
	font-size:18px;
	line-height:25px;
}


/*guestbook_detail*/
#guestbook_detail {	
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#guestbook_detail .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#guestbook_detail .step_one,#album .step_two{
	display:table;

}

#guestbook_detail .btn02{
    margin: 30px auto 0;
}

#guestbook_detail .options_txt{
	float: left;
    margin-right: 20px;
}

#guestbook_detail .table02.evaluate button, 
#guestbook_detail .table02.evaluate input, 
#guestbook_detail .table02.evaluate select, 
#guestbook_detail .table02.evaluate textarea{
	width:100%;

}

#guestbook_detail .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#guestbook_detail .status_box select{
	font-size:18px;
	line-height:25px;
}


.guestbook_detail_title {
	color:#fc4646; 
    background: url('../images/line01.js') no-repeat left bottom;
    margin: 0 5px 30px;
    padding-bottom: 20px;
    line-height: 50px;
    font-size: 40px;
}

.guestbook_detail_text {
	color:#1c1c1c; 
    line-height: 30px;
    font-size: 18px;
}


/*fold*/
.bbanner_box{width:100%;background:#64c2ce;display:table;border-radius:10px;padding:5px;margin:40px 0px 0px;}
.bbanner_title{width:100%;border-radius:10px;border: 1px #fff dotted;}
.bbanner_q_text{padding:2px;color:#fff;font-size:18px;line-height:28px;font-weight:bold;}
.bbanner_icon_q{width:30px;height:30px;padding:5px 16px;background:url("../images/faq_qeustion.png") no-repeat;margin-right:10px;display:table;float:left;}
.bbanner_button{float:right;margin:-20px 20px 0px;display:table;float:right;}
.bbanner_content01{width:100%;margin:-12px 0px 20px;}
.bbanner_content02{width:100%;border-radius:10px;border: 4px #64c2ce solid;margin:-15px 0px 20px;}
.bbanner_a_text{font-size:16px;line-height:28px;color:#252525;padding:20px 25px;}

.bbanner_arrow_down{width:16px;height:9px;margin:10px auto 0px;background:url("../images/arrow_down.png") no-repeat;}
.visit_bg {background:url("../images/foot_bg.jpg") no-repeat;background-position: center bottom;min-height: 480px;}
.bbanner_about_t{padding:2px;color:#fff;font-size:18px;line-height:28px;text-align:center;}
.icon_doll01{background:url("../images/icon_doll01.png") no-repeat; width:61px;height:48px;margin:-42px auto 0px;}
/* link */
#link{
	background: url('../images/bg_page01.jpg') no-repeat center top,url('../images/bg_ferry.png') no-repeat right bottom;	
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;

}


#link .main{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    background: url('../images/bg02.jpg') repeat left top;
    padding:30px 20px 20px;
	overflow:hidden;
}
#link .list_v01{
	box-shadow: 0px 0px 10px rgba(0, 0, 0,0.2);
	background: #fff;
	float: left;
    width: 100%;
    margin: 0 10px 10px 0;
    clear: none;
}

#link .list_v01 .pic{ 
	width: 50%;
	max-width:665px;
}
#link .list_v01 figcaption{
	width: 50%;
	padding: 20px;
}

#link .list_v01 .title{
	font-family: Times New Roman,"Adobe 明體 Std";
    line-height: 30px;
    height: 60px;
    font-size: 22px;
    margin-bottom: 10px;
    color: #2f2f2f;
    overflow: hidden;
    display: block;
    padding-bottom: 40px;
    background: url('../images/line03.jpg') no-repeat left bottom;
}

#link .list_v01 .date{
	font-family: Times New Roman,"Adobe 明體 Std";
	color: #5e4118;
	font-size: 20px;
	
}
#link .list_v01 .date span{
	font-size: 60px;
	line-height: 50px;
}

#link .list_v01 .btn {
    color: #bf1c2d;
    font-size: 20px;
    width: 100%;
    border: solid 1px #bf1c2d;
    display: block;
    line-height: 40px;
    text-align: center;
    position: relative;
}
#link .list_v01 .btn:hover{
	text-decoration: none;
	color: #fff;
	background-color: #bf1c2d;
}


/* search_result */
#search_result{
	background: url('../images/bg_page02.jpg') no-repeat center top,url('../images/bg_ferry.png') no-repeat right bottom;	
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;

}


#search_result .main{
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    background: url('../images/bg02.jpg') repeat left top;
    padding:30px 20px 20px;
	overflow:hidden;
}

.gw_search_result {
    display: table;
    margin: 0 auto 30px;
    text-align: center;
    line-height: 28px;
    color: #333;
    font-size: 16px;
}

.note {
    color: #de4743 !important;
    font-size: 12px;
    line-height: 15px;
}

.gw_search_title {
    font-size: 16px;
    line-height: 28px;
    color: #de4743;
    font-weight: bold;
    height: 28px;
}

.gw_search_no {
    margin-left: 20px;
    line-height: 25px;
    font-size: 15px;
    color: #333;
}




/*search*/
#search {
	
	padding-top: 160px;
    padding-bottom: 100px;
    min-height:700px;
}


#search .main{
    padding:30px 20px 20px;
	overflow:hidden;
}

#search .step_one,#member .step_two{
	display:table;

}

#search .btn02{
    margin: 30px auto 0;
}

#search .options_txt{
	float: left;
    margin-right: 20px;
}

#search .table02.evaluate button, 
#search .table02.evaluate input, 
#search .table02.evaluate select, 
#search .table02.evaluate textarea{
	width:100%;

}

#search .status_box{
	padding:20px;
	font-size:18px;
	line-height:25px;
}
#search .status_box select{
	font-size:18px;
	line-height:25px;
}

#search .list_v03{
	box-shadow: 1px 2px 5px rgba(0, 0, 0,0.1);
    clear: none;
    float: left;
    margin: 0 5px 50px;
    background-color: #fff;
}

#search .list_v03 figcaption{
	padding: 10px;
	min-height: 266px;
}

#search .list_v03 .title{
    line-height: 30px;
    height: 60px;
	font-size:18px;
    margin-bottom: 10px;
    color: #55b0bc;
    overflow: hidden;
    display:block;
}

#search .list_v03 .btn05{
	clear: both;
    margin: 10px;
    width: calc( 100% - 20px);
    position: absolute;
    bottom: 0;
    left: 0;

}
#ms-gallery-1{
				max-width: 1000px;
				margin:0 auto;
			}
/*------------- RWD 各裝置調整 ----------------*/

@media screen and (min-width: 1400px){

	/* idx_five */

	#idx_five{
		background: url('../images/bg_colorline01.png') -10% -200px no-repeat,url('../images/bg_colorline02.png') 110% bottom no-repeat,url('../images/bg_sweet.png') center no-repeat;
		background-size: auto,auto, 100% auto;
		padding-top: 140px;
		padding-bottom:220px;

	}

	/*一火人*/
	#idx_customer{
		padding-top: 140px;
		padding-bottom:220px;
	}

	#idx_main #news_box{
		width: calc(50% - 10px);
		margin-right:10px;
	}

	/*PK比較*/
	#idx_taste{
		padding-top: 140px;
		padding-bottom:220px;
	}

	#idx_taste td{
		width:42%;
	}


	/*idx_reservation*/
	#idx_reservation{
		padding-top: 140px;
		padding-bottom:220px;
	}

	#idx_reservation .main{
		max-width:550px;
		min-width:30%;
	}
	/*idx_news*/
	#idx_news{
		padding-top: 140px;
		padding-bottom:20px;
	}

	#news_box_section{
		width: 100%;
	}

	#news_box_section figcaption {
    	float: left;
    }


	#news_box_section .pic {
	    width: 246px;
	    float: left;
	}

	#news_box_section .date span {
	    font-size: 40px;
	    line-height: 30px;
	}
	#news_box_section p{
		max-height: 68px;
    	margin-bottom: 10px;
	}

	#idx_main .idx_link{
		width: 246px;
		margin: 40px 0 0 10px;
	}

	/* shopping */
	#shopping .list_v03{
	    width: calc((100% / 4) - 16px);
	}

	#shopping .add_area{
	    width: calc((100% / 6) - 16px);
	}


	/* search */
	#search .list_v03{
	    width: calc((100% / 4) - 16px);
	}


	/*SHOPPING_DETAIL*/
	#shop_main{}
	#photoshow_box{ width:45%; float:left;}
	#shop_information{ width:55%;padding: 10px 10px 10px 20px;float: left;}
	
	#photoshow_box .s_photo{ clear:both;width:100%;}
	#photoshow_box .b_photo{ clear:both;width:100%;}
	#photoshow_box .s_photo li{ width:calc(100%/5); float:left;}


}	
	

@media screen and (max-width: 1400px){
	
#page_banner picture img.b {
    display: none;
}
#page_banner picture img.m {
    display: block;
}
#page_banner picture img.s {
    display: none;
}

	/* idx_five */
	#idx_five{
		background: url('../images/bg_colorline01.png') -20% -200px no-repeat,
		url('../images/bg_colorline02.png') 120% bottom no-repeat,
		url('../images/bg_sweet.png') center no-repeat;
		background-size: auto,auto, 100% auto;
		padding: 30px 3% 30px;
		min-height: 1204px;
	}
	/*一火人*/
	#idx_customer{
		padding: 30px 3% 30px;
	}


	/*PK比較*/
	#idx_taste{
		padding: 80px 3% ;
	}
	#idx_taste td{
		width:42%;

	}

	/*idx_reservation*/
	#idx_reservation{
		padding: 30px 3% 30px;
	}

	#idx_reservation .main{
		max-width:550px;
		min-width:30%;
	}

	/*idx_news*/
	#idx_news{
		padding: 30px 3% 0px;
		background: url('../images/bg_cloud.png') no-repeat left 200px;
	}

    


	
	#idx_main #news_box{
		width: calc(50% - 10px);
		margin-right:10px;
	}


	/*各頁版型縮減*/
	#shopping,#about{
	    padding: 160px 3% 100px;
	}


	#news_box_section{
		width: 100%;
	}

	#news_box_section figcaption {
	    width: 50%;
	    float:left;
	}

	#news_box_section .pic {
	    width: 50%;
	    float:left;

	}

	#news_box_section .date span {
	    font-size: 25px;
	    line-height: 30px;
	}
	#news_box_section p{
		max-height: 68px;
    	margin-bottom: 10px;
	}

	#idx_main .idx_link{
		width: calc(25% - 10px);
	    margin: 40px 0 0 10px;
	}



	/*news_list*/
	#news_list{
		padding: 160px 20px 60px;
	}
	#news_list .list_v02 figcaption{
		padding: 10px;
	}

	/* shopping */
	#shopping .list_v03{
	    width: calc((100% / 4) - 16px);
	}

	/* search */
	#search .list_v03{
	    width: calc((100% / 4) - 16px);
	}

	/*SHOPPING_DETAIL*/
	#shop_main{  padding: 20px 3%;}
	#photoshow_box{ width:45%;float:left;}
	#shop_information{ width:55%;padding: 10px 10px 10px 20px;float: left;}
	
	#photoshow_box .s_photo{ clear:both;width:100%;}
	#photoshow_box .b_photo{ clear:both;width:100%;}
	#photoshow_box .s_photo li{ width:calc(100%/5); float:left;}

	/*link*/
	#link{
		padding: 160px 20px 60px;
	}
	#link .list_v02 figcaption{
		padding: 10px;
	}


	/* contactus */
	#contactus{
		padding: 160px 20px 60px;
	}




	/* member */
	#member{
		padding: 160px 20px 60px;
	}
	#member .item_box{
		box-shadow: none;
	    background: none;
	}

	
	/*newsdetail*/
	#newsdetail{
		padding: 160px 20px 60px;
	}

	/* search_result */
	#search_result{
		padding: 160px 20px 60px;
	}


	

}


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

	/* idx_five */
	#idx_five{
		background: url('../images/bg_colorline01.png') -10% -100px no-repeat,
		url('../images/bg_colorline02.png') 120% 120% no-repeat,
		url('../images/bg_sweet.png') center no-repeat;
		background-size: 30%,30%, 100% auto;
		min-height: 1034px;
	}
	#idx_five .candy {
		width:40%;
	}
	#idx_five .feel {
	    width: 120px;
	}
	#idx_five .item02 {
	    width: 350px;
	}
	#idx_five .item02 p {
    	width: calc(100% - 120px);
    }
    #idx_five .i01 {
	    margin-left: -430px;
	    top:0px;
	}
	#idx_five .i02 {
	    margin-left: -480px;
	    top:240px;
	}
	#idx_five .i03 {
	    margin-left: -50px;
	    top:350px;
	}
	#idx_five .i04 {
	    margin-left: 120px;
	    top:240px;
	}
	#idx_five .i05 {
	    margin-left: 90px;
	    top:0;
	}
	/*比較*/
	#idx_taste td{
		width:38%;
		padding-bottom:10px;
	}

	



	/*ARTICLE*/

	.newslist_main_box{width: 100%;}
	.news_side_box{width: 100%;}
	.side_menu_box01 {
	border-top: solid 1px #ccc;
	width: 100%;
	padding: 0px 3% 0 3%;
	float: none;
	clear: both;
	}
	.side_menu_box01 {
    border-top: solid 1px #ccc;
    width: 100%;
    padding: 0px 3% 0 3%;
    float: none;
    clear: both;
	}
	.news_detail_box{width: 100%;    padding-right: 0;}
}

@media screen and (max-width: 1024px){
	/* all */
	#aboutus,#shopping,#contactus,#member,#news_list,#link,#search_result{
    	padding: 160px 3px 100px;
	}
	#shopping .main,#contactus .main,#news_list .main,#member .main,#link .main,#search_result .main{
	    padding: 30px 3% 20px;
	}

	/* banner */
	.banner{
		
		padding-top: 52px;
	}

	/* shopping */
	#shopping .list_v03{
	    width: calc((100% / 3) - 16px);
	}
	/* search */
	#search .list_v03{
	    width: calc((100% / 3) - 16px);
	}

	/*SHOPPING_DETAIL*/
	#shop_main{  padding: 20px 3%;}
	#photoshow_box{ width:100%;padding: 0 5%; margin-bottom:30px;}
	#shop_information{ width:100%;padding: 10px 0px 10px 0px;}
	
	#photoshow_box .s_photo{ clear:none; float:left;width:18%;}
	#photoshow_box .b_photo{ clear:none;float:right;width:82%; }
	#photoshow_box .s_photo li{ width:100%; float:none; clear:both;}

}
@media screen and (max-width: 900px){
	/* idx_five */
	#idx_five {
	    background: url('../images/bg_colorline01.png') -10% -100px no-repeat,
	    url('../images/bg_colorline02.png') 120% 120% no-repeat,
	    url('../images/bg_sweet.png') center 20% no-repeat;
	    background-size: 30%,30%, 100% auto;
	}
	#idx_five .candy{
		width: 90%;
	}
	#idx_five .item02 {
	    position: initial;
	    left: 0;
	    top: 0;
	    margin: 0;
	    width: 100%;
	    display: ruby-base;
    }
    #idx_five .feel {
		float: left;
	}


	/*比較*/
	#idx_taste {
		background: url('../images/bg_pk_t.png') center 100px no-repeat #65c6d3;
	    background-size: 100%;
    }
	#idx_taste table {
	    display:none;
	}
	.taste_list{
		display:block;
	}





	#idx_taste .title .s {
		font-size: 30px;
	}

	#idx_taste .title .b{
		font-size: 40px;
	}

	#idx_taste .mid {
		font-size: 20px;
		margin:0 10px;
	}
	#idx_taste .mid img{
		width: 80px;
	    display: block;
	    margin: 0 auto;
	}

	/*一火人*/
	#idx_customer .main img:first-of-type{
	display:none;
	}
	#idx_customer .main img:nth-of-type(2){
		display:block;
	}

	/*首頁產品區*/
	#idx_products .list_v02{
		float: none;
	    min-height: 0;
	    height: 300px;
	    clear: both;
		width: 100%;
	}
	#idx_products .list_v02 .photo {
    	max-height: auto;
    	height:300px;

	}
	#idx_products .list_v02 .photo figcaption{
		padding: 100px 10px;
	}
	#idx_products .list_v02 .photo > img {
    	opacity: 0.2;
    }
    #idx_products .list_v02 .photo > img:first-of-type{
		display:none;
	}
    #idx_products .list_v02 .photo > img:nth-of-type(2){
		display:block;
	}
	#idx_products .list_v02 .pic{
		width: 100%;
		height: 100%;
		top: 10%;
	}
	#idx_products .list_v02 .pic img{
		width: auto;
	    height: 80%;
	}

	.list_v02 .photo > img {
    width: auto;
	}

	/* idx_main */
	#idx_main #news_box{
		width: 100%;
	}

	#news_box_section{
		box-shadow: 1px 2px 15px rgba(0, 0, 0,0.2);
    	margin: 0 0 45px;
    	width: 100%;
	}
	#news_box_section .pic{
		width:30%;
	}
    #news_box_section figcaption{
    	width: 70%;
	    margin: 0;
	    padding: 2%;

    }

    
	/*idx_news*/
	#idx_news ul:nth-of-type(2){
		width: 90%;
	}



	/*news_list*/
	#news_list .list_v02{
        margin: 0 1% 30px;
        width: calc((100% / 2) - 2%);
	}
	#news_list .list_v02 figcaption{
		min-height: 155px;
	}





	

	/* contactus */
	#contactus .table01 input,#contactus .table01 select,#contactus .table01 textarea {
    	width: 100%;
		
	}



	/* member */
	#member .item_box{
		padding:0px;
	}

	/* ARTICLE */
	.newslist_article_box{overflow:visible;height:auto;margin-left: -70px;width:calc(100% - 20px);} 
	.news_list_photo{width:100%;float:left;overflow:visible;height:auto;}
	.newslist_text_box{width:100% ; float:left;overflow:visible;height:auto;}
}

@media screen and (max-width: 800px){
	/* album_cover */
	.album_cover{width:100%;display:table;margin:40px 0px;text-align:center;}
	.album_data{width: 100%;margin-top:-60px;height:280px;}
}

	


@media screen and (max-width: 700px){
	
	/* shopping */
	#shopping .list_v03{
	    width: calc((100% / 2) - 16px);
	}
	/* search */
	#search .list_v03{
	    width: calc((100% / 2) - 16px);
	}
	#idx_taste .title {
		line-height: 30px;
	}

	#idx_taste .title .s {
		font-size: 20px;
	}
	#idx_taste .title b{
		width: 30px;
		height: 30px;
    	border-radius: 15px;
	}
	#idx_taste .title .b{
		font-size: 30px;
	}

	#idx_taste .mid {
		font-size: 20px;
		margin:0 10px;
	}
	#idx_taste .mid img{
		width: 50px;
	    display: block;
	    margin: 0 auto;
	}
	/*idx_news*/
	#idx_news ul{
	    margin: 0 auto;
	}
	#idx_news ul:nth-of-type(2) {
	    width: auto;
	}
	#idx_news li,#idx_news ul:nth-of-type(2) li{
		width:95%;
		text-align:center;
		margin-bottom:30px;
	}



    
}


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

	#idx_five .feel {
	    width: 80px;
	}

	/* idx_main */
	#news_box_section{
		width:100%;
	}

	#news_box_section .pic{
		width:100%;
	}
    #news_box_section figcaption{
    	width: 100%;

    }


    /*比較*/


    #idx_taste .title:last-of-type .b{
        background-size: 60px;
        padding-right: 65px;
    }
    #idx_taste .title:first-of-type .b,#idx_taste .title:last-of-type .b  {
	    background: url('../images/icon_line01_w.png') no-repeat left center,
	    url('../images/icon_line01_w.png') no-repeat right center;
	    padding:0 65px;
	    background-size: 60px;
	}
    .taste_list p{
		line-height: 30px;
		font-size: 25px;
		float:left;
    }
	.taste_list p:first-of-type{
		float:none;
	}
    .taste_list p:nth-of-type(2):before {
    	margin-bottom: 30px;
    }
    
	#idx_taste .title:last-of-type b {
	    background-color: #9f9f9f;
	}

    #idx_taste .title{
		clear: both;
	    text-align: center;
	    float: none;
    }

    #idx_taste .title .s{
    	text-align:center;
    }

    #idx_taste .mid{
		margin: 0 auto;
	    display: block;
	    float: none;
	    text-align: center;
    }

	/*idx_reservation*/
    #idx_reservation .title01 .b{
		background-size: 60px;
    }

    /*news_list*/
	#news_list .list_v02{
		box-shadow:none;
        width: 100%;
	    margin: 0 0 30px;
	}

	/*shopping*/
	#shopping .list_v03{
	    width: calc( 100% - 10px);
	}
	/*search*/
	#search .list_v03{
	    width: calc( 100% - 10px);
	}
	/*促銷頁面*/
	#shopping .limited_time .time{
		width:100%;
		clear:both;
	}
	.limited_time .time > p {
	    width: 100%;
	    clear: both;
		text-align: center;
	}
	time {
		margin: 0 auto;
		display: table;
	}

	/*SHOPPING_DETAIL*/
	#shop_main{  padding: 20px 3%;}
	#photoshow_box{ width:100%;padding: 0; margin-bottom:30px;}
	#shop_information{ width:100%;padding: 10px 0px 10px 0px;}
	
	#photoshow_box .s_photo{ clear:both;width:100%;}
	#photoshow_box .b_photo{ clear:both;width:100%;}
	#photoshow_box .s_photo li{ width:calc(100%/5); float:left; clear:none;}
	

	



}
@media screen and (max-width: 450px){
	/*idx_five*/
	#idx_five .num {
		margin-bottom: 100px;
	}
	#idx_five .i04 .num {
		margin-bottom: 180px;
	}

	/* idx_main */
	#news_box_section{
	    width: 100%;
	    margin: 0 0 30px;
	}
	#news_box_section .list {
    	padding-bottom: 50px;
	}

	/*contactus*/
	#contactus {
    	padding: 160px 0 60px;
	}

	/* aboutus */
	#aboutus{
    	padding: 160px 0 60px;
	}



	/* member */
	#member{
		padding: 160px 0 60px;
	}
	/*MAP*/
	#map {
		height:150px;
	}


	
}

/*======================================
活動列表
======================================*/



#promo .promo_list{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto 10px;
    display: block;
    box-shadow: 0 0 4px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 20px;
    overflow: hidden
}
#promo .promo_wrapmain{
    width: 100%;
    display: block;
    padding: 1px;
    overflow: hidden;
    position: relative;
    background-image: radial-gradient( ellipse closest-side at 50% 50%, hsla(0, 0%, 100%, 0.10), transparent 90%), radial-gradient( circle at 0 100%, transparent 14px, #ec9b9b 15px), radial-gradient( circle at 100% 100%, transparent 14px, #ec9b9b 15px), radial-gradient( circle at 100% 0, transparent 14px, #ec9b9b 15px), radial-gradient( circle at 0 0, transparent 14px, #ec9b9b 15px);
    background-position: center center, bottom left, bottom right, top right, top left;
    background-size: cover, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
    background-repeat: no-repeat;
    border-color: transparent;
    border-style: solid;
    border-width: 0 2px;
    border-image: radial-gradient(cover circle, #fa616d 0%, #fa616d 50%, transparent 51%) 0 39% / 15px 4px repeat;
}
#promo .promo_main{
    width: 100%;
    display: block;
    border: 1px solid #ec9b9b;
    padding: 25px 0px 25px 25px;
    overflow: hidden;
    position: relative;
    background-image: radial-gradient( ellipse closest-side at 50% 50%, hsla(0, 0%, 0%, 0.10), transparent 90%), radial-gradient( circle at 0 100%, transparent 14px, #fff 15px), radial-gradient( circle at 100% 100%, transparent 14px, #fff 15px), radial-gradient( circle at 100% 0, transparent 14px, #fff 15px), radial-gradient( circle at 0 0, transparent 14px, #fff 15px);
    background-position: center center, bottom left, bottom right, top right, top left;
    background-size: cover, 51% 51%, 51% 51%, 51% 51%, 51% 51%;
    background-repeat: no-repeat;
    border-width: 0 1px;
    border-color: transparent;
    border-style: solid;
    border-image: radial-gradient(cover circle, #fa616d 0%, #fa616d 50%, transparent 51%) 0 39% / 15px 4px repeat;
}
#promo .promo_main figcaption{
    width: calc(100% - 150px);
    display: block;
    float: left;
    border-right: 2px dotted #cfcfcf;
    
}
#promo .promo_main p{
    width: calc(100% - 340px);
    display: block;
    float: left;
    padding-right: 5%;

}
#promo .promo_main p b{
    font-size: 30px;
    line-height: 40px;
    color: #ec9b9b;
    display: block;
    float: none;
    margin-bottom: 10px;
}
#promo .promo_main p small{
    font-size: 18px;
    line-height: 24px;
    max-height: 115px;
    color: #202020;
    display: block;
    float: none;
    margin-bottom: 20px;
    overflow: hidden;
}
#promo .promo_main p small:after{
    content: "...";
}
#promo .promo_main wrap{
    position: absolute;
    bottom: 0;
}
#promo .promo_main label{
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    max-height: 45px !important;
}
#promo .promo_main label b{
    display: block;
    float: left;
    font-size: 14px;
    line-height: 19px;
    font-weight: normal;
    color: #fff;
    padding: 6px 13px;
    max-height: 45px !important;
    overflow: hidden;
}
#promo .promo_main label span{
    display: block;
    float: left;
    font-size: 28px;
    line-height: 36px;
    font-weight: normal;
    padding: 6px 22px;
    max-height: 45px !important;
    overflow: hidden;
    margin-right: 10px;
}
#promo .promo_main label span i{
    font-size: 17px;
    line-height: 30px;
    font-weight: 600;
}
#promo .promo_main label.r01 b{
    background: #ff6f6f;
}
#promo .promo_main label.r01 span{
    background: #ffd3d3;
    color: #ff6f6f;
}
#promo .promo_main label.r02 b{
    background: #e73939;
}
#promo .promo_main label.r02 span{
    background: #ffd3d3;
    color: #e73939;
}
#promo .promo_main img.img_coin{
    width: 35px;
    padding: 2px;
}
#promo .promo_main img.img_promo {
    border: 1px solid rgba(0,0,0,0.25);
    margin: 10px 50px 0px 0px;
    display: block;
    width: 250px;
    height: 250px;
    float: right;
    padding: 5px;
}
#promo .promo_main aside{
    width: 150px;
    display: block;
    float: left;
}
#promo .promo_main hr{
    width: 120px;
    display: block;
    float: none;
    margin: 20px auto;
    opacity: 0.45;

}
#promo .promo_main img.img_icon{
    display: block;
    text-align: center;
    margin: 0 auto;
}
.btn01_go{
    padding: 10px 15px;
    color: #fff;
    background: rgb(255,111,112);
    background: -moz-linear-gradient(-45deg, rgba(255,111,112,1) 0%, rgba(255,178,179,1) 87%);
    background: -webkit-linear-gradient(-45deg, rgba(255,111,112,1) 0%,rgba(255,178,179,1) 87%);
    background: linear-gradient(135deg, rgba(255,111,112,1) 0%,rgba(255,178,179,1) 87%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6f70', endColorstr='#ffb2b3',GradientType=1 );
    font-size: 25px;
    line-height: 30px;
    margin: 0 auto;
    display: table;
    border-radius: 10px;
    text-align: center;
    font-weight: 600;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.15);
}


@media screen and (max-width: 1000px) {
    #promo .promo_main p {
        width: 100% ;
        float: none;
    }
    #promo .promo_main img.img_promo {
        width: calc( 40% - 10px);
        height: auto;
        /* float: none; */
        float: left;
        clear: both;
    }
    #promo .promo_main wrap {
        position: static;
    }
}


@media screen and (max-width: 650px) {
    #promo .promo_list {
        margin: 0 auto 10px;
    }
    #promo .promo_main {
        padding: 10px 0px 10px 10px;
    }
    #promo .promo_main figcaption {
        width: calc(100% - 90px);
    }
    #promo .promo_main p small {
        font-size: 14px;
        line-height: 20px;
    }
    #promo .promo_main wrap {
        position: static;
    }
    #promo .promo_main label span {
        padding: 6px 5px;
    }
    #promo .promo_main aside {
        width: 90px;
    }
    #promo .promo_main img.img_promo {
        width: calc( 100% - 10px);
        height: auto;
        float: none;
    }
}
/*20161026 jerry修改*/
/*火星小故事*/
.visit_bg {
    min-height: initial !important;
    min-height: auto !important;
}
/*購物區*/
.bar_showmode {
    margin: 34px 0 5px !important;
}
#shopping .main {
    padding: 0px 20px 20px !important;
    margin: 0px auto 0 !important;
}
.table04 td {
    line-height: 20px !important;
}
.table04 td .btn01 {
    margin: 0px 7px 5px 0px !important;
}
.table04 td .save_five, .cancel_order, .cart_total_next, .del_multshop {
    margin: 0px 7px 5px 0px !important;
}
input.non_w{
	width: initial;
	width: auto;
	margin-right: 5px;
    margin-top: 8px;
    float: left;
}
input.code{
	width: 90px;
	margin-right: 5px;
    vertical-align: text-bottom;
}
.btn01,.btn02,.btn03 {
	margin-left: 0px !important;
    margin-right: 8px !important;
    padding: 0 10px !important;
    line-height: 35px !important;
    font-size: 18px !important;
}
.btn02{
	background: rgba(0,0,0,0.09) !important;
}
.cart_pic {
    width: 52px !important;
}
.table01 td span{
	display: block;
}
.table01 th span {
    display: inline-block;
}
table label{
    letter-spacing: -1px;
    white-space: pre;
    display: block;
}
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    height: 18px;
    width: 18px;
}
#shopping .main {
    padding: 10px 3% 20px !important;
}
span.t02 {
	display: inline-block !important;
}
.search p {
    white-space: pre;
}

@media screen and (max-width: 500px) {
	.table01 td br{
		display: none;
	}
	input.code {
	    display: inline-block;
	}
}
.table04 th ,.table04 td {
    font-size: 16px !important;
    line-height: 30px !important;
    padding: 2px 6px !important;
}

/**jerry 20161104調整商店區
@media screen and (max-width: 500px) {
	#shopping .list_v03 {
	width: 100%;
    margin: 0 0px 15px;
    box-shadow: 0 0 2px rgba(0,0,0,0.65) ;
}
.list_v03 .pic {
    display: block;
    float: left;
    width: 45%;
    max-height: none;
    height: initial;
}	
#shopping .list_v03 figcaption {
    display: block;
    float: left;
    width: 55%;
    min-height: 160px;
}
#shopping .list_v03 .title {
    line-height: 18px;
    height: 27px;
    font-size: 16px;
}
#shopping .list_v03 .btn05 {
    width: 55%;
    right: 0;
    left: auto;
    margin: 0;
    line-height: 30px;
}
}*/

/**jerry 20161104調整商店區*/
@media screen and (max-width: 500px) {
	#shopping .list_v03 {
    width: calc((100% / 2) - 10px);
    margin-bottom: 10px;
    box-shadow: 0 0 2px rgba(0,0,0,0.65)
}
#shopping .list_v03 figcaption {
    min-height: 160px;
}
#shopping .list_v03 .title {
    line-height: 18px;
    height: 36px;
    font-size: 15px;
}

#shopping .list_v03 .btn05 {
	min-width: initial;
	min-width: auto;
    width: 100%;
    right: 0;
    left: auto;
    margin: 0;
    line-height: 30px;
    font-size: 14px;
}
}
/**jerry 20161109火星小故事*/
#about .visited_notice{
    margin-left: 3%;
    margin-right: 3%;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 2px solid #64c2ce;
    padding-left: 15px;
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    clear: both;
    float: none;
}
.visit_bg {
    height: 590px !important;
}
@media screen and (max-width: 900px) {
	.visit_bg {
		overflow: hidden;
        min-height:780px !important;
	}
}
@media screen and (max-width: 600px) {
	.visit_bg {
		overflow: hidden;
        min-height: 880px !important;
	}
}
@media screen and (max-width: 500px) {
	.visit_bg {
		overflow: hidden;
        min-height: 960px !important;
	}
}
@media screen and (max-width: 400px) {
	.visit_bg {
		overflow: hidden;
        min-height: 980px !important;
	}
}


/*-----20170316jerry增加-----------------*/
.price.txt_line-through{
	text-decoration: line-through;
	font-size: 15px;
	color: #5d5d5d;
}
.price.txt_line-through .icon_price{
	display: none;
}
.price.txt_line-through span{
	text-decoration: line-through;
	color: #5d5d5d;
	font-size: 15px;
	font-weight: normal;
}

/*-----20170719jerry增加------------------------------------*/
#idx_honor{
	display: block;
	float: none;
	overflow: hidden;
	margin-top: 60px;
}
#idx_honor .main{
	display: block;
	float: none;
	position: relative;
	height: 600px;
}
#idx_honor .bg_block{
    display: block;
    float: none;
    position: absolute;
    width: 1029px;
    height: 327px;
    background-color: #edf8fa;
    z-index: -1;
    top: 140px;
    left: 11%;
}
.fixed_pic01{
position: absolute;
    left: calc(50% - 610px);
    top: 0;
    width: 428px;
    border-radius: 15px;
    overflow: hidden;
    border: 3px solid #f0f0f0;

}
.fixed_pic01 img{
	width: 100%;

}
.fixed_pic02{
    display: block;
    position: absolute;
    width: 180px;
    top: 96px;
    right: calc(50% - 520px);
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #56aaea;
}
.fixed_pic02 img{
	width: 100%;

}
.fixed_pic03{
    display: block;
    display: block;
    position: absolute;
    width: 240px;
    top: 320px;
    right: calc(50% - 490px);
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #56aaea;
}
.fixed_pic03 img{
	width: 100%;

}

.fixed_txt01{
    color: #5bc8cf;
    display: block;
    float: none;
    position: absolute;
    top: 434px;
    left: calc(50% - 600px);
}
.fixed_txt02{
    color: #5bc8cf;
    display: block;
    float: none;
    position: absolute;
    top: 280px;
        right: calc(50% - 420px);
}
.fixed_txt03{
	color: #5bc8cf;
    display: block;
    float: none;
    position: absolute;
    top: 510px;
   right: calc(50% - 420px);
}
#idx_honor .title{
    display: block;
    float: none;
    position: relative;
    padding-left: 39%;
    padding-top: 50px;
}
#idx_honor .title .name{
    color: #ef97af;
    font-size: 16px;
    display: table;
    border-bottom: 1px solid #ef97af;
    margin-bottom: 10px;
}

#idx_honor .title .time {
    display: block;
    overflow: hidden;
    float: none;
    /*height: 60px;*/
    margin-bottom: 10px;
}
#idx_honor .title .time b{
	color: #404040;
	font-size: 26px;
	line-height: 26px;
	display: inline-block;
	vertical-align: top;
	font-weight: 500;
}
#idx_honor .title .time strong{
	color: #404040;
	font-size: 54px;
	display: inline-block;
	vertical-align: top;
	line-height: 60px;
	font-weight: 500;
}
#idx_honor .main .txt{
    /*background-color: #edf8fa;*/
    display: block;
    overflow: hidden;
    float: none;
    width: 100%;
    padding: 33px 0 50px 28%;
    max-width: 1025px;
    margin: 0 auto 30px;
}
#idx_honor .txt li{
	display: block;
	float: none;
	overflow: hidden;
	width: 100%;
	font-size: 18px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #515256;
}
#idx_honor .txt li:before{
    display: inline-block;
    content: "";
    background-image: url(../images/icon/icon_flag.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
#idx_honor .txt li span{
    display: inline-block;
    width: calc(100% - 30px);
    line-height: 22px
}
	.fixed_pic01 p,.fixed_pic02 p,.fixed_pic03 p {
    display:none;
}
.fixed_box {
    display:  block;
}
@media screen and (max-width: 1300px) {
.fixed_pic01 {
    left: 10px;
    width: 388px;
}
.fixed_txt01 {
    top: 394px;
    left: 1%;
}
#idx_honor .main .txt {
    padding: 33px 0 50px 31%;
}
}
@media screen and (max-width: 1120px) {
#idx_honor .main .txt {
    padding: 33px 0 50px 37%;
}
}
@media screen and (max-width: 1024px) {
	#idx_honor .main{
	height: auto;
	height: initial;
}
#idx_honor .title{
    display: table;
    margin: 0 auto;
    padding-left: 0;
    margin-bottom: 10px;
    overflow: hidden;
}
#idx_honor .bg_block{
	display: none;
}
#idx_honor .main .txt {
     background-color: #edf8fa;
    padding: 33px 0 50px 0;
        margin: 0 auto 10px;
}
#idx_honor .main .txt ul{
    margin: 0 auto;
    display: table;
}
.fixed_pic01{
	position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    right: initial;
    right: auto;
    float: left;
    width: 33%;
    padding: 5px;
    width: 33%;
    height: 0;
    padding: 5px;
    border: 0 solid;
    padding-bottom: 33%;
}
.fixed_pic01 img,.fixed_pic02 img,.fixed_pic03 img{
	border-radius: 15px;
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 1.5%;
    width: 97%;
    height: 97%;
}
.fixed_pic02{
	   position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    right: initial;
    right: auto;
    float: left;
    width: 33%;
     padding: 5px;
    width: 33%;
    height: 0;
    padding: 5px;
    border: 0 solid;
    padding-bottom: 33%;
}
.fixed_pic03 {
    position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    right: initial;
    right: auto;
    float: left;
    width: 33%;
    height: 0;
    padding: 5px;
    border: 0 solid;
    padding-bottom: 33%;
    /* margin-top: 58px; */
}
.fixed_txt01,.fixed_txt02,.fixed_txt03{
	position: relative;
    top: auto;
    top: initial;
    left: auto;
    left: initial;
    right: initial;
    right: auto;
    float: left;
    width: 33%;
}
.fixed_box {
    display: block;
    width: 100%;
    float: none;
    overflow: hidden;
    margin-bottom: 80px
}

}

@media screen and (max-width: 680px) {
	#idx_honor{
	margin-top: 30px;
}
	.fixed_pic01 {
    width: 100%;
    height: 0;
    padding: 2% 2% 0;
    padding-bottom: 100%;
    margin-bottom: 10px;
}
.fixed_pic02,.fixed_pic03{
    width:48%;
    height: 0;
    
    padding: 2% 2% 0;
    padding-bottom: 48%;
}
.fixed_pic01 img {
    height: calc(100% - 40px);
}
.fixed_pic02 img, .fixed_pic03 img {
    height: calc(100% - 40px);
}
	.fixed_pic01 p,.fixed_pic02 p,.fixed_pic03 p {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 16px;
    margin: 5px 0 10px;
    position: absolute;
    bottom: 0;
}
.fixed_pic03{
    margin-top: 0px;
}
.fixed_box {
    display: none;
}

/*.fixed_pic01 img, .fixed_pic02 img, .fixed_pic03 img{
    position: static;
    left: auto;
    left: initial;
    top: auto;
    top: initial;
    width: 100%;
    height: auto;
    height: initial;
}*/
}
/*-----20170719jerry增加------------------------------------*/
#idx_location{
	display: block;
	overflow: hidden;
	float: none;
	clear: both;
	position: relative;
	padding-top: 45px;
	background-color: #fffef9;
}
#idx_location .title01 .s{
	    color: #817f7f;
}
#idx_location .main{
	display: block;
	overflow: visible;
	float: none;
	clear: both;
	position: relative;
	width: 100%;
	height: 600px;
}
.fixed_obj01 {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 350px;
    left: 20px;
}
.fixed_obj02 {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: calc(50% + 210px);
}
.fixed_obj03 {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 130px;
    left: 380px;
}
.fixed_obj04 {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 350px;
    left: calc(50% - 60px);
}
.fixed_obj05 {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 361px;
    right: 200px;
}
.fixed_bg01{
    display: block;
    overflow: hidden;
    position: absolute;
    top: 180px;
    left: 200px;
    width: 160px;
    height: 170px;
    background-color: #ef97af;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);  
}
.fixed_bg02{
    display: block;
    overflow: hidden;
    position: absolute;
    top: 180px;
    left: calc(50% - 190px);
    width: 160px;
    height: 170px;
    background-color: #ffa45b;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.fixed_bg03{
    display: block;
    overflow: hidden;
    position: absolute;
    top: 180px;
    right: calc(50% - 190px);
    width: 160px;
    height: 170px;
    background-color:  #bbcf52;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);  
}
.fixed_bg04{
    display: block;
    overflow: hidden;
    position: absolute;
    top: 180px;
    right: 200px;    
    width: 160px;
    height: 170px;
    background-color: #5fc1ce;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#idx_location .main > li{
    width: 317px;
    height: 317px;
    display: block;
    overflow: hidden;
    float: none;
    border-radius: 100%;
    padding-top: 50px;
    padding-left: 16px;
    padding-right: 10px;
    position: absolute;
    letter-spacing: 0;
}
#idx_location .main > li:before{
    content: "";
    background-image: url(../images/icon/bg_location.png);
    display: block;
    overflow: hidden;
    position: absolute;
    float: none;
    width: 397px;
    height: 420px;
    top: -120px;
    left: -110px;
    opacity: 0.09;
}
#idx_location .main > li:after{
    content: "";
    background-color: #fff;
    opacity: 0.15;
    top: -100px;
    left: -60px;
    width: 190px;
    height: 497px;
    display: block;
    overflow: hidden;
    position: absolute;
    float: none;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#idx_location .main > li:nth-of-type(1){
	background-color:#ef97af ;
	top: 0;
	left: 2%;
}
#idx_location .main > li:nth-of-type(2){
	background-color:#ffa45b ;
	top: 237px;
	left: calc(50% - 425px);
	padding-top: 55px;
}
#idx_location .main > li:nth-of-type(3){
	background-color:#bbcf52 ;
	top: 0;
	left: calc(50% - 158px);
	padding-top: 70px;
}
#idx_location .main > li:nth-of-type(4){
	background-color:#5fc1ce ;
	top: 237px;
	right: calc(50% - 425px);
	    padding-top: 40px;
}
#idx_location .main > li:nth-of-type(5){
	background-color:#a980ac ;
	top: 0;
	right: 2%;
	padding-top: 60px;
}
#idx_location .main > li .title{
	display: block;
	overflow: hidden;
	float: none;
	font-size: 35px;
	line-height: 38px;
	margin-bottom: 5px;
	color: #fff;
	text-align: center;
	font-weight: 600;
}
#idx_location .main > li:nth-of-type(5) .title {
    margin-bottom: 20px;
}
#idx_location .main > li .title b{
    display: inline-block;
    border: 2px solid #fff;
    padding: 2px 5px 0px;
    line-height: 37px;
    margin-bottom: 7px;
}
#idx_location .main > li .name{
display: table;
    margin: 0 auto 10px;
    overflow: hidden;
    float: none;
    min-width: 156px;
    font-size: 18px;
    line-height: 18px;
    padding: 3px 10px;
    border-radius: 15px;
    text-align: center;
    font-weight: 400;
    background-color: #fff;
}
#idx_location .main > li:nth-of-type(1) .name{
	color:#d27590;
}
#idx_location .main > li:nth-of-type(2) .name{
	color:#da9142;
}
#idx_location .main > li:nth-of-type(3) .name{
	color:#9fb431;
}
#idx_location .main > li:nth-of-type(4) .name{
	color:#22a0ae;
}
#idx_location .main > li:nth-of-type(5) .name{
	color:#8a3f92;
}
#idx_location .main > li:nth-of-type(3) .info{
	display: table;
    margin: 0 auto;
    min-width: 250px;
}
#idx_location .main > li .info li{
    display: block;
    overflow: hidden;
    float: none;
    font-size: 16px;
    line-height: 18px;
    text-align: left;
    font-weight: 500;
    color: #fff;
    margin-bottom: 10px;
}

#idx_location .main > li .info .tel:before{
	display: inline-block;
	content: "";
	background-image: url(../images/icon/icon_location_tel.png);
	background-size: 25px 25px;
	background-repeat: no-repeat; 
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-right: 10px;
}
#idx_location .main > li .info .fax:before{
	display: inline-block;
	content: "";
	background-image: url(../images/icon/icon_location_fax.png);
	background-size: 25px 25px;
	background-repeat: no-repeat; 
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-right: 10px;
}
#idx_location .main > li .info .location:before{
	display: inline-block;
	content: "";
	background-image: url(../images/icon/icon_location_map.png);
	background-size: 25px 25px;
	background-repeat: no-repeat; 
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-right: 10px;
}
#idx_location .main > li .info li span{
    width: calc(100% - 36px);
    display: inline-block;
    vertical-align: middle;
}
#idx_location .main > li .info li:hover{
    text-decoration: underline; 
    cursor: pointer;
}
#idx_location .main > li .time{
display: table;
    margin: 0 auto;
    border-radius: 8px;
    padding: 3px 5px;
    color: #fff;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: 0;
    border: 1px solid;
    min-height: 30px;
    margin-top: 12px;
}
.promo#t01 {
    display: block;
    overflow: hidden;
    width: 222px;
    height: 52px;
    position: absolute;
    text-align: center;
    color: #fff;
    padding-top: 13px;
    font-size: 19px;
    background-size: 222px 52px;
    background-repeat: no-repeat;
    background-image: url(../images/icon/icon_title.png);
    transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
    top: 0;
    left: calc(50% - 70px);
}
.promo#t02 {
    display: block;
    overflow: hidden;
    width: 222px;
    height: 52px;
    top: 520px;
    left: calc(50% - -130px);
    position: absolute;
    text-align: center;
    color: #fff;
    padding-top: 13px;
    font-size: 19px;
    background-size: 222px 52px;
    background-repeat: no-repeat;
    background-image: url(../images/icon/icon_title.png);
    transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -o-transform: rotate(5deg);
}
@media screen and (max-width: 1500px) {
.fixed_bg01,.fixed_bg02,.fixed_bg03,.fixed_bg04,.fixed_bg05{
	display: none;
}
#idx_location .main > li:nth-of-type(1) {
    left: 4%;
}
#idx_location .main > li:nth-of-type(2) {
    left: calc(50% - 395px);
}
#idx_location .main > li:nth-of-type(4) {
    right: calc(50% - 395px);
}
#idx_location .main > li:nth-of-type(5) {
    right: 4%;
}
.fixed_obj02 {
    left: calc(50% + 170px);
}
}

@media screen and (max-width: 1300px){
	.fixed_obj01 {
    top: 430px;
    left: 0px;
}
		.fixed_obj02 {
    top: -180px;
}
	.fixed_obj03 {
top: -60px;
}
.fixed_obj04 {
    top: 310px;
    left: calc(50% - 37px);
}
.fixed_obj05 {
    right: 130px;
}
#idx_location .main > li:nth-of-type(1) {
    left: calc(50% - 480px);
}
#idx_location .main > li:nth-of-type(5) {
    right: calc(50% - 480px);
}
#idx_location .main > li:nth-of-type(2){
    top: 282px;
    left: calc(50% - 320px);
}
#idx_location .main > li:nth-of-type(4){
    top: 282px;
    right: calc(50% - 320px);
}
.promo#t02 {
    right: calc(50% - 250px);
    left: auto;
    left: initial;
    top: 570px;
}
#idx_location .main{
	height: 700px;
}
}

@media screen and (max-width: 992px){
	#idx_location .main{
	height: 1180px;
}
.fixed_obj01 {
    top: 790px;
    left: auto;
    left: initial;
    right: 16%;
}
.fixed_obj03 {
    top: -60px;
    left: 20%;
}
.promo#t01 {
    top: 370px;
    left: calc(50% - 260px);
}
.promo#t02 {
    top: 652px;
}
#idx_location .main > li:nth-of-type(1){
	right: auto;
	right: initial;
    left: calc(50% - 340px);
    top: 0;
}
#idx_location .main > li:nth-of-type(2){
	left: auto;
	left: initial;
    right: calc(50% - 340px);
    top: 0;
}
#idx_location .main > li:nth-of-type(3){
	right: auto;
	right: initial;
    left: calc(50% - 340px);
     top: 380px;
}
#idx_location .main > li:nth-of-type(4){
	left: auto;
	left: initial;
    right: calc(50% - 340px);
    top: 380px;
}
#idx_location .main > li:nth-of-type(5){
	right: auto;
	right: initial;
    left: calc(50% - 340px);
     top: 760px;
}

}

@media screen and (max-width: 750px){
	#idx_location .main{
	height: 1100px;
}
.fixed_obj01 {
    top: 790px;
    left: auto;
    left: initial;
    right: 16%;
}
.fixed_obj03 {
    top: -60px;
    left: 20%;
}
.promo#t01 {
    top: 330px;
    left: calc(50% - 260px);
}
.promo#t02 {
        top: 612px;
}
#idx_location .main > li:nth-of-type(1){
	right: auto;
	right: initial;
    left: calc(50% - 320px);
    top: 0;
}
#idx_location .main > li:nth-of-type(2){
	left: auto;
	left: initial;
    right: calc(50% - 320px);
    top: 0;
}
#idx_location .main > li:nth-of-type(3){
	right: auto;
	right: initial;
    left: calc(50% - 320px);
     top: 330px;
}
#idx_location .main > li:nth-of-type(4){
	left: auto;
	left: initial;
    right: calc(50% - 320px);
    top: 330px;
}
#idx_location .main > li:nth-of-type(5){
	right: auto;
	right: initial;
    left: calc(50% - 320px);
     top: 660px;
}

}

@media screen and (max-width: 680px){
#idx_location .main{
	height: 1800px;
}
.fixed_obj01 {
    top: 1640px;
    left: auto;
    left: initial;
}
.fixed_obj02 {
    top: -120px;
    left: auto;
    left: initial;
    right: 0;
}
.fixed_obj03 {
    top: -60px;
    left: 20%;
}
.fixed_obj04 {
    top: 310px;
    left: calc(50% - 147px);
}
.fixed_obj05 {
	    top: 601px;
    right: 0px;
}
.promo#t01 {
    top: 660px;
    left: calc(50% - 80px);
}
.promo#t02 {
    top: 1262px;
    right: calc(50% - 90px);
}
#idx_location .main > li:nth-of-type(1){
	right: auto;
	right: initial;
    left: calc(50% - 158px);
    top: 0;
}
#idx_location .main > li:nth-of-type(2){
	right: auto;
	right: initial;
    left: calc(50% - 158px);
    top: 330px;
}
#idx_location .main > li:nth-of-type(3){
	right: auto;
	right: initial;
    left: calc(50% - 158px);
    top: 660px;
}
#idx_location .main > li:nth-of-type(4){
	right: auto;
	right: initial;
    left: calc(50% - 158px);
    top: 990px;
}
#idx_location .main > li:nth-of-type(5){
	right: auto;
	right: initial;
    left: calc(50% - 158px);
     top: 1320px;
}

}


/*@media screen and (max-width: 375px) {
.fixed_pic02 img, .fixed_pic03 img {
    height: calc(100% - 50px);
}
.fixed_pic02 p {
    bottom: 20px;
}
}
*/

.contact_info span {
    color: #fcdc3c;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid;
    padding: 3px 5px;
}

#foot_menu .title.txt_w {
    color: #fff !important;
}

/* una更新 商品列表的圖片定位 */
.fixedsize_100{
	z-index: 1;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    display: block;
    float: left;
    position: relative;
}
.fixedsize_100 img{
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}