@charset "utf-8";
@import url("fmic.css?v=1");
@import url("style.css");
@import url("topbottom.css");
@import url("faq.css");
@import url("shopic.css");
/* 共用樣式 */

/* 活動列表 */

.banner_spic {
	float: left;
	padding: 5px;
}
.banner_content {
	padding: 5px;
	font-size: 13px;
	color: #999999;
}
.active_width {
	float: left;
	width: 185px;
}
.read_more {
	text-align: center;
}
.read_more a {
	font-size: 11px;
	color: #5ac20f;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #5ac20f;
}
.read_more a:hover, .read_more a:active {
	color: #FFF;
	background-color: #60bf09;
	background-image: -webkit-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c);
	background-image: -moz-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c);
	background-image: -o-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c);
	background-image: -ms-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c);
	background-image: linear-gradient(to bottom, #9bda6c, #6bc827 35%, #58c10c);
}
#pages {
	margin: 10px 0px;
}
#pages ul li {
	float: left;
	padding: 5px;
}
#pages ul li a {
	color: #FFF;
}
#pages ul li:hover {
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -moz-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -o-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -ms-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: linear-gradient(to top, #efefef, #fff 62%);
}
#pages ul li a span {
	display: block;
	line-height: 23px;
}
#pages ul li:hover a span {
	color: #5ac20f;
}
#pages ul li.arrow_rr {
	float: right;
}
#pages ul li.arrow_mid {
	text-align: center;
	width: 260px;
}
.dm_date {
	color: #5ac20f;
	font-size: 13px;
	margin-bottom: 10px;
}
.dm_title {
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 5px;
}
.word_content {
	padding-left: 10px;
}
.active_list li {
	position: relative;
}
.dm_read_more {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.dm_read_more a {
	display: block;
	color: #FFF;
	padding: 5px 10px 5px 105px;
	border: 1px solid #5ac20f;
}
.dm_read_more a:hover {
	color: #5ac20f;
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -moz-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -o-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -ms-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: linear-gradient(to top, #efefef, #fff 62%);
}
/* 店到店 */
.contact_index {
	padding: 0px 5px;
}
.fami_fill input, .fami_fill_select, .fami_fill textarea {
	width: 280px;
}
.green_form {
	color: #5ac20f;
}
.fill_wrap {
	padding: 5px 0px;
}
.read_more_wrap {
	margin-top: 10px;
	border-top: 1px solid #dbdbdb;
	padding: 10px 0px;
}
.remark {
	background: #F3FBEC;
	font-size: 12px;
	color: #999;
	padding: 10px;
}
/* 新品情報 */
.product_menu {
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -moz-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -o-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -ms-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: linear-gradient(to top, #efefef, #fff 62%);
}
.product_menu_focus {
	background-color: #60bf09 !important;
	background-image: -webkit-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c) !important;
	background-image: -moz-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c) !important;
	background-image: -o-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c) !important;
	background-image: -ms-linear-gradient(top, #9bda6c, #6bc827 35%, #58c10c) !important;
	background-image: linear-gradient(to bottom, #9bda6c, #6bc827 35%, #58c10c) !important;
}
.product_menu li {
	width: 49.75%;
	float: left;
	color: #5ac20f;
	background-color: #fff;
	background-image: -webkit-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -moz-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -o-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: -ms-linear-gradient(bottom, #efefef, #fff 62%);
	background-image: linear-gradient(to top, #efefef, #fff 62%);
	line-height: 35px;
	position: relative;
	display: block;
}

.product_menu li a {
	color: #5ac20f;
}
/*
.product_menu li:hover a, .product_menu li:active a {
	color: #FFF;
}
    */
.pic_new {
	position: absolute;
	left: 18%;
	top: 10%;
}
.pro_glo {
	position: absolute;
	left: 12%;
	top: 11%;
}
.banner_price {
	color: #5ac20f;
}
.grey_line {
	border-right: 1px solid #ECECEC;
}
.new_words {
	padding-left: 38%;
}
.glo_words {
	padding-left: 30%;
}
.shop_ic {
	background: url(../images/star.png);
	background-size: 95%;
	width: 15px;
	height: 15px;
	float: left;
}
.star_words {
	float: left;
	width: 90%;
	display: block;
}
.shop_only {
	padding: 2px 0px;
	color: #C60;
}
.dont_drink {
	background: #000;
	color: #FFF;
	text-align: center;
	padding: 2%;
}

/* 新增&修改 */
.area_apply a.apart {
	width: 48%;
	float: left;
	margin-right: 1%;
}
.area_apply a.apart span {
	right: 13%;
}
.fami_table {
	border-top: 1px solid #CCC;
	padding: 10px;
}
.oops{ color:#F69;}
/* 店舖查詢*/
.green_list li a span.shopic {
	float: right;
}
.green_list li a:hover span.searchbtn_g, .green_list li a:active span.searchbtn_g, .green_list ul li.now span.searchbtn_g {
	background-position: -102px -30px;
}
.green_list ul li.now span.words {
	color: #FFF;
}
.shop_sub 
{
    background-color:#FFF;
	border-left: 1px solid #CCCCCC;
	color: #999;
	font-size: 13px;
	/*padding: 5px 15px 15px 15px;*/
}
.li_shop {
	margin: 3px 5px 0px 0px;
}
.shop_fill {
	width: 95%;
	color: #999;
	padding-left: 5px;
	line-height: 25px;
}
.shop_sub ul li {
	background: none;
	background-image: none;
	border: none;
}
.shop_top {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 15px;
	font-size: 15px;
	color: #999;
}
.shop_title {
	float: left;
}
.shop_top a.map_view {
	font-size: 15px;
	line-height:20px;
	float: right;
	color: #5ac20f;
	width:95px;
}
.shop_words {
	border-left: 3px solid #5ac20f;
	padding-left: 10px;
	line-height: 14px;
	padding-top: 5px;
	display: block;
	float: left;
	font-size: 12px;
	color: #999;
}
.g_title {
	color: #5ac20f;
	font-size: 15px;
}
.green_list ul li a:hover span.shop_words, .green_list ul li a:active span.shop_words {
	color: #FFF;
}
.green_list ul li a:hover span.g_title, .green_list ul li a:active span.g_title {
	color: #FFF;
}
.shop_keywords {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 15px;
}
.shop_keywords a {
	color: #5ac20f;
	text-decoration: underline;
}
.shop_content_table {
	font-size: 13px;
	color: #999;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 15px;
}
.shop_service {
	font-size: 12px;
	color: #999;
	padding: 10px 0;
}
.shop_service ul li {
	width: 48%;
	padding: 3px 0 0 0;
	float: left;
	font-size: 12px;
	color: #999;
	line-height: 34px;
}
.shop_service ul li a {
	font-size: 12px;
	color: #999;
}
.shop_service ul li span {
	margin-right: 10px;
}
.shop_service ul li span.ss_words {
	width: 120px;
	display: block;
	line-height: 14px;
	padding:0 0 0 0;
	vertical-align:middle;
	text-align:left;
	height:35px;
	display:table-cell;
}
.choose {
	font-size: 12px;
	color: #999;
	padding: 10px 0;
}
.choose ul li {
	width: 100%;
	padding: 3px 0 0 0;
	float: left;
	font-size: 12px;
	color: #999;
	line-height: 34px;
}
.choose ul li input {
	margin: 10px 10px 0 0;
	float: left;
}
.choose ul li span {
	margin-right: 10px;
}
.choose ul li span.ss_words {
	float: left;
	width: 60%;
	display: block;
	line-height: 14px;
	padding: 10px 0 0 0;
}
.shop_service ul li span.br {
	display: block;
	line-height:80%;
}
.ui-accordion .ui-accordion-content { /*收和選單內部*/
	padding: 5px 5px;
}
/*選單關閉顏色*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
	background: rgb(224,252,201);
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	background: rgb(224,252,201);
}
	/*選單開啟顏色*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #e5e5e5;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	background: #e5e5e5;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
	color: #434343
}

.ui-icon { /*icon位置調整*/
	position: absolute;
	right: 10px;
	top: 30%;
}

.ui-state-active, .ui-widget-content {
	border: 1px solid #e5e5e5;
}
.ui-accordion .ui-accordion-header {
	outline:none;
}
/*min add*/
.tel, .tel a:link, .tel a:visited, .tel a:hover, .tel a:active {
	text-decoration: none;
	color: #999;
}
.icon
{
    cursor:pointer;
}
#userAddr {
  display:none;
}
#scale img{
    cursor:pointer;
}