@charset "utf-8";
/* CSS Document */

@import url("reset.css");

body{ background-image: url(/images/allbg/just_plainbk_tile.jpg)}
p{ color:#2E2E2E; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";}

A:link{color:#666; text-decoration:none}
A:visited{color:#666; text-decoration:underline}
A:hover{color:#666; text-decoration:underline}
A:active{color:#666; text-decoration:underline}


.headerbg{ background-image:url(/images/headerbg.png); height:144px; width:100%; display:block; z-index:10 }
.all{ width:1050px; height:auto; min-height:500px; margin: 0 auto; margin-top:-144px; padding-bottom:94px }
.header{ background-image:url(/images/seasonchangebg.png); width:1050px; height:130px; margin:0 auto}
.headertoolbar{ width:994px; height:51px; background-image:url(/images/titlebg.png); margin: 0 auto}

.weblogo{ position:absolute; margin-left:30px; margin-top:5px}

.loginbuttom{ position:absolute; margin-left:10px; margin-top:10px}
.searchtoolbar{ position:absolute; margin-left:797px; margin-top:12px;}
.searchicon{ position:absolute; margin-left:943px; margin-top:11px}


/*頭條區*/
.headline{ width:1000px; height:205px; display:block;  margin: 0 auto ; margin-top:20px}
.headline_guide{ width:320px; height:205px; display:block;  float:left; margin-left:2px; }
.headline_guide img{margin-bottom:4px}
.headline_news{width:320px; height:205px; display:block;  float:left; margin-left:12px; overflow:hidden}
.headline_hot{width:320px; height:205px; display:block;  float:left; margin-left:12px; overflow:hidden}
.headlinecover{ width:320px; height:50px; display:block; font-size:18px; color:#FFFFFF; position:absolute; margin-top:155px; background-image:url(/images/darkbg.png);font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; overflow:hidden; line-height:30px;}
.headlinecover p{ width:300px; margin-left:10px; margin-top:15px; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}

.newstab{ width:54px; height:41px; background-image:url(/images/indextab.png); display:block; overflow:hidden; position:absolute; margin-left:273px; margin-top:10px}
.hottab{ width:54px; height:41px; background-image:url(/images/indextab.png); display:block; overflow:hidden; position:absolute; margin-left:273px; margin-top:10px; background-position:193px}
.videotab{ width:139px; height:41px; background-image:url(/images/indextab.png); display:block; overflow:hidden; position:absolute; margin-left:190px; margin-top:10px;background-position:139px}


/*選單*/
.hmenu {
		margin: 0;
		padding: 0;
		list-style: none;
		position:absolute;
		margin-left:506px;
		margin-top:57px;
		width:510px;
		height:32px;
		display:block;
		
	
	}
	.hmenu li {
		float: left;
		padding: 0 0px;
	}
	.hmenu li a {
		display: block;
		height: 32px; /* 圖片的高/2 */
		line-height: 16px;	/* ie suck */
		text-indent: -9999px;
	}
	.hmenu a.v1 {
		width:102px; /* 圖片的寬 */
		background: url(/images/shop-1.png) no-repeat 0 0;	
	}
	.hmenu a.v2 {
		width:102px; /* 圖片的寬 */
		background: url(/images/games-1.png) no-repeat 0 0;	
	}	
	.hmenu a.v3 {
		width:102px; /* 圖片的寬 */
		background: url(/images/gift-1.png) no-repeat 0 0;	
	}
	.hmenu a.v4 {
		width: 102px; /* 圖片的寬 */
		background: url(/images/member-1.png) no-repeat 0 0;	
	}
	.hmenu a.v5 {
		width: 102px; /* 圖片的寬 */
		background: url(/images/blog-1.png) no-repeat 0 0;	
	}
	
/*選單結束*/






/*JAVA css*/
.jcarousel-skin-tango .jcarousel-container { margin: 0px auto; top:0px;
    -moz-border-radius: 0px;
	 margin-top:11px
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 1050px;

}

.jcarousel-skin-tango .jcarousel-container-vertical {
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width: 1050px;
    height: 300px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
}

.jcarousel-skin-tango .jcarousel-item {
    width:  1050px;
    height: 300px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 150px;
    right: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background:url(/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -36px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -72px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -108px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 150px;
    left: 10px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    background:url(/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -36px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -72px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -108px 0;
}


.shadowup{ position:absolute; z-index:10px;margin-top:-300px}
.shadowdown{ position:absolute; z-index:10px}
/*JAVA結束*/


.tabshopbox{ width:655px; height:771px; display:block ; margin-top:20px}
.bannerbox_right{ width:325px; height:auto; position: absolute; margin-left:660px; margin-top:-605px; display:block}
.openvideo{ width:325px; height:180px; display:block;}




.indexarea{ width:990px; height:auto; display:block;  margin:0 auto; margin-top:10px}


#page-wrap {
	position: relative;
	width: 655px;
	margin-right: auto;
	margin-left: auto;
	margin-top:0px;
}
ul#main-nav {
	margin-left: 10px;
	
}
ul#main-nav li {
	float: left;
	position: relative;
	margin-left:-20px;
	display: inline;
}
ul#main-nav li a {
	position: relative;
	width: 112px;
	height: 51px;
	display: block;
	background-image:url(/images/tabbb.png);
	background-position: center center;
	color: #44403b;
	text-decoration: none;
	font-size: 14px;
	padding-top:0px;
	text-align: left;
	padding-left:0px;
	font-weight: bold;
}

ul#main-nav li p { margin-right:10px; padding-top:25px; text-align:right; font-weight:bolder; text-shadow:0px 1px 1px #000000; color:#FFFFFF; font-size:16px}
ul#main-nav li.index_home a {
	background-image:url(/images/tabbb.png);
}
ul#main-nav li.current a {
	background-position: top;
	color: #ffffff;
}
ul#main-nav li a:hover {
	background-position: bottom;
	color: #ffffff;
}
ul#main-nav li.current a:hover {
	background-position: top; /*To Prevent the Current tab from changing colour on hover*/
	color: #ffffff;
}
ul#main-nav li.current {
	z-index: 100;
}
ul#main-nav li.index_home {
	z-index: 99;
}
ul#main-nav li.index_new {
	z-index: 98;
}
ul#main-nav li.index_relo {
	z-index: 97;
}
ul#main-nav li.index_kmrt {
	z-index: 96;
}
ul#main-nav li.index_point{
	z-index: 95;
}

#featured {
	width:655px;
	height:655px;
	
	
}


#featured-content {
   background-color: #FFFFFF;
   box-shadow: 0 3px 3px #666666;
   display: block;
   float: right;
   height: 742px;
   margin-bottom: 30px;
   margin-right: 10px;
   margin-top: -3px;
   position: relative;
   width: 650px;
   z-index: 199;
}










.footer{ width:990px; height:94px; display:block; margin: 0 auto ; }

.footerlogo{ position:absolute; margin-left:10px; margin-top:30px}
.footerbg{ width:100%; height:94px; background-image:url(/images/footerbg.png); clear:both; position:relative; margin-top:-94px }
.footertext p{ font-size:12px; line-height:17px}
.footertext{ width:800px; height:auto; position:absolute; margin-left:160px; margin-top:25px}
.footertext A:link{ color:#FFFFFF}
.footertext A:visited{ color:#FFFFFF}
.footertext A:hover{ color:#FFFFFF}
.footertext A:active{ color:#FFFFFF}
/*首頁店家*/
.index_shop{ width:300px; height:125px; border:solid 1px #999999; float:left; margin-left:15px; margin-top:15px}

.indexshop_pic {
vertical-align: middle;
max-width:125px;   /* FF IE7 */
max-height:125px; /* FF IE7 */
_width:expression(this.width > 125 && this.width > this.height ? 125: auto); /* IE6 */
_height:expression(this.height > 125 ? 125 : auto); /* IE6 */ overflow:hidden }
.indexshop_pic img {
vertical-align: middle;
max-width:125px;   /* FF IE7 */
max-height:125px; /* FF IE7 */
_width:expression(this.width > 125 && this.width > this.height ? 125: auto); /* IE6 */
_height:expression(this.height > 125 ? 125 : auto); /* IE6 */ overflow:hidden }


.index_shop_text {
   font-family: "微軟正黑體","Microsoft JhengHei","黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";
    height: 125px;
    margin-left: 130px;
    position: relative;
    top: -115px;
    width: 165px;
}
.index_shop_title {
    font-size: 16px;
    height: 20px;
    line-height: 18px;
    margin-top: -20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 125px;
}
.index_shop_location{font-size:12px; color:#990000; position:relative; top:10px}
.index_shop_subtext{font-size:12px; position:relative; top:20px;}


/*登入顯示*/
.loginpic{ width:30px; height:30px; border:#FFFFFF solid 2px; border-radius:3px 3px 3px 3px; position:absolute; margin-top:-5px }
.loginpic img{max-width:30px;/*IE 以外*/
 width:expression(this.width>30 ? 30:true);}
.name_logout{line-height:16px; margin-left:10px; margin-top:-2px; }
.name_logout p{font-size:14px; color:
 #FFF; font-weight:bold; text-shadow:1px 1px 2px #333333}
 
 /*登入頁面*/
 
 .onepage{ width:900px; height:auto; min-height:600px; background-color:#FFFFFF; margin: 0 auto; margin-top:30px; background-image:url(/images/loginpage/loginpagebg.jpg); background-repeat:repeat-x; }
 .pageshadow{ width:901px; height:35px; background-image:url(/images/loginpage/shadowbig.png); margin:0 auto}
 .pageshadow_small{ width:690px; height:26px; background-image:url(/images/loginpage/shadowlittle.png); margin:0 auto}
 .login_area{ width:690px; min-height:400px; height:auto; background-color:#ebeaea; margin:0 auto;}
  .login_area_3{ width:690px; height:300px; background-color:#ebeaea; margin:0 auto;}
 .login_area_2{ width:425px; height:auto;  margin: 0 auto}
 
 
 
 
 .login_title{ font-size:24px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";  width:900px; height:30px; text-align:center; padding-top:40px; padding-bottom:20px; letter-spacing:5px; font-weight:bold; line-height:30px }
 .login_subtitle{ width:900px; font-size:14px; text-align:center; height:30px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";}
 .login_text{ background:url(/images/loginpage/logintextbg.png); width:425px; height:128px; background-repeat:no-repeat; margin-top:10px}
 .findpassword{ width:425px; height:20px; font-size:14px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; text-align:center; margin-top:10px}
 .fbbot{ margin-top:10px}
 .register_area{width:425px; height:auto;  margin: 0 auto; font-size:16px; line-height:29px; padding-bottom:50px}
 
 
 
 
 /*個人頁面*/
 
 .news_notification{ width:900px; height:135px; display:block;  background-color:#d9d9d9}
 .shadow900{ width:900px; overflow:hidden}
 .per_pic{ position:absolute; border-radius:5px 5px 5px 5px ; border:#FFFFFF solid 3px; box-shadow:2px 2px 2px #666666; overflow:hidden; position:absolute; margin-left:15px; margin-top:15px}
 .per_pic img{vertical-align: middle;
max-width:155px;   /* FF IE7 */
max-height:155px; /* FF IE7 */
_width:expression(this.width > 155 && this.width > this.height ? 155: auto); /* IE6 */
_height:expression(this.height > 155 ? 155 : auto); /* IE6 */ overflow:hidden }

.notification_area{ width:680px; height:120px; position:absolute; margin-left:200px; margin-top:5px}
.single_news{ width:650px; height:20px;font-size:14px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; background-image: url(/images/personalpage/triyellow.png); background-position:left; background-repeat:no-repeat; padding-left:20px; margin-top:5px }
.pername{ width:400px; height:30px; position:absolute;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-weight:bold; color:#666; text-shadow:#000 0px -1px 0px; font-size:20px; margin-left:200px; margin-top:10px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.persetting{ width:50px; height:50px; display:block; text-align:center; margin-right:10px}
.per_option { width:200px; height:50px; text-align:right; margin-left:700px}
.per_option div{ float:right}
.number_area{ width:900px; height:68px; margin-top:20px}
.number_area div{ margin-left:8px}
.number_point{ width:288px; height:68px; background-image:url(/images/personalpage/happypointbg.gif); border:#999999 1px solid ; float:left}
.number_coupon{ width:288px; height:68px; background-image: url(/images/personalpage/couponbg.png); border:#999999 1px solid; float:left}
.carsetting{ width:288px; height:68px; float:left}

.total_point{ width:200px; height:30px; display:block; text-align:center;position:absolute; font-size:18px; color:#C63;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-weight:bold; padding-left:30px; margin-top:43px }
.new_offer{ width:900px; height:300px;  margin-top:10px; display:block }

.sec_title{ width:900px; height:24px; border-bottom:#333 1px solid ; position:absolute;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:18px; margin-top:-15px; line-height:24px }

/*最新優惠單店*/
.offer_shop{ width:200px; height:200px; background-color:#ebeaea; float:left; margin-left:15px; margin-top:30px}

.offer_area{ width:880px; height:260px; overflow-x:auto; overflow-y:hidden; margin: 0 auto; margin-top:50px}

.offer_shop_pic{ position:relative; margin-left:10px; margin-top:10px  }
.offer_shop_pic img{vertical-align: middle;
max-width:70px;   /* FF IE7 */
max-height:70px; /* FF IE7 */
_width:expression(this.width > 70 && this.width > this.height ? 70: auto); /* IE6 */
_height:expression(this.height > 70 ? 70 : auto); /* IE6 */ overflow:hidden }
.offer_shop_title{ font-size:14px; font-weight:bold; color:#663300;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; width:100px; height:80px; overflow:hidden; position:relative; margin-left:90px; margin-top:-65px; line-height:18px}
.offer_shop_info{ width:180px; height:120px; font-size:12px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; line-height:18px; margin-left:10px }
/*最新優惠單店結束*/

.tab_2{ width:500px; height:40px; position:absolute; margin-left:70px; margin-top:23px}
.tab_2 img{ margin-left:-30px}
.consume_data{ width:860px; height:560px;}
.tab_2_displayarea{ width:840px; height:auto; background-color:#f4f4f4; border-radius:5px; border:#666 solid 1px; position:absolute; margin-left:27px; margin-top:60px}


.happypointtable { font-size:14px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; text-align:center;}
.happypointtable th { background-color:#8f8f8f; color:#FFFFFF; height:40px; padding-top:13px;}
.happypointtable td {vertical-align:middle; height:38px; padding-top:12px[;height:38px;]}

.pagination { text-align:right; width:500px; height:25px; position:absolute; margin-left:380px; margin-top:-50px; font-size:12px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium" }
.pagination span.disable {
    border: 1px solid #999;
	border-radius:8px;
    color: #999999;
    padding: 3px 5px;
}

/*利樂登入*/
.relo_login_info{ width:425px; height:440px; display:block; line-height:24px; margin: 0 auto; margin-top:20px}
.relopass{ width:425px; height:40px; border-radius:8px; border:#999999 1px solid; background-color:#FFFFFF; margin-top:10px}
.reloservice{ text-align:center; margin-top:20px}
.reloservice p{ font-size:12px}



/*店家兌換券*/
.consume_data_coupon{ width:860px; height:730px}
.consume_data_coupon_no{ width:860px; height:580px;}
.coupontable{width:840px; height:612px;font-size:14px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; text-align:center;}
	



.coupontable_sin{ background-image: url(../images/personalpage/couponbg_1.png); width:840px; height:153px; background-repeat:no-repeat; margin:0 auto; }

.coupon_title{ width:320px; height:130px; padding-top:17px; margin-left:10px; }
.coupon_title h3{ font-size:18px; text-align:left; color:#FFFFFF; text-shadow:-1px 1px 0px #999999; width:320px; height:72px; overflow:hidden; letter-spacing:2px}
.coupon_title h3 span{ color:#FF9900; text-shadow:1px -1px 1px #666666; margin-right:5px }

.coupon_title h4{ font-size:14px; text-align:left; color:#333; text-shadow:1px 1px 0px #FFFFFF; width:310px; height:20px;overflow:hidden; line-height:20px; margin-top:3px}
.coupon_title h4 span{ color:#CC6600}
.coupon_title h5{ font-size:12px; text-align:left; color:#FFFFFF; text-shadow:-1px 1px 0px #999999; width:320px; height:18px; overflow:hidden; line-height:18px}

.coupon_info{ width:450px; height:130px;  margin-left:380px; margin-top:-135px}
.coupon_info p{width:450px; height:70px;  overflow:hidden; line-height:18px}

.coupon_info_number{ width:450px;height:20px; background-color:#FF9900; line-height:20px; text-shadow:0px -1px 0px #663300; color:#FFF; font-size:15px; font-weight:bolder; margin-top:30px; box-shadow:0px -1px 2px #666666}



.no_coupon_sample img{ border-radius:10px; max-width:840px; overflow:hidden}
/*我的收藏*/
.sec_title_fav{width:900px; height:24px; border-bottom:#333 1px solid ; position:absolute;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:18px; margin-top:15px; line-height:24px}




.fav_List{ width:900px; height:900px; margin-top:50px;  padding-bottom:30px }
.index_shop_location_fav{font-size:12px; color:#990000; position:relative; top:45px}
.fav_delete{ position: absolute; margin-left:260px; margin-top:5px}
.index_shop_fav{ width:280px; height:125px; border:solid 1px #999999; float:left; margin-left:13px; margin-top:15px}



/*卡片管理*/
.mycardlist{ width:840px; height:auto;  margin: 0 auto; margin-top:50px}
.cardlist{ margin-left:0px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px;  vertical-align:middle;}
.cardlist th{ border-bottom:#FF9900 2px solid; padding:5px}
.cardlist td{  vertical-align:middle; text-align:center; height:28px}
.cardrige{ width:420px; min-height:305px; height:auto; margin-left:10px; margin-top:55px; padding-bottom:20px}
.cardrigelist{font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px;  vertical-align:middle;}
.cardrigelist td{  vertical-align:middle; text-align:center; height:28px}
.cardrigelist th{ border-bottom:#FF9900 2px solid; padding:5px}
.cardrigititle{ font-size:16px; color:#CC0033;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; margin-top:10px; margin-bottom:10px; line-height:20px}
.csrdregi_ad{ position:absolute; margin-left:450px; margin-top:-350px}


/*初次使用及設定*/
.onepage_setup{ width:900px; height:2100px; background-color:#FFFFFF; margin: 0 auto; margin-top:30px; background-image: url(/images/firststart/fsbg.jpg); background-repeat:repeat-x}
.setup_left{ width:280px; height:1900px; background-image:url(/images/firststart/setup_bgline.gif); background-repeat:repeat-y; background-position:right; position: absolute; margin-top:110px}
.setup_right{ width:600px; height:1980px;position:absolute; margin-left:290px; margin-top:110px}
.setup_step{ margin-top:15px; margin-bottom:10px}
.setup_table{font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";}
.tmain{ text-align:right; vertical-align:top; border-right:10px #FFFFFF solid;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";}
.setup_table td{ padding:10px}

.setup_perpic{ width:80px; height:80px; border:solid #CCC 2px; border-radius:5px;}
.setup_perpic img{vertical-align: middle;
max-width:80px;   /* FF IE7 */
max-height:80px; /* FF IE7 */
_width:expression(this.width > 80& this.width > this.height ? 80: auto); /* IE6 */
_height:expression(this.height > 80 ? 80 : auto); /* IE6 */ overflow:hidden; border-radius:5px }
.setup_perpic_info{ width:200px; margin-left:100px; margin-top:-60px}
.setup_perpic_info p { font-size:14px; line-height:18px}
.newsletter{ margin-left:32px; line-height:30px}
.setup_subtext{ width:580px; height:auto; padding:10px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:12px; background-color:#ededed; line-height:16px}

.envelope{ width:537px; height:313px; background-repeat:repeat; background-image:url(/images/firststart/envbg.jpg); margin-top:10px}
.envelope img{ margin-left:35px; margin-top:100px}
.envsub{ margin-left:80px; font-size:12px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";}
.envsub_2{ font-size:12px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; position:absolute; margin-left:100px; bottom:0px}
.bonusbadge{ margin-left:-50px}
.point-1{ margin-top:375px; margin-left:-8px}
.point-2{ margin-top:123px; margin-left:-8px}
.point-3{ margin-top:48px; margin-left:-8px}
.point-4{ margin-top:0px; margin-left:-8px}
.point-5{ margin-top:310px; margin-left:-8px}


/*手機驗證碼*/

.darkbg{background:url(/images/dark.png); width:100%; height:100%; display:block; z-index:300; position:absolute}

.numbercheck_area{ width:420px; height:270px; border: solid 5px #bcc829; background-color:#FFF;position:fixed; /*固定位置定位*/
  top:50%; /*距離上方的位置*/
  left:50%; /*距離左方的位置*/
  margin-top:-135px; /*上方邊界*/
  margin-left:-210px; /*左方邊界*/ }
  
.numbercheck_info{ width:400px; height:250px; text-align:center; display:block; line-height:25px; margin: 0 auto; margin-top:30px}
.displayphonenumber{ font-family:"Arial", Gadget, sans-serif; color:#ff5050; text-shadow:0px 1px #333333; font-size:24px; font-weight:800}


/*店家頁*/

.shop_info_area{ width:980px; height:325px; background-image:url(/images/trwhite.png); box-shadow:0px 3px 3px #666666; margin:0 auto; margin-top:60px}
.shop_page{ width:900px; height:auto; min-height:600px; background-color:#FFFFFF; margin: 0 auto; margin-top:0px; background-image:url(/images/loginpage/loginpagebg.jpg); background-repeat:repeat-x}
.shop_info_pic{ width:350px; height:350px;position:absolute; margin-left:10px; margin-top:-12px;  }


.shop_info_pic img{ vertical-align: middle;
max-width:350px;   /* FF IE7 */
max-height:350px; /* FF IE7 */
_width:expression(this.width > 350& this.width > this.height ? 350: auto); /* IE6 */
_height:expression(this.height > 350 ? 350 : auto); /* IE6 */  border-radius:15px; border:#999999 3px solid;}
.shop_info_pic img{[;border-radius:25px; border:#999999 3px solid;;]}


.shop_info_myfav{ width:183px; height:48px; position:absolute; margin-left:193px; margin-top:275px; z-index:99}

.shop_info{ width:570px; height:220px; position:absolute; margin-left:380px; margin-top:30px;color:#2E2E2E; }
.shop_name{ width:100%; border-bottom:#d2d2d2 2px solid; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:24px; padding-bottom:10px}
.shop_other{ width:100%; height:30px;  line-height:30px; margin-top:10px}
.facebooklike{ width:auto; height:auto;  margin-left:10px}

.shop_info_basic{font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; margin-top:10px; font-size:13px; line-height:20px}
.shop_info_basic td{ height:20px}
.infotit{ text-align:right}
.shop_type_icon{ position:absolute; margin-left:445px; margin-top:-258px}
.shop_type_icon img{ margin-left:5px}
.photobox{ width:550px; height:50px; position:absolute; margin-left:390px; margin-top:260px}







	
	.photobox img{vertical-align: middle;
max-width:50px;   /* FF IE7 */
max-height:50px; /* FF IE7 */
_width:expression(this.width > 35 && this.width > this.height ? 35: auto); /* IE6 */
_height:expression(this.height > 35 ? 35 : auto); /* IE6 */ overflow:hidden; margin-left:5px }



.shop_tab{ width:900px; height:45px; margin:0 auto; margin-top:50px}

.singleicn{ width:50px; height:55px; display:block; text-align:center; float:left; margin-left:15px}
.singleicn p{ font-size:12px; margin-top:5px}
.serviceicon{ width:900px; height:55px; padding-top:15px}

shop_specialperfer {
    background-color: #EBEAEA;
    height: auto;
    margin-top: 20px;
    min-height: 200px;
    width: 900px;
    padding-bottom: 20px;
}

.sec_title_pink{ width:900px; height:24px; border-bottom:#eb008b 1px solid ;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:18px; padding-top:10px; line-height:24px }
.sec_title_blue{ width:900px; height:24px; border-bottom:#23a3c7 1px solid ; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:18px; padding-top:10px; line-height:24px }
.openlife_prefer{ width:850px; min-height:70px; height:auto;  margin:0 auto; margin-top:15px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px; color:#993300; line-height:20px}
.openlife_prefer_2{ width:850px; height:auto; margin:0 auto; margin-top:15px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px; color:#993300; line-height:20px; padding-bottom:10px}

.openlife_prefer_pic img{
vertical-align: middle;
max-width:100px;   /* FF IE7 */
max-height:100px; /* FF IE7 */
_width:expression(this.width > 100 && this.width > this.height ? 100: auto); /* IE6 */
_height:expression(this.height > 100 ? 100 : auto); /* IE6 */ overflow:hidden }
.openlife_prefer_info{ width:750px; position:absolute; margin-left:120px; margin-top:-100px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px; color:#993300 }


.openlife_prefer_info_1{ width:840px; position:absolute; margin-left:0px; margin-top:0px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px; color:#993300; border-bottom:1px #000 dotted; padding-bottom:10px }


.openlife_prefer_info table td{ height:20px}

.sec_title_3{width:900px; height:24px; border-bottom:#333 1px solid ; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:18px; margin-top:15px; line-height:24px}



.shop_map{ width:625px; height:267px; margin-left:260px; overflow:hidden; position:absolute; margin-top:0px; z-index:10 }

.shop_info_more_area{ width:900px; height:267px; margin-top:20px; display:block; }
.shop_info_more{ width:240px; height:267px;  font-size:13px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";  line-height:20px; margin-left:5px; display:block;
word-break: break-all; overflow:auto; position:absolute; overflow-x:hidden}
.more_info_table td{ height:25px;word-wrap: break-word;
word-break: break-all;}
.more_info_table {table-layout:fixed}
.offer_area_2{ width:880px; height:260px; overflow-x:auto; overflow-y:hidden; margin: 0 auto; margin-top:0px}
.facebookboard{ margin-top:10px}
.map_link{ position:absolute; margin-left:733px; margin-top:200px; z-index:299;}


.report_area{ width:900px; min-height:300px; height:auto; padding-top:20px }
.report_single{ width:870px; height:200px; background-color:#ebeaea; margin-left:15px; margin-bottom:15px}
.report_pic{ width:262px; height:174px; overflow:hidden; box-shadow:1px 1px 2px #999; position:relative; top:12px; margin-left:10px}
.reporttext{ width:560px; height:180px; position:relative; margin-top:-165px; margin-left:290px}
.reporttitle{ width:405px; height:30px; font-size:18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height:18px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; border-bottom:#FFFFFF 1px solid}
.reportinfo{ width:405px; height:143px;  overflow:hidden}
.reportinfo p{ font-size:14px; line-height:20px}
.reportdate p{ color:#993300; margin-top:10px; margin-bottom:10px}
.shareribb{ width:100px; height:200px;  text-align:center; position: absolute; margin-left:730px; margin-top:-195px}


/*搜尋結果*/
.twoareacontainer{ width:975px;height:auto; margin:0 auto; margin-top:30px}
.leftside{ width:230px; min-height:300px; height:auto;  float:left}

.searcharea_shopandtext{ float: left;
    height: auto;
    margin-bottom: 30px;
    margin-left: 10px;
    min-height: 700px;
    width: 740px; }

.searcharea_shopandtext_1{ width:740px; min-height:700px; height:auto; margin:0 auto; margin-bottom:30px; margin-top:25px }

.searcharea{ width:740px; min-height:300px; height:auto; background-color:#FFFFFF; box-shadow:2px 2px 2px #CCCCCC; padding-bottom:10px; margin-bottom:10px }



.searchtop{ width:730px; height:40px; background-color:#eeeded; line-height:40px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; padding-left:10px; font-size:14px}
.searchlocation{ width:330px; height:40px; position:absolute; margin-left:410px; vertical-align:central; margin-top:-40px}
.insearchtopicon{ position:absolute; margin-left:275px; margin-top:-40px}




.searchshop{ width:720px;height:auto; border:#CCC 1px solid; margin-left:10px; margin-top:10px; margin-bottom:10px}


.searchshop_text{ width:720px; height:200px; border:#CCC 1px solid; margin-left:10px; margin-top:10px; margin-bottom:10px}

.searchshop_pic{ margin-left:10px; margin-top:10px}
.searchshop_pic img{
vertical-align: middle;
max-width:125px;   /* FF IE7 */
max-height:125px; /* FF IE7 */
_width:expression(this.width > 125 && this.width > this.height ? 125: auto); /* IE6 */
_height:expression(this.height > 125 ? 125: auto); /* IE6 */ overflow:hidden }
.searchshop_info{ width:550px; min-height:125px; height:auto;  margin-left:140px; margin-top:-125px;  overflow:hidden}

.searchshop_title{ width:495px; height:30px; font-size:18px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; line-height:18px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; border-bottom:#C03 1px solid}
.searchshop_table{font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px; margin-top:10px}
.searchshop_table td{ padding-top:5px; padding-bottom:5px}
.searchper{width:380px; height:20px; font-size:14px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.searchshop_buttom{ width:100%; height:35px; background-color:#eeeded; position:relative; margin-top:8px}

.singleicn_searchshop{width:30px; height:30px; display:block; text-align:center; float:left; margin-left:5px; margin-top:5px}

.singleicn_searchshop img{ width:24px; height:24px}
.searchshop_myfav{ width:49px; height:62px; position:absolute; margin-left:660px; margin-top:-10px; z-index:99}






.nftag{ width:341px; height:38px; display:block; position:absolute; margin-left:708px; margin-top:-38px}
.qssearch{ width:227px; height:443px; background-image:url(/images/QS/qsbg.png); margin-bottom:20px}
.qs td{ height:25px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; color:#666666; vertical-align:central; line-height:33px; font-weight:800; text-shadow:0px 1px 2px #FFFFFF }


/*2012/08/22*/
.relochangecard{ position:absolute; margin-left:620px; margin-top:-35px}



/*about頁面*/
.littlenote{ margin-left: 686px;
    position: absolute;
    top: 225px;}
.littlenote2{ margin-left: 746px;
    position: absolute;
    top: 225px;}
.facebookfan{ position:relative; margin-left:250px}
.circle01{ width:1007px; height:1123px; background-image:url(/images/about/bg.png); position:absolute; margin-left:-60px}

.circle02{ width:706px; height:563px; background-image: url(/images/about/bg2.png); position:absolute; margin-left:180px; margin-top:20px}
 .onepage-1{ width:900px; height:auto; min-height:600px; background-color:#FFFFFF; margin: 0 auto; margin-top:30px; background-image:url(/images/loginpage/loginpagebg.jpg); background-repeat:repeat-x; z-index:1}
 
.petimages{ position:relative; margin-left:0px; top:20px}
.aboutinfo{  width:450px; height:300px; position:relative; margin-left:370px; margin-top:-400px}
.aboutinfo h3{ font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; height:30px; font-size:30px; background-color:#24a3c7; color:#FFFFFF; margin-bottom:40px; padding:3px}
.aboutinfo p{ line-height:25px;}
.contrlpage{ width:900px; height:40px; background-color:#CCCCCC; display:block; margin-top:120px}
.contrlbut{ width:210px; height:40px; margin: 0 auto}
.contrlbut img{ margin-left:20px; margin-right:20px; margin-top:5px}
.onlytextarea{ width:600px; height:auto; margin:0 auto; padding-top:30px; padding-bottom:50px }
.onlytextarea h3{ font-size:24px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; color: #666;  margin-top:10px; margin-bottom:20px; border:solid 1px #CCCCCC; padding:5px}
.onlytextarea h4{ font-size:18px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; color: #666;  margin-top:10px; margin-bottom:20px; border-bottom:solid 1px #CCCCCC; padding:5px}
.onlytextarea p{ line-height:24px}
.onlytextarea li{font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; line-height:24px}

.nametext{ float:left; width:auto ; height:50px; margin-right:10px}
.loginbuttom_login{ height:30px; border-left:1px solid #FFF; float:left}


.onepage_setup_2{ width:900px; height:1650px; background-color:#FFFFFF; margin: 0 auto; margin-top:30px; background-image: url(/images/firststart/fsbg.jpg); background-repeat:repeat-x}
.setup_left_2{ width:280px; height:1400px; background-image:url(/images/firststart/setup_bgline.gif); background-repeat:repeat-y; background-position:right; position: absolute; margin-top:110px}
.setup_right_2{ width:600px; height:1500px;position:absolute; margin-left:290px; margin-top:110px}
.happypointnote{ width:290px; height:auto; word-break:break-all; margin:0 auto}


/*店家數目統計*/
.shopnumber{ width:222px; height:90px; border:#FFF 1px solid; background-color:#F8F3ED; border-radius: 10px; margin-bottom:20px; font-size:14px; line-height:22px;}
.shopnumber p{ margin-left:10px;}

/*開心點第一次使用*/
.no_point_sample{border-radius:10px;width:840px; height:421px; overflow:hidden; background-image:url(/images/happypointbasic.jpg);}
.first_text{ width:400px; font-size:14px; text-align:center; margin:0 auto; margin-top:175px; line-height:18px}

/*MORE按鈕*/
.more{ position:absolute; bottom:7px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:14px; right:20px}


/*兌換活動*/
.pointevent{ width:900px; min-height:800px; height:auto}
.pointevent_leftpic{ width:364px; height:667px; text-align:center; }
.pointevent_right{ width:450px; height:auto; position:relative;   margin-left:390px; margin-top:-650px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:18px; line-height:22px; padding-bottom:30px}
.changedetail{ background-image:url(/images/7_familymart/7_board.jpg); width:448px; height:157px; display:block; margin-top:20px; font-size:14px; line-height:20px}
.changedetail_F{ background-image:url(/images/7_familymart/F_board.jpg); width:448px; height:157px; display:block; margin-top:20px; font-size:14px; line-height:20px}
.changedetail_text{ width:400px; margin:0 auto; padding-top:20px; }
.total_point_but{ width:345px; margin:0 auto; margin-top:20px;}
.howto{ position:absolute; margin-top:-10px; margin-left:-23px}
.pointevent_number{ background-image:url(/images/7_familymart/codebg.jpg); width:433px; height:48px; text-align:center; line-height:48px}


/*側邊選項及通知*/
.rightbar_all{ width:140px; min-height:300px; height:auto; position:fixed; top:160px; right:0px; z-index:999}
.notice_deer{ width:140px; height:220px; background-image:url(/images/sidenotice.png)}
.sign_shop{ width:140px; height:129px; background-image:url(/images/side7.png)}
.sign_shop_F{ width:140px; height:129px; background-image:url(/images/sidefamily.png)}


/*跳出通知註冊*/
.popoutstart_area{ width:635px; height:451px; background-image:url(/images/popoutstartbg.png);position:fixed; /*固定位置定位*/
  top:50%; /*距離上方的位置*/
  left:50%; /*距離左方的位置*/
  margin-top:-225px; /*上方邊界*/
  margin-left:-317px; /*左方邊界*/ }
  
  .popoutstart_area_text{ width:380px; margin-left:210px; margin-top:170px; line-height:24px}
  
 h2{font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium";}
 .popoutstick{ position:absolute; margin-left:490px; margin-top:75px}
 
 
 /*地圖畫面*/
 
 .shopbigmap{ background-image:url(/images/sample/bigmapsample.jpg); width:700px; height:750px; overflow:hidden; margin:0 auto; margin-top:20px; margin-bottom:10px}
.map_listbut{ width:132px; height:84px; position:absolute; margin-left:609px; z-index:999}


.mapinfobg_R{ background-image: url(/images/map_pic/mapinfobg_R.png) ; width:313px; height:180px; overflow:hidden}
.mapinfobg_T{ background-image: url(/images/map_pic/mapinfobg_T.png) ; width:313px; height:180px; overflow:hidden}
.mapinfobg_B{ background-image: url(/images/map_pic/mapinfobg_B.png) ; width:313px; height:180px; overflow:hidden}





/*文章版型*/
.textback{ float: left;
    height: auto;
    margin-bottom: 30px;
    margin-left: 10px;
    min-height: 700px;
    width: 740px; }
	
.textbackbg{ width:740px; min-height:300px; height:auto; background-color:#FFFFFF; box-shadow:2px 2px 2px #CCCCCC; padding-bottom:10px; margin-bottom:10px; background-image:url(/images/textpic/noteup.jpg); background-repeat:no-repeat; background-position:left top; border-radius:5px 5px 0px 0px; padding-top:10px }

.textlist_ALL{ width:227px; min-height:443px; height:auto; background-color:#FFFFFF; margin-bottom:20px; box-shadow:2px 2px 2px #CCCCCC; border-radius:5px 5px 5px 5px; padding-bottom:20px}


.textarea{width:550px; height:auto; margin:0 auto; margin-top:100px}

.texttitle{ width:550px; height:20px; line-height:20px; font-size:20px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; text-align:center; margin-bottom:20px; white-space: nowrap;overflow:hidden;text-overflow:ellipsis; color:#a37446 }

.textinside img{ max-width:550px; overflow:hidden;box-shadow:2px 2px 2px #CCCCCC;}
.textinside p{ line-height:20px; font-size:14px}


.recommend{ width:530px; height:150px; border:1px solid #a37446; padding:10px; font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; line-height:20px; font-size:14px}
.recommend ol{ margin-top:10px}
.recommend ol li{ height:25px; color:#a37446; }
.recommend ol li a{color:#a37446}

.textdate{ background-image:url(/images/textpic/timebg.png); width:75px; height:47px; position:absolute; margin-left:672px; margin-top:75px; text-align:center; padding-top:5px; background-repeat:no-repeat; color:#FFFFFF; text-shadow:0px -2px #999999}
.textfacebooklike{ position:absolute; margin-left:672px; margin-top:130px}

.listtitle{ color:#df4a6e; padding-top:15px; margin-left:10px;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; font-size:18px}

.listallsidearea{ width:200px; height:auto; margin:0 auto}


.listallsidearea ol{ margin-top:10px}
.listallsidearea ol li{ color:#a37446;font-family:"微軟正黑體", "Microsoft JhengHei", "黑體-繁","STHeiti Light","蘋果儷中黑","Apple LiGothic Medium"; line-height:20px; margin-bottom:10px; font-size:14px }
.listallsidearea ol li a{color:#a37446}


.changesearch{ position:relative;margin-left:580px; top:-40px}
.changesearch span{ border:solid 1px #CC6600; padding:3px; color:#CC6600; border-radius:5px; margin-left:5px; font-size:14px}


.recomli{ width:450px; margin-left:10px; white-space: nowrap;overflow:hidden;text-overflow:ellipsis;}