@charset "utf-8";
body {
}
.content {
	position: relative;
}
/* 檔期維護banner */
.banner_wrap 
{
	position:absolute;
	position:relative\9; /*for all ie */
}
.content_wrap {
	padding-bottom: 20px;
	position: relative;
	background: #fff;
}
.top_add {
	position: absolute;
	top: 0px;
	width: 900px;
	height: 10px;
	z-index: 10;
}
/* 首頁大banner */
.top_banner_fb {
	position: absolute;
	right: 5px;
	top: 55px;
}
.banner_sp_pos {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.top_banner_sp h1 {
	font-size: 21px !important;
	line-height: 21px !important;
}
.top_banner_sp h3 {
	font-size: 12px !important;
	line-height: 17px !important;
}
.banner_sp_words h3, .banner_a_bar h3, .banner_b_bar h3 {
	font-size: 13px !important;
}
.top_banner_fb {
	position: absolute;
	right: 5px;
	top: 55px;
}
.banner_sp_pos {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
}
.top_banner {
	float: left;
	width: 680px;
	height: 265px;
	position: relative;
}
.top_banner_sp {
	font-size: 11px;
	color: #333;
	position: relative;
	/*margin: 130px 0px 0px 330px;*/
	top: 120px;
	left: 330px;
	width: 350px;
}
.top_banner_wrap {
	height: 50px;
	background: #000;
	filter: alpha(opacity=50);       /* IE */
	-moz-opacity: 0.5;              /* Moz + FF */
	opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
.top_banner_sp .top_banner_title {
	position: absolute;
	color: #FFF;
	left: 15px;
	top: 15px;
	z-index: 10;
}
.top_banner_title:hover {
	color: #FFF!important;
}
/* 首頁文字 */
.top_banner_sp h1 {
	font-size: 21px !important;
	line-height: 21px !important;
}
.top_banner_sp h3 {
	font-size: 12px !important;
	line-height: 17px !important;
}
.top_banner_word {
	padding: 10px 15px 0px 15px;
}
.top_banner_word a {
	color: #333!important;
}
.top_banner_list {
	position: absolute;
	bottom: 25px;
	left: 15px;
	z-index: 10;
}
.top_banner_list li {
	float: left;
	display: block;
	padding: 0px 3px 0px 3px;
}
a.dot:link, a.dot:visited {
	text-indent: -9999px;
}
a.dot:hover {
	background-position: -20px -25px;
}
/* 服務選單 */

.top_service {
	float: left;
	width: 220px;
	/*padding-top: 1px;*/
	border-top: 1px solid #ccc;
}
.top_service li {
	display: block;
	border-bottom: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	/*height: 86px;*/
	height: 59px;
	width: 108px;
	float: left;
}
.top_service h3 {
	font-size: 15px;
}
.top_service li a span {
	display: block;
	color: #787878;
	padding: 10px 0px 0px 10px;
	/*height: 86px;*/
	height: 59px;
	width: 108px;
}
.top_service li a span:hover {
	color: #5ac20f;
	padding: 10px 0px 0px 8px;
}
a.shopsearch:hover {
	/*background-position: -236px -0px;*/
	background-position: -6px 0px;
}
a.lottery:hover {
	/*background-position: -121px -0px;*/
	background-position: -122px -0px;
}
a.bill:hover {
	background-position: -6px -0px;
}
a.wifi:hover {
	background-position: -236px -86px;
}
a.shop:hover {
	/*background-position: -121px -86px;*/
	background-position: -6px -61px;
}
a.delivery:hover {
	/*background-position: -6px -86px;*/
	background-position: -122px -61px;
}
/* 新品上市  熱門活動  便利服務 */
.sub_banner_wrap {
	float: left;
	padding-right: 6.6px;
	padding-right: 6.3px\9;
	padding-right: 5.5px\9\0;
}
.sub_banner_words {
	padding: 30px 0px 0px 125px;
}
.sub_banner {
	width: 218px;
	height: 85px;
}
.content_wrap a {
	color: #999;
}
.content_wrap a:hover {
	color: #666;
}
.sb_new {
}
.sb_hot {
}
.sb_conv {
}
.sb_fun {
	background: url(../images/banner/105x85_fun.jpg) no-repeat;
}
/* Fami娛樂網 */
.sub_banner_wrap_right {
	float: right;
	width: 220px;
}
/* lets coffee 最愛吃在全家 */
.banner_aclass {
	float: left;
	width: 447px;
}
.banner_bclass {
	float: right;
	width: 447px;
}
.banner_a {
	float: left;
	width: 220px;
	height: 165px;
}
.big_add {
	border: 1px solid #cacaca;
}
.coffee {
}
/* 3大商品區 */
.threeProducts {
	height: 165px;
	overflow: hidden;
	position: relative;
}
.threeLeft {
	position: absolute !important;
}
.threeCenter {
	position: absolute !important;
}
.threeRight {
	position: absolute !important;
}
.threeBoard {
	position: absolute !important;
	background-color: #FFF;
}
.bimg {
	position: absolute;
	width: 220px;
	height: 165px;
}
.rice {
}
.banner_a_sp_words {
	padding-top: 30px;
}
.banner_a_right {
	width: 225px;
	float: left;
	height: 165px;
	position: relative;
}
.banner_b_right {
	width: 145px;
	float: left;
	height: 165px;
	position: relative;
}
.banner_a_bar {
	background: #94252b;
	color: #FFF;
	position: absolute;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	width: 215px;
	bottom: 0px;
	right: 0px;
}
.banner_b_bar {
	background: #a0c101;
	color: #FFF;
	position: absolute;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
	width: 135px;
	bottom: 0px;
	right: 0px;
}
.arrow {
	width: 10px;
	height: 25px;
	display: block;
	position: absolute;
	left: -10px;
	top: 0px;
}
.ar_coffee {
	background: url(../images/arrow_coffee.png) no-repeat;
}
.ar_eat {
	background: url(../images/arrow_eat.png) no-repeat;
}
.banner_b_top {
	width: 40px;
	height: 140px;
}
.oden {
}
.bread {
}
.banner_b_close {
	width: 40px;
	height: 165px;
}
.banner_s_bar {
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 50px;
	height: 25px;
}
.banner_sr_bar {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 50px;
	height: 25px;
}
.bread_s {
}
.oden_s {
}
/* 最下面banner (自我品牌 預購精選 全家告示牌 生活關係企業) */
.banner_width {
	width: 205px;
}
.bottom_banner {
	float: left;
	width: 218px;
	height: 85px;
	border-left:#cacaca 1px solid;
	border-right:#cacaca 1px solid;
	overflow:hidden;
}
.sb_fm {
	background: url(../images/banner/220x85_cool.jpg) no-repeat;
}
.sb_dm {
	background: url(../images/banner/220x85_dm.jpg) no-repeat;
}
.sb_pr {
	background: url(../images/banner/220x85_pr.jpg) no-repeat;
}
.sb_volks {
	background: url(../images/banner/220x85_volks.jpg) no-repeat;
}
/* 一塊揪好團*/

.one_wrap a:link, .one_wrap a:visited {
	color: #FFFFFF;
}
.one_wrap a:hover {
	color: #F7F4F4;
}
.one_wrap {
	position: absolute;
	right: -40px;
	top: 81px;

/* 一塊揪好團-藍牙優惠Beacon_連結icon*/
}
.one_close_box {
	background: #3378b2;
	padding-left: 8px;
	padding-top: 15px;
	color: #FFFFFF;
	width: 18px;
	height: 185px;
}
.one_logo {
	position: absolute;
	top: -25px;
	left: -6px;
}
.one_open_btn {
	border-top: 2px solid #FFF;
	bottom: 0px;
	left: 0px;
	position: absolute;
}
a.one_open_btn:hover {
	filter: alpha(opacity=50);       /* IE */
	-moz-opacity: 0.5;              /* Moz + FF */
	opacity: 0.5;           /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
.one_banner {
	position: absolute;
	left: -240px;
	z-index: 12;
	background: url(../../images/grey_bg.png) bottom repeat-x;
	background-color: #FFF;
	border: 2px solid #3378b2;
	padding: 5px;
	width: 220px;
	display: none;
}
.one_sp {
	padding-top: 15px;
}
.sp_one_title {
	color: #3378b2;
}
.one_open_wrap {
	position: absolute;
	left: -25px;
	bottom: -2px;
}
.one_close_pos {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 13;
	text-indent: -9999px;
}
.one_sp_content {
	font-size: 11px;
}
.sp_title_wrap h3 {
	font-size: 15px !important;
	color: #444;
	padding: 2px 0px;
}
.one_banner_list {
	position: absolute;
	top: 0px;
	left: 5px;
}
.one_banner_list li {
	float: left;
}
/*======= add youtube medias ========*/
#mediaBlock {
	width: 220px;
	height: 120px;
	float: left;
}
#mediaNavWrap {
	height: 22px;
	float: left;
	width: 220px;
}
#mediaNav {
	float: right;
	height: 22px;
}
#mediaNav li {
	float: left;
	margin-top: 2px;
}
#mediaOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	background: transparent\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
	zoom: 1\9;
	z-index: 10;
	display: none;
}
#mediaOverlay #youtubeWrap {
	margin: 0 auto;
	display: block;
	width: 640px;
	padding: 20px;
	position: relative;
}
#mediaOverlay #youtubeWrap a {
	display: block;
	font-size: 18px;
	color: #fff;
	position: absolute;
	top: 0px;
	right: 0px;
}