@charset "utf-8";
img { height: auto; max-width: 100%; border: none\9; }
/*圖標字體化*/
@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot');
    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {content: "\f007";}
.icon-clock-o:before {content: "\e605";}
.icon-chevron-up:before {content: "\f077";}
.icon-chevron-down:before {content: "\f078";}
.icon-filter:before {content: "\f0b0";}
.icon-arrow-down:before {content: "\e601";}
.icon-arrow-up:before {content: "\e602";}
.icon-smile-o:before {content: "\f118";}
.icon-smile-o-2:before {content: "\f118"; color: #bf0000; font-size: 16px; margin-left: 10px; vertical-align: middle;}
.icon-map-marker:before {content: "\f041";}


#maincontent {
	width: 700px;
	height: auto;
	margin-bottom: 15px;
}
#FULL > #maincontent {
	width: 960px;
	height: auto;
}
#maincontent .forsdeal, #maincontent .content-group, #Entry {
	width: 696px;
	height: auto;
	margin-bottom: 15px;
	border: 2px solid #CCC;
	background: #FFF;
	font-family:  Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
}
.dealtitle_box {
	width: 666px;
	padding: 10px 15px 3px 15px;
}
.Maindeal {
	width: 696px;
	height: auto;
	background: #FFF;
	padding: 10px 0;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
	box-shadow: 0px 1px 3px rgba(0%,0%,0%,.15);
}
.MaindealTitle {
	width: 660px;
	height: auto;
	margin: 0px auto;
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	color: #F60;
	text-decoration: none;
}
.MaindealTitle a { color:#F60; text-decoration: none; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; font-weight: normal; }
.MaindealTitle a:hover { text-decoration: underline; }

.MainDealCityTitle {
    width: auto;
    /*height: 33px;*/
    float: left;
    font-size: 24px;
    font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
    color: #333;
    text-decoration: none;
    margin-right: 5px;
}
.MainDealProductName a { color:#333; text-decoration: none; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; font-weight: normal; }
.MainDealProductName a:hover { text-decoration: underline; }
.MaindealMiddle {
	width: 696px;
	height: auto;
	margin: 5px 0 0 0;
	padding-bottom: 5px;
}
#Container{
	height: auto;
}
#Container2{
	height: auto;
	overflow: hidden;
}
#MainPic {
	width: 480px;
	height: 267px;
	float: left;
	position: relative;
	margin-left: 10px;
	border: 5px solid #EEE;
	background: url(../images/ppon-M1_pic.jpg) no-repeat center;
	background-size: cover;
}
#MainPic:hover { border: 5px solid #E7E7E7; }
#MainPic.picforsdeal span img { width: 480px; }
#MainPic.picforsdeal:hover {}
/*20140820 by stan*/
#MainPic { width: 480px; height: 267px;/* margin: 30px auto 5px auto;*/ position: relative; }
#MainPic .time_counter { width: 470px; max-height: 60px; display: none; text-align: left; font-size: 13px; line-height: 20px; color: #FFF;position: absolute; bottom: 0px; background: url(../images/tr70bg.png ) repeat; z-index: 6; padding: 5px 5px 5px 5px; }
.picforsdeal .deal_hover {
    width: 470px;
    max-height: 60px;
    display: none;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #FFF;
    position: absolute;
    bottom: 0px;
    background: url(../images/tr70bg.png ) repeat;
    z-index: 6;
    padding: 5px 5px 5px 5px;
}
.picforsdeal .deal_hover .deal_hover_text{
    background: url(tag-location.png) no-repeat;
    padding-left: 20px;
}

/*#MainPic img { width:480px; }*/
.DealPriceInfo {
	 width: 196px;
	 height: 275px;
	 float: right;
	 position: relative;
	 font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	 background: #FAFAF7;
	 border-top: 1px solid #EEE;
	 border-bottom: 1px solid #EEE;
}
.DealPriceInfo p.dealpricetext { padding-left: 10px; color: #999; font: 14px/32px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.DealPriceInfo p.dealpricetext.fordeallist { line-height: 28px; }
.DealPriceInfo p.price_installment{ color: #f60; font-weight: bold;} /*201508 分期0利率 by stan*/
.DealPriceInfo p.dealprice { padding-left: 10px; color: #BF0000; font: 36px/40px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; letter-spacing:-1px; }
.DealPriceInfo p.dealsaletext { padding-left: 10px; color: #999; font: 12px/32px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.DealPriceInfo p.dealsaletext.fordeallist { line-height: 28px; }
.DealPriceInfo .oriprice { text-decoration: line-through; }
.DealPriceInfo .discount { 
	width: 62px; 
	height: 65px; 
	position: absolute; 
	top: -8px; 
	right: -8px; 
	font: 22px/60px "Arial Bold", "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	text-align: center;
	color: #FFF; 
	background: url(../images/newdealdetail.png) -220px 0 no-repeat; 
	}
.DealPriceInfo .smalltext, .m-priceZone .smalltext { font: 16px/20px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.DealPriceInfo .buy_btn_box { width: 209px; height: 90px; background: url(../images/newdealdetail.png) no-repeat; }
.DealPriceInfo .buy_btn,  .m-priceInfo .buy_btn{
	width: 140px;
	height: 46px;
	line-height: 46px; /*201508 解決 立即買/馬上買 文字沒有垂直置中問題 by stan*/
	margin-left: 12px;
	display: block;
	padding-top: 18px;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-size: 28px;
	font-weight: bold; 
	text-align: center;
	letter-spacing: -2px;
	color: #FFF; 
	text-decoration: none;
	cursor: pointer;
}
.DealPriceInfo .buycounter { 
	width: 175px;
	margin: 5px 0 0 8px;
	font: 14px/26px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; 
}
.DealPriceInfo .buycounter .icon-user {
	padding-left: 4px;
	padding-right: 8px;
	font-size: 18px;
}
.DealPriceInfo .buycounter.nondeal {
	width: 180px;
	padding-left: 0px; 
	background: none; 
}
.DealPriceInfo .buycounter .people { font-size: 16px; font-weight: bold; color: #BF0000; margin: 0 2px; }
.info_bar { width: 696px; height: 30px; margin-top: 10px; background: #E7E7E0; }
.info_bar .share { height: 30px; float: left; padding-left: 10px; font: 14px/30px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; color: #333; }
.share .share_text { height: 30px; float: left; line-height: 33px; }
.bigtext { font-size: 16px; font-weight: bold; }
.share .share_btn_box { height: 30px; float: left; padding-left: 22px; background: url(../images/newdealdetail.png) -470px -45px no-repeat; }
.info_bar .share .fb_btn { width: 20px; height: 20px; margin: 6px 1px 0 1px; display: inline-block; background: url(../images/newdealdetail.png) -290px -30px no-repeat; }
.info_bar .share .fb_btn:hover { background: url(../images/newdealdetail.png) -290px -55px no-repeat; }
.info_bar .share .line_btn { width: 20px; height: 20px; margin: 6px 1px 0 1px; display:none; background: url(../images/newdealdetail.png) -314px -30px no-repeat; }
.info_bar .share .line_btn:hover { background: url(../images/newdealdetail.png) -314px -55px no-repeat; }
.info_bar .share .link_btn { width: 78px; height: 20px; margin: 6px 1px 0 1px; display:inline-block; background: url(../images/newdealdetail.png) -339px -30px no-repeat; }
.info_bar .share .link_btn:hover { background: url(../images/newdealdetail.png) -339px -55px no-repeat; }
.info_bar .share .copy_btn { width: 77px; height: 19px; display:inline-block; background: url(../images/copy_btn.png) no-repeat; display:none; }
.info_bar .share .copy_btn:hover { background: url(../images/copy_btn_hover.png) no-repeat; }
.info_bar .payment_state { height: 30px; float: right; padding-right: 10px; }
.info_bar .payment_state .masterpass { width: 35px; height: 30px; float: right; background:url(../images/newdealdetail.png) -576px 5px no-repeat; }
.info_bar .payment_state .creditcard { width: 148px; height: 30px; float: right; margin-left: -30px; background:url(../images/newdealdetail.png) -290px 5px no-repeat; }
.info_bar .payment_state .travelnccc { width:32px; height:30px; float:right; margin-left:10px; background:url(../images/newdealdetail.png) -474px 5px no-repeat; }
.info_bar .payment_state .atm { width:33px; height:30px; float:right; margin-left:10px; background:url(../images/newdealdetail.png) -512px 5px no-repeat; }
.info_bar .price_installment_rwd{ display: none;} /*201508 新增 "分期0利率"*/

/*低毛利判斷現金券顯示*/
.DealPrice_CouponLimited { font-size:12px; color:#fff; margin-left:22px; line-height: 18px;/*201508 解決文字的垂直置中問題 by stan*/}
.Detail_buy_box .DealPrice_CouponLimited{display:none;/* 在下方的立即買、不顯示第二次該商品不適用現金券 */}

#MaindealMiddleRight {
	width:246px;
	height:auto;
	float: right;
}
*html #MaindealMiddleRight {
	_width:240px;
	height:auto;
	float: right;
	position: relative;
	_margin-left: 140px;
	_left:80px;
}
/*2013Layout!!*/
.m-deal{display: none;}
#Entry img, #Entry embed, #Entry object, #Entry video { max-width:100%; }
#EntryContent {
	width:656px;
	height:auto;
	padding:20px;
}
.EntryTitle {
	width: auto; 
	height: auto; 
	margin-bottom: 10px;
	font-size: 20px; 
	color: #BF0000; 
	border-bottom: 1px solid #BF0000;
}
.EntryTitle a {
	color: #BF0000;
	cursor: default;
}
.EntryTitle i {
	font-size: 14px;
	margin-left: 5px;
	color: #08C;
}
.fa-plus-circle:before {
	padding-right: 2px;
}
.EntryTitle a.shop-title {
	cursor: pointer;
}
.EntryTitle a:hover {
	color: #BF0000;
	text-decoration: none;
}
#DialogTop.EntryTitle {
	margin-bottom: 0;
	border-bottom: none;
}
.lineview-buy {display: none;}
#Detailinner {
	width:580px;
	height:auto;
	font-size: 15px;
	margin-bottom:50px;
}
#Detailinner .h1_title { font:16px/32px bold Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
#Detailinner.Equity { width:570px; padding-left:10px; font-size: 14px; border-left:5px solid #FFCCBF; }
.Equitylink { width:635px; margin:-25px 15px 30px 15px; }
.Equitylink a { font-size:14px; color:#08C; }
.Equitylink ul { list-style: none; color: #08C; }
.Equitylink ul li.rule { margin: 5px 0; padding-left: 25px; background: url(../images/rule_shop_icon.png) 0 0 no-repeat; }
.Equitylink ul li.shop { margin: 5px 0; padding-left: 25px; background: url(../images/rule_shop_icon.png) 0 -50px no-repeat; }
#Detailinner ul, #Detailinner li { margin: 0; padding: 0; list-style: none; }
.Detail_buy_box { width: 650px; height: 70px; margin: 30px 0; border-top: 1px solid #FFCCBF; border-bottom: 1px solid #FFCCBF; background: #FAFAF5; }
.Detail_buy_box .price { float: left; padding-left: 20px; font: 16px/70px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.Detail_buy_box .price .bigprice { padding-left: 20px; font: 24px/70px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; color: #BF0000; }
.Detail_buy_box .price .redtext { color: #BF0000; }
.Detail_buy_box .buy_btn {
	width: 120px;
	height: 60px;
	margin-left: 200px;
	display: block;
	padding-top: 18px;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-size: 24px;
	font-weight: bold; 
	text-align: center;
	color: #FFF; 
	text-decoration: none;
	cursor: pointer;
}
.Detail_buy_box .btn_normal { width: 120px; height: 60px; margin-left: 200px; display: inline-block; background: url(../images/newdealdetail.png) -480px -89px no-repeat; }
.Detail_buy_box .btn_normal:hover { background: url(../images/newdealdetail.png) -610px -89px no-repeat; }
.Detail_buy_box .btn_dontclick { width: 120px; height: 60px; margin-left: 200px; display: inline-block; background: url(../images/newdealdetail.png) -740px -89px no-repeat; cursor:default; }
#Dialog {
	width: 650px;
	height: auto;
}
#Dialog .rating{
	margin-bottom:20px;
	margin-left:6px;
}


#Dialoginner a:hover { color: #000; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;  text-decoration: underline; }
#DialogTop {
	width: 650px;
	height: 109px;
	font-size: 20px;
	color: #BF0000;
	line-height: 80px;
	background: url(../images/ppon-M1-dialog-top.jpg) no-repeat;
}
#Dialoginner {
	width: 610px;
	height: auto;
	background: url(../images/ppon-M1-dialogcontent.jpg) repeat-y;
	padding: 0 20px;
	font-size: 14px;
	word-wrap: break-word;
	}
#DialogBottom {
	width: 650px;
	height: 20px;
	background: url(../images/ppon-M1-dialogbottom.jpg) no-repeat;
	/* margin-bottom: 50px;因要加評頻功能，本間距予以修改 20160606 getter */
	margin-bottom: 6px;
}
#EntryContentRight {
	width: 196px;
	height: auto;
	float: right;
	padding-right: 8px;
	padding-left: 8px;
}
#AddressTitle {
	width: 600px;
	height: auto;
	padding-left: 20px;
	color: #BF0000;
	font-size: 24px;
}
#Addressinner {
	width: 600px;
	height: auto;
	padding-left: 30px;
	word-break: break-all;
	word-wrap: break-word;
}
#Addressinner .map_btn { width: 36px; height: 20px; display: inline-block; margin-left: 5px; text-indent: -9999px; background: url(../images/newdealdetail.png) -420px -30px no-repeat; }
#Addressinner .map_btn:hover { background: url(../images/newdealdetail.png) -420px -55px no-repeat; }
#Addressinner #map img { max-width: none !important; }
#Addressinner table { width: 100%; }
#Addressinner ul {
	font-size: 14px;
	color: #333;
	font-family: "Arial Black", Gadget, sans-serif;
}
#Addressinner li {
	list-style-type: disc;
	list-style-position: inside;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
}
#Rightarea {
	width: 240px;
	height: auto;
	float: right;
	position: relative;
}
#Left {
	width: 710px;
	height: auto;
	float: left;
}
#FULL {
	width: 960px;
	height: auto;
}

.sidedealbox {
	width: 220px;
	max-height: 44px;
	padding-top: 10px;
	font-size: 16px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #333;
	width:200px;
	overflow: hidden;

}
.sidedealbox a { color: #333; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;}
.sidedealbox a:hover{ text-decoration: underline; }

.siededeal_priceIMG {
	width: 220px;
	margin: 10px auto 0px auto;
}
.sidedealpricearea {
	width: 220px;
	height: auto;
	margin: 5px 0;
}
.sidedealprice {
	height: 28px;
	font: 18px/28px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333;
	margin-left: 10px;
	text-align: left;
	float:left;
}
.sidedealDiscount {
	width: 53px;
	height: 28px;
	padding-left: 5px;
	float: left;
	font: 16px/28px Arial, Helvetica, sans-serif;
	color: #BF0000;
	border-right: 1px solid #BF0000;
}
.sidedealbuybtn {
	width: 51px;
	height: 28px;
	margin: 0 auto;
	float: right;
	display: block;
	text-indent: -9999px;
	background: url(../images/ppon-M1-sidedealbtn.jpg) no-repeat;
}
.sidedealbuybtn:hover {
	background: url(../images/ppon-M1-sidedealbtnHov.jpg) no-repeat;
	border: 0;
}
#sidedealimg {
	width: 210px;
	height: 118px;
	z-index: 4;
	position: relative;
	border: 5px solid #F2F2F0;
}
#sidedeall_hr {
	width: 238px;
	height: 8px;
	background: url(../images/ppon-M1-sidedealline.jpg) no-repeat;
	clear: both;
	position: relative;
	margin: 5px 0 5px -10px;
}
.side_block_title span.hotsale_icon{display:inline-block; margin-left: 2px; width: 20px; height: 22px; background:url(../G2/hotsale_icon.png);}

.ShopBtn {
	width: 110px;
	height: 46px;
	margin: 0px auto;
	display: block;
	text-indent: -9999px;
	background: url(../images/ppon-M1-shopbn.jpg) no-repeat;
}
.ShopBtn:hover {
	background: url(../images/ppon-M1-shopbnHov.jpg) no-repeat;
	border: 0;
}
#ShopinnerIMG {
	font-size: 14px;
	color: #BF0000;
	text-align: center;
	line-height: 28px;
}

#MaindealFacebookarea {
	width: 655px;
	height: auto;
	margin-bottom: 10px;
	padding-left: 10px;
	background-color: #F7F7F0;
	font-size: 14px;
	font-family: "Arial Black", Gadget, sans-serif;
	color: #666;
}
#Referral {
	width: 600px;
	height: auto;
	background: #fff;
	border-radius: 10px;
	padding: 15px;
	border: 5px solid #f2f2f0;
	box-shadow: 0px 1px 3px rgba(0%,0%,0%,.15);
}
#ReferralSignin{
	width: 700px;
	height: 420px;
	background: url(ReferralSignin.png) no-repeat;
}
.Referralinvite {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	display: inline-block;
}
.Referralinvite h1 {
	font-size: 21px;
	color: #bf0000;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	text-align: center;
	margin: 0 auto;
}
#ReferralTitle {
	width: 100%;
	height: 38px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	text-align: center;
	display: inline-block;
}
#ReferralLinkarea {
	width: 100%;
	height: 50px;
	margin: 0px auto;
	text-align: center;
}
#ReferralTitle p { display: inline-block; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;}
#ReferralLinkarea input {
	width: 570px;
	padding: 5px;
	font-size: 18px;
	font-weight: normal;
	vertical-align: middle;
}

#ReferralStep {
	width: 100%;
	height: auto;
	margin: 0 auto;	
	margin-left: 10px;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	text-align: left;
}
.list-step {
	color: #bf0000;
	padding: 5px;
	margin-right: 5px;
	border-radius: 3px;
}
.list-warning {
	font-size: 12px;
	color: #bf0000;
}
.list-warning-b {
	font-size: 15px;
	color: #bf0000;
}
.list-point {
	color: #bf0000;
	font-weight: bold;
}
.list-point a { color: #bf0000; text-decoration: underline; margin-left: 3px;}
#ReferralStep li {
	list-style: none;
	line-height: 10px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-top: 1px;
	margin-bottom: 18px;
	margin-right: 10px;
}
#ReferralContent {
	width: 600px;
	height: auto;
}

.ReferralStepTitle{
	color: #FFF;
	background-color: #000;
	width: 30px;
	height: 10px;
}
#Referralexplain {
	width: 560px;
	height: 60px;
	margin: 0px auto;
	padding: 10px;
	text-align: center;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-size: 15px;
	border: 2px solid #bf0000;
}
#Referralexplain li {
	list-style: none;
	line-height: 20px;
	color: #333;
}
#referral_FB_area {
	width: 100%;
	height: auto;
	margin: 10px auto;
	text-align: center;
}
#referral_PL_area {
	width: 82px;
	height: 30px;
	position: absolute;
	z-index: 3;
	left: 376px;
	top: 381px;
}
#ReferralSigninTitle {
	width: 585px;
	height: 50px;
	padding: 20px 50px 0 65px;
	position: relative;
	z-index: 1;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	color: #F00;
}
#ReferralSigninRegister {
	width: 152px;
	height: 34px;
	position: absolute;
	z-index: 2;
	left: 117px;
	top: 203px;
	font-size: 20px;
	font-weight: bold;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	color: #000;
}
#ReferralFacebookSignin {
	width: 159px;
	height: 25px;
	position: absolute;
	z-index: 3;
	left: 298px;
	top: 210px;
	font-size: 12px;
	color: #333;
}
#ReferralPezSignin {
	width: 118px;
	height: 24px;
	position: absolute;
	z-index: 2;
	left: 297px;
	top: 250px;
}
#Referraljoin {
	width: 69px;
	height: 25px;
	position: absolute;
	z-index: 2;
	left: 299px;
	top: 297px;
	font-size: 16px;
}
#Referraljoin a { color: #D67A17; font-family: "Arial Black", "微軟正黑體", "Microsoft Jhenghei",  sans-serif; text-decoration: none; font-weight: bold;
font-size: 16px; }
#Referraljoin a:hover { text-decoration: underline; }

#ReferralTip {
	width: 397px;
	height: 21px;
	position: absolute;
	z-index: 1;
	left: 114px;
	top: 344px;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	background-color: #EDD28F;
	padding-left: 10px;
}
/*!!*/
#ReturnClose {
	width: 26px;
	height: 26px;
	background-image: url(../images/ReturnlClose.png);
	float: right;
	margin-top: -3px;
	margin-right: 6px;
}

/*2013nivoslider!!*/
#slider {
    position: relative;
    width: 480px;
    height: 267px;
}
#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
.nivo-controlNav {
	position: absolute;
	bottom: 0px;
}
.nivo-controlNav a {
	display: block;
	width: 17px;
	height: 17px;
	background: url(slider_bullets.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	margin-bottom: 5px;
	float: left;
}
.nivo-controlNav a.active {
	background-position: 0 -22px;
}
.nivo-directionNav a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(silder_arrows.png) no-repeat;
	text-indent: -9999px;
	border: 0;
}
a.nivo-nextNav {
	background-position: -30px 0;
	right: 15px;
}
a.nivo-prevNav {
	left: 15px;
}
.nivoSlider {
	position: relative;
}
.nivoSlider img {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;/*解決 檔次大圖顯示異常(舊尺寸大圖未自動放大)*/
}
.nivo-slice {
	display: block;
	position: absolute;
	z-index: 0;
	height: 100%;
}
.nivo-directionNav a {
	position: absolute;
	top: 45%;
	z-index: 99;
	cursor: pointer;
}
.nivo-controlNav a {
	position: relative;
	z-index: 99;
	cursor: pointer;
}
.nivo-controlNav a.active {
	font-weight: bold;
}
/*!!*/
.MainDealProductName {
	width: 665px;
	height: auto;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-size: 20px;
}
/*2013New Layout!!*/
.MainDealCityTitleLeft {
	/* height: 33px;
	width: 6px;
	float: left;
	background: url(ppopTittleBG_01.png) no-repeat; */
	display: none;
}
.MainDealCityTitleCen {
    /*background: #bf0000;*/	
    /*height: 30px;
	font: 20px/30px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: normal;*/
    float: left;
    margin-top: 0px;
    color: #FFF;	
    padding-left: 5px;
    padding-right: 5px;
    margin-top: -8px;
    background: #999;	
    border-radius: 15px;
    font-size: 14px;
}
.MainDealCityTitleRight {
	/* background: url(ppopTittleBG_03.png) no-repeat;
	float: left;
	height: 33px;
	width: 16px; */
	display: none;
}

/*20110915_PopLogin_ny_TouNeko*/

.PopLogin {
	width: 700px;
	height: 330px;
	position: relative;
	margin: auto;
	background: url(../images/PopLoginBG.png) no-repeat;
	font: 20px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: bold;
	color: #4B2C12;
}
.PopLoginClose {
	float: right;
	height: 35px;
	width: 35px;
	position: relative;
	top: -10px;
	right: 20px;
	margin-bottom: -6px;
}
.PopLogin .Title {
	width: 600px;
	margin: 0 50px;
	border-bottom: 1px dashed #4B2C12;
	float: left;
}
.PopLogin .TitleText {
	float: left;
}
.PopLogin .SignUp {
	float: right;
}
.PopLogin .IDSelect {
	width: 620px;
	padding: 35px 45px;
	float: left;
}
.PopLogin #M17LifeLogin {
	width: 185px;
	height: 95px;
	margin: 10px;
	background: url(../images/17LI_B.png) no-repeat;
	display: block;
	float: left;
}
.PopLogin #M17LifeLogin:hover {
	background: url(../images/17LI_TB.png) no-repeat;
	border: 0;
}
.PopLogin #FBLogin {
	width: 185px;
	height: 95px;
	margin: 10px;
	background: url(../images/FBLI_B.png) no-repeat;
	display: block;
	float: left;
}
.PopLogin #FBLogin:hover {
	background: url(../images/FBLI_TB.png) no-repeat;
	border: 0;
}
.PopLogin #PEZLogin {
	width: 185px;
	height: 95px;
	margin: 10px;
	background: url(../images/PEZLI_B.png) no-repeat;
	display: block;
	float: left;
}
.PopLogin #PEZLogin:hover {
	background: url(../images/PEZLI_TB.png) no-repeat;
	border: 0;
}
.HelpText {
	font-size: 14px;
	text-align: center;
	width: 185px;
	margin: 5px 10px;
	float: left;
}

.ATMChooseArea {
	width: 231px;
	margin-top: -7px;
	margin-bottom: 7px;
	font-weight: bold;
	color: #000;
	background-color: #F7F7F0;
	border: 1px solid #CCC;
	margin-left: 1px;
}

.Over1K_Badge {
	width: 105px;
	height: 105px;
	z-index: 5;
	background-image: url(../images/over1k.png);
	position: absolute;
	top: -10px;
	left: -10px;
}
.Over1K_SS_Badge {
	width: 60px;
	height: 60px;
	z-index: 5;
	background-image: url(../images/over1k_SS.png);
	position: absolute;
	top: -5px;
	left: -5px;
}
/*2013New DealTimer*/
.TimerTitleField {
	width: 185px;
	height: 30px;
	margin: 5px 0 0 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #FFCCBF;
}
.TimerTitleField.forlist { margin-top: 0px; }
.TimerTitleField .icon-clock-o {
	margin: 10px 6px auto 7px;
	float: left;
	font-size: 18px;
}
#TimeropenTitle {
	float: left;
	margin-top: 12px;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
}
.TimeDayCounter {
	height: 23px;
	float: left;
	font-size: 12px;
	color: #CCC;
	margin: 6px auto auto 0px;
}
.TimerField {
	height: 28px;
	float: left;
	margin-top: 5px;
}
.TimeCounter {
	float: left;
	font-size: 14px;
	line-height: 28px;
}
.TimeConUnit {
	float: left;
	font-size: 13px;
	line-height: 28px;
	}
.TimeConDigit {
    width: 24px;
	text-align: right;
	float: left;
	font-size: 20px;
	line-height: 28px;
	margin: 0 1px auto 1px;
	}
.TimeConMiniDigit {
	height: 28px;
	float: left;
	font-size: 24px;
	line-height: 28px;
	color: #FF6637;
	border-left: 1px solid #CEBB95;
	margin-left: 3px;
	padding-left: 4px;
	}
/*---Multi-grade-Setting & Pop-Window---*/
.Multi-grade-Setting, .pop-window {
	width: 700px;
	position: relative;
	border: 10px solid #fff;
	background: #F7F7F7;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.15);
	padding-bottom: 15px;
}

.Multi-grade-Setting .mgs-boxtitle {
	width: 100%;
	height: auto;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	margin: 0px auto 24px auto;
	background: #e4e3e3; 
	color: #bf0000;
}
.Multi-grade-Setting .mgs-item-box {
	width: 95%;
	margin:10px auto;
	padding: 0;
	border: 1px solid #6e6e6e;
	cursor: pointer;
	background: #F7F7F7;
   
}
.Multi-grade-Setting .mgs-item-box:hover {
	border: 1px solid #bf0000;
}
.Multi-grade-Setting .mgs-SoldOut {
    width: 100%;
    height: 100%;
	padding: 0;
	background: #dadada;
	cursor: no-drop;
	color:#6E6E6E;   
}


.Multi-grade-Setting .mgs-item-box .mgs-discount {
	width: 60px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color:#BF0000;
	background: #EBDDC7;
}
.Multi-grade-Setting .mgs-item-box .mgs-content {
	width: 545px;
	padding: 5px 12px 5px 6px;
	float: left;
}
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-title {
    font-size: 16px;
    min-height: 24px; /*可顯示多行內容*/
    text-align: left;
    overflow: hidden;
    line-height: 1.4; /*文字不會太擠*/
}
.Multi-grade-Setting .mgs-item-box .mgs-content span.title-tag{
    font-size: 14px;
    line-height: 16px;
    background: #08C;
    border-radius: 15px;
    padding: 2px 5px;
    margin-right: 5px;
    color: #fff;
} 
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-state {
	font-size: 13px;
	height: 20px;
}
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-state .mgs-sale {
	float: left;
	margin-right:10px; 
	color: #999;
}
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-state .mgs-buyer {
	float: right;
	color: #999999;
	margin-left: 10px;
}
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-state .mgs-brcolor-org{ 
    float: right;
	color: #f60;
    margin-left: 10px;
}
.mgs-s-T{ width: auto; font-size: 15px; margin: 2px 5px 0 0 ; color: #000;}

.Multi-grade-Setting .mgs-item-box .mgs-price-box {
	width: 74px;
	float: right;
	text-align: right;
	margin: 0 0 2px 0;
	padding-right: 7px;
}
.mgs-price {
	color: #BF0000; margin-top: 2px; line-height: 48px; font-size: 19px;
}
.Multi-grade-Setting .mgs-item-box .mgs-buy-box {
	width: 70px;
	vertical-align: middle;
	text-align: center;
	float: right;
}

.sot-Grey{ color: #6E6E6E!important; line-height: 28px; }

.Multi-grade-Setting .mgs-total-amount {
	margin: 25px;
	font-size: 13px;
}
.pop-window .pop-content, .share-popW .share-popZone {
	padding: 15px;
}
.pop-window .pop-content h1 {
	font-size: 20px;
	line-height: 30px;
}
.pop-window .pop-content hr {
	border: none;
	border-bottom: 1px solid #CCC;
}
.pop-window .pop-content p, .share-popZone p {
	margin: 10px 0;
	font-size: 15px;
}
.pop-window .pop-content p.important {
	font-size: 24px;
	font-weight: bold;
}
.pop-window .pop-content .highlight {
	color:#F60;
}
.pop-window .pop-content p.error {
	color:#BF0000;
}
.pop-window .pop-content p a {
	color:#08C;
}
.pop-window .pop-content ul { 
	margin-left: 25px; 
	margin-bottom: 10px;
	list-style: decimal;
	font-size: 15px; 
}
.pop-window .pop-content input[type="text"] { width: 70%; }
.MGS-XX, .share-popX {
	background: url(../images/A2-Multi-grade-Setting_xx.png);
	height: 28px;
	width: 27px;
	position: absolute;
	top: -24px;
	right: -25px;
	z-index: 800;
	cursor: pointer;
}
.MGS-XX input { display: none; }

#Pop_SMS1 .important.highlight{
	margin: -6px 0 2px;
}
#EntryContent .Multi-grade-Setting {
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
}

#EntryContent .Multi-grade-Setting .mgs-content {
    width: 470px;
}

.PriceUnderText {
	font: 19px/25px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: normal;
	color: #000;
	height: 25px;
	width: 42px;
	letter-spacing: 0em;
	text-indent: 6px;
	text-align: left;
	margin-top: 15px;
}
.PriceBeforeTheText{
	font-size: 0.85em;
	color: #FFF;
	margin-right: -2px;
}
#DiscountPrice-Multi {
	width: 233px;
	height: 36px;
	text-align: center;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	margin-right: 0px;
	padding-top: 3px;
	background-color: #F7F7F0;
	border: 1px solid #CCC;
}
.Price-Multi {
	font-size: 3em;
	color: #000;
	line-height: 67px;
	height: 70px;
	text-align: right;
	padding-right: 11px;
}
/*---Multi-grade-Setting---*/

.MaindealClosed {
	width: 645px;
	height: auto;
	margin: 10px 0;
	padding: 0 10px;
	background-color: #E3E3E3;
	font-size: 12px;
	color: #000;
	line-height: 20px;
}
.MaindealClosed a:hover { color:#F60; }
.MaindealClosed a:active { color:#F60; }
.MaiClBlue {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #00F;
}
.MaiClBlue a { color: #00F; text-decoration: underline; font-weight: normal; }
.MaiClRed {
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #F00;
}

/*----HaokangList----*/
.HaokangList {
	width: 700px;
	height: auto;
	clear: left;
	margin-bottom: 20px;
}
/*2013New Layout*/
.HKL_MaindealTitle {
	width: 670px;
	height: auto;
	margin: 2px auto 0 auto;
	font: 16px/20px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: normal;
	color: #F60;
	text-decoration: none;
}
.HKL_MaindealTitle a { color: #F60; text-decoration: none; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif; font-weight: normal; }
.HKL_MainDealProductName {
	width: 667px;
	height: auto;
	margin: 0px auto 0px 10px;
	padding-bottom: 15px;
	padding-top: 3px;
	font: 16px/20px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: normal;
}
.HKL_MainDealProductName a,.HKL_MainDealAppName a { color: #333; text-decoration: none; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif; font-weight: normal; }
.HKL_MainDealProductName .tag-location{ display: none;}
.HKL_MainDealCityTitle {
	width: auto;
	height: 33px;
	font-size: 24px;
	float: left;
	margin: 5px 5px auto 10px;
	color: #333;
	text-decoration: none;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: normal;
	float: left;
}
.HKL_MainDealCityTitleLeft {
	background: url(ppopTittleBG_01.png) no-repeat;
	float: left;
	height: 33px;
	width: 6px;
}
.HKL_MainDealCityTitleCen {
	background: url(ppopTittleBG_02.png) repeat-x;
	float: left;
	height: 33px;
	font: 20px/30px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: bold;
	color: #FFF;
	padding-left: 5px;
	padding-right: 5px;
}
.HKL_MainDealCityTitleRight {
	background: url(ppopTittleBG_03.png) no-repeat;
	float: left;
	height: 33px;
	width: 16px;
}
.HKL_MainDealAppName {display: none;}
#HKL_Facebookarea {
	font-size: 14px;
	margin: 2px 0 0 10px;
	text-align: left;
}
#HKL_Collect, .HKL_Collect {
	font-size: 14px;
	line-height: 18px;/*201508 解決愛心被截掉一角問題 for stan*/
	margin: 2px 0 0 10px;
	text-align: left;
	background: url(../images/newdealdetail.png) -278px -199px no-repeat; 
}
#HKL_Collect-ok, .HKL_Collect-ok {
	font-size: 14px;
	line-height: 18px;/*201508 解決愛心被截掉一角問題 for stan*/
	margin: 2px 0 0 10px;
	text-align: left;
	background: url(../images/newdealdetail.png) -277px -265px no-repeat;
}
#HKL_Collect a, #HKL_Collect-ok a, .HKL_Collect a, .HKL_Collect-ok a {padding-left: 28px;}
#HKL_Collect a:hover, #HKL_Collect-ok a:hover, .HKL_Collect a:hover, .HKL_Collect-ok a:hover {
	color: #ec2849;
	text-decoration: none;
}
.HKL_Over1K_Badge {
	width: 105px;
	height: 105px;
	z-index: 5;
	background: url(../images/over1k.png) no-repeat;
	position: absolute;
	left: -10px;
	top: -10px;
}
/*2013New Layout*/
/*prepare to new feature browser(Suck IE!!)*/
/*.SoldOut_Bar {
	max-width: 480px;
	width: 100%;
	max-height: 267px;
	height: 100%;
	z-index: 5;
	background: url(soldout_bar_480.png);
	background-size: contain;
	left: 0px;
	top: 0px;
	position: absolute;
}*/
.SoldOut_Bar_480 {
	width: 480px;
	height: 267px;
	z-index: 5;
	background: url(../images/soldout_bar_480.png) center;
	left: 0px;
	top: 0px;
	position: absolute;
}
.SoldOut_Bar_BankDeal {
    width: 480px;
    height: 267px;
    z-index: 5;
    background: url(../images/completed_bar_480.png) center;
    left: 0px;
    top: 0px;
    position: absolute;
}
.SoldOut_Bar_454 {
	width: 454px;
	height: 253px;
	z-index: 5;
	background: url(soldout_bar_454.png) center;
	left: 0px;
	top: 0px;
	position: absolute;
}
.SoldOut_Bar_290 {
	width: 290px;
	height: 162px;
	z-index: 5;
	background: url(soldout_bar_290.png) center;
	left: 0px;
	top: 0px;
	position: absolute;
}
.SoldOut_Bar_225 {
	width: 225px;
	height: 125px;
	z-index: 5;
	background: url(soldout_bar_225.png) center;
	left: 0px;
	top: 0px;
	position: absolute;
}
.SoldOut_Bar_220 {
	width: 210px;
	height: 118px;
	z-index: 5;
	background: url(../images/soldout_bar_220.png) center;
	left: 0px;
	top: 0px;
	position: absolute;
}
.SoldOut_Bar_192 {
	width: 192px;
	height: 107px;
	z-index: 5;
	background: url(soldout_bar_192.png) center;
	left: 116px;
	top: 100px;
	position: absolute;
}
.SoldOut_Bar_150 {
	width: 150px;
	height: 84px;
	z-index: 5;
	background: url(soldout_bar_150.png) center;
	left: 0px;
	top: 0px;
	position: absolute;
}
.outside_AD {
	width: 100px;
	float: none;
	margin-left: 970px;
	margin-right: auto;
	position: absolute; 
}
.OAD_fixed {
	position:fixed;
	top:10px;
}
.OAD_bottom_fixed {
	top: auto;
	bottom: 370px;
}


/*outside-topOptBox*/
.outside-topOptBox{
	width: 95px;
	float: none;
	margin-left: -106px;
	position:fixed;
	text-align: center;
	/*border-top: 1px solid #CDCDCD; 151228修改*/
	/*bottom:20px; 151228修改*/
	background-color:#fff;/*151228修改*/
	border-radius:4px;/*151228修改*/
	opacity:0.8;/*151228修改*/
   filter:alpha(opacity=80);/*151228修改*/
}
.OutTop_fixed {
	bottom:357px;
}
.outTOPT{ 
	width: auto;
	padding:5px 5px 5px 5px ;
	background: url(../images/outTOPT-line.png) repeat-x center 3px;
	border-bottom: 1px solid #CDCDCD; 
	color: #666666;
	font-size: 14px;
	cursor: pointer;
}
.outTOPT:hover{  color: #333333; border-bottom: 1px solid #333333;}

.outTOPT a{ 
	color: #666666;
	text-decoration: none;
}

.outTOPT a:hover {color: #333333; text-decoration: none;}

.outTOPT-collect{ 
	background:url(../images/newdealdetail.png) no-repeat -260px -194px ; margin-bottom: 17px; margin-top: 5px;
}
.outTOPT-cohover{ padding-left: 18px;}

.outTOPT-collect-ok{ 
	background:url(../images/newdealdetail.png) no-repeat -265px -259px ; margin-bottom: 17px; margin-top: 5px;
}

/*----HaokangList----*/
.DealLOGO, .HKL_DealLOGO {
	width: 106px;
	height: 45px;
	z-index: 1;
	background: url(DealLOGO_WM.png) no-repeat;
	position: absolute;
	right: 0px;
	top: 0px;
}
.HKL_MainDealCityTOPTitle {
	width: auto;
	height: 42px;
	font-size: 24px;
	float: left;
	margin-left: 10px;
	margin-right: 7px;
	color:#333;
	text-decoration: none;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	font-weight: normal;
}
.HKL_Button_back_to_top_command {
	width: 40px;
	height: 40px;
	margin-left: 970px; 
	position: fixed;
	z-index: 11;
	bottom: 15%;
	cursor: pointer;
	display: none;
	border: none;	
	background: url(../images/ppopBottomTOP-up.png) no-repeat scroll;
	background: url(../images/ppopBottomTOP-ie.png) no-repeat scroll \9;
	background-size: contain;
}
.HKL_TravelCard-text {
	color: #333;
	font: 12px Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	margin-left: 5px;
}
.HKL_UnderText {
	color: #000;
	font-size: 15px;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	width: 22px;
	float: left;
	margin-top: 14px;
}
.btn_normal { background: url(../images/newdealdetail.png) 0 -91px no-repeat; }
.btn_normal:hover { background: url(../images/newdealdetail.png) -160px -91px no-repeat; }
.btn_dontclick { background: url(../images/newdealdetail.png) -320px -91px no-repeat; cursor:default; }

.NEW-SoldOut-Block {
	clear: none;
	width: 960px;
	margin-top: 10px;
}
.NEW-SoldOut-Top {
	background: url(../images/ppon-new-SoldOut-TOP.jpg) no-repeat;
	height: 47px;
	width: 960px;
	font-size: 20px;
	color: #FFF;
	font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	line-height: 45px;
	text-indent: 5px;
}
.NEW-SoldOut-cenBg {
	width: 958px;
	border-right: 1px solid #CCC;
	border-bottom-width: 1px;
	border-left: 1px solid #CCC;
	background-color: #FFF;
	clear: none;
}
.NEW-SoldOut-bottom{
	background: url(../images/NEW-SoldOut-bottom.jpg) no-repeat;
	clear: both;
	height: 16px;
	width: 960px;
}
.NEW-MainDealProductName {
	width: 930px;
	height: auto;
	margin: 0px auto;
	font-size: 17px/24px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
	font-weight: normal;
	padding-top: 7px;
	padding-bottom: 13px;
}
.NEW-MainDealProductName a { color: #333; text-decoration: none; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif; font-weight: normal; }
.NEW-MainDealProductName a:hover { text-decoration: underline; }
.NEW-R-Encore-Block {
	float: right;
	padding-right: 13px;
	margin-top: 50px;
	width: 430px;
}
.NEW-TopEncore {
	padding-bottom: 30px;
	width: 430px;
	height: 50px;
}
.NEW-TopEncore-Text {
	font-size: 15px;
	color: #000;
	line-height: 25px;
	width: 348px;
	float: left;
}
.NEW-TopEncore-Facebook {
	float: right;
	width: 60px;
	margin-top: 25px;
	height: 27px;
	margin-bottom: 0px;
}
*html .NEW-TopEncore-Facebook {
	float: right;
	width: 100px;
	margin-top: 27px;
	height: 27px;
}
.NEW-TopMailbox {
	clear: both;
	height: 70px;
	width: 430px;
	font-size: 15px;
	line-height: 25px;
	color: #000;
}
.NEW-TopMailbox input {
	width: 200px;
	font-size: 15px;
	color: #000;
}
.NEW-TopMailbox-btn {
	width: 90px;
	height: 32px;
	float: left;
	background: url(../images/NEW-TopMailbox-btn.png);
}
.NEW-TopEncore-Arrow {
	float: left;
	height: 20px;
	width: 20px;
	margin-top: 27px;
}
.Permanent_Info { color: #F00; }
#Stickers { margin-bottom: 15px; }
#Shopareatitle { font-size: 14px; }

.nc_deal_sort { width: 696px; margin-bottom: 10px; text-align: left; position: relative; border-radius: 3px; border: 1px solid #CCC; background: #FFF; }
.nc_deal_sort .arrow { width: 15px; height: 9px; position: absolute; bottom: -9px; left: 20px; background: url(down_arrow.png) no-repeat; }
.nc_deal_sort .red { color: #F00; }
.nc_deal_sort ul {  margin: 0 5px; }
.nc_deal_sort li { width: 85px; text-align: center; list-style: none; float: left; margin: 0; font-size: 12px; line-height: 28px; }
.nc_deal_sort li a { width: 85px; color: #555; display: inline-block; }
.nc_deal_sort li a:hover, .nc_deal_sort li .selected { background: url(ppon-M1_HKL_listBg_hover.png) repeat-x; }
.side_block { width: 240px; margin: 15px 0; }
.side_block_title { width: 240px; margin-bottom: 5px; font-size: 18px; font-weight: 500; line-height: 30px; color: #BF0000; border-bottom: 1px solid #FFCCBF; }
.side_block_title a { display: inline-block; margin-left: 10px; font-size: 14px; color: #08C; }
.side_block_content { width: 220px; padding: 9px; border: 1px solid #CDCDCD; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0%,0%,0%,.15); background: #FFF; }
.side_block_content p { font-size: 14px; }
/* email塞到右邊欄位 20140716 by stan*/
.side_block_email input[type="text"] {width: 208px; height: 22px; border-radius: 3px; padding-left: 3px; margin-bottom: 3px;}
.side_block_email select{ width: 160px; height: 26px; border-radius: 3px; padding: 3px; margin-top: 2px; /*vertical-align:middle;*/}

.header_hr { border: none; border-bottom: 1px solid #FFCCBF; }
/*New Payment*/
#maincontent .content-group.payment { width: 656px; height: auto; margin-top: 15px; padding: 20px; position: relative; }
#FULL > #maincontent .content-group.payment { width: 916px; height: auto; margin-top: 15px; padding: 20px; position: relative; }
#maincontent .content-group.payment h1, .cnt-title h1 { 
	font-size: 24px; line-height: 36px; color: #BF0000;
	 }
#maincontent .content-group.payment h1.success, .pop-window h1.success { color: #090; }
#maincontent .content-group.payment h1.creditcard { background: url(../images/PayCreditCard.png) no-repeat;
	background-position: 95% 7px; }
#maincontent .content-group.payment h2 { padding: 10px 20px;  font-size: 16px; line-height: 24px; color: #333; }
#maincontent .content-group.payment h2 p.note { font-size: 12px; color: #666; }
#maincontent .content-group.payment h2.important { font-weight: 600; }
#maincontent .content-group.payment h2 .step-num { width: 25px; height: 25px; float: left; margin-right: 10px; text-align: center; color:#FFF; border-radius: 15px; background: #333; }
#maincontent .content-group.payment h3 { padding: 5px 25px; font-size: 16px; font-weight: 600; color: #BF0000; }
#maincontent .content-group.payment h3.small { width: 110px; padding: 5px 0px 5px 25px ; font-size: 16px; font-weight: 600; color: #BF0000; float: left; }
#maincontent .content-group.payment .exp-specification { margin-left: 25px; position: relative; top: 8px; color: #0088CC; text-decoration: underline;}
#maincontent .content-group.payment .info { padding: 20px; font-size: 14px; }
#maincontent .content-group.payment .member .info { padding: 0px 20px 10px 20px; font-size: 14px; }/* 20150224 未登入系統*/
#maincontent .content-group.payment .member .import_info{ background: #fff2f8; padding: 10px 20px 10px 20px; margin: 0 0 10px 0;  }/* 20150224 未登入系統 */
#maincontent .content-group.payment .member .important{padding: 0px 20px 10px 20px; font-size:120%;  }/* 20150224 未登入系統 */
#maincontent .content-group.payment .info.info-warning { color: #bf0000; }
#maincontent .content-group.payment .hint { color: #BF0000; }
#maincontent .content-group.payment .date { color: #666; font-size: 60%; text-align: right; float: right; line-height: 20px; margin-right: 5px; }
#maincontent .content-group.payment .important { padding-top: 2px; font-weight: 600; color: #333; }
#maincontent .content-group.payment .important.shopping-list { padding-top: 5px; }
#maincontent .content-group.payment p a { color: #08C; }
#maincontent .content-group.payment .pay_success, .pop-window .pay_success { width: 200px; height: 200px; position: absolute; right: 0; top: 0; background: url(../images/payment_success.png) no-repeat; }
#maincontent .content-group.payment .pay_failed { width: 200px; height: 200px; position: absolute; right: 0; top: 0; background: url(../images/payment_failed.png) no-repeat; }
#maincontent .content-group.payment .fd_success_sn { width: 93%; margin: 20px auto; color: #BF0000; font-size: 20px; line-height: 40px; text-align: center; border: 2px solid #BF0000; border-radius: 5px; }
#maincontent .content-group.payment .info_bar { width: auto; position: absolute; left: 5px; right: 5px; bottom: 5px; }
#maincontent .content-group.payment .mixitem { margin: 10px 0; padding: 10px 0; border: 1px solid #BF0000; border-radius: 5px; }
#maincontent .content-group.payment .btn-center { margin-bottom: 20px;  text-align: center; }
#maincontent .content-group.payment .mixitem .item-list { margin: 5px 0; border-top: 1px solid #F2F2F0; font-size: 14px; line-height: 28px; }
#maincontent .content-group.payment .mixitem .item-list .item-name { width: 60%; margin-left: 25px; float: left; }
#maincontent .content-group.payment .mixitem .item-list .item-amount { width: 30%; margin-right: 25px; float: left; text-align: right; }
#maincontent .content-group.payment .mixitem .item-list .item-amount .empty-btn { width: 42px; height: 24px; float: right; }
#maincontent .content-group.payment .mixitem .item-list .total-amount { width: 20%; float: left; text-align: right; }
#maincontent .content-group.payment .mixitem .item-list .total-price { width: 10%; margin-right: 25px; float: right; text-align: right; }
#maincontent .content-group.payment .barcode-zone { margin-top: 40px;}
.barcode-zone img { margin-bottom: 10px;}
.side_block_title.for-payment { width: 220px; }
p.qa_title a { font-size: 13px; line-height: 22px; color: #BF0000; font-weight: bold; }
p.qa_content { font-size: 13px; line-height: 22px; text-indent: -1.7em; margin-left: 1.7em; margin-bottom: 1em; }
p.qa_content.line { color: #999; }
p.qa_content a { color: #0088CC; }
p.qa_note { font-size: 13px; }

/*New MemberCenter*/
.mc-navbar {
	width: auto;
	height: 31px;
	margin-top: 10px;
}
.mc-navbar .mc-navbtn {
	width: 15%;
	height: 30px;
	float: left;
	margin-right: 1px;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
	color: #333;
	text-align: center;
	border: 1px solid #CCC;
	border-bottom: none;
	-webkit-border-radius: 5px 5px 0 0;
       -moz-border-radius: 5px 5px 0 0;
            border-radius: 5px 5px 0 0;
    background-color: #FFFFFF;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#E5E5E5), to(#FFFFFF));
    background-image: -webkit-linear-gradient(#E5E5E5, #FFFFFF);
    background-image: -moz-linear-gradient(#E5E5E5, #FFFFFF);
    background-image: -o-linear-gradient(#E5E5E5, #FFFFFF);
    background-image: linear-gradient(#E5E5E5, #FFFFFF);
}
.mc-navbar .mc-navbtn:hover, .mc-navbar .mc-navbtn.on {
	color: #FFF;
	text-decoration: none;
	border: 1px solid #BF0000;
    background-color: #AF0000;
    background-image: url(../images/btn_bk_pri_ie.png);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DF0000), to(#AF0000));
    background-image: -webkit-linear-gradient(#DF0000, #AF0000);
    background-image: -moz-linear-gradient(#DF0000, #AF0000);
    background-image: -o-linear-gradient(#DF0000, #AF0000);
    background-image: linear-gradient(#DF0000, #AF0000);
}
.CouponQuestionIcon { 
	display: inline-block;
	font-size: 13px;
	margin-left: 20px;
}
.CouponQuestionIcon img {
	vertical-align: middle;
	display: inline-block;
}
.mc-content .CouponQuestionIcon a:link {
	color: #333;
	vertical-align: middle;
	display: inline-block;
}
.mc-content .CouponQuestionIcon a:hover {
	color: #08C;
	text-decoration: none;
}
.mc-content {
	width: auto;
	height: auto;
	margin-bottom: 15px;
	padding: 17px;
	border:2px solid #CCC;
	background:#FFF;
}
.mc-content h1 { width: 100%; padding: 0 5px 0 0; font-size: 20px; color: #BF0000; display: inline-block;}
.mc-content h1 .note { margin-left: 10px; font-size: 16px; }
.mc-content h1 .note a { color: #08c; }
.mc-content h1 a { float: right; }
.mc-content h1 a.inline { float: none; }
.mc-content h1 a.to_NewbieGuide{  float: none; color: #00F; display: none; text-decoration:none;  }
.mc-content h1 button { margin-top: -3px; }



.mc-content a:hover,
.mc-content a:active { 
	color: #08C; 
}
.mc-order-states { margin-bottom: 10px; }
.mc-cash-states { margin: 10px auto 20px auto; padding: 10px 20px; border: 1px solid #FFCCBF; }
.mc-cash-states .cash-value { font-weight: 800; color: #BF0000; }
.mc-cash-states .mc-cash-note .note-text { margin: 8px 250px 0 0; padding: 10px; float: right; font-size: 13px; color:#FFF; display: none; background: #333; }
.mc-cash-states .mc-bonus-note .note-text { margin: -17px 322px 0 0; padding: 10px; float: right; font-size: 13px; color:#FFF; display: none; background: #333; }
.mc-cash-states .mc-pezcash-note .note-text { margin: -53px 227px 0 0; padding: 10px; float: right; font-size: 13px; color:#FFF; display: none; background: #333; }/*位置與技術大大們同步*/
.mc-cash-states .mc-SCcash-note .note-text { margin: 0px 350px 0 0; padding: 10px; float: right; font-size: 13px; color:#FFF; display: none; background: #333; }
.mc-cash-states .mc-cash-note:hover .note-text,
.mc-cash-states .mc-SCcash-note:hover .note-text,
.mc-cash-states .mc-bonus-note:hover .note-text,
.mc-cash-states .mc-pezcash-note:hover .note-text
 { display: inline-block; }
.mc-addressee-box { width: 285px; margin: 5px; padding: 3px; display: inline-block; background: #FAFAF7; border: 1px solid #CDCDCD; }
.mc-addressee-box h2 { margin: 0 20px; padding: 5px 0; font-size: 18px; color: #333; border-bottom: 1px solid #FFCCBF; }
.mc-addressee-box .grui-form { padding: 10px; font-size: 15px; }
.mc-addressee-box .grui-form .form-unit { margin-bottom: 5px; padding-top: 0px; }
.mc-addressee-box .btn-delete { float: none; } 
.mc-service-record { border-bottom: 1px dashed #CDCDCD; }
.mc-service-record .no-record { padding: 30px; font-size:16px; line-height: 32px; text-align: center; }
.mc-service-record .no-record a { color: #08c;}
.mc-service-record .no-record a:hover { text-decoration: underline;}
.mc-service-record .record-state { margin-bottom: 10px; }
.mc-service-record .record-state p { float: left; margin-right: 20px; display: inline-block; }
.mc-service-record .record-state a { float: right; margin:0 5px; }
.mc-service-record .record-box { padding: 10px; border-top: 1px dashed #CDCDCD; }
.mc-service-record .record-box:hover { background: #F2F2F0; }
.mc-service-record .record-box.reply { margin:0 0 0 70px; }
.mc-service-record .record-box .unreply-icon { width: 28px; height: 28px; float: left; margin: 10px; background: url(../images/QuestionsPic.png) no-repeat; }
.mc-service-record .record-box .reply-icon { width: 28px; height: 28px; float: left; margin: 10px; background: url(../images/QuestionsPic.png) -30px 0 no-repeat; }
.mc-service-record .record-box .replier-icon { width: 20px; height: 20px; float: left; margin: 10px; background: url(../images/QuestionsPic.png) -60px 0 no-repeat; }
.mc-service-record .record-box .record-content { width: 840px; float: right; font-size: 14px; }
.mc-service-record .record-box.reply .record-content { width: 780px; }
.mc-service-record .record-box .record-time { margin-top: 20px; }

.record-process {
margin-left: 1em;
color: #888;
}
.record-recover {
margin-left: 1em;
color: #BF0000;}

/*C5-member-collect*/

.grui-form p.mc-c5p{ width: 100%;line-height: 2;}
.mc-c5-Collect{ 
	background: url(../images/newdealdetail.png) no-repeat -278px -199px; 
	width: 150px; padding-left: 20px; margin-right: 5px;
	margin-left: 5px;
} 

.mc-plr-box-L{ width: 50%; float: left; line-height: 2.5; margin-bottom: 10px;}
.mc-plr-box-R{ width: 50%; float: right; text-align: right; line-height: 2.5; margin-bottom: 10px;}
.mc-error {color:#BF0000;}
.mc-C5-MGL{ margin-left: 5px;}  .mc-C5-MGR{ margin-right: 10px;}  
.mc5-btnSpacing { 
	width: 5em;
	margin: 10px 5px; 
	padding: 0 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a.mc5-btnSpacing:hover {color:#fff;}
.mc-c5-pic { width: 170px; height: 94px; margin: 7px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); overflow: hidden;/*避免無圖片時 跑版問題*/}

.mc-c5tdwe0{ width: 200px; }
.mc-c5tdwe1{ width: 330px; } 
.mc-c5tdwe2{ width: 150px; }
.mc-c5tdwe3{ width: 130px; }
.mc-c5tdwe4{ width: 120px; }
#mc-table a { color: #08c;}
#mc-table a.btn { color: #fff;}
#mc-table th.mc-sort-initial {
	cursor: pointer;
	background:#444 url(../images/sort-initial.png) 90% center no-repeat;
}
#mc-table th.mc-sort-up {
	cursor: pointer;
	background: #555 url(../images/sort-up.png) 90% center no-repeat;
}
#mc-table th.mc-sort-down {
	cursor: pointer;
	background: #555 url(../images/sort-down.png) 90% center no-repeat;
}
#mc-table th.mc-sort-up a:hover, #mc-table th.mc-sort-down a:hover, #mc-table th.mc-sort-initial a:hover {
color: #efefef;
text-decoration: none;
}
#mc-table th.mc-sort-up a, #mc-table th.mc-sort-down a, #mc-table th.mc-sort-initial a {
color: #fff;
}
.mc-Filterpictop{ background: url(../images/newdealdetail.png) -33px -199px ; width: 15px; height: 15px; display: inline-block;} 
.mc-Filterpicbown{ background: url(../images/newdealdetail.png) -32px -229px ; width: 15px; height: 15px; display: inline-block;} 
.mc-infoBox { text-align: left;}
.mc5T {  
	font-size: 15px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    height: 49px;
    }
.mc5-dealpricetext { width: 100%; }
.mc5-Sold { width: 100%; color: #999999;}

/*C5-Yahoo-collect*/
.yc-content {width: auto; height: auto; margin:2px 0px 15px 0px; padding: 17px; border:2px solid #CCC; background:#FFF; }
.yc-content h1 { font-size: 20px; color: #BF0000; }
.yc-content h1 .note { margin-left: 10px; font-size: 16px; }
.yc-content h1 a { float: right; }
.yc-content h1 a.inline { float: none; }
.yc-content h1 button { margin-top: -3px; }
.yc-content a:link,.yc-content a:visited,.yc-content a:hover,.yc-content a:active { color: #333333; }
.grui-form .yc-tag{ width: 156px; line-height: 2; border:1px solid #bf0000; float:left; }
.grui-form .yc-tag ul{ }
.yc-tag li{ font-size:14px; float:left;}
.yc-tag li a:link { color:#333; text-decoration: none; padding:6px 21px 6px 22px; }
.yc-tag li a:hover { background:#bf0000; color:#ffffff; text-decoration: none; padding:6px 21px 6px 22px; }
.yc-tag li a.CouponSelect{ background:#bf0000; color:#ffffff;}


/*Member Center Table Control Tag*/
.OrderNumber { padding: 0 10px !important; }
.OrderDetailTotal p { color: #BF0000; }
.OrderDetailTotal p .price { width: 80px; display: inline-block; font-weight: bold; }
.OrderReturnCash p .item { width: 130px; display: inline-block; text-align: right; }
.OrderReturnCash p .cash { width: 50px; display: inline-block; text-align: right; }
/*Deal Detail Override*/
.DealPriceInfo.deal-detail-overwrite { height: 220px; border: none; }
.forsdeal.detail-overwrite { margin: 15px 0 0 0; }
#Detailinner.Equity.deal-detail-overwrite { width: 635px; margin-bottom: 0px; }
#Detailinner.Equity.deal-detail-overwrite  li { list-style: disc; margin-left:20px; }
.deal-detail-right { width: 200px; float: right; }
.deal-detail-left { width: 485px; float: left; }
.deal-title { width: 460px; padding: 10px; font: 20px/28px Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif; font-weight: bold; color: #333; }
.backbtn { text-align: center; margin: -10px 0 10px 0; }
/*safely code*/
.safelycode { width: 18px; height: 18px; display: inline-block; margin-left: 10px; background: url(../images/safely_code_icon.png) no-repeat; }
.safelycode-hover { width: 300px; height: 220px; position: relative; z-index: 1; background: url(../images/safely_code.png) no-repeat; margin-top: -200px; border-radius: 5px; box-shadow: 1px 1px 5px rgba(0%, 0%, 0%, .5); }

/*PPB.css*/
/*MemberCenter Table Style*/
#mc-table {
	height: auto;
	margin: 0px auto;
	text-align: center;
	border: 1px solid #999;
	clear: both;
}
#mc-table > table { border: 1px solid #FFF; }
#mc-table th {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background-color: #444444;
}
.order-table-title { width: 100%; height: 30px; margin-top: 30px; color: #FFF; background: #333; }
.order-table-title h1 { margin-left: 10px; font-size: 16px; line-height: 30px; color: #FFF; }
.order-table-title a:link,
.order-table-title a:visited,
.order-table-title a:hover,
.order-table-title a:active { 
	float: right; 
	margin-right: 10px; 
	font-size: 13px;
	text-decoration: underline;
	color: #FF9;
}
#mc-table.order-detail th {
	color: #333;
	background-color: #CDCDCD;
	padding: 5px;
}
#mc-table.order-detail td { padding: 5px; }
#mc-table p.info { margin: 10px; }
#mc-table tr { line-height: 25px; }
#mc-table td {
	padding: 1px;
	font-size: 13px;
	text-align: center;
}
#mc-table .text-left { text-align: left; }
#mc-table .text-right { text-align: right; }
#mc-table tr:nth-child(even) { background-color: #eee; }
#mc-table.order-detail tr:nth-child(even) { background-color: #eee; }
.mc-tableContentITEM { border-collapse: separate; }
.mc-tableContentITEM td {
	text-align: center;
	border-bottom: 1px solid #F2F2F0;
}
.mc-tableContentITEM .OrderSerial input[type="submit"] { padding: 1px 5px; font-size: 11px; }
#mc-tableContentTitleLeft {
	height: auto;
	text-align: left;
	font-size: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
}
#mc-tableContentTitleLeft img {
	float: left;
	height: 59px;
	width: 103px;
}
#mc-tableContentTitleRight {
	height: 23px;
	margin: 0px auto 6px auto;
	text-align: left;
	font-size: 13px;
	color: #666;
	clear: both;
}
/*MemberCenter Invoice Table*/
.OrderDetailInvoice {
	height: auto;
	clear: both;
	margin: 0px auto 10px auto;
	border: 1px solid #999;
	background-color: #FEFCED;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.OrderDetailInvoiceInText {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: 15px;
	line-height: 25px;
	color: #000;
}
.OrderDetailInvoiceInfor {
	width: 600px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	text-align: left;
	clear: both;
}
.OrderDetailInvoiceInfor ul {
	margin-left: 60px;
	list-style-type: none;
}
.OrderDetailInvoiceInfor li{
	margin-top: 2px;
	margin-bottom: 5px;
}
.OrDetElectricinvoice {
	width:800px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666;
	border: 1px solid #71AAC6;
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.OrDetElectricinvoiceTable{
	width: 800px;
	clear: both;
	line-height: 22px;
}
.OrDetElectricinvoiceTable td {
	border: 1px solid #71AAC6;
	font-size: 12px;
	padding-right: 5px;
	text-indent: 5px;
}
.OrDetInvoiceCenter {
	text-align: center;
}
.OrDetinvoicedetail {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 7px;
	padding-bottom: 20px;
	font-size: 13px;
	color: #525252;
	clear: both;
	line-height: 20px;
	border-top: 1px dashed #B3B3B3;
}
.OrDetinvoicedetail ol{}
.OrDetinvoicedetail li{
	list-style-position: outside;
	list-style-image: url(../images/OrDetinvoicedetailF.png);
}
.OrDetETCInvoiceAmount {
	height:auto;
	margin-top: 0px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: right;
}
/*MemberCenter Get Coupon Button*/
.order-get-coupon-box {
	width: 200px;
	height: 48px;
	margin:8px auto 0 auto;
	clear: both;
} 
.order-get-coupon {
	width: 40px;
	float: left;
	margin-right: 4px;
	margin-left: 4px;
}
.order-get-coupon-icon {
	width: 40px;
	height: 25px;
	padding-top: 25px; 
	font-size: 13px;
	color: #333;
	line-height: 18px;
	text-align: center;
	text-decoration: underline;
}
.order-get-coupon-icon.c1 { background: url(../images/get-coupon-icon.png) 0 0 no-repeat; }
a.disabled .order-get-coupon-icon.c1 { color: #8F8F8F; text-decoration: none; background: url(../images/get-coupon-icon.png) -40px 0 no-repeat; }
.order-get-coupon-icon.c2 { background: url(../images/get-coupon-icon.png) -80px 0 no-repeat; }
a.disabled .order-get-coupon-icon.c2 { color: #8F8F8F; text-decoration: none; background: url(../images/get-coupon-icon.png) -120px 0 no-repeat; }
.order-get-coupon-icon.c3 { background: url(../images/get-coupon-icon.png) 0 -50px no-repeat; }
a.disabled .order-get-coupon-icon.c3 { color: #8F8F8F; text-decoration: none; background: url(../images/get-coupon-icon.png) -40px -50px no-repeat; }
.order-get-coupon-icon.c4 { background: url(../images/get-coupon-icon.png) -80px -50px no-repeat; }
a.disabled .order-get-coupon-icon.c4 { color: #8F8F8F; text-decoration: none; background: url(../images/get-coupon-icon.png) -120px -50px no-repeat; }
.disabled-text { color:#8F8F8F; }
.order-get-invoice { margin: 20px auto; text-align: center; }
.order-atm-info { padding: 20px; font-size: 14px; line-height: 20px; }
.order-atm-header { padding: 10px 20px; }
.order-atm-info .important { font-weight: 600; }

/*todaydeal style*/
#AlldealGoods { width: 960px; }
.center { overflow: visible; }
.BigDeal { width: 100%; height: 430px; position: relative; overflow: hidden; }
.BDSelector_L { width: 40px; height: 65px; background: url(BDSelector.png) no-repeat; position: absolute; z-index: 9999; top: 165px; left: 0; }
.BDSelector_L:hover { background: url(BDSelector.png) 0 -67px no-repeat; }
.BDSelector_R { width: 40px; height: 65px; background: url(BDSelector.png) -40px 0 no-repeat; position: absolute; z-index: 9999; top: 165px; right: 0; }
.BDSelector_R:hover { background: url(BDSelector.png) -40px -67px no-repeat; }
.BigDealBlock { width: 466px; height: 396px; margin: 15px 5px; float: left; border:2px solid #FFF; border-radius: 10px; background: #FFF; box-shadow: 0px 1px 2px rgba(0%, 0%, 0%, .15); }
.BigDealBlock:hover { border:2px solid #BF0000; }
.BigDealBlock .BDState { width: 450px; height: 45px; margin: 5px auto; border-bottom: 1px solid #CCC; }
.BDState .BDMark { width: 124px; height: 44px; margin-right: 10px; float: left; background: url(BDMark.png) no-repeat; }
.BDState .BDPrice { width: 150px; height: 44px; float: left; font-size: 16px; color: #000; padding-top: 3px; line-height: 18px; }
.BDState .BDPrice_O { font-size: 12px; color: #CCC; text-decoration: line-through; }
.BDState .BDCounter { width: 166px; height: 44px; float: right; text-align: right; color: #F00; font-size: 20px; line-height: 60px; }
.BDTitle { width: 450px; height: 23px; margin: 0 auto; font-size: 16px; line-height: 22px; color: #000; overflow: hidden; }
.BDTitle .BDLocation { font-weight: bold; }
.BDOrgMTitle { width: 450px; height: 23px; margin: 0 auto; font-size: 16px; line-height: 22px; color: #FF6600; overflow: hidden; }

.BDPic { width: 450px; height: 251px; margin: 25px auto 0 auto; position: relative; }

.fl { float: left; }
.fr { float: right; }
.deal_pic .hotdeal { width: 97px; height: 97px; position: absolute; top: -10px; left: -10px; background: url(../images/tc_button.png ) no-repeat; }
.deal_pic .soldout { width: 97px; height: 97px; position: absolute; top: -10px; left: -10px; background: url(../images/tc_button.png ) 0 -100px no-repeat; }
.tc_deal_sort { width: 958px; text-align: left; position: relative; border-radius: 3px; border: 1px solid #CCC; background: #FFF; }
.tc_deal_sort .arrow { width: 15px; height: 9px; position: absolute; bottom: -9px; left: 20px; background: url(down_arrow.png) no-repeat; }
.tc_deal_sort .red { color: #F00; }
.tc_deal_sort ul {  margin: 0 40px; }
.tc_deal_sort li { width: 85px; text-align: center; list-style: none; float: left; margin: 0 10px; font-size: 12px; line-height: 28px; }
.tc_deal_sort li a { width: 85px; color: #555; display: inline-block; }
.tc_deal_sort li a:hover, .tc_deal_sort li .selected { background: url(ppon-M1_HKL_listBg_hover.png) repeat-x; }
.tc_big_content_area { width: 960px; height: 415px; margin: 0 0 20px 0; }
.tc_big_content_area .b_content_box { width: 469px; height: 397px; margin: 10px 4px; border: 1px solid #CCC; background: #FFF; box-shadow: 0px 1px 2px rgba(0%, 0%, 0%, .15); }
.tc_big_content_area .b_content_box:hover, .tc_small_content_area .s_content_box:hover { border-color: #BF0000; }
.tc_big_content_area .b_content_box .title { width: 450px; height: 23px; margin: 15px auto 0px auto; font-size: 16px; color: #333; line-height: 22px; font-family: "微軟正黑體", sans-serif; overflow: hidden; }
.tc_big_content_area .b_content_box .title a { color: #333; }

.tc_big_content_area .b_content_box .Orgmaintitle { 
	width: 450px; height: 20px; margin: 0px auto 15px auto; font-size: 16px; 
	line-height: 20px; font-family: "微軟正黑體", sans-serif; overflow: hidden; color: #FF6600;}
.tc_big_content_area .b_content_box .Orgmaintitle a { color: #FF6600 ;}

.tc_big_content_area .b_content_box .fb_like { width: 100px; height: 20px; margin: -10px 10px; text-align: right; }
.tc_big_content_area .b_content_box .deal_pic { width: 454px; height: 253px; margin: 30px auto 5px auto; position: relative; }
.tc_big_content_area .b_content_box .deal_pic .time_counter { width: 454px; height: 30px; display: none; text-align: left; font-size: 18px; line-height: 30px; color: #FFF;position: absolute; bottom: 0; background: url(../images/tr70bg.png ) repeat; z-index: 6;}
.tc_big_content_area .b_content_box .deal_pic .deal_hover {
    width: 454px;
    height: 30px;
    display: none;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    color: #FFF;
    position: absolute;
    bottom: 0;
    background: url(../images/tr70bg.png ) repeat;
    z-index: 6;
}
.deal_pic .time_counter .day { font-size: 10px; line-height: 30px; }
.tc_big_content_area .b_content_box .bottom { width: 469px; height: 51px; color: #333; background: url(tc_big_deal_bottom.png); }
.tc_big_content_area .b_content_box .bottom .discount { width: 60px; margin: 5px 10px; font-size: 26px; border-right: 1px solid #FFCCBF; }
.tc_big_content_area .b_content_box .bottom .text, .tc_big_content_area .b_content_box .bottom .smalltext { font-size: 13px; color: #333; font-family: "微軟正黑體", sans-serif; }
.tc_big_content_area .b_content_box .bottom .price { margin: 5px 10px 5px 0; font-size: 26px; }
.tc_big_content_area .b_content_box .bottom .ori { width: 50px; margin-top: 20px; font-size: 12px; color: #CCC; text-decoration: line-through; }
.bottom .buyer { width: 112px; margin: 13px 0 0 15px; font-size: 20px; font-weight: bold; color: #BF0000; }
.tc_big_content_area .b_content_box .bottom .go_button { width: 95px; height: 35px; margin: 12px 5px 0 0; font-size: 0px; text-indent: -9999px; display: inline-block; background: url(../images/tc_button.png ) -110px 0 no-repeat; }
.tc_big_content_area .b_content_box .bottom .go_button:hover { background: url(../images/tc_button.png ) -110px -40px no-repeat; }
.tc_small_content_area { width: 960px; margin-bottom: 20px; clear: both; text-align: left; }
.tc_small_content_area h3 {
	color: #bf0000;
	font-size: 140%;
	font-weight: bold;
	margin: 30px 0px 0px 0px;
	padding: 0px 10px 5px 5px;
	border-bottom: 2px solid #bf0000;
	text-align: left;
}
.tc_small_content_area .s_content_box { width: 310px; height: 342px; margin: 15px 4px; border: 1px solid #CCC; background: #FFF; box-shadow: 0px 1px 2px rgba(0%, 0%, 0%, .15); float: left; }
.tc_small_content_area .s_content_box .title { width: 290px; height: 20px; margin: 10px auto 2px auto; font-size: 14px; color: #333; line-height: 20px; font-family: "微軟正黑體", sans-serif; overflow:hidden; }
.tc_small_content_area .s_content_box .title a { color: #333; }

.tc_small_content_area .s_content_box .OrgMineT { width: 290px; height: 34px; margin: 0px auto 16px auto; font-size: 14px; color: #333; line-height: 17px; font-family: "微軟正黑體", sans-serif; overflow:hidden; }
.tc_small_content_area .s_content_box .OrgMineT a { color: #FF6600; }

.tc_small_content_area .s_content_box .title .rank { width: 38px; height: 34px; margin-right: 5px; float: left; font-size: 14px; font-weight: bold; color: #FFF; line-height: 16px; text-align: center; background: #BF0000; }
.tc_small_content_area .s_content_box .fb_like { width: 100px; height: 20px; margin: -10px 10px; text-align: right; }
.tc_small_content_area .s_content_box .deal_pic { width: 290px; height: 162px; margin: 31px auto 3px; position: relative; }
.tc_small_content_area .s_content_box .deal_pic .time_counter { width: 290px; /*height: 30px;*/ max-height: 70px; display: none; text-align: left; /*font-size: 16px;*/ font-size: 13px; line-height: 20px; color: #FFF; position: absolute; bottom: -1px; background: url(../images/tr70bg.png ) repeat; z-index: 6; padding: 5px;}
.tc_small_content_area .s_content_box .deal_pic .deal_hover {
    width: 280px; /*height: 30px;*/
    max-height: 70px;
    display: none;
    text-align: left; /*font-size: 16px;*/
    font-size: 13px;
    line-height: 20px;
    color: #FFF;
    position: absolute;
    bottom: -1px;
    background: url(../images/tr70bg.png ) repeat;
    z-index: 6;
    padding: 5px;
}
.tc_small_content_area .s_content_box .deal_pic .deal_hover .deal_hover_text{
    background: url(tag-location.png) no-repeat;
    padding-left: 20px;
}

.tc_small_content_area .s_content_box .smallprice .discount { width: 60px; margin: 0px 10px; font-size: 26px; border-right: 1px solid #FFCCBF; }
.tc_small_content_area .s_content_box  .text, .tc_small_content_area .s_content_box  .smalltext { font-size: 13px; color: #333; font-family: "微軟正黑體", sans-serif; }
.tc_small_content_area .s_content_box .smallprice .price { margin-right: 10px; font-size: 26px; }
.tc_small_content_area .s_content_box .smallprice .ori { width: 50px; margin-top: 16px; font-size: 12px; color: #CCC; text-decoration: line-through; }
.tc_small_content_area .s_content_box .bottom { width: 310px; height: 41px; color: #333; background: url(../images/tc_small_deal_bottom.png); }
.tc_small_content_area .s_content_box .bottom .buyer { margin: 5px 0 0 10px; }
.tc_small_content_area .s_content_box .bottom .go_button { width: 75px; height: 30px; margin: 8px 8px 0 0; font-size: 0px; text-indent: -9999px; display: inline-block; background: url(../images/tc_button.png ) -210px 0 no-repeat; }
.tc_small_content_area .s_content_box .bottom .go_button:hover { background: url(../images/tc_button.png ) -210px -40px no-repeat; }
/*tc_big_content_slider 今日熱銷 滑動檔次*/
.tc_big_content_slider_wrap {/*background: pink;*/ width: 964px; height: 500px; margin-bottom: 0px;  position: relative; overflow: hidden;}
.tc_big_content_slider_wrap .tc_big_content_slider{  width: 958px; /*height: 415px;*/ height: 464px; margin: 0 0 20px 0;  /*background: pink;*/ border: 1px solid #CCC; background: #FFF; /*background: red; overflow: hidden;*/ box-shadow: 0px 1px 2px rgba(0%, 0%, 0%, .15); position: relative;}
.tc_big_content_slider_wrap h3{ color: #bf0000; font-size: 140%; font-weight: bold; margin: 15px 5px 0px 10px; padding-bottom: 5px; border-bottom: 2px solid #bf0000;}
.tc_big_content_slider_wrap .b_content_box { width: 469px; height: 388px; margin: 13px 4px 30px 4px; }
.tc_big_content_slider_wrap .b_content_box:hover{ /*border: 1px solid #bf0000;*/}
.tc_big_content_slider_wrap .b_content_box .title { width: 450px; height: 23px; margin: 5px auto 0px auto;/**/ font-size: 16px; color: #333; line-height: 22px; font-family: "微軟正黑體", sans-serif; overflow: hidden; }
.tc_big_content_slider_wrap .b_content_box .title a { color: #333; }
.tc_big_content_slider_wrap .b_content_box .Orgmaintitle { 
	width: 450px; height: 20px; margin: 0px auto 15px auto;/**/ font-size: 16px; 
	line-height: 20px; font-family: "微軟正黑體", sans-serif; overflow: hidden; color: #FF6600;}
.tc_big_content_slider_wrap .b_content_box .deal_pic { width: 454px; height: 253px; margin: 30px auto 5px auto; position: relative; }
.tc_big_content_slider_wrap .b_content_box .deal_pic { width: 454px; height: 253px; margin: 30px auto 5px auto; position: relative; }
.tc_big_content_slider_wrap .b_content_box .deal_pic .time_counter { width: 454px; max-height: 60px; display: none; text-align: left; font-size: 13px; line-height: 20px; color: #FFF;position: absolute; bottom: -3px; background: url(../images/tr70bg.png ) repeat; z-index: 6; padding: 5px 5px 5px 5px; }
.tc_big_content_slider_wrap .b_content_box .deal_pic .deal_hover {
    width: 444px;
    max-height: 60px;
    display: none;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #FFF;
    position: absolute;
    bottom: -3px;
    background: url(../images/tr70bg.png ) repeat;
    z-index: 6;
    padding: 5px 5px 5px 5px;
}
.tc_big_content_slider_wrap .b_content_box .deal_pic .deal_hover .deal_hover_text{
    background: url(tag-location.png) no-repeat;
    padding-left: 20px;
}
.tc_big_content_slider_wrap .b_content_box .Orgmaintitle a { color: #FF6600 ;}
.tc_big_content_slider_wrap .b_content_box .bottom { width: 469px; height: 51px; color: #333; /*background: url(tc_big_deal_bottom.png);*/ }
.tc_big_content_slider_wrap .b_content_box .bottom .discount { width: 60px; margin: 5px 10px; font-size: 26px; border-right: 1px solid #FFCCBF; }
.tc_big_content_slider_wrap .b_content_box .bottom .text, .tc_big_content_slider .b_content_box .bottom .smalltext { font-size: 13px; color: #333; font-family: "微軟正黑體", sans-serif; }
.tc_big_content_slider_wrap .b_content_box .bottom .price { margin: 5px 10px 5px 0; font-size: 26px; }
.tc_big_content_slider_wrap .b_content_box .bottom .ori { width: 50px; margin-top: 20px; font-size: 12px; color: #CCC; text-decoration: line-through; }
.tc_big_content_slider_wrap .b_content_box .bottom .go_button { width: 95px; height: 35px; margin: 12px 5px 0 0; font-size: 0px; text-indent: -9999px; display: inline-block; background: url(../images/tc_button.png ) -110px 0 no-repeat; }
.tc_big_content_slider_wrap .b_content_box .bottom .go_button:hover { background: url(../images/tc_button.png ) -110px -40px no-repeat; }
.tc_big_content_slider_wrap .link {
	position: absolute;
	height: 20px;
	/*width: 173px;*/
	z-index: 1002;
	top: 480px;
	left: 48%;/**/
	/*margin-left: 40%;*/
}
.tc_big_content_slider_wrap .link ul {
	list-style-type: none;
	width: 173px;
	height: 20px;
	display: block;
	padding-top: 1px;
}
.tc_big_content_slider_wrap .link ul li {
	width: 10px;
	height: 10px;
	float: left;
	background-color: #b9b9b9;
	display: block;
	color: #fff;
	text-align: center;
	margin: 3px;
	cursor: pointer;
	border-radius: 50px;
}
.tc_big_content_slider_wrap .link ul li.on {
	background: #bf0000;
	color: #bf0000;
}
.tc_big_content_slider_wrap .link ul li.off {
	background: #b9b9b9;
	color: #fff;
}
.tc_big_content_slider_wrap .slider-btn { 
	display: block;/* */
	background: url(../G2/slider-btn.png);
	width: 50px; height: 100px;
	color: #fff;
	position: absolute;
	z-index: 50;
	/*display: none;*/
	cursor: pointer;
	opacity:0.8;
}
.tc_big_content_slider_wrap .slider-btn:hover{opacity:1;}
.tc_big_content_slider_wrap .slider-btn-next{position: absolute; top: 50%; right: 0px; background-position: -50px 0; }
.tc_big_content_slider_wrap .slider-btn-prev{position: absolute; top: 50%; left: 0; }


.DealCity { width: 200px; height: 50px; font-size: 36px; color: #333; font-weight: bold; padding-left: 5px; clear: both; }
.SMT { display: none; }
.td_buyer { width: 105px; line-height: 19px; margin: 0; font-size: 13px; font-weight: bold; color: #BF0000; text-align: right; border-top: #999 1px solid; }

.tc_small_content_area .s_content_box.td_content { height: auto; }
/*.tc_small_content_area .s_content_box.td_content .title { margin: 10px auto 13px auto; }*/
.tc_small_content_area .s_content_box.td_content .deal_pic { margin: 27px auto 5px auto; }

.tc_small_content_area .s_content_box.td_content .text, 
.tc_small_content_area .s_content_box.td_content .smalltext { font-size:12px;}
.tc_small_content_area .s_content_box.td_content .smallprice { margin:0 11px 0 10px; }

.tc_small_content_area .s_content_box.td_content .smallprice .price { margin-right: 5px; font-size: 31px; }
.tc_small_content_area .s_content_box.td_content .smallprice .ori { margin-top: 19px;}
.tc_small_content_area .s_content_box.td_content .smallprice .pop-box{ width: 100px; margin-top: 3px; }
.tc_small_content_area .s_content_box.td_content .smallprice .pop-box .Save{ line-height: 15px; clear: none; font-size: 11px; }
.tc_small_content_area .s_content_box.td_content .timeOverview { width: 290px; height: 26px; margin:-5px auto 6px auto; background: #bf0000; padding-top: 1px; color: #FFF;}
.tc_small_content_area .s_content_box.td_content .timeOverview .TimerTitleField { width: 150px; height: 20px; margin: 2px auto 0px auto; border: none; }
.tc_small_content_area .s_content_box.td_content .timeOverview .TimeDayCounter {color: #FFF;height: 20px; font-size: 10px; margin: 5px 8px 0 8px; }

/*Public welfare Taishin Bank*/
.Publicwelfare{}
.Publicwelfare.forsdeal #MainPic .Over1K_Badge, .Publicwelfare.forsdeal #MainPic .SoldOut_Bar_480,
.Publicwelfare.forsdeal .DealPriceInfo .dealpricetext, .Publicwelfare.forsdeal .DealPriceInfo .dealsaletext, .Publicwelfare #Entry #EntryContent .Equitylink .rule, .Publicwelfare #Entry #EntryContent .Detail_buy_box .price .tsText, .Publicwelfare #Entry #EntryContent .EntryTitle, .Publicwelfare #Entry #EntryContent .rd-guarantee{ display: none; }

.Publicwelfare .MaindealMiddle #MainPic .Over1K_Badge, .Publicwelfare .MaindealMiddle #MainPic .Encore, .Publicwelfare .MaindealMiddle #MainPic .SoldOut_Bar_480, .Publicwelfare .MaindealMiddle .DealPriceInfo .dealpricetext, .Publicwelfare .MaindealMiddle .DealPriceInfo .dealprice .smalltext , .Publicwelfare .MaindealMiddle .DealPriceInfo .dealsaletext,.m-share,.m-buyBtnBig a { display: none; }

.Publicwelfare .forsdeal .DealPriceInfo .dealprice, .Publicwelfare .MaindealMiddle .DealPriceInfo .dealprice{ margin: 28px auto; }
 .Publicwelfare #Entry #EntryContent .PublicwelfareTBk{ display: block; }

/*新增地區多層選單 by GiGi*/
.NaviCityML {
	position: relative;
}
.city-switch {
	height: 30px;
	margin-right: 30px;
	padding: 0 25px 0 10px;
	background-color: #e6e6e6;
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fafafa),to(#eaeaea));
	background-image: -webkit-linear-gradient(#fafafa,#eaeaea);
	background-image: -moz-linear-gradient(top,#fafafa,#eaeaea);
	background-image: -ms-linear-gradient(#fafafa,#eaeaea);
	background-image: -o-linear-gradient(#fafafa,#eaeaea);
	background-image: linear-gradient(#fafafa,#eaeaea);
	background-repeat: no-repeat;
	border: 1px solid #d4d4d4;
	border-bottom-color: #bcbcbc;
	position: relative;
	top: 10px;
	left: 20px;
	z-index: 45;	
	cursor: pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px; 
	box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
	 float: left;
}
.city-on {
	border-top: 1px solid #9c9c9c;
	border-right: 1px solid #9c9c9c;
	border-left: 1px solid #9c9c9c;
	border-bottom: 1px solid #fff;
	background: #fff;
	box-shadow: none;
}
.city-switch span {
	color: #333;
	font-size: 13px;
	line-height: 30px;
}
.city-switch b {
	margin-right: 8px;
	font-size: 13px;
}
.city-switch span::after, .city-switch span::before {
	width: 0px;
	height: 0px;
	content: '';
	border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f6f6f6;
	position: absolute;
	top: 12px;
	right: 8px;	
}
.city-switch span:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    border-top-color: inherit; /* Can't be included in the shorthand to work */
    top: 13px;
}
.city-on span::after {border-top: 5px solid #fff;}
.city-on span, .city-on b {color: #888;}
.city-box { 
	position: absolute;
	top: 45px;
	left: 20px;
	z-index: 44;
	width: 540px;
	padding: 10px 20px 0 20px;
	border: 1px solid #9c9c9c;
	box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
	background: #fff;
}
.city-tab { margin-top: 5px; }
.city-tab li { 
	width: 16.5%; 
	float: left; 
}
.city-tab li a {
	width: 100%;
	padding: 10px 0;
	display: block;
	color: #333;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border-bottom: 2px solid #ddd;
}
.city-tab li a:hover {color: #BF0000;}
.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-widget-header .ui-state-active a{
	border-bottom: 2px solid #BF0000;
	color: #BF0000;
}
.sub-citylist .ui-state-active a, .sub-citylist .ui-widget-content .ui-state-active a, .sub-citylist .ui-widget-header .ui-state-active a{
	border-bottom: none; 
}
.city-tab-zone { padding-top: 10px; }
.row-lump {
	margin: 10px 0;
	padding-bottom: 10px;
}
.row-lump:last-child {
	border-bottom: none;
}
.col-left {
	float: left;
	width: 65px;
}
.col-right {
	overflow: hidden;
}
.subtab-title {
	border-bottom: 1px solid #ddd;
	font-size: 13px;
	font-weight: bold;
	line-height: 2;
}
.sub-citylist li {
	margin: 5px 15px 5px 0;
	float: left;
}
.sub-citylist a {
	padding-right: 15px;
	color: #666;
	text-decoration: none;
	font-size: 13px;
	border-right: 1px solid #e5e5e5;
}
.sub-citylist a.subtab-on, .sub-citylist a:hover {	color: #BF0000;}
.sub-citylist a.subtab-noline {
	border-right: none;
}

/*捷運二層子分類*/
.sub-secondlist {
	padding: 5px;
	background: #f2f2f0; 
	margin-top: 10px; 
}
.sub-secondlist li {
	margin: 5px 15px 5px 0;
	float: left;
}
.sub-secondlist a {
	padding-right: 15px;
	color: #666;
	text-decoration: none;
	font-size: 13px;
	border-right: 1px solid #e5e5e5;
}
.sub-secondlist a.subtab-on, .sub-secondlist a:hover {	color: #BF0000;}
.sub-secondlist a.subtab-noline {
	border-right: none;
}
#tabs .ui-state-active a, #tabs .sub-secondlist .ui-widget-content .sub-secondlist .ui-state-active a, #tabs .sub-secondlist .ui-widget-header .ui-state-active a {
	border-bottom: 0px;
}
/*捷運二層子分類end*/

/*NaviCity*/
.NaviCityMP {display: none;}
.NaviCityArea { width: auto;}
.NaviCityArea li  { float: left; }
.NaviCityArea a { line-height: 20px; padding: 0px 16px; display: inline-block; font-family: Arial, "新細明體", sans-serif; }
.NaviCityArea a.on { background-color: #BF0000; color: #fff; border-radius: 3px; }
.NaviCitySequence { 
	margin-bottom:3px; 
	padding: 8px 20px 0px 22px;
	font-size: 13px;
}
.NaviCityW + .NaviCitySequence {
	border-top: none; 
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}

.NaviCityW {
    margin: 10px auto 0;
    border: 1px solid #ccc;
    /*border-bottom: 1px solid #BF0000;*/
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
    position: relative;
}
.NaviCitySort { font-size: 13px; }
.NaviCitySortRank { margin: 5px 20px;}
.NaviCitySortRank > ul > li { 
	margin: 8px 8px 8px 0;    
	float: left;
    position: relative;
}
.Curatorial-Sort .NaviCitySortRank > ul > li {
	border-right: 1px solid #cecece;
	padding: 0px 6px;
}
.NaviCitySortRank li > a {
    padding: 3px 6px;
    display: block;
    color: #666;
    position: relative;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.NaviCitySortRank li.sub-arrow a {padding-right: 20px;}
.NaviCitySortRank li.on a { 
    color: #fff; 
    background: #bf0000;    
}
.sortrank-hot {
	width: 29px;
	height: 16px;
	background: url(../images/sortrank-hot.png);
	position: absolute;
	top: -11px;
	right: -5px;
}
.sortrank-new {
	width: 29px;
	height: 16px;
	background: url(../images/sortrank-new.png);
	position: absolute;
	top: -11px;
	right: -5px;
}
.NaviCitySortRank a:hover { 
    color: #bf0000; 
    text-decoration: none;
    background: #ffecec;
}
.NaviCitySortRank ul.sub-classify{margin-top: 3px;padding: 3px 10px;}
.NaviCitySortRank ul > li > ul { display: none;}
.NaviCitySortRank ul > li.sub-arrow> a::after, .NaviCitySortRank ul > li.sub-arrow > a::before {
    width: 0px;
    height: 0px;
    content: '';
    position: absolute;
    top: 9px;
    right: 8px;
}
.NaviCitySortRank ul > li.sub-arrow > a:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    border-top-color: inherit;
    top: 10px;
}
/*.NaviCitySortRank ul > li.sub-arrow.on > a::after, .NaviCitySortRank ul > li.sub-arrow.on > a::before {
    width: 0px;
    height: 0px;
    content: '';
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #BF0000;
    position: absolute;
    top: 9px;
    right: 8px;
}*/
.NaviCitySortRank ul > li.sub-arrow.on > a:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
    border-top-color: #fff;
    top: 10px;
}
.sub-classify {
    /*display: none;*/
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px 20px;
    background: #f5f5f5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 1px 0 #FFF,0 1px 1px rgba(0,0,0,.1);
}
.ncs-filter input[type=checkbox]:checked + label.css-label {color: #BF0000;}



/* A1-DealList_Normal.html / A1-DealList_3Column.html 分類 Start-NEW 20140430*/
.Area-menu { float: left; }

.Area-menu li{ 
    background-color: #ddd;
    padding: 0;
    transition: background 0.2s ease 0s;
    white-space: nowrap; 
    float: none;   
    cursor: pointer; 
    border-radius: 2px;
 }
 .Area-menu a{ padding: 2px 28px 2px 19px; text-decoration: none;}

 .Area-menu li:hover{
    background: #444;  
    color: #fff;
 }
 .Area-menu li:link > a, .Area-menu li:hover > a{ 
    color: #fff;
 }
 
.Area-menuBox { margin-right: 3.3em;}
.Area-menu .aam-w:after {
   content: '';
   border: 5px solid transparent;
   border-top-color: #444;
   position: relative;
   right: -1.2em;
   top:10px;
}
.Area-menu li:hover > a >.aam-w:after {
   border-top-color: #fff;
}
.Area-menu ul { 
    display: none;    
 }
 .Area-menu li:hover > ul{ 
    display: block;    
 }
.Area-menu ul { min-width: 10em; }

.Area-menu ul li, .Area-menu ul ul li { border-radius: 0; }

.Area-menu ul, .Area-menu ul ul {  
    position: absolute; box-shadow:  2px 1px 0px 1px rgba(0, 0, 0, 0.15); 
 } 

.Area-menu ul li{ 
   background-color: #fff;
   width: 100%;
   color: #000;
   border: 1px solid #ddd;
   border-bottom: solid 1px #fff;
   left: -1px;
   
 } 
.Area-menu ul > li:hover { background: #444; color: #fff; border: 1px solid #6d6d6d;}
.Area-menu li > a:hover, .Area-menu ul > li a:hover, .Area-menu ul ul li:hover .allBox > a { color: #fff; } 

.Area-menu ul li { padding: 8px 0;}

.Area-menu ul li.aam-pd:after {
    content: ''; 
    border-style:solid;
    border-width: 4px 0 4px 6px;
    border-color: transparent transparent transparent  #444444;
    position: absolute;
    right: 15px;
    margin-top: 8px; 
 }
.Area-menu ul li.aam-pd:hover:after {
	border-color: transparent transparent transparent #fff;}

.Area-menu ul ul  { left: 100%; top: 0;  margin-left: 2px;}
.Area-menu ul ul.u2 { left: 100%; margin-top: 42px; }
.Area-menu ul ul.u3 { left: 100%; margin-top: 84px; }
.Area-menu ul ul.u4 { left: 100%; margin-top: 126px; }
.Area-menu ul ul.u5 { left: 100%; margin-top: 168px; }
.Area-menu ul ul.u6 { left: 100%; margin-top: 210px; }

.Area-menu ul ul li {  width: 100%;} 
.Area-menu ul ul li:hover {   } 
/*.Area-menu ul ul li >  p.title { margin: 3px 15px 9px 15px; padding: 0 0 3px 7px; border-bottom: solid 1px #ddd;}*/
.Area-menu ul ul li > .padin {  padding-top: 5px; padding-bottom: 7px; }
.Area-menu ul ul li:hover {  width: 100%; border-bottom-color:#444444;}
.Area-menu ul ul li > .padin a:hover { background: #bf0000; border-radius: 2px;}
.Area-menu ul ul li > .padin a { margin: 6px 0;}
.allBox {padding: 0px 20px 0 20px }
.allBox a {
    line-height: 24px;
    padding: 0 11px;   
}
/* A1-DealList_Normal.html / A1-DealList_3Column.html 分類 NEW 20140430*/

#ulSort {
	display: inline-block;
	/*margin-right: 20px;*/
	margin-top: 2px;
	margin-right: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.NaviCitySequence a { 		 
	padding: 0px 8px; 
	color: #555;
	display: inline-block; 
	float: left;  
	position: relative; 
}
.NaviCitySequence a:hover { 
	background-color: transparent;  
	text-decoration: none;
	background-color: #f5f5f5;
	color: #BF0000; 
}
.NaviCitySequence a.on { 
	color: #bf0000;  
}
.NaviCitySequence .icon-arrow-down,.NaviCitySequence .icon-arrow-up {
	position: relative;
	top: 1px;
}
.empty-zone {
	margin: 30px auto;
	text-align: center;
	color: #666;
	font-size: 14px;
}
.empty-zone > .icon-smile-o:before {
	font-size: 28px;
}
.up li a, .NaviCitySort li a, .NaviCitySequence li a {
-webkit-transition: background 80ms ease-in-out; 
   -moz-transition: background 80ms ease-in-out; 
     -o-transition: background 80ms ease-in-out; 
       -transition: background 80ms ease-in-out;
}

.NaviCitySequence li { float: left; }
/* A1-DealList_Normal.html / A1-DealList_3Column.html 分類 END*/

/*0813 hotsale*/
#ulFilter{/*float: left;*/ display: inline-block;}
#ulSwitch{
	float: right;
	position: absolute;
	top: 2px;
	right: 0;
	/**/
	/*border: 1px solid #d4d4d4;*/
}
#ulSwitch ul li{ width: 30px; height: 30px;  cursor: pointer;}
.NaviCitySort #ulSwitch li a{width: 33px; height: 30px; display: block; padding: 0; border: none; border: 1px solid #d4d4d4; /*background:url(../G2/ulswitch_btn.png) #323028;*/}
.NaviCitySort #ulSwitch li a:hover{opacity: 0.9;}
.NaviCitySort #ulSwitch li.ulSwitch-box a{background:url(../G2/ulswitch_box_btn.png); background-position:0px 0px; }
.NaviCitySort #ulSwitch li.ulSwitch-list a{background:url(../G2/ulswitch_list_btn.png); background-position:0px 0px; border-left: 0;}
.NaviCitySort #ulSwitch li.on a{ background-color: #323028; background-position:-37px 0px;}
.NaviCitySort ul.floatleft { /*width: 840px;*/ width: 100%;  padding-top: 2px;}

.New { width: 75px; }
.Quantity { width: 90px; margin-left: -19px; }
.Price { width: 90px; margin-left: -34px; }
.Explain { height: 20px; background-color: #fff; padding: 0px 3px; border: 1px solid #ccc; display: none; position: absolute; top: -23px; left: 5px; z-index: 99999; }
.Comment:hover .Explain { display: block; }
.ncs-filter { 
	margin-top: 1px;
	margin-right: 5px;/**/
	color: #666;
}
.ncs-filter-notice { color: #959595; }
.ncs-filter .css-label, .ncs-filter .css-checkbox {cursor: pointer;}
.m-classify, .m-filter-btn { display: none; /*display: block;*/} /*20150617 stan:隱藏"完成"按鈕*/
/*NaviCity*/

/*DealStatus*/
.dds { max-width: 580px; margin-bottom: 10px; } /*dds = Deal Detail Status*/
.dds-label { margin: 5px 5px 5px 0; padding: 2px 8px; display: inline-block; font-size: 12px; font-family: Arial, "新細明體", sans-serif; color: #FFF; background: #BF0000; border-radius: 3px; }
.dts { max-width: 480px; max-height: 22px; position: relative; z-index: 8; vertical-align: text-top; } /*dds = Deal Title Status*/
.Maintitle + .dts { margin-left: 10px; margin-top: -10px; margin-bottom: 5px; }
.MainDealProductName + .dts {top:0px; margin-bottom: 5px;}
.BigDealBlock .dts { margin-left: 8px; }
.b_content_box .dts, .s_content_box .dts { margin-top: -10px; margin-left: 10px; margin-bottom: 5px; }
.dts-label { 
	width: 58px; 
	height: 20px; 
	margin-right: 5px;
	display: inline-block; 
	border-radius: 3px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.dts-lb-1, .dts-lb-2 { 
	background-image:linear-gradient(top,#d00,#b10000);
    background-image:-moz-linear-gradient(top,#d00,#b10000);
    background-image:-webkit-linear-gradient(top,#d00,#b10000);
    background-image:-o-linear-gradient(top,#d00,#b10000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d00', endColorstr='#b10000', GradientType=0);
    background-color: #d80000;
}
.dts-lb-3 { 
	background-image:linear-gradient(top,#ff6300,#ff3800);
    background-image:-moz-linear-gradient(top,#ff6300,#ff3800);
    background-image:-webkit-linear-gradient(top,#ff6300,#ff3800);
    background-image:-o-linear-gradient(top,#ff6300,#ff3800);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6300', endColorstr='#ff3800', GradientType=0);
    background-color: #ff5300; 
}
.dts-lb-4, .dts-lb-5 { 
    background-image:linear-gradient(top,#ffc900,#ff9c00);
    background-image:-moz-linear-gradient(top,#ffc900,#ff9c00);
    background-image:-webkit-linear-gradient(top,#ffc900,#ff9c00);
    background-image:-o-linear-gradient(top,#ffc900,#ff9c00);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc900', endColorstr='#ff9c00', GradientType=0);
    background-color: #ffba00; 
}
.dts-lb-6 { 
	background-image:linear-gradient(top,#ed1d3c,#cc1833);
    background-image:-moz-linear-gradient(top,#ed1d3c,#cc1833);
    background-image:-webkit-linear-gradient(top,#ed1d3c,#cc1833);
    background-image:-o-linear-gradient(top,#ed1d3c,#cc1833);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1d3c', endColorstr='#cc1833', GradientType=0);
    background-color: #ed1d3c;
}
.dts-lb-4 {color: #DF0000;}
.dts-lb-5 {color: #171717;}
.dts-lb-7{
	background: #f4448e; /* Old browsers */
	background: -moz-linear-gradient(top, #f4448e 0%, #f11f78 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4448e), color-stop(100%,#f11f78)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f4448e 0%,#f11f78 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f4448e 0%,#f11f78 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f4448e 0%,#f11f78 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f4448e 0%,#f11f78 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4448e', endColorstr='#f11f78',GradientType=0 ); /* IE6-9 */
}

/*Fast Deliver Page*/
/*--0416 tab by stan--*/
ul.fdetitle-tab{
	height: 45px;
	margin-top:350px; 
}
ul.fdetitle-tab li{
	float: left;
	width: 33%;
	border-right: 1px #afaba7 solid;
}

ul.fdetitle-tab li a{
	color: #fff;
	display: block;
	padding: 5px 0 5px 0;
	text-align: center;
	text-decoration: none;
	background: #a59d96; 
	opacity: .7;
	border-bottom: 3px solid #3D3D3D;
}
ul.fdetitle-tab li:nth-child(2){
	width: 32%;
	margin: 0 0.5% 0 0.5%;
	
}
ul.fdetitle-tab li a:hover{
	color: #fff;
	background: #ff8004;	 
  	border-bottom: 3px solid #8a4400;
	opacity: .8;
}
ul.fdetitle-tab li.active a{
	color: #fff;
	z-index: 3;
	opacity: 1;
	background: #ff8004;	 
  	border-bottom: 3px solid #8a4400;
}
.wrap-fde{background:#ffefe0 url(../G2/24-BG.jpg) center 140px no-repeat !important;} /*強迫使用背景大圖*/

.ly-fde-switchctrl {
	width: 100%;
	position: relative;
	text-align: center;
}
.fde-ctrlarrow-r {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 42%;
	right: -60px;
	background: url(ctrlarrow.png) -50px 0 no-repeat;
}
.fde-ctrlarrow-r:hover { background: url(ctrlarrow.png) no-repeat; }
.fde-ctrlarrow-l {
	width: 50px;
	height: 50px;
	position: absolute;
	top: 42%;
	left: -60px;
	background: url(ctrlarrow.png) -50px -50px no-repeat;
}
.fde-ctrlarrow-l:hover { background: url(ctrlarrow.png) 0 -50px no-repeat; }
.fde-pagination {
	width: 34px;
	height: 34px;
	margin: 5px;
	display: inline-block;
	font-size: 22px;
	line-height: 36px;
	color: #FFF;
	border-radius: 5px;
	background-color: rgba(24, 24, 24, 0.5);
}
.fde-pagination:hover, .fde-pagination.on {
	background-color: rgba(24, 24, 24, 1); 
}
.ly-fde-switchblk {
	width: 100%;
	margin-bottom: 15px;
	overflow: hidden;
}
.ly-fde-tab-large{
	width: 100%;
	display: inline-block; 
}
.ly-fde-tab-large .fde-unit{
	width: 470px;
}
.ly-fde-tab-large .fde-unit:nth-child(2n) {
	margin-right: 0;
}
.ly-fde-tab-small{
	width: 100%;
	display: inline-block; 
}
.ly-fde-tab .fedtitle{
	margin-top: 15px; 
	text-align: left; 
	color: #512c00; 
	background: url(icon_2472hr_title.png) no-repeat; 
	padding-left: 20px;
}
.fde-unit {
	width: 225px;
	margin:15px 20px 15px 0;
	margin:15px 7px 15px 7px \9;
	float: left;	
}
/*fed-unit a */
.fde-unit a{
	display: block;
	border: 1px solid #CCC; 
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	text-decoration: none;
}
.fde-unit a:hover{
	border-color: #BF0000;
}
.fde-unit:nth-child(4n) {
	margin-right: 0;
}
.fde-image {
	width: 100%;
	height: 125px;
	overflow: hidden;
	background: #FFF;
	position: relative;
}
/*large image*/
.ly-fde-tab-large .fde-image{
	width: 100%;
	height: 260px;
	background: #ccc;
}
/*SoldOut_Bar*/
.ly-fde-tab .fde-image .SoldOut_Bar_480,.ly-fde-tab .fde-image .SoldOut_Bar_225{
	width: 100%;
}
.fde-info {
	padding: 10px;
	background: #FFF;
	text-align: center;
}
.fde-dealtitle {	
	height: 26px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-bottom: 4px;
	font-size: 15px;
	border-bottom: 1px solid #EEE;
}
.fde-price {
	font-size: 13px;
	font-weight: bold;
}
.fde-price .st-highlight { color: #BF0000; }
.btn-fastdeliver {
	padding: 2px 30px;
	color: #FFF;
	border: none;
	background-color: #BF0000;
	background-image: none;
}
.btn-fastdeliver:hover {
	color: #FFF;
	background-color: #CF0000; 
}
/*--0416 tab end by stan--*/
/*0911 by yaya*/
.msg-block{
	width: auto;
	background: #FFF;
	padding: 20px;
	margin: 50px auto;
	border: 1px solid #CDCDCD;
	border-radius: 3px;
	box-shadow: 0px 1px 3px rgba(0%,0%,0%,.15);
}
.msg-p { width:85%; margin: 15px auto;	font-size:16px; text-align:center;}
.nam-value { font-weight: 800; color: #BF0000; }
.msg-div { margin:10px auto; text-align:center; }
.msg-block h1{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
}

/*fami area special style*/
.fami_price_text {
	font-size: 13px;
	letter-spacing: -1px;
}

/*activeLogo by gigi*/
.activeLogo { 
	position: absolute;
	right: 0;
	bottom: 0;}

.activeLogo img { float: right; }
.alo-l img {  }
.alo-h img { width: 90%; }
.alo-m img { width: 65%; }
.alo-s img { width: 50%; }
 

/*Collect by ariel*/
.HKL_juwindow{ 
	width: 140px; 
	position: relative; 
	background: #fff; 
	z-index: 10;
	margin-left: 10px;
	border-radius: 4px;
	border: 1px #CDCDCD solid;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	padding-bottom: 17px;
}

.HKL_juwindow .HKL_ju-x{ 
	float: right;
	margin: 2px 3px 0 0;
	width: 15px; height: 15px;
}
.HKL_juwindow .HKL_ju-tbox{ 
	height: auto;
	width: 100%; 
	margin: 0 auto;
	display: inline-block;
}
.HKL_juwindow p.ju-title{ 
	height: auto;
	width: 100%; 
	text-align: center;
	font-size: 15px;
	margin-top: 1px;
	font-weight: bold;
}
.HKL_juwindow p.ju-title a.ju-intext{ 
	font-size: 12px;
	font-weight: normal;
	color: #08C;
	text-decoration: underline;
}
.HKL_juwindow p.ju-title img{
    width:16px;
    height: 16px; 
	margin-bottom: -2px;
	margin-right: 3px;
}

.HKL_leftwind{ /*左邊耳朵收藏小視窗*/
	margin-left: -26px;
	margin-top: 35px;
	position: absolute;
}
/*Collect by ariel*/

.new_icon{/*導覽列上方加new*/
	width:30px;
	height:16px;
    float;: left;
	background-image:url(Beauty_New_Y.png);
	background-repeat:no-repeat;
	margin-top: -3px;
	margin-left: 20px;
	position:absolute;
}
.hot_icon{/*導覽列上方加hot*/
	width:39px;
	height:18px;
    float;: left;
	background-image:url(../images/hot-icon.png);
	background-repeat:no-repeat;
	margin-top: -13px;
	margin-left: 35px;
	position:absolute;
}
.new_icon{/*導覽列上方加new 20150703 by stan*/
	width:39px;
	height:18px;
    float;: left;
	background-image:url(../images/new-icon.png);
	background-repeat:no-repeat;
	margin-top: -13px;
	margin-left: 35px;
	position:absolute;
}
.info-acPic{ width: 90%; margin:  20px auto 45px auto; text-align: center;}



/*訂閱小跳窗-A1-MasterPage/C1-MemberCenter-AccountSetting/C1-MemberCenter-AccountSetting-ChangeMail*/
.sub-jump { 
	background: #fff; margin: 40px 100px; 
	position: absolute;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
	border-radius: 3px;
	padding: 5px;
	border:1px solid #CCCCCC;
	text-align: center;
}
.grui-form .form-unit .sub-jump > p, .HeaderEmail .sub-jump > p{ display: block; margin: 10px;}
.grui-form .form-unit .sub-jp-date, .HeaderEmail .sub-jp-date { margin: 10px auto ; width: 90%; padding: 10px 10px 5px 10px;  }
 .HeaderEmail .sub-jp-date {line-height: 32px;}
.grui-form .form-unit .sub-jp-date label { margin: 3px 0 0 7px; }
 .sub-jump .sub-jp-date label { margin: 9px 0 0 7px; }
.sub-jp-x { float: right; height: 15px; width: 15px;}
 .sub-jp-date > .btn-primary { margin-right: 7px;}

.sub-jump-index { margin-top: -32px; font-size: 13px;}
.HeaderEmail .sub-jump-index  > input { margin-bottom: -2px;}
.HeaderEmail .sub-jump .sub-jp-date label > a, .HeaderEmail .sub-jump .sub-jp-date label > a:link, .HeaderEmail .sub-jump .sub-jp-date label > a:visited .HeaderEmail .sub-jump .sub-jp-date label > a:hover, .HeaderEmail .sub-jump .sub-jp-date label > a:active{ color: #0088CC;}
/*訂閱小跳窗*/

/*APP限定*/
.cnt-box {
	margin-bottom: 15px;
	padding: 20px;
	border: 2px solid #CCC;
	background: #FFF;
}
.cnt-zone {
	margin: 20px 0;
}
.app-content {
	width: 400px;
	height: 267px;
	position: relative;
	float: right;
}
.app-pdname {
	width: 380px;
}
.app-download {
	position: absolute;
	bottom: -5px;
	width: 400px;
}
.download-qrcode {
	width: 125px;
	height: 125px;
	background: url(app-download.png) 0 0 no-repeat;
	float: left;
}
.download-appstone {
	width: 130px;
	height: 40px;
	margin-left: 140px;
	background: url(app-download.png) -127px -56px no-repeat;
}
.download-googleplay {
	width: 130px;
	height: 40px;
	margin-top: 10px;
	margin-left: 140px;
	background: url(app-download.png) -127px -5px no-repeat;
}
.app-download p {
	margin-top: 10px;
	padding-left: 10px;
	font-size: 14px;
	color: #BF0000;
	overflow: hidden;
}
.app-download-box {
	margin: 10px;
	padding: 20px;
	background: #F5F5EA;
}
.app-download-box h3 {
	margin-bottom: 10px;
	color: #BF0000;
	font: 24px/40px Arial,"微軟正黑體", Helvetica, sans-serif;
}
.mms-box {
	margin: 3px 50px 0 0;
	float: left;
}
.mms-title {
	display: inline-block;
	vertical-align: middle;
}
.mms-box input[type="text"] {
	padding-left: 3px;
	height: 22px;	
	border-radius: 3px;
}
.mms-box .phoneBTN {
	width: 54px;
	height: 30px;
	padding: 0;
	border: none !important;
	background: transparent url(ppon-pone_btn.jpg) 0 1px no-repeat !important;
	box-shadow: none !important;
	display: inline;
}
.mms-box .phoneBTN:hover {
background: url(ppon-pone_btn_hov.jpg) 0 1px no-repeat !important;
}
.btn-ios {
	width: 162px;
	height: 36px;
	display: inline-block;
	margin: 0 10px;
	background: url(app-download.png) -258px 0px no-repeat;
}
.btn-ios:hover {background: url(app-download.png) -258px -36px no-repeat;}
.btn-android {
	width: 162px;
	height: 36px;
	display: inline-block;
	margin: 0 10px;
	background: url(app-download.png) -258px -72px no-repeat;
}
.btn-android:hover {background: url(app-download.png) -258px -108px no-repeat;}

/*20140820 for stan 檔次前地區tag*/
.tag-location{border: 1px solid #666; padding:1px 4px 1px 4px; border-radius: 3px; margin-top:3px; margin-right: 5px; }
.tag-location-orange{border: 1px solid #f60;line-height:25px}
.MaindealTitle-tag .tag-location{ margin-right: 3px;}
.dealtitle-box-tag .tag-location{ margin-right: 3px;}

/*20140828 for stan menu-channel-warp*/
.menu-channel-warp{ width: 95%; margin: 10px auto; overflow: hidden;}
.menu-channel-warp h2{line-height: 40px; color:#666}
.menu-channel-warp *,
.menu-channel-warp *:before,
.menu-channel-warp *:after { 
		border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; padding: 0;  
}
.menu-channel-warp a { color: #16A085; text-decoration: none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.menu-channel-warp #menu-channel { background: #fff; }
.menu-channel-warp #menu-channel a { color: #676767; line-height: 40px; }
.menu-channel-warp #menu-channel a.back { color:#fff; }
.menu-channel-warp li a.nav{ }

.menu-channel-warp .sliding-menu { overflow: hidden; position: relative; border: 1px solid #cdcdcd;}
.menu-channel-warp .sliding-menu ul { float: left; margin: 0; background: #fff; }
.menu-channel-warp .sliding-menu li { list-style: none; margin: 0; border-bottom:1px solid #cdcdcd;    }
.menu-channel-warp .sliding-menu li:last-child{border-bottom:none;}
.menu-channel-warp .sliding-menu a { display: block; /*padding: 1em;*/ padding: 10px 10px 10px 10px }
.menu-channel-warp .sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 1em;  }
.menu-channel-warp .sliding-menu a.back { background: #c3c3c3; }
.menu-channel-warp .sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 1em; color: #fff;  }

.menu-channel-warp .menu-ch-icon{ width: 40px; /*height: 56px;  background: pink;*/ float: left; margin-right: 10px; }
.menu-channel-warp #menu-channel img{ width: 100%;}


.slideBox{ /*position:relative; overflow:hidden; margin:0px auto;  max-width:560px; background: pink;*/  /* 设置焦点图最大宽度 */ }
.slideBox{ overflow: hidden;}/*解決 手機板"今日熱銷"寬度破板問題 20150701 by stan*/
.slideBox .hd{ /*position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1;*/height:28px; line-height:28px; text-align: center; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#3b3b3b; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#bf0000;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; /*width:100%; 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .dts{ text-align: left;}
.slideBox h2{padding-left: 2.5%; /*line-height: 40px;*/ color:#666; margin: 10px 0 0 0; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;}

/*評價Form-by GiGi*/
.starbox {margin: 0 10px 10px;}
.positioner {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.starbox .colorbar, .starbox .ghost {
    z-index: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.starbox .stars {display: inline-block;}
.starbox .stars .star_holder {
    position: relative;
    z-index: 1;
}
.starbox .stars .star_holder .star {
    display: inline-block;
    vertical-align: baseline;
    background-repeat: no-repeat;
}
/* Override with your own image and size… */
.starbox .stars .star_holder .star {
    background-image: url(../images/5-large.png);
    width: 33px;
    height: 33px;
}
/* Override with your own colours… */
.starbox .stars {background: #cccccc;}
.starbox .rated .stars {background: #dcdcdc;}
.starbox .rated.hover .stars {background: #cccccc;}
.starbox .colorbar {background: #ffcc1c;}
.starbox .hover .colorbar {background: #ffcc1c;}
.starbox .rated .colorbar {background: #ffcc1c;}
.starbox .rated.hover .colorbar {background: #ffcc1c;}
.starbox .ghost {background: #a1a1a1;}
/*開窗獨立公告byErica*/
.post-wrap{
	width: 700px;
	padding: 20px;
	border: 1px solid #D0D0D0;
	border-radius: 5px;
	font-size: 15px;
	line-height: 22px;
	font-family:Arial, "微軟正黑體", sans-serif;
	background: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post-content{
	height: 394px;
	margin: 0px auto;
	padding: 20px;
	overflow-x: hidden; 
	overflow-y: auto;
	border: 1px solid #D0D0D0;
	background: #F7F7F7;
}
.post-content a{
	text-decoration: underline;
	color: #08C;
}

.post-content h1{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	line-height: 1.8;
	margin-bottom: 16px;
}

.post-content span{
	color: #BF0000;
	font-weight: bold;
}

.post-signature{
	margin: 50px 0px 34px 0px;
	text-align: right;
	padding-right: 10px;
}

.post-btn{
	margin-top: 25px;
	text-align: center;
}

/*結帳完成頁優化下方檔次*/

.local-title {
	margin: 20px 4px 0;
	padding-left: 1em;
	line-height: 2;
	color: #fff;
	background: #3F3F3F;
	font-size: 1.2em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;:
}
.evn-cop-buy-sf-box{
	width:310px; 
	height:auto;
	margin: 10px 3px;/*結帳頁下方 margin產生bug*/
	border: 1px solid #CCC;
	background: #FFF; 
	float:left;
}
.evn-cop-buy-sf-box:hover{border-color: #d00000;}
.evn-cop-buy-pic{
	width: 290px; 
	height: 162px; 
	margin: 10px auto; 
	position: relative;  
}
.evn-cop-buy-sold-out-bar-290 {
	width: 290px;
	height: 162px;
	z-index: 5;
	/*background: url(soldout_bar_290.png);*/
	left: 0px;
	top: 0px;
	position: absolute;
}
.evn-cop-action-expired-bar-290 {
	width: 290px;
	height: 162px;
	z-index: 5;
	background: url(soldout_bar_290_0.png);
	left: 0px;
	top: 0px;
	position: absolute;
}
.evn-cop-donationinfo, .evn-cop-acNotice{
	width: 282px; 
    height: 45px;
    text-align: center;
    margin: 5px auto 0 auto;
    overflow: hidden; 
    font-size: 26px; color: #f66; 

}

.evn-cop-acNotice{
    color: #BF0000;
}
.evn-cop-buytitle { 
    width: 282px; 
    height: 23px; 
	margin: 0 auto 0 auto; 
	font-size: 17px; color: #333; 
	line-height: 23px; 
	overflow:hidden; 
}
.evn-cop-buytitle a:link{color:#333;}
.evn-cop-buytitle a:hover {color:#333; text-decoration: underline;}
.evn-cop-buytitle a:visited {color:#333;}

.evn-cop-minorange-title{ 
    width: 282px; 
    height: 25px; 
	margin: 0 auto 5px auto; 
	font-size: 15px; color: #f60; 
	line-height: 22px;  
	overflow:hidden;
	border-bottom:#CCC 1px dashed; 
	overflow:hidden;
}
.evn-cop-minorange-title a { color: #f60; text-decoration:none;}
.evn-cop-buyinformation{ 
    width:282px; 
	height:40px;
	margin: 0 auto 5px auto; 
}
.evn-cop-dateinformation{ 
    width: 282px;
    height: 20px;
    font-size: 18px;
    text-align: center;
    margin: 0px auto 5px auto;
    color: #bf0000;
    padding: 10px 0;  
}
.evn-cop-discount{
	width:60px; 
	height:35px;
	font-size:26px;
	line-height:35px; 
	font-family:Arial, Helvetica, sans-serif; 
	float:left;
	overflow:hidden;
	border-right: 1px solid #FFCCBF;
	color: #bf0000;
	margin-right: 10px;
}
.evn-cop-discount .smalltext{
	font-size: 13px;
}
.evn-cop-buytotle{ 
    width:110px; height:35px;
	font-size:31px;
	line-height:35px; 
	font-family:Arial, Helvetica, sans-serif; 
	float:left;
	overflow:hidden;
}
.st-e-cop-buybtn{ 
    width:91px; 
	height:32px;
	line-height:32px; 
	float:right; 
	font-size:19px; 
	font-weight:bold;
	background:url(e_cop_1bn-bg.jpg) 0 0 repeat-x;
	color:#FFF;
	text-align:center;
	margin-top:3px;
	background:linear-gradient(top,#fc3030,#df1313);
    background:-moz-linear-gradient(top,#fc3030,#df1313);
    background:-webkit-linear-gradient(top,#fc3030,#df1313);
	box-shadow: 0px 2px 2px rgba(0%, 0%, 0%, .3);
	
}
.st-e-cop-buybtn:hover{ 
	background:url(e_cop_1bn-bg.jpg) 0 -37px;
	background:linear-gradient(top,#ff4242,#f32727);
    background:-moz-linear-gradient(top,#ff4242,#f32727);
    background:-webkit-linear-gra
    dient(top,#ff4242,#f32727);
}
.ly-e-cop-ppon{ width:100%; height:54px; border-bottom:1px solid #CCC; color:#333; font-size:36px; margin-bottom:5px;}
.ly-e-cop-tab{ 
    width:100%; 
	padding:20px 0 40px 0;
	position: relative;
	text-align: center;
}
/*1222 品生活M版活動頁*/
.evn-cpp-pinnlife-box-3column{ 
    width:330px; 
	height:auto; 
	float:left;
	margin: 4px 8px;
	border: 1px solid #CCC;
	background: #FFF;
}

.evn-cpp-pinnlife-pic-3column{
	width:282px;
	height:152px; 
	margin:10px auto;
	position: relative;
}
.evn-cpp-pinnlife-sold-out-bar-3column,.evn-cpp-pinnlife-coming-bar-3column{
	width:282px;
	/*height:243px;*/
	z-index: 5;
	left: 0;
	top: 0;
	position: absolute;
}
.evn-cpp-pinnlife-date-coming-bar-3column{
	width:282px;
	height:153px; 
    background-repeat: no-repeat;
    background-image: url(date_coming_bar_440.png);
    background-position: 50% 50%;
    background-size: 100% auto;
    display: block;
    position: absolute;
    top:0;
}
.evn-cop-piin-text-width-3column{ width:278px;}
.evn-cop-piin-text-org-width-3column{ width:278px; height:auto; border:none; padding-bottom:8px;}

.date-coming-text-3column{
     width:100%;
     color:#FFF;
     font-size:20px;
     padding: 68px 0px;
     display:block;
     text-align: center;
     line-height: 18px;
}

.st-e-cop-buybtn-piin{ 
    width:91px; 
	height:32px;
	line-height:32px; 
	float:right; 
	font-size:19px; 
	font-weight:bold;
	background:url(e_cop_1bn-bg_piin.png) 0 0 repeat-x;
	color:#FFF;
	text-align:center;
	margin-top:3px;
	background:linear-gradient(top,#fc7d49,#d44911);
    background:-moz-linear-gradient(top,#fc7d49,#d44911);
    background:-webkit-linear-gradient(top,#fc7d49,#d44911);
	box-shadow: 0px 2px 2px rgba(0%, 0%, 0%, .3);
	
}
.st-e-cop-buybtn-piin:hover{ 
	background:url(e_cop_1bn-bg_piin.png) 0 -37px;
	background:linear-gradient(top,#f98759,#d15522);
    background:-moz-linear-gradient(top,#f98759,#d15522);
    background:-webkit-linear-gra
    dient(top,#f98759,#d15522);
}

/* 20150316 現金券視窗*/
.message_box_wrapper{
	position: relative;
}
.message_box_wrapper .form-unit p.cancel-mr {
	padding: 0px;
}
.message_box{
	width: 500px;
	background: #fff;
	border: 2px solid #CCC;
	position: absolute;
	top:55px;
	left: 60px;	
	box-shadow:0 0 20px 0 #999;
}
.message_box_arrow{
	margin:-5px 230px 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 8px;
	border-color: transparent transparent #fff transparent;
}
.message_box_main{
	padding: 20px;
}
.message_box_main ul{
	max-height: 164px;
	overflow-y:auto; 
	margin: 10px 0 10px 0;
	border: 1px solid #ccc;
}
.message_box_main ul li{ 
	border-bottom: 1px solid #ccc;
}
.message_box_main ul li:last-child{
	border-bottom: none;
}
.message_box_main ul li a{
	text-decoration: none;
	display: block;
	padding:5px 0 5px 5px;	
}
.message_box_main ul li a:hover{
	background: #FDFFCA;
}
.message_box_main ul li a.on{
	background: #FFDDD0
}
.message_box_main ul li a i{
	display: none;
}
.message_box_main ul li a.on i{
	display:inline-block;
}
.message_box_main ul li .cover{
    background: rgba(0,0,0,0.5);
    color: #fff;
    position: absolute;
    width: 100%;
    text-align: center;
}
.message_box_main ul li .cover_m{
    background: rgba(0,0,0,0.5);
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 82px;
}


.message_box_main .message_nonuse{
	margin: 10px 0 10px 0;
	border: 1px solid #ccc;
	padding:10px 0 10px 5px;
	text-align: center;
}
.message_box_main p.note{ 
	font-size: 12px;
	color: #666;
	margin: 0 0 10px 0;
}
.message_box_main p.cancel-mr{
	text-align: center;
}
.message_box_main p.conform {
	color: #666;
	font-size: 60%;
}
.message_box_main p.conform-m {
	color: #666;
	font-size: 60%;
	margin-right: 5px;
}
/* 20150316 現金券視窗 for RWD*/
.message_box_MoneyTicket .message_box_main{
	padding: 0 10px 0 10px;
}
.message_box_MoneyTicket .message_box_main ul{
	max-height: none;
}
.message_box_MoneyTicket .message_box_main ul li a{
	padding:15px 0 15px 15px;	
}
.message_box_MoneyTicket .message_box_main ul li a:hover{
	background: none;
}
.message_box_MoneyTicket .message_box_main ul li a.on{
	background: #FFDDD0;
}
.message_box_MoneyTicket .message_box_main ul li:nth-child(even){
	background: #eee;
}
.message_box_MoneyTicket p.message_box_main_title{
	display: inline-block;
	line-height: 46px;
}
.message_box_MoneyTicket p.cancel-mr{
	display: inline-block;
	float: right;
}


/*****
*
*銀行專區 201506 by stan
*
*****/
.topbn_bank_wrap{
	/*background: pink;*//*可放背景大圖*/
	background: url(https://www.17life.com/images/17P/17topbn/bank/bank_1920.jpg) center no-repeat ;
	width: 100%;
	margin: 0 auto 20px auto ;
	
}

.topbn_bank_wrap .topbn_bank{ margin: 0 auto; max-width: 960px; text-align: center; position: relative;}
.topbn_bank_wrap .topbn_bank img{ width: 100%;}
.topbn_bank_wrap .topbn_bank .link_17life a{ position: absolute; top: 10px; left: 10px; width: 60px; display: none;}
.topbn_bank_wrap .topbn_bank .link_17life img{ width: 100%}

.bank_content .bank_logo{ width: 150px; height: 40px; overflow: hidden; margin-bottom: 10px;}
.bank_content .bank_logo img{width: 100%;}

ul.nav_bank{  margin-bottom: 20px; }
ul.nav_bank li{ float: left; font-size: 150%; width: 25%; text-align: center; line-height: 40px;}
ul.nav_bank li a{ display: block; height: 40px; cursor: pointer; }
ul.nav_bank li a:hover{color:#eb7688;  /*border-bottom: 3px solid #eb7688; margin-bottom: -3px;*/}
ul.nav_bank li a.nav_tab_on{ color:#eb7688;  border-bottom: 3px solid #eb7688; margin-bottom: -3px;}

ul.nav_bank i{float: left; font-size: 70%;  line-height: 40px; padding-left: 30%; padding-right: 5px;}
ul.nav_bank li a span{float: left; margin-right: 5px;}
/*ul.nav_bank li a.on{ color:#eb7688;  border-bottom: 3px solid #eb7688; margin-bottom: -3px;}*/
ul.nav_bank:after {content: ''; display: block; clear: both;}

.grid_bank{ clear: both; margin-top: 20px; }
.grid_bank .bank_item { /*width: 310px;*/ width: 32%; float: left; margin:0 18px 15px 0;  /*border: 1px solid #cdcdcd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)*/}
.grid_bank .bank_item img{ width: 100%;}
.grid_bank .bank_item:nth-child(3n) { float: right; margin: 0 0 15px 0;}
.grid_bank:after {content: ''; display: block; clear: both;}
.grid_bank .bank_item a{ display: block;   border: 1px solid #cdcdcd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.grid_bank .bank_item a:hover{   border: 1px solid #eb7688; }

.bank_content_wrap{ margin-top: 20px; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;}
.bank_content_wrap h3{ font-size: 150%; margin:0 0 10px 0; }
.bank_content_wrap .bank_content{ background: #fff; color: #555; line-height: 1.5; padding: 15px; margin-bottom: 20px; border: 1px solid #cdcdcd; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
.bank_content_wrap .bank_content span{color: #eb7688}
.bank_content_wrap .bank_content span.note_s{ color: #999; font-size: 80%;}
.bank_content_wrap .bank_content li{ margin-bottom: 10px;}

.bnak_btn_wrap{ font-family: Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif; text-align: center; color: #666; margin: 40px 0 40px 0;  }
.bnak_btn_wrap h4{ text-align: center; font-size: 100%;}
.bnak_btn_wrap .btn_buy {width: 40%; margin: 10px auto 20px auto; border-radius: 5px;}
.bnak_btn_wrap .btn_buy a{display: block; color: #fff;  padding: 15px 0px 15px 0px ; font-size: 120%;}
.bnak_btn_wrap .btn_buy a:hover{ color: black; background: #bf0000;  color: #fff; border-radius: 5px;}

#tab_content_3 .grid_bank { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); margin-top: 0;}
.grid_bank table { width: 100%; border: 1px solid #cdcdcd;}
.bank_M_logo { display: none;}
.grid_bank td, .grid_bank th { background: #fff; font-size: 80%; color: #333; text-align: center; padding: 8px; border-bottom: 1px solid #cdcdcd;}
.grid_bank a { color: #eb7688; text-decoration: underline;}
.grid_bank th { font-size: 100%; font-weight: bold; border-bottom: 1px solid #cdcdcd;}
h2.toptitle { font-size: 120%; background: #cdcdcd; padding: 8px; text-align: center;}
.grid_bank ul { padding: 15px; background: #fff; border: 1px solid #cdcdcd; border-top: 0;}
.grid_bank li { margin-bottom: 8px; font-size: 80%;}
.grid_bank .bank_import { width: 100%; background: #fff; border: 1px solid #cdcdcd;}
.grid_bank .bank_import hr { width: 98%; margin:  0 8px; margin-bottom: 8px;}
.grid_bank table.bank_information { border:0;}
.grid_bank table.bank_information td { text-align: left; vertical-align: middle; line-height: 20px;}
.grid_bank table.bank_information td.first_td { border-right: 1px solid #cdcdcd; text-align: center;}

/*策展子分類*/
.Curatorial-Sort {
	display: none; /*企劃確認樣式後可隱藏，顯示與否交由技術端判斷*/	
	margin-bottom: 10px;
	line-height: 18px;
	color: #666;
	width: 100%;
	max-height: 74px; /*201607 開放特選活動 可以到第二排*/
	overflow: hidden;/**/
}
.Curatorial-Sort h6{
	float: left;
	font-size: 14px;
	margin: 5px 5px 5px 0;
	padding: 0px 8px;
	color: #fff;
	background: #f23082;
	border-radius: 5px;
	line-height: 20px;
}
.Curatorial-Sort .NaviCityW {
	border-radius:0; 
	border: none;
	box-shadow:none;
	background: #ffe6f1;
	padding: 0 5px;
}

.Curatorial-Sort .NaviCityW .NaviCitySort .NaviCitySortRank > ul > li{
	margin:1px 0 5px 0; /*201607 開放特選活動 可以到第二排*/
	line-height: 20px;
	font-size: 14px;
}

.Curatorial-Sort .NaviCityW .NaviCitySort .NaviCitySortRank{
	margin: 0px 0 0 0;
}
.Curatorial-Sort .NaviCityW .NaviCitySort .NaviCitySortRank a:hover{
	background: none;
	color: #f23082;
}


/*201509 台新儲值支付 by Stan*/
.lmMemoryLog-wrap{ position: relative;}
.lmMemoryLog-wrap .surplus{  line-height: 30px; }
.lmMemoryLog-wrap .surplus img { margin-top: -5px; width: 21px; height: 21px; height: auto; vertical-align: middle; cursor: pointer; display: inline-block;}
.lmMemoryLog-wrap .surplus a{color: #08C;}

.lmMemoryLog-wrap .lmQuestionIcon:hover > .lmMemoryLog-box {  display: block;}
.lmMemoryLog-wrap .lmMemoryLog-box { 
	width: 280px;
	background: #E2E2E2;
	background: rgba(0,0,0,0.8);
	color: #fff;
	padding: 5px;
	position: absolute;
	left: 190px;
	top:30px;
	display: none;
}
.lmMemoryLog-wrap .lmMemoryLog-box p { font-size: 12px; line-height: 16px;}

.note-text-wrap {display: inline-block; position: relative;  }
.note-text-wrap img{vertical-align:middle; margin-top: -5px; cursor: pointer;}
.note-text-wrap a{ text-decoration: none;}
.note-text-wrap a:hover{ text-decoration: none;}
.note-text-wrap img:hover{ text-decoration: none;}
.note-text-wrap .note-text-box{  
	position: absolute; 
	top: -5px; 
	left: 25px; 
	min-width: 240px; 
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-size: 12px; line-height: 16px;
	padding:10px; 
	display: none;
	z-index: 100;
}
/*訂單憑證列表專用 201603 by stan*/

.OrderState > .note-text-wrap {display:block;}
.OrderPonState > .note-text-wrap {display:block;}
/*.OrderState > .note-text-wrap > .note-text-box{
	top: 25px; 
	left: 0px; 
	min-width:auto;
}
.OrderPonState > .note-text-wrap > .note-text-box{
	top: 25px; 
	left: 0px; 
	min-width:auto;
}
*/

.taishin_btn .btn-mini{ margin-top: -3px; margin-left: 5px; }

/*憑證檔次商家網頁*/
.store-info .DealPriceInfo {
	width: 200px;
	padding-left: 6px;
	background: #fff;
}
.store-info #MainPic {
	margin: 0;
}
.store-info .DealPriceInfo .tag_place {
	font-size: 12px;
    line-height: 18px;
    margin: 3px 5px 3px 0;float: left;
    border-radius: 20px;
    background: #999;
    color: white;
    padding: 0px 7px;
}
.store-info .DealPriceInfo .tag_title {
	max-width: 100%;
	height: 40px;
	line-height: 20px;
	margin-bottom: 3px;
	float: left;
    overflow: hidden;
    font-weight: bold;
    color: #F60;
}
.store-info .DealPriceInfo .tag_subtitle {
	width: 100%;
	height: 36px;
	line-height: 18px;
	margin-bottom: 30px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
}
.store-info .DealPriceInfo .TimerTitleField {
	border-bottom: none;
	margin-bottom: 20px;
}
.store-info .DealPriceInfo .tag_buycounter {
	margin-right: 10px;
}
.store-info .DealPriceInfo .icon-clock-o {
	margin: 0 1px auto 5px;
	float: left;
    font-size: 18px;
}
.store-info .DealPriceInfo .TimerField {
	margin-top: 0px;
}

.store-info .DealPriceInfo .TimeDayCounter {
	margin: 0px 0 0 5px;
    line-height: 18px;
}
.store-info .DealPriceInfo .TimeCounter {
	margin: 0px 0 0 0px;
	line-height: 18px;
}
.store-info .DealPriceInfo .TimeConUnit {
	line-height: 18px;
}
.store-info .DealPriceInfo .TimeConDigit {
	font-size: 16px;
	line-height: 18px;
}
.store-info .DealPriceInfo .discount {
	top:133px;
}

/*憑證檔次商家網頁-piinlife deal*/
.store-info.pinn-info #MainPic {
	height: 192px;
}
.store-info.pinn-info .DealPriceInfo .tag_title {
	margin-top: 10px;
}
.store-info.pinn-info .DealPriceInfo {
	height: 201px;
}
.store-info.pinn-info .SoldOut_Bar_480 {
	height: 198px;
}
/*新光專區索取成功 20160301 開始*/
.succeed_skm .w100{
	width:100%;
	line-height:2;
}
.succeed_skm .w100 a{
	color:#08c;
}
.succeed_skm .qrCode_skm{
	text-align:center;
	padding-top:10px;
	font-size:13px;
}
/*新光專區索取成功 20160301 結束*/

/*開放新的評價撰寫入口 201603*/
.float_left{
	float:left;
}
.display_none{
	display:none;
}
.display_block{
	display:block;
}
.display_inline{
	display:inline-block;
}
.mc-tableContentITEM > .OrderCouponState > span.rd-float-lft{margin-right:5px;}
tr.mc-tableContentITEM td.OrderPonState > span.btn-mini{margin-top:-5px;}

/*開放新的評價撰寫入口 201603 end*/

/* 首頁與檔次頁中，評價五星的樣式 */
.rating .fa{
  color: #F60;
  font-size:18px;
  margin-right:-1px;
}
.rating .rating_count{
  color:#999;
  font-size:14px;
  margin-left:2px;
}
.rating.insufficient .fa{
  color:#999;
}
/*永久隱藏17life全站各頁中早已失去作用、且有另外新機制運作中的舊版訂閱彈窗*/
#TaiShinPop ,.EventMailSub{
	display:none;
}

/* 2016 1111 Event */
.HKL_Button_to_event_page{
	width: 40px;
	height: 40px;
	margin-left: 970px; 
	position: fixed;
	z-index: 75;
	bottom: 15%;
	cursor: pointer;
	display: none;
	border: none;
}

/* 161205_信用卡行銷 start */
.cc_marketing{
    width:94%;
    padding:10px 3%;
    margin-bottom:10px;
}
.cc_marketing div{
    float:left;
    width:100%;
    line-height:27px;
    margin-bottom:2px;
    background-color:#FCF5E6;
}
.cc_marketing div span{
    float:left;
    width:8%;
    margin-top:5px;
    text-align:center;
}
.cc_marketing div span img{
    height:17px;
}
.cc_marketing div strong{
    float:left;
    width:92%;
    font-weight:200;
}
@media screen and (max-width:560px){
.cc_marketing div span{
    width:15%;
}
.cc_marketing div strong{
    width:85%;
}
}
/* 161205_信用卡行銷 end */

/*20161226 現金券中繼頁*/
#event_wrapper{
    background: #fff;
    border: 2px solid #CCC;
    width: 696px;
    margin-bottom: 30px;
    position: relative;
}
#event_wrapper .bx-prev-pc{
    position: absolute;
    z-index: 50;
    width: 25px;
    height: 70px;
    font-size: 70px;
    text-align: center;
    color: #ccc;
    opacity: 0.5;
    padding: 0 8px 0 5px;
}
#event_wrapper .bx-next-pc{
    position: absolute;
    right: 0;
    z-index: 50;
    width: 25px;
    font-size: 70px;
    text-align: center;
    color: #ccc;
    opacity: 0.5;
    padding: 0 5px 0 8px;
}
#event_wrapper .slider_btn a:hover{
    background: #bbb;
    opacity: 0.5;
    color: #fff;
    transition: background-color 0.2s, color 0.2s;
}
#event_wrapper .event_slider{
    overflow: hidden;
    height: 70px;
}
#event_wrapper .event_slider li{
    position: absolute;
    width: 100%;
    text-align: center;
    display: none;
}
#event_wrapper .event_slider li:first-child {
    display:block;
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
    #event_wrapper{
        margin: 0 auto;
    }
}
@media only screen and (max-width : 767px) {
    #event_wrapper_mb {
        overflow: visible;
    }
    #event_wrapper_mb .slider_btn {
        font-size: 61px;
    }
    #event_wrapper_mb .event_slider {
        position: relative;
        margin-bottom: 10px;
    }
    #event_wrapper_mb .event_slider div {
        display: inline-block;
        margin-right: 10px;
        box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
        text-align: center;
        width: auto;
    }
    #event_wrapper_mb .event_slider img {

    }
    #event_wrapper_mb .bx-prev-mb {
        position: absolute;
        z-index: 50;
        width: 40px;
        text-align: center;
        color: #ccc;
        opacity: 0.5;
        left: -20px;
    }
    #event_wrapper_mb .bx-next-mb {
        position: absolute;
        right: -20px;
        z-index: 50;
        width: 40px;
        text-align: center;
        color: #ccc;
        opacity: 0.5;
    }
    #event_wrapper_mb .bx i {
        line-height: 79px;
    }
    #event_wrapper_mb .swiper-button-next {
        /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
    }
    #event_wrapper_mb .swiper-button-prev {
        /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");*/
    }
}

/* 20170222 在表單(grui)中，加入一高階層的checkbox格式 */
.signle_form_unit{
  width:100%;
  text-align:center;
  margin-bottom:10px;
  margin-top:20px;
}
.signle_form_unit input{
  vertical-align:top;
  margin-top: 4px;
}
.signle_form_unit p{
  display:inline;
}

/* 20170222(提案單) 泛用的class */
.btn-half{
  float: left;
  width: 50%;
}
.btn-half .btn{
  width: 94%;
  padding: 12px 0;  font-size: 18px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.btn-half:first-child .btn{
  margin-right: 3%;
  margin-left: 3%;
}
.btn-half:last-child .btn{
  margin-left: 3%;
  margin-right: 3%;
}
.btn-half:only-child{
    margin-left:25%;
}
.pull-right{
  float: right;
}
.pull-left{
  float: left;
}

/*****
*
*檔次menu 自動產出在詳細介紹 20170623 by stan
*
*****/

/*檔次menu*/
.EntryContentLeft .content-menu {
    background: #fff;
}

.EntryContentLeft .content-menu .mgs-item-box {
    cursor: text;
}

.EntryContentLeft .content-menu .mgs-item-box:hover {
    border: 1px solid #6e6e6e;
}

.EntryContentLeft .content-menu span.title-tag{
    font-size: 14px;
    line-height: 16px;
    background: #08C;
    border-radius: 15px;
    padding: 2px 5px;
    margin-right: 5px;
    color: #fff;
} 
.EntryContentLeft .content-menu p.note{
    color: #666;
    padding: 0 0 0 15px;

}