/*all resolution setting*/
img { height: auto; max-width: 100%; }
.rdl-tittleText, .rdl-FStittText{ display: none;}

/*screen resolution width >= 1280px setting*/ 
@media screen and (min-width: 1280px) {
.ch-fami, .ch-itemdeli-mb, .ch-beauty-mb, .rd-mc, .rd-btn { display: none; }
#mc-table .rd-table .mc-tableContentITEM .rd-Detailtitle {display:none; }
.rd-DisplayPanel, .rd-layout-switch, .mbe-menu-btn, .mbe-nav-city, .mbe-channel {display:none; }
}

/*screen resolution width >= 1000px setting*/ 
@media screen and (min-width: 1000px) and (max-width: 1279px) {
.ch-fami, .ch-itemdeli-mb, .ch-beauty-mb, .rd-mc, .rd-btn { display: none; }
#mc-table .rd-table .mc-tableContentITEM .rd-Detailtitle {display:none; }
.rd-DisplayPanel, .rd-layout-switch, .outside_AD, .mbe-menu-btn, 
.mbe-nav-city, .mbe-channel {display:none; }
}

/*screen resolution width >=768px for pad portrait setting*/
@media screen and (min-width: 768px) and (max-width: 1000px) {

.center { width: 95%; }

.part-17life, .part-pez-cert, .part-serivce, #EmailTitle,
.ch-qa, .mc, .member-name, .White, #Login img, .outside_AD,
#Rightarea, .nc_deal_sort, .Encore,
.TimeropenIcon, .HKL_MaindealTitle, .NEW-SoldOut-Block, .share, 
.EntryTitle.ET_4, .NavAD_sp, .outside_AD, 
.pop-confirm, .mbe-menu-btn, .mbe-nav-city, .mbe-channel { display: none; }

.p3footer .footer_content, #middle, .HaokangList, .Maindeal,
.MaindealMiddle, #maincontent ,#Left, .info_bar
 { width: 100%; height: auto; }

#Login { font-size: 14px; }
.LoginBox { width: auto; margin: 10px 5px 0 0; }
.HKL_MainDealProductName, .HKL_MaindealTitle { width: auto; margin: 0 5px; }
#Headermiddle, #middle, .DealPriceInfo.deal-detail-overwrite { height: auto; }
.p3footer .footer_logo { margin: 0 auto; }
.p3footer .info-17life { width: 100%; padding: 0; text-align: center; }
a.rd-layout-switch { margin-top: 20px; display: block; font-size: 18px; color: #999; text-decoration: underline; }

#PponLOGO { width: 150px; height: 40px; float: left; margin: 5px; background: url(http://www.17life.com/Themes/default/images/17life/G2/RWD/ppon-M1_LOGO.png) no-repeat;}
#TOPBanner { width: 100%; }
#newscontent > img { display:none; }
#navi { height: 35px; border-bottom: 2px solid #BF0000; background: #333; }
#navimain ul { width: 100%; margin: 0 auto; }
#navimain li { width: 14.2%; }
.navbtn {
	width:100%;
	height:35px;
	padding: 0;
	background: #333333;
	font: 16px/35px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
}
.navbtn:hover,.navbtn:active {
	background: #BF0000; 
	border:0;
}
.navbtn_inpage{
	width:100%;
	height:35px;
	padding: 0;
	background: #BF0000;
	font: 16px/35px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
}

.ch-itemdeli, .ch-beauty { display: none; }
.ch-fami, .ch-itemdeli-mb, .ch-beauty-mb { display: block; }
.rd-mc, .rd-btn { display: inline; }
#NaviCity a { padding: 0 15px; }
#navimain, .NaviCityMain { width: 100%; height: auto; text-align: center; }
.NaviCityMain a { font-size: 16px; }
.Maindeal, #maincontent .forsdeal, #Entry { width: 696px; margin: 10px auto; padding-bottom: 0px; }

/*A1-TodayDeal-by-TouNeko*/
.BigDeal { display: none; }
#AlldealGoods, .tc_small_content_area { width: 690px; margin:0 auto; }
.tc_small_content_area .s_content_box { margin: 15px; }

/*B1-Payment-by-alan*/
#Rightarea.rd-payment-qma, .rd-payment-words-hide, .grui-form .form-unit.rd-payment-form-unit-disappear { display:none;}
.TOPBanner, .safelycode {display:none;}
#Left { float: none; }
#Left.rd-payment-Left-width {width:100%; margin:0 auto;}
h1.rd-payment-h1 {width:auto;}
hr.header_hr.rd-payment-width { width:auto;}
#maincontent.clearfix {width:auto; margin:0 auto;}
#maincontent .content-group.payment { width: auto; min-height: auto; margin-top: 10px; padding: 15px; }
#maincontent .content-group.payment h2.rd-payment-h2 {width:auto; padding:5px 0;}
#maincontent .content-group.payment .info_bar {height:70px;}
#maincontent .content-group.payment .info_bar.rd-payment-hide {display:none;}
#maincontent .content-group.payment h2.rd-fd-title { padding: 0; }
.grui-form {width:auto; text-align:left; padding:5px; }
.grui-form .form-unit .data-input p.subnote { margin-left: 0; }
.grui-form .form-unit .data-input p.subnote.rd-payment-margin-zero {margin: 5px 0 10px 10px;}
.grui-form .form-unit.rd-pay-margin {margin-left:8%;}
.grui-form .form-unit .data-input.rd-pay-margin {margin-left:5%;}
.grui-form .form-unit .data-input.rd-pay-span-ctr { margin-left: 0; width: auto; text-align:center; }
.grui-form .form-unit .data-input .input-credit { width:15%;}
.grui-form .form-unit .data-input .align-fix { margin: 0; }
.grui-form .form-unit.end-unit.rd-pay-pos-fix { margin-left: 0px; }
.grui-form .form-unit .data-input select.rd-fd-select { width: 100%; }
.grui-form .form-unit .data-input p.cancel-mr { margin-right: 0; }
.rd-letter-spacing {letter-spacing:-1px;}
.btn.btn-mini.rd-margin { margin-left:5%;}
.info_bar .share .share_text.rd-share-text {line-height:20px; margin-bottom:10px;}

/*C1-MarberCenter-OrederList-by-ariel*/
.rd-C-Hide {display: none;}  
.rd-float-lft { float:left;} 
.rd-float-right { float:right;}
.rd-DisplayPanel { display: inline; }
.rd-redColor{ color:#bf0000; }
.mc-order-states, .OrderAmount, .rd-PastCustomer, #mc-tableContentTitleRight,
.OrderNumber, .OrderTrustState, .OrderDetailSale , .OrderDetailSubTotal, .btn-return, .CashCouponsDate, .CashCouponsUseDate {display: none;}
.tag-visable { display: block !important; }
.OrderSerial:before { content:"訂單編號：";}
.center .mc-navbar { width: 100%; height:29px; margin-top: 0; display:inline-block; }
.center .mc-navbar .mc-navbtn { box-sizing: border-box; -moz-box-sizing: border-box; width: 33.3%; margin:0;border: 1px solid #CCC;border-radius: 5px 5px 0 0;border-bottom: #e4e4e4; border-left: 1px dotted #CCC; padding:0 1px;}
.center .mc-navbar .mc-navbtn a: {display:inline;}
.center .mc-content { width: auto; margin-top:2px;}  
#mc-table .rd-table{ width: 100%; }
#mc-table .rd-table .mc-tableContentITEM .rd-Detailtitle{display:inline;}
#mc-table .rd-table td{text-align: left; padding: 0 5px; font-size:12px; border:none;}
#mc-table .rd-table .OrderDate, .OrderSerial, .OrderName, .OrderExp, .OrderCouponState, .OrderState { width: 100%; display : block;  }
#mc-table .rd-table .OrderDate {margin-top:8px;}
#mc-table .rd-table .OrderExp { color:#bf0000; padding-bottom:3px;}
#mc-table .rd-table .OrderCouponState { width:97%;text-align:right;height:20px; margin-bottom:10px;} 
#mc-table .rd-table .OrderState { width:97%; text-align:right; height:20px; margin-bottom:15px; } 
#mc-table .rd-table .OrderState .LastDate { width: auto; }
#mc-table .rd-table .OrderCouponState .rd-c1-mcorbtn-mini{padding: 0 3px;font-size: 11px;}
#mc-table .rd-table .OrderCouponState br{display: none;}
#mc-table .rd-table .OrderName #mc-tableContentTitleLeft { margin:0 -2px 0 0; font-size:12px;}

/*C1-MarberCenter-AccountSetting/orderdetail-by-ariel*/
#mc-table .rd-mcOrdetail{width:100%;} 
#mc-table .rd-mcOrdetail th{width:100%;display:block;}
#mc-table .rd-mcOrdetail .OrderItemName, .OrderSN, .OrderCode, .OrderEXP, .OrderPonState, 
.OrderAddressee, .OrderAddrPhone, .OrderAddrAdd, .OrderDeliverInfo,
.OrderDetailItemName, .OrderDetailPrice, .OrderDetailAmount, .OrderDetailTotal, .OrderPayTotal, .OrderReturnDate, .OrderReturnAmount, .OrderReturnCash, .OrderReturnProcess, .OrderPayPEZ, .OrderPayBonus,
.OrderPayCash, .OrderPayCredit, .OrderPayAtm, .OrderPayCoupon, .OrderGetPon {width: 96%; display : block;}
.OrderGetPon:before { color:#BF0000; content:"索取憑證:";}
.order-get-coupon-box { width: auto; margin: 5px; padding: 5px 0 0 0; }
.order-get-coupon-box a:first-child { display: none; }
.rd-text-rg { text-align:right; width:100%;display:block;}
#mc-table .rd-mcOrdetail .mc-tableContentITEM td{ width:96%;text-align:left; border:none;}
.mc-addressee-box .form-unit.end-unit { margin-left: 0px; }
.mc-cash-states { padding: 10px; }
.mc-cash-states { padding: 10px; }
.order-atm-info, .order-atm-header { padding: 10px 0;}

/*A2-multi-grade-by-TouNeko*/
.Multi-grade-Setting, .Multi-grade-Setting .mgs-boxtitle, .pop-window { width: 100%; box-sizing: border-box; }
.Multi-grade-Setting .mgs-item-box { width: auto; margin: 15px; display: block; }
.Multi-grade-Setting .mgs-item-box .mgs-discount { width: auto; display: block; }
.Multi-grade-Setting .mgs-item-box .mgs-content { width: 100%; box-sizing: border-box; border-bottom: 1px solid #E0C698; }
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-title { font-size: 15px; line-height: 20px; }
.Multi-grade-Setting .mgs-item-box .mgs-price-box .mgs-price { display: inline; }
.Multi-grade-Setting .mgs-item-box .mgs-price-box { width: auto; float: left; margin: 13px; }
.Multi-grade-Setting .mgs-item-box .mgs-buy-box { width: auto; float: right; }
.Multi-grade-Setting .mgs-total-amount { margin: 15px; }
.MGS-XX { width: 100%; height: auto; margin-bottom: 10px; position: static; text-align: center; background: none; }
.MGS-XX input { display: inline-block; }

/*H-17lifeMember.html-ariel*/
.rdl-Tdis{ display: block;}
.Cityarea, .CityTop, .HomepageMarketingBn, .HomePageCityBottom, .LifeMemberAgree br, .LifeMemberAgree .rwd-wh,
.LifeMemberTopText img, .LifeMemberLoginPicText, .LifeMemberLoginPic, .LifeMemberAgreeError br, .LifeMemberAgreeError .rwd-wh, .lmbeclogingBtn2, .lmbeclogFBPEZTi, .header_btn_box { display: none;} 
.LifeMemberNote, .LifeMemberVerification, .LifeMemberVerification.LifeMemberVFCodeText,
.LifeMemberInfo_f li, .LifeMemberAgree, .LifeMemberAgreeError, .meeaar, .LifeMemberFirstShopping, 
.Homepagemiddle, .Homepagecenter{ width: 90%;}
.LifeMemberFrame, .LifeMember , .LifeMemberTop { width: auto; }
.rdl-LMberCt-pad{ height: 560px;}
.HomepageLogin { width: 30%;}
.LifeMemberTopText { font-size: 21px; width: 100%; margin: 0 auto; text-align: center;}
.rdl-tittleText{ display: none;} 
.LMInfo ,.LMInfo ul.LifeMemberInfo, .LMFirstShopping, .LMFirstShopping ul.LMFShoppIn, .LifeMemberConfirmMessage, .LMPasswordFrame ul.LMPasswordIn, .LifeMemberConfirmRemarks, .PezFbFillInEmail,.PezFbFillInEmail ul { width: 94%; padding: 12px 20px 20px 20px;}
 
.LifeMemberInfo li, .LifeMemberInfo li:hover, .LMInfo li.LifeMemberInfoColor, .LMPasswordIn li, .LMPasswordIn li:hover, .LMPasswordFrame li.LMPasswordInColor, .LMPasswordFrame li.LMPasswordInColor:hover{ width: 94.5%; padding: 0 17px; }
.LMFShoppIn li, .LMFShoppIn li:hover, .LMFirstShopping li.LMFShoppInColor, .PezFbFillInEmail li, .PezFbFillInEmail li:hover, .PezFbFillInEmail li.PezFbFillInColor { width: 95.5%; padding: 5px 14px; height: auto; margin: 8px 0;}

.LifeMemberInfoTittle, .LifeMemberFirstShoppTittle, .LMFShoppTittle, .LMPasswordFrameTittle { width: 30%; font-size: 15px; letter-spacing: 0em;}
.LifeMemberText input, .LMPasswordFrameText input{ width: 33%; font-size: 14px;}
.LifeMemberText select{ width: 30%;  font-size: 14px;}
.LifeMemberNote, .LMFShoppNote, .LMPasswordFrameNote{ width: 100%; margin: 0 10px; font-size: 12px; color: #999;}
.LifeMemberTXT2{ margin-left: -14px;}
.LifeMemberVerification, .LifeMemberVerification.LifeMemberVFCodeText{ width: 91%; margin: 10px auto;}
.LifeMemberInfo_f li, .LifeMemberInfo_f li:hover, .LMInfo li.LifeMemberInfoColor_f{ width: 86%; padding: 5px 8px;margin: 10px auto;}  

.LifeMemberAgree, .LifeMemberAgreeError{ width: 100%; left: 0px; font-size: 12px; line-height: 23px; top: 5px;} 
.LifeMemberVFCode{ width: 50%;margin-left: 85px;} .LifeMemberVFCodeText{ width: 30%;}
.meeaar{ margin-left: 0px;} .onlyRED{ margin: 0px; }

.LifeMemberFirstShopping{ padding: 30px 4px 0px 3px; width: 87%;}
.LifeMemberPEZOpenPassaPic, .LifeMemberConfirmMessage { display: block; margin: 0 auto; float: none;}
.LifeMemberPEZOpenPassText, .LifeMemberConfirmEPText { display: block; width: 95%; font-size: 15px; margin: 0 auto; float: none; }
.LifeMemberConfirmEPText { margin-top: 22px; }
.LifeMemberFirstShoppTittle { width: 15%; }
.rdl-FStittText { display: none; } 
.LifeMemberFirstShoppMail{ width: 55%; } .rdl-FSpT{ letter-spacing:0.1em;}
.LMFShoppName, .LMFShoppGender{ font-size: 15px; } .LMFShoppNote{ margin-left:-5px; }
.LMFShoppName input{ width:15%; font-size: 14px;} .LMFShoppPhone input{ width:38%; font-size: 14px; }
.LMFShoppInvoice select{ width: 12% font-size: 14px; margin-left:0;}.LMFShoppInvoice input{ width: 163px; margin-left: 0;}
.rdl-redT, .rdl-redT2{color: #F00; margin-left: 17px; width: 100%;}
.LifeMemberLogFrame{ width: 95%; margin: 10px auto; height: 450px; }
.lmbecOtloginfor, .lmbeclogiTi, .lmbelogGO, .LMPasswordFrame{ margin: 0 auto; height: auto;}  
.lmbeclogiTi{ font-size: 12px; margin: 10px auto 0 auto; width: 98%; }
.lmbecloging{ margin: 5px auto; height: auto;}
.lmbecOtloginfor img{ height: auto; max-width: 80%; margin: 0 auto;}
.LifeMemberOtherLoging2, .LifeMemberOtherLoging1{ border: none; border-bottom: 1px dashed #B9955E; height: auto; margin: 0 auto 20px auto; padding-bottom: 18px; width: 100%;} .lmbeclogingTEXT{ font-size: 13px; } 
.lmbeclogingBtn{ max-width: 50%;}
.LifeMemberConfirmMessage{ font-size: 15px;} .rdl-cmsgT{ padding: 15px; width: 89%;} 
.LifeMemberConfirmRemarks{ margin-top: 10px; padding: 15px 0 0 0;}
.rdl-LMPawdFTe input{ width:40%; font-size:14px;} .rdl-LMPawdTit { margin-left: 14px;}
.LMPasswordFrameText select{ width: 29%; font-size: 15px; height: 21px; margin-top: -1px;}
.LifeMemberTXT2 input.rdl-typchk{ width: 15px; display: inline-block;} .rdl-redT3{ margin: 0; } .rdl-redT5{ margin-left: 15px;}
.LifeMemberBtn{ margin-top: 5px;}
.rdl-pfbshp-onl{ line-height: 40px; top: 0px;}

/*A1-DealList_Normal-by-Alan*/
.NaviCityW { display: none; }
.NaviCityMP { width: 100%; margin: 0 auto; border: none; box-shadow: 0px 1px 3px rgba(0%,0%,0%,.15);  }
.NaviCitySort, .NaviCitySequence, .NaviCitySelectArea { display: none; }
.NaviCityArea { width: auto; padding: 6px; border: none; text-align: center; }
.NaviCityArea li { display: inline-block; float: none; }
.NaviCityArea a { padding: 3px 18px; font-size: 14px; margin-left: 10px; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
}


/*screen device resolution width = 481px-767px for mobile landscape setting*/
@media screen and (min-width: 481px) and (max-width: 767px) {

.center { width: 100%; }

.part-17life, .part-pez-cert, .part-serivce, #EmailTitle, .ch-todaydeal,
.ch-qa, .mc, .member-name, .White, #Login img, .outside_AD,
#TOPBanner, #Rightarea, .nc_deal_sort, .Encore, .dealsaletext, #HKL_Facebookarea,
.dealpricetext, .TimeropenIcon, .HKL_MaindealTitle, .NEW-SoldOut-Block, .share, 
#MaindealFacebookarea, .EntryTitle.ET_4, .rd-guarantee, .Detail_buy_box .price,
#DialogBottom, .three-promise, .NavAD_sp, .outside_AD, .pop-confirm { display: none; }

.p3footer .footer_content, #middle, .HaokangList, .Maindeal,
.MaindealMiddle, #maincontent ,#Left, .info_bar
 { width: 100%; height: auto; }

#Login { font-size: 14px; }
.LoginBox { width: auto; margin: 10px 5px 0 0; }
.HKL_MainDealProductName, .HKL_MaindealTitle { width: auto; margin: 0 5px; }
#Headermiddle, #middle, .DealPriceInfo.deal-detail-overwrite { height: auto; }
.p3footer .footer_logo { margin: 0 auto; }
.p3footer .info-17life { width: 100%; padding: 0; text-align: center; }
a.rd-layout-switch { margin-top: 20px; display: block; font-size: 18px; color: #999; text-decoration: underline; }

#PponLOGO { width: 150px; height: 40px; float: left; margin: 5px; margin-left: 55px; background: url(http://www.17life.com/Themes/default/images/17life/G2/RWD/ppon-M1_LOGO.png) no-repeat;}
#navi { height: 35px; border-bottom: 2px solid #BF0000; background: #333; }
#navimain ul { width: 100%; margin: 0 auto; }
#navimain li { width: 100%; }
.navbtn {
	width:100%;
	height:35px;
	padding: 0;
	background: #333333;
	font: 16px/35px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
}
.navbtn:hover,.navbtn:active {
	background: #BF0000; 
	border:0;
}
.navbtn_inpage{
	width:100%;
	height:35px;
	padding: 0;
	background: #BF0000;
	font: 16px/35px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
}
.ch-itemdeli, .ch-beauty { display: none; }
.ch-fami, .ch-itemdeli-mb, .ch-beauty-mb { display: block; }
.rd-mc, .rd-btn { display: inline; }
#NaviCity a { padding: 0 20px; }
#navimain, .NaviCityMain { width: 100%; height: auto; text-align: center; }
.NaviCityMain a { font-size: 16px; }
.Maindeal, #maincontent .forsdeal, #Entry { width: 95%; margin: 10px auto; padding-bottom: 0px; }
.HKL_MainDealProductName { font: 14px/20px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.MaindealMiddle { padding-bottom: 0px; }
.SoldOut_Bar_480 { width: 100%; height: 100%; background-size: contain; background-repeat: repeat-x; }
.Over1K_Badge {  width: 82px; height: 82px; top: -8px; left: -8px; background-size: contain; }
#MainPic { width: 480px; float: none; margin:0 auto 10px auto; border: 5px solid #D2D2CA; }
#MainPic:hover, #MainPic:active { border: 5px solid #E2E2DA; }
.TimerTitleField, .MaindealClosed, .MaindealTitle, .MainDealProductName, 
.dealtitle_box, #EntryContent, #Detailinner.Equity, #Detailinner, #AddressTitle,
#Addressinner, #Dialog, .deal-title, #Detailinner.Equity.deal-detail-overwrite,
.Equitylink { width: auto; }
.TimerTitleField { margin-top: 0px; }
.DealPriceInfo { width: 100%; height: auto; float: none; }
.DealPriceInfo p.dealprice { font:30px/40px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.DealPriceInfo .discount { width: 60px; height: 35px; top: -1px; right: 5px; font: 16px/35px "Arial Bold", "微軟正黑體", sans-serif; background: url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -800px 0 no-repeat; }
.DealPriceInfo .buycounter { padding-left: 0px; background: none; }
.DealPriceInfo .buy_btn_box { width: auto; height: auto; float: right; background: none; }
.DealPriceInfo .buy_btn.btn_normal { width: 120px; height: 60px; margin-right: 5px; font-size: 24px; background: url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -480px -89px no-repeat; }
.DealPriceInfo .buy_btn.btn_normal:hover { background: url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -610px -89px no-repeat; }
.DealPriceInfo .buy_btn.btn_dontclick { width:120px; height:60px; margin-right: 5px; font-size: 24px; background:url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -740px -90px no-repeat; cursor:default; }
.Detail_buy_box { width: auto; text-align: center; }
.Detail_buy_box .btn_normal { margin: 0; }
.MaindealTitle, .MainDealProductName { font-size: 16px; }
#Detailinner, #Detailinner.Equity { font-size: 13px; }
.EntryTitle.ET_1, .EntryTitle.ET_2, .EntryTitle.ET_3, .EntryTitle.ET_4 { font-size: 18px; }
#DialogTop { width: auto; height: auto; font-size: 18px; line-height: 28px; border-bottom: 1px solid #BF0000; background: none; }
#Dialoginner { width: auto; margin: 10px 0; padding: 0; font-size: 13px; background: none; }
#AddressTitle { font-size: 16px; }
#Addressinner li { font-size: 13px; }
#Detailinner iframe { display: none; }
.deal-detail-left, .deal-detail-right { width: auto; float: none; }
.deal-title { font-size: 16px; line-height: 24px; }
.rd-detail-price { float: left; }
.rd-detail-btn { float: right; margin-top: -15px; margin-right: 15px; }
.backbtn { margin-top: 10px; }
.MainDealCityTitle { margin-top: 8px; }

/*B1-Payment-by-alan*/
#Rightarea.rd-payment-qma, .rd-payment-words-hide, .grui-form .form-unit .data-input p.subnote.rd-payment-display, .grui-form .form-unit.rd-payment-form-unit-disappear { display:none;}
.TOPBanner, .safelycode {display:none;}
#Left { float: none; }
#Left.rd-payment-Left-width {width:95%; margin:0 auto;}
#maincontent.clearfix {width:auto; margin:0 auto;}
#maincontent .content-group.payment { width: auto; min-height: auto; margin-top: 10px; padding: 15px; }
h1.rd-payment-h1 {width:auto;}
#maincontent .content-group.payment h3 {width:auto; padding:5px 5%;}
hr.header_hr.rd-payment-width { width:auto;}
#maincontent .content-group.payment h2.rd-payment-h2 {width:auto; padding:5px 0;}
.form-unit {width:auto; float:none; text-align:left;}
.btn.btn-xlarge.btn-primary.rd-payment-xlarge-btn { padding:10px 30px;}
.btn.btn-large.btn-primary.rd-payment-large-btn {  text-align:center; padding:10px 30px; margin-left:1%; margin-bottom:10px;}
.btn.btn-large.rd-payment-large-btn {  text-align:center; padding:10px 30px; margin-left:1%}
#maincontent .content-group.payment .mixitem .item-list {margin-left:5%;}
#maincontent .content-group.payment .mixitem .item-list .item-name { width:auto; margin:0; float: none;}
#maincontent .content-group.payment .mixitem .item-list .item-amount {width:auto; float:none; text-align: left;}
#maincontent .content-group.payment .mixitem .item-list .total-amount {width:auto;}
#maincontent .content-group.payment .mixitem .item-list .total-price { float: left; }
#maincontent .content-group.payment .info_bar {height:70px;}
#maincontent .content-group.payment .pay_success { background-size:contain; width:100px; height:100px; }
#maincontent .content-group.payment .pay_failed { background-size:contain; width:100px; height:100px; }
#maincontent .content-group.payment .info_bar.rd-payment-hide {display:none;}
#maincontent .content-group.payment h2.rd-fd-title { padding: 0; }
.grui-form {width:auto; text-align:left; padding:5px; }
.grui-form .form-unit .unit-label{ width:auto; float:none; text-align:left; line-height:32px;}
.grui-form .form-unit .data-input{ margin-left:0; width:auto;}
.grui-form .form-unit.sublevel .data-input{ margin-left:0; width:auto;}
.grui-form .form-unit .data-input .input-half { width: 82%; }
.grui-form .form-unit.sublevel, .grui-form .form-unit.end-unit { width:auto; }
.grui-form .form-unit .data-input p.subnote.rd-payment-margin-zero {margin: 5px 0 10px 10px;}
.grui-form .form-unit.rd-pay-margin {margin-left:8%;}
.grui-form .form-unit .data-input.rd-pay-margin {margin-left:5%;}
.grui-form .form-unit .data-input .input-credit { width:15%;}
.grui-form .form-unit .data-input .align-fix { margin: 0; }
.grui-form .form-unit.end-unit.rd-pay-pos-fix { margin-left: 0px; }
.grui-form .form-unit .data-input select.rd-fd-select { width: 100%; }
.grui-form .form-unit .data-input p.cancel-mr { margin-right: 0; }
.grui-form .form-unit .data-input.empty { height: 10px; }
.rd-fd-sn-text, .rd-fd-sn { display: block; }
.btn.btn-mini.rd-margin { margin-left:5%;}
.rd-pay-span-ctr { text-align:center; }
.rd-letter-spacing {letter-spacing:-1px;}
.info_bar .share .share_text.rd-share-text {line-height:20px; margin-bottom:10px;}

/*C1-MarberCenter-OrederList-by-ariel*/
.rd-C-Hide{display: none;}  
.rd-float-lft { float:left;} 
.rd-float-right { float:right;}
.mc-order-states, .OrderAmount, .rd-PastCustomer, #mc-tableContentTitleRight,
.cash-table, .OrderNumber, .OrderTrustState, .OrderDetailSale , .OrderDetailSubTotal, .btn-return, .rd-page-dis, .CashCouponsDate, .CashCouponsUseDate, .CashCouponsEXP {display: none;}
.tag-visable { display: block !important; }
.OrderSerial:before { content:"訂單編號：";}
.center .mc-navbar { width: 100%; height:29px; margin-top: 0; display:inline-block; }
.center .mc-navbar .mc-navbtn { box-sizing: border-box; -moz-box-sizing: border-box; width: 33.3%; margin:0;border: 1px solid #CCC;border-radius: 5px 5px 0 0;border-bottom: #e4e4e4; border-left: 1px dotted #CCC; padding:0 1px;}
.center .mc-navbar .mc-navbtn a: {display:inline;}
.center .mc-content { width: auto; margin-top:2px;}  .center .mc-content .rd-smll{ font-size:15px;}
#mc-table .rd-table{ width: 100%; }
#mc-table .rd-table .mc-tableContentITEM .rd-Detailtitle{display:inline;}
#mc-table .rd-table td{text-align: left; padding: 0 5px; font-size:12px; border:none;}
#mc-table .rd-table .OrderDate, .OrderSerial, .OrderName, .OrderExp, .OrderCouponState, .OrderState { width: 100%; display : block;  }
#mc-table .rd-table .OrderDate {margin-top:8px;}
#mc-table .rd-table .OrderExp { color:#bf0000; padding-bottom:3px;}
#mc-table .rd-table .OrderCouponState { width:97%;text-align:right;height:20px; margin-bottom:10px;} 
#mc-table .rd-table .OrderState { width:97%; text-align:right; height:20px; margin-bottom:15px; } 
#mc-table .rd-table .OrderState .LastDate { width: auto; }
#mc-table .rd-table .OrderCouponState .rd-c1-mcorbtn-mini{padding: 0 3px;font-size: 11px;}
#mc-table .rd-table .OrderCouponState br{display: none;}
#mc-table .rd-table .OrderName #mc-tableContentTitleLeft { margin:0 -2px 0 0; font-size:12px;}

/*C1-MarberCenter-AccountSetting-by-ariel*/
.rd-DisplayPanel{display:inline;}  .rd-redColor{ color:#bf0000;}
.grui-form .form-unit .rd-unit-label{ width:30%; float:none;display:inline;font-size:14px; font-weight: bold; }
.grui-form .form-unit .rd-data-input{ margin:5px 0; }
.grui-form .form-unit .rd-data-input p{ margin:0;}
.grui-form .form-unit .rd-data-input p.rd-c-Cleartop{ padding-top:0px;}
.grui-form .form-unit .rd-data-input .rd-c-br{display:block; }
.grui-form .form-unit .rd-data-input .rd-input-mini{ margin:0;}
.grui-form .form-unit .rd-data-input .rd-input-small{ margin:0;}
.grui-form .form-unit .rd-data-input .rd-mcacstbtn{ margin: 10px 0 15px 0; display:block; float:none;}
.mc-addressee-box h2.rd-c-h2{ font-size:14px;margin:0;}
.mc-addressee-box .rd-grui-form{ padding: 5px 0 5px 0 ;}

/*C1-MarberCenter-AccountSetting/orderdetail-by-ariel*/
#mc-table .rd-mcOrdetail{width:100%;} 
#mc-table .rd-mcOrdetail th{width:100%;display:block;}
#mc-table .rd-mcOrdetail .OrderItemName, .OrderSN, .OrderCode, .OrderEXP, .OrderPonState, 
.OrderAddressee, .OrderAddrPhone, .OrderAddrAdd, .OrderDeliverInfo,
.OrderDetailItemName, .OrderDetailPrice, .OrderDetailAmount, .OrderDetailTotal, .OrderPayTotal, .OrderReturnDate, .OrderReturnAmount, .OrderReturnCash, .OrderReturnProcess, .OrderPayPEZ, .OrderPayBonus,
.OrderPayCash, .OrderPayCredit, .OrderPayAtm, .OrderPayCoupon, .OrderGetPon {width: 96%; display : block;}
.OrderGetPon:before { color:#BF0000; content:"索取憑證:";}
.order-get-coupon-box { width: auto; margin: 5px; padding: 5px 0 0 0; }
.order-get-coupon-box a:first-child { display: none; }
.rd-text-rg { text-align:right; width:100%;display:block;}
#mc-table .rd-mcOrdetail .mc-tableContentITEM td{ width:96%;text-align:left; border:none;}
.mc-addressee-box .form-unit.end-unit { margin-left: 0px; }
.mc-cash-states { padding: 10px; }
.mc-cash-states { padding: 10px; }
.order-atm-info, .order-atm-header { padding: 10px 0;}

/*A2-multi-grade-by-TouNeko*/
.Multi-grade-Setting, .Multi-grade-Setting .mgs-boxtitle, .pop-window { width: 100%; box-sizing: border-box; }
.Multi-grade-Setting .mgs-item-box { width: auto; margin: 15px; display: block; }
.Multi-grade-Setting .mgs-item-box .mgs-discount { width: auto; display: block; }
.Multi-grade-Setting .mgs-item-box .mgs-content { width: 100%; box-sizing: border-box; border-bottom: 1px solid #E0C698; }
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-title { font-size: 15px; line-height: 20px; }
.Multi-grade-Setting .mgs-item-box .mgs-price-box .mgs-price { display: inline; }
.Multi-grade-Setting .mgs-item-box .mgs-price-box { width: auto; float: left; margin: 13px; }
.Multi-grade-Setting .mgs-item-box .mgs-buy-box { width: auto; float: right; }
.Multi-grade-Setting .mgs-total-amount { margin: 15px; }
.MGS-XX { width: 100%; height: auto; margin-bottom: 10px; position: static; text-align: center; background: none; }
.MGS-XX input { display: inline-block; }
.pop-window .pop-content p.important { font-size: 20px; }

/*for nivo slider*/
#slider { width: auto; height: auto; }
#slider img { display: inline-block; opacity: 0; width: auto; }
#slider img:first-child { position: inherit; }
.nivo-slice { top: 0; width: 100%; position: absolute; }

/*H-17lifeMember.html-ariel*/
.Cityarea, .CityTop, .HomepageMarketingBn, .HomePageCityBottom, .LifeMemberAgree br, .LifeMemberAgree .rwd-wh,
.LifeMemberTopText img, .LifeMemberLoginPicText, .LifeMemberLoginPic, .LifeMemberAgreeError br, .LifeMemberAgreeError .rwd-wh, .lmbeclogingBtn2, .lmbeclogFBPEZTi, .header_btn_box, .rdl-Tdis { display: none;} 
.LifeMemberNote, .LifeMemberVerification, .LifeMemberVerification.LifeMemberVFCodeText,
.LifeMemberInfo_f li, .LifeMemberAgree, .LifeMemberAgreeError, .meeaar, .LifeMemberFirstShopping, 
.Homepagemiddle, .Homepagecenter{ width: 90%;}
.LifeMemberFrame, .LifeMember , .LifeMemberTop { width: auto; }
.rdl-LMberCt-pad{ height: 560px;}
.HomepageLogin { width: 30%;}
.LifeMemberTopText { font-size: 18px; width: 100%; margin: 0 auto; text-align: center;}
.rdl-tittleText{ display: block;} 
.LMInfo ,.LMInfo ul.LifeMemberInfo, .LMFirstShopping, .LMFirstShopping ul.LMFShoppIn, .LifeMemberConfirmMessage, .LMPasswordFrame ul.LMPasswordIn, .LifeMemberConfirmRemarks, .PezFbFillInEmail,.PezFbFillInEmail ul { width: 100%; padding: 12px 0px 20px 0px;}
 
.LifeMemberInfo li, .LifeMemberInfo li:hover, .LMInfo li.LifeMemberInfoColor, .LMPasswordIn li, .LMPasswordIn li:hover, .LMPasswordFrame li.LMPasswordInColor, .LMPasswordFrame li.LMPasswordInColor:hover{ width: 94.2%; padding: 0 17px; }
.LMFShoppIn li, .LMFShoppIn li:hover, .LMFirstShopping li.LMFShoppInColor { width: 95.2%; padding: 5px 14px; height: auto; margin: 8px 0;}
.PezFbFillInEmail li, .PezFbFillInEmail li:hover, .PezFbFillInEmail li.PezFbFillInColor { width: 95.1%; padding: 5px 14px; height: auto; margin: 8px 0;}
.LifeMemberInfoTittle, .LifeMemberFirstShoppTittle, .LMFShoppTittle, .LMPasswordFrameTittle { width: 30%; font-size: 15px; letter-spacing: 0em;}
.LifeMemberText input, .LMPasswordFrameText input{ width: 33%; font-size: 14px;}
.LifeMemberText select{ width: 18.5%;  font-size: 14px;}
.LifeMemberNote, .LMFShoppNote, .LMPasswordFrameNote{ width: 100%; margin: 0 10px; font-size: 12px; color: #999;}
.LifeMemberTXT2{ margin-left: -14px;}
.LifeMemberVerification, .LifeMemberVerification.LifeMemberVFCodeText{ width: 91%; margin: 10px auto;}
.LifeMemberInfo_f li, .LifeMemberInfo_f li:hover, .LMInfo li.LifeMemberInfoColor_f{ width: 86%; padding: 17px 8px;margin: 10px auto; line-height: 23px; height: 70px;}  

.LifeMemberAgree, .LifeMemberAgreeError{ width: 100%; left: 0px; font-size: 12px; line-height: 20px; top: 0px; margin-bottom: 5px;} 
.LifeMemberVFCode{ width: 50%;margin-left: 65px;} .LifeMemberVFCodeText{ width: 30%;}
.meeaar{ margin-left: 0px;} .onlyRED{ margin: 0px; }

.LifeMemberFirstShopping{ padding: 30px 4px 0px 3px; width: 99%;}
.LifeMemberPEZOpenPassaPic, .LifeMemberConfirmMessage { display: block; margin: 0 auto; float: none;}
.LifeMemberPEZOpenPassText, .LifeMemberConfirmEPText { display: block; width: 95%; font-size: 15px; margin: 0 auto; float: none; }
.LifeMemberConfirmEPText { margin-top: 22px; }
.LifeMemberFirstShoppTittle { width: 15%; }
.rdl-FStittText { line-height: 22px; display: block; }
.LifeMemberFirstShoppMail{ width: 55%; } .rdl-FSpT{ letter-spacing:0.1em;}
.LMFShoppName, .LMFShoppGender{ font-size: 15px; } .LMFShoppNote{ margin-left:-10px; }
.LMFShoppName input{ width:12%; font-size: 14px;} .LMFShoppPhone input{ width:33%; font-size: 14px; }
.LMFShoppInvoice select{ width: 12% ;font-size: 13px; margin-left:0;}.LMFShoppInvoice input{ width: 163px; margin-left: 0;}
.rdl-redT, .rdl-redT2{color: #F00; margin-left: 17px; width: 100%;}
.LifeMemberLogFrame{ width: 95%; margin: 10px auto; height: 450px; }
.lmbecOtloginfor, .lmbeclogiTi, .lmbelogGO, .LMPasswordFrame{ margin: 0 auto; height: auto;}  
.lmbeclogiTi{ font-size: 12px; margin: 10px auto 0 auto; }
.lmbecloging{ margin: 5px auto; height: auto;}
.lmbecOtloginfor img{ height: auto; max-width: 80%; margin: 0 auto;}
.LifeMemberOtherLoging2, .LifeMemberOtherLoging1{ border: none; border-bottom: 1px dashed #B9955E; height: auto; margin: 0 auto 20px auto; padding-bottom: 18px; width: 100%;} .lmbeclogingTEXT{ font-size: 13px; } 
.lmbeclogingBtn{ max-width: 50%;}
.LifeMemberConfirmMessage{ font-size: 15px;} .rdl-cmsgT{ padding: 15px; width: 89%;} 
.LifeMemberConfirmRemarks{ margin-top: 10px; padding: 15px 0 0 0;}
.rdl-LMPawdFTe input{ width:34%; font-size:14px;} .rdl-LMPawdTit { margin-left: 14px;}
.LMPasswordFrameText select{ width: 29%; font-size: 15px; height: 21px; margin-top: -1px;}
.LifeMemberTXT2 input.rdl-typchk{ width: 15px; display: inline-block;} .rdl-redT3{ margin: 0; } .rdl-redT5{ margin-left: 15px;}
.LifeMemberBtn{ margin-top: 5px;}

/*A1-DealList_Normal-by-Alan*/
.NaviCityW { display: none; }
.NaviCityMP { width: 100%; margin: 0 auto; border: none; box-shadow: 0px 1px 3px rgba(0%,0%,0%,.15);  }
.NaviCitySort, .NaviCitySequence, .NaviCitySelectArea { display: none; }
.NaviCityArea { width: auto; padding: 6px; border: none; text-align: center; }
.NaviCityArea li { display: inline-block; float: none; }
.NaviCityArea a { padding: 3px 15px; font-size: 13px; margin-left: 7px; font-family: Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;}

/*New Deal Label Setting by TouNeko*/
.HKL_MainDealProductName + .dts { margin: -10px auto 0 auto; }

}

/*screen device resolution width <= 480px for mobile portrait setting*/
@media screen and (max-width: 480px) {

.center { width: 100%; }

.part-17life, .part-pez-cert, .part-serivce, #EmailTitle, .ch-todaydeal,
.ch-qa, .mc, .member-name, .White, #Login img, .outside_AD,
#TOPBanner, #Rightarea, .nc_deal_sort, .Encore, .dealsaletext,
.dealpricetext, .TimeropenIcon, .HKL_MaindealTitle, .NEW-SoldOut-Block, .share, 
.EntryTitle.ET_4, .rd-guarantee, .Detail_buy_box .price,
#DialogBottom, .three-promise, .NavAD_sp, .outside_AD, .pop-confirm { display: none; }

#MaindealFacebookarea { 
	width: 100%; 
	padding-left: 0;
	overflow: hidden; 
}
#HKL_Facebookarea { margin: 5px 10px; }

.p3footer .footer_content, #middle, .HaokangList, .Maindeal,
.MaindealMiddle, #maincontent ,#Left, #MainPic, .info_bar
 { width: 100%; height: auto; }

#Login { font-size: 14px; }
.LoginBox { width: auto; margin: 10px 5px 0 0; }
.HKL_MainDealProductName, .HKL_MaindealTitle { width: auto; margin: 0 5px; }
#Headermiddle, #middle, .DealPriceInfo.deal-detail-overwrite { height: auto; }
.p3footer .footer_logo { margin: 0 auto; }
.p3footer .info-17life { width: 100%; padding: 0; text-align: center; }
a.rd-layout-switch { margin-top: 20px; display: block; font-size: 18px; color: #999; text-decoration: underline; }

#PponLOGO { width: 100px; height: 40px; display: inline-block; margin: 5px; margin-left: 55px; background: url(http://www.17life.com/Themes/default/images/17life/G2/RWD/ppon-M1_LOGO.png) no-repeat;}
#navi { height: auto; border-bottom: 2px solid #BF0000; background: #333; }
#navimain ul { width: 100%; margin: 0 auto; }
#navimain li { width: 100%; }
.navbtn {
	width:100%;
	height:35px;
	padding: 0;
	background: #333333;
	font: 13px/35px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
}
.navbtn:hover,.navbtn:active {
	background: #BF0000; 
	border:0;
}
.navbtn_inpage{
	width:100%;
	height:35px;
	padding: 0;
	background: #BF0000;
	font: 13px/35px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif;
}
.ch-itemdeli, .ch-beauty { display: none; }
.ch-fami, .ch-itemdeli-mb, .ch-beauty-mb { display: block; }
.rd-mc, .rd-btn { display: inline; }
#NaviCity a { padding: 0 10px; }
#navimain, .NaviCityMain { width: 100%; height: auto; text-align: center; }
.NaviCityMain a { font-size: 14px; }
.Maindeal, #maincontent .forsdeal, #Entry { width: 95%; margin: 10px auto; padding-bottom: 0px; }
.HKL_MainDealProductName { font: 14px/20px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.MaindealMiddle { padding-bottom: 0px; }
.SoldOut_Bar_480 { width: 100%; height: 100%; background-size: contain; background-repeat: repeat-x; }
.Over1K_Badge {  width: 82px; height: 82px; top: -8px; left: -8px; background-size: contain; }
#MainPic { float: none; margin-left: -5px; border: 5px solid #D2D2CA; }
#MainPic:hover, #MainPic:active { border: 5px solid #E2E2DA; }
.TimerTitleField, .MaindealClosed, .MaindealTitle, .MainDealProductName, 
.dealtitle_box, #EntryContent, #Detailinner.Equity, #Detailinner, #AddressTitle,
#Addressinner, #Dialog, .deal-title, #Detailinner.Equity.deal-detail-overwrite,
.Equitylink { width: auto; }
.TimerTitleField { margin-top: 0px; }
.DealPriceInfo { width: 100%; height: auto; float: none; }
.DealPriceInfo p.dealprice { font:30px/40px Arial, "微軟正黑體", "Microsoft Jhenghei",  sans-serif; }
.DealPriceInfo .discount { width: 60px; height: 35px; top: -1px; right: 5px; font: 16px/35px "Arial Bold", "微軟正黑體", sans-serif; background: url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -800px 0 no-repeat; }
.DealPriceInfo .buycounter { padding-left: 0px; background: none; }
.DealPriceInfo .buy_btn_box { width: auto; height: auto; float: right; background: none; }
.DealPriceInfo .buy_btn.btn_normal { width: 120px; height: 60px; margin-right: 5px; font-size: 24px; background: url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -480px -89px no-repeat; }
.DealPriceInfo .buy_btn.btn_normal:hover { background: url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -610px -89px no-repeat; }
.DealPriceInfo .buy_btn.btn_dontclick { width:120px; height:60px; margin-right: 5px; font-size: 24px; background:url(http://www.17life.com/Themes/default/images/17life/G2/newdealdetail.png) -740px -90px no-repeat; cursor:default; }
.Detail_buy_box { width: auto; text-align: center; }
.Detail_buy_box .btn_normal { margin: 0; }
.MaindealTitle, .MainDealProductName { font-size: 16px; }
#Detailinner, #Detailinner.Equity { font-size: 13px; }
.EntryTitle.ET_1, .EntryTitle.ET_2, .EntryTitle.ET_3, .EntryTitle.ET_4 { font-size: 18px; }
#DialogTop { width: auto; height: auto; font-size: 18px; line-height: 28px; border-bottom: 1px solid #BF0000; background: none; }
#Dialoginner { width: auto; margin: 10px 0; padding: 0; font-size: 13px; background: none; }
#AddressTitle { font-size: 16px; }
#Addressinner li { font-size: 13px; }
#Detailinner iframe { display: none; }
.deal-detail-left, .deal-detail-right { width: auto; float: none; }
.deal-title { font-size: 16px; line-height: 24px; }
.rd-detail-price { float: left; }
.rd-detail-btn { float: right; margin-top: -15px; margin-right: 15px; }
.backbtn { margin-top: 10px; }
.MainDealCityTitle { margin-top: 8px; }

/*B1-Payment-by-alan*/
#Rightarea.rd-payment-qma, .rd-payment-words-hide, .grui-form .form-unit .data-input p.subnote.rd-payment-display, .grui-form .form-unit.rd-payment-form-unit-disappear { display:none;}
.TOPBanner, .safelycode {display:none;}
#Left { float: none; }
#Left.rd-payment-Left-width {width:95%; margin:0 auto;}
h1.rd-payment-h1 {width:auto;}
hr.header_hr.rd-payment-width { width:auto;}
.form-unit {width:auto; float:none; text-align:left;}
.btn.btn-xlarge.btn-primary.rd-payment-xlarge-btn { padding:10px 30px;}
.btn.btn-large.btn-primary.rd-payment-large-btn {  text-align:center; padding:10px 30px; margin-left:1%; margin-bottom:10px;}
.btn.btn-large.rd-payment-large-btn {  text-align:center; padding:10px 30px; margin-left:1%}
#maincontent.clearfix {width:auto; margin:0 auto;}
#maincontent .content-group.payment { width: auto; min-height: auto; margin-top: 10px; padding: 15px; }
#maincontent .content-group.payment h3 {width:auto; padding:5px 5%;}
#maincontent .content-group.payment h2.rd-payment-h2 {width:auto; padding:5px 0;}
#maincontent .content-group.payment .mixitem .item-list {margin-left:5%;}
#maincontent .content-group.payment .mixitem .item-list .item-name { width:auto; margin:0; float: none;}
#maincontent .content-group.payment .mixitem .item-list .item-amount {width:auto; float:none; text-align: left;}
#maincontent .content-group.payment .mixitem .item-list .total-amount {width:auto;}
#maincontent .content-group.payment .mixitem .item-list .total-price { float: left; }
#maincontent .content-group.payment .info_bar {height:70px;}
#maincontent .content-group.payment .pay_success { background-size:contain; width:100px; height:100px; }
#maincontent .content-group.payment .pay_failed { background-size:contain; width:100px; height:100px; }
#maincontent .content-group.payment .info_bar.rd-payment-hide {display:none;}
#maincontent .content-group.payment h2.rd-fd-title { padding: 0; }
.grui-form {width:auto; text-align:left; padding:5px; }
.grui-form .form-unit .unit-label{ width:auto; float:none; text-align:left; line-height:32px;}
.grui-form .form-unit .data-input{ margin-left:0; width:auto;}
.grui-form .form-unit.sublevel .data-input{ margin-left:0; width:auto;}
.grui-form .form-unit .data-input .input-half { width: 65%; }
.grui-form .form-unit.sublevel, .grui-form .form-unit.end-unit { width:auto; }
.grui-form .form-unit .data-input p.subnote.rd-payment-margin-zero {margin: 5px 0 10px 10px;}
.grui-form .form-unit.rd-pay-margin {margin-left:8%;}
.grui-form .form-unit .data-input.rd-pay-margin {margin-left:5%;}
.grui-form .form-unit .data-input .input-credit { width:15%;}
.grui-form .form-unit .data-input .align-fix { margin: 0; }
.grui-form .form-unit.end-unit.rd-pay-pos-fix { margin-left: 0px; }
.grui-form .form-unit .data-input select.rd-fd-select { width: 100%; }
.grui-form .form-unit .data-input p.cancel-mr { margin-right: 0; }
.grui-form .form-unit .data-input.empty { height: 10px; }
.rd-fd-sn-text, .rd-fd-sn { display: block; }
.rd-letter-spacing {letter-spacing:-1px;}
.btn.btn-mini.rd-margin { margin-left:5%;}
.rd-pay-span-ctr { text-align:center;}
.info_bar .share .share_text.rd-share-text {line-height:20px; margin-bottom:10px;}
.rd-payment-xlarge-btn + .rd-payment-xlarge-btn { margin-left: 0; margin-top: 15px; }


/*C1-MarberCenter-OrederList-by-ariel*/
.rd-C-Hide{display: none;}  
.rd-float-lft { float:left;} 
.rd-float-right { float:right;}
.mc-order-states, .OrderAmount, .rd-PastCustomer, #mc-tableContentTitleRight,
.cash-table, .OrderNumber, .OrderTrustState, .OrderDetailSale , .OrderDetailSubTotal, .btn-return, .rd-page-dis, .CashCouponsDate, .CashCouponsUseDate, .CashCouponsEXP {display: none;}
.tag-visable { display: block !important; }
.OrderSerial:before { content:"訂單編號：";}
.center .mc-navbar { width: 100%; height:29px; margin-top: 0; display:inline-block; }
.center .mc-navbar .mc-navbtn{ box-sizing: border-box; -moz-box-sizing: border-box; width:33.3%; margin:0; border: 1px solid #CCC; border-radius: 5px 5px 0 0; border-bottom: #e4e4e4; border-left: 1px dotted #CCC; padding:0 1px;}
.center .mc-navbar .mc-navbtn a: {display:inline;}
.center .mc-content { width: auto; margin-top:2px;}  .center .mc-content .rd-smll{ font-size:15px; letter-spacing: -1px; }
#mc-table .rd-table{ width: 100%; }
#mc-table .rd-table .mc-tableContentITEM .rd-Detailtitle{display:inline;}
#mc-table .rd-table td{text-align: left; padding: 0 5px; font-size:12px; border:none;}
#mc-table .rd-table .OrderDate, .OrderSerial, .OrderName, .OrderExp, .OrderCouponState, .OrderState { width: 100%; display : block;  }
#mc-table .rd-table .OrderDate {margin-top:8px;}
#mc-table .rd-table .OrderExp { color:#bf0000; padding-bottom:3px;}
#mc-table .rd-table .OrderCouponState { width:97%;text-align:right;height:20px; margin-bottom:10px;} 
#mc-table .rd-table .OrderState { width:97%; text-align:right; height:20px; margin-bottom:15px; } 
#mc-table .rd-table .OrderState .LastDate { width: auto; }
#mc-table .rd-table .OrderCouponState .rd-c1-mcorbtn-mini{padding: 0 3px;font-size: 11px;}
#mc-table .rd-table .OrderCouponState br{display: none;}
#mc-table .rd-table .OrderName #mc-tableContentTitleLeft { margin:0 -2px 0 0; font-size:12px;}
#mc-table.coupon-table td { text-align: left; border-bottom: none; }
#mc-table.coupon-table th { display: none; }
.CashCouponsTitle:before { content:"活動名稱：";}
.CashCouponsDEN:before { content:"金額：";}
.CashCouponsSN:before { content:"序號：";}
.CashCouponsUseState:before { content:"使用狀態：";}

/*C1-MarberCenter-AccountSetting-by-ariel*/
.rd-DisplayPanel{display:inline;}  .rd-redColor{ color:#bf0000;}
.grui-form .form-unit .rd-unit-label{ width:30%; float:none;display:inline;font-size:14px; font-weight: bold; }
.grui-form .form-unit .rd-data-input{ margin:5px 0; }
.grui-form .form-unit .rd-data-input p{ margin:0;}
.grui-form .form-unit .rd-data-input p.rd-c-Cleartop{ padding-top:0px;}
.grui-form .form-unit .rd-data-input .rd-c-br{display:block; }
.mc-addressee-box h2.rd-c-h2{ font-size:14px;margin:0;}
.mc-addressee-box .rd-grui-form{ padding: 5px 0 5px 0 ;}
.grui-form .form-unit .rd-data-input .rd-input-mini { margin:0;}
.grui-form .form-unit .rd-data-input .rd-input-small { margin:0;}
.grui-form .form-unit .rd-data-input .rd-mcacstbtn { margin: 10px 0 15px 0; display:block; float:none;}

/*C1-MarberCenter-AccountSetting/orderdetail-by-ariel*/
#mc-table .rd-mcOrdetail { width:100%; } 
#mc-table .rd-mcOrdetail th { width:100%; display:block; }
#mc-table .rd-mcOrdetail .OrderItemName, .OrderSN, .OrderCode, .OrderEXP, .OrderPonState, 
.OrderAddressee, .OrderAddrPhone, .OrderAddrAdd, .OrderDeliverInfo,
.OrderDetailItemName, .OrderDetailPrice, .OrderDetailAmount, .OrderDetailTotal, .OrderPayTotal, .OrderReturnDate, .OrderReturnAmount, .OrderReturnCash, .OrderReturnProcess, .OrderPayPEZ, .OrderPayBonus,
.OrderPayCash, .OrderPayCredit, .OrderPayAtm, .OrderPayCoupon, .OrderGetPon, .CashCouponsTitle, .CashCouponsDEN, .CashCouponsSN, .CashCouponsUseState {width: 96%; display : block; }
.OrderGetPon:before { color:#BF0000; content:"索取憑證："; }
.order-get-coupon-box { width: auto; margin: 5px; padding: 5px 0 0 0; }
.order-get-coupon-box a:first-child { display: none; }
.rd-text-rg { text-align:right; width:100%;display:block; }
#mc-table .rd-mcOrdetail .mc-tableContentITEM td { width:96%;text-align:left; border:none; }
.mc-addressee-box .form-unit.end-unit { margin-left: 0px; }
.mc-cash-states { padding: 10px; }
.order-atm-info, .order-atm-header { padding: 10px 0; }

/*A2-multi-grade-by-TouNeko*/
.Multi-grade-Setting, .Multi-grade-Setting .mgs-boxtitle, .pop-window { width: 100%; box-sizing: border-box; }
.Multi-grade-Setting .mgs-item-box { width: auto; margin: 15px; display: block; }
.Multi-grade-Setting .mgs-item-box .mgs-discount { width: auto; display: block; }
.Multi-grade-Setting .mgs-item-box .mgs-content { width: 100%; box-sizing: border-box; border-bottom: 1px solid #E0C698; }
.Multi-grade-Setting .mgs-item-box .mgs-content .mgs-item-title { font-size: 15px; line-height: 20px; }
.Multi-grade-Setting .mgs-item-box .mgs-price-box .mgs-price { display: inline; }
.Multi-grade-Setting .mgs-item-box .mgs-price-box { width: auto; float: left; margin: 13px; }
.Multi-grade-Setting .mgs-item-box .mgs-buy-box { width: auto; float: right; }
.Multi-grade-Setting .mgs-total-amount { margin: 15px; }
.MGS-XX { width: 100%; height: auto; margin-bottom: 10px; position: static; text-align: center; background: none; }
.MGS-XX input { display: inline-block; }
.pop-window .pop-content p.important { font-size: 18px; }

/*for nivo slider*/
#slider { width: auto; height: auto; }
#slider img { display: inline-block; opacity: 0; width: auto; }
#slider img:first-child { position: inherit; }
.nivo-slice { top: 0; width: 100%; position: absolute; }

/*H-17lifeMember.html-ariel*/
.Cityarea, .CityTop, .HomepageMarketingBn, .HomePageCityBottom, .LifeMemberAgree br, .LifeMemberAgree .rwd-wh,
.LifeMemberTopText img, .rdl-Tdis, .LifeMemberLoginPicText, .LifeMemberLoginPic, .LifeMemberAgreeError br, .LifeMemberAgreeError .rwd-wh, .lmbeclogingBtn2, .lmbeclogFBPEZTi, .header_btn_box { display: none;} 
.LifeMemberNote, .LifeMemberVerification, .LifeMemberVerification.LifeMemberVFCodeText,
.LifeMemberInfo_f li, .LifeMemberAgree, .LifeMemberAgreeError, .meeaar, .LifeMemberFirstShopping, 
.LMFirstShopping, .LMFShoppNote, .LifeMemberOtherLoging1, .LifeMemberOtherLoging2, .LifeMemberOtherLoging1{ display: block; }
.Homepagemiddle, .Homepagecenter{ width: 90%;}
.LifeMemberFrame, .LifeMember , .LifeMemberTop { width: auto; }
.LifeMemberCenter { width: auto; height: auto;}
.HomepageLogin { width: 30%;}
.LifeMemberTopText { font-size: 15px; width: 100%; margin: 0 auto; text-align: center;}
.rdl-tittleText{ font-family: "新細明體"; display: block;} 
.LMInfo ,.LMInfo ul.LifeMemberInfo, .LMFirstShopping, .LMFirstShopping ul.LMFShoppIn, .LifeMemberConfirmMessage, .LMPasswordFrame ul.LMPasswordIn, .LifeMemberConfirmRemarks, .PezFbFillInEmail,.PezFbFillInEmail ul { width: 100%;}
 
.LifeMemberInfo li, .LifeMemberInfo li:hover, .LMInfo li.LifeMemberInfoColor, .LMPasswordIn li, .LMPasswordIn li:hover, .LMPasswordFrame li.LMPasswordInColor, .LMPasswordFrame li.LMPasswordInColor:hover{ width: 90%; padding: 0 14px; height: 63px;}
.LMFShoppIn li, .LMFShoppIn li:hover, .LMFirstShopping li.LMFShoppInColor, .PezFbFillInEmail li, .PezFbFillInEmail li:hover, .PezFbFillInEmail li.PezFbFillInColor { width: 90%; padding: 5px 14px; height: auto; margin: 8px 0;}

.LifeMemberInfoTittle, .LifeMemberFirstShoppTittle, .LMFShoppTittle, .LMPasswordFrameTittle { width: 30%; font-size: 15px; letter-spacing: 0em;}
.LifeMemberText input, .LMPasswordFrameText input{ width: 68%; font-size: 14px;}
.LifeMemberText select{ width: 30%;  font-size: 14px;}
.LifeMemberNote, .LMFShoppNote, .LMPasswordFrameNote{ width: 100%; margin: 0; font-size: 12px; color: #999;}
.LifeMemberTXT2{ margin-left: -14px;}
.LifeMemberVerification.LifeMemberVFCodeText{ width: 91%; margin: 10px auto;}
.LifeMemberVerification{ width: 91%; margin: 10px auto; height: 103px;}
.LifeMemberInfo_f li, .LifeMemberInfo_f li:hover, .LMInfo li.LifeMemberInfoColor_f{ width: 86%;height: 105px; padding: 5px 8px;margin: 10px auto;}  
.LMInfo li.LifeMemberInfoColor_f{ height: 160px;}
.LifeMemberAgree, .LifeMemberAgreeError{ width: 100%; left: 0px; font-size: 12px;} 
.LifeMemberVFCode{ width: 100%; margin-left: 0px;}  .LifeMemberVFCodeText{ width: 100%; display: block; margin: 10px 0 5px 0; text-align: center;} 
.meeaar{ margin-left: 0px;} .onlyRED{ margin: 0px; display: block;}

.LifeMemberFirstShopping{ padding: 30px 4px 5px 3px; width: 98%;}
.LifeMemberPEZOpenPassaPic, .LifeMemberConfirmMessage { display: block; margin: 0 auto; float: none;}
.LifeMemberPEZOpenPassText, .LifeMemberConfirmEPText { display: block; width: 95%; font-size: 15px; margin: 0 auto; float: none; }
.LifeMemberConfirmEPText { margin-top: 22px; }
.LifeMemberFirstShoppTittle { width: 32%; }
.rdl-FStittText { line-height: 22px; display: block; } .LifeMemberFirstShoppMail{ width: 55%; } .rdl-FSpT{ letter-spacing:0.1em;}
.LMFShoppName, .LMFShoppGender{ font-size: 15px; } .LMFShoppNote{ margin-left:-17px; display: block; }
.LMFShoppName input{ width:23%; font-size: 14px;} .LMFShoppPhone input{ width:65%; font-size: 14px; }
.LMFShoppInvoice select{ width: 86px; font-size: 14px; margin-left:0;}.LMFShoppInvoice input{ width: 163px; margin-left: 0;}
.rdl-redT, .rdl-redT2{color: #F00; margin-left: 17px; width: 100%;}
.LifeMemberLogFrame{ width: 95%; margin: 10px auto; height: 450px;}
.lmbecOtloginfor, .lmbeclogiTi, .lmbelogGO, .LMPasswordFrame{ margin: 0 auto; height: auto;}  
.lmbeclogiTi{ font-size: 12px; margin: 10px auto 0 auto; width: 98%;}
.lmbecloging{width:98%; margin: 5px auto; height: auto;}
.lmbecOtloginfor img{ height: auto; max-width: 80%; margin: 0 auto;}
.LifeMemberOtherLoging2, .LifeMemberOtherLoging1{ border: none; border-bottom: 1px dashed #B9955E; height: auto; margin-bottom: 20px; padding-bottom: 18px; width: 100%;} .lmbeclogingTEXT{ font-size: 13px; } 
.lmbeclogingBtn{ max-width: 50%;}
.LifeMemberConfirmMessage{ font-size: 15px;} .rdl-cmsgT{ padding: 15px; width: 89%;} 
.LifeMemberConfirmRemarks{ margin-top: 10px; padding: 15px 0 0 0;}
.rdl-LMPawdFTe input{ width:60%; font-size:14px;} .rdl-LMPawdTit { margin-left: 14px;}
.rdl-LMAgree{ height: auto; margin: 5px auto 15px auto;} 
.LMPasswordFrameText select{ width: 29%; font-size: 15px; height: 21px; margin-top: -1px;}
.LifeMemberTXT2 input.rdl-typchk{ width: 15px; display: inline-block;} .rdl-redT3{ margin: 0; } .rdl-redT5{ display:block; }

/*A1-DealList_Normal-by-Alan*/
.NaviCityW { display: none; }
.NaviCityMP { width: 100%; margin: 0 auto; border: none; box-shadow: 0px 1px 3px rgba(0%,0%,0%,.15);  }
.NaviCitySort, .NaviCitySequence, .NaviCitySelectArea { display: none; }
.NaviCityArea { width: auto; padding: 5px; border: none; text-align: center; }
.NaviCityArea li { display: inline-block; float: none; }
.NaviCityArea a { padding: 2px 6px; }

}
/*Mobile Menu by TouNeko*/

@media screen and (max-width: 767px) {
#middle {
	position: relative; 
	border-bottom: 2px solid #BF0000;
}
#wrap { overflow: hidden; }
.center, .mbe-switch { 
	float: right; 
	-webkit-transition: margin 0.3s;
	   -moz-transition: margin 0.3s;
	     -o-transition: margin 0.3s;
	        transition: margin 0.3s;
	-webkit-transform: translate3d(0,0,0);
	   -moz-transform: translate3d(0,0,0);
	     -o-transform: translate3d(0,0,0);
	        transform: translate3d(0,0,0);
}
.mbe-switch { width: 100%; }
.mbe-channel {
	width: 95%;
	margin: 0 auto 5px auto;
	color: #333;
	font: 16px/26px Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	border-bottom: 1px solid #CCC;
}
.mbe-menu-btn {
	width: 40px;
	height: 36px;
	margin: 7px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	line-height: 36px;
	font-size: 14px;
	font-weight: 600;
	color: #BF0000;
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}
.mbe-menu-btn:hover {
	color: #BF0000;
	text-decoration: none;
}
.mbe-menu-btn:active {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.mbe-menu-btn .line:first-child { margin-top: 9px; }
.mbe-menu-btn .line {
	  width: 50%;
	  height: 3px;
	  margin: auto;
	  margin-bottom: 5px;
	  background: #BF0000;
	  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.mbe-menu-show .mbe-menu { margin-left: 0; }
.mbe-menu-show .center, .mbe-menu-show .mbe-switch { margin-right: -150%; }
.mbe-menu {
	width: 100%;
	float: left;
	margin-left: -100%;
	background: #333333;
	-webkit-transition: margin 0.3s;
	   -moz-transition: margin 0.3s;
	     -o-transition: margin 0.3s;
	        transition: margin 0.3s;
	 -webkit-transform: translate3d(0,0,0);
	    -moz-transform: translate3d(0,0,0);
	      -o-transform: translate3d(0,0,0);
	         transform: translate3d(0,0,0);
}
 .mbe-menu #navi { border-bottom: none; }
 .mbe-menu #navimain li { 
	text-align: left;  
	border-bottom: 1px solid #555; 
}
.mbe-menu #navimain li a { 
	padding-left: 10px; 
	-moz-box-sizing: border-box; 
		 box-sizing: border-box; 
}
.mbe-menu .navbtn_inpage { 
	float: none; 
	display: block; 
	border-radius: 0; 
}
.mbe-nav-city { display: block; background: #444; }
.mbe-nav-city .mbe-city-title {
	padding-left: 10px;
	color: #FFF;
	font: 13px/32px Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	border-bottom: 1px solid #555; 
	background: #555;
}
#navimain .mbe-nav-city li.mbe-city-btn {
	width: 30%;
	height: 25px;
	margin: 5px;
	padding-left: 0;
	float: left;
	text-align: center;
	vertical-align: top;
	border: none;
}
#navimain .mbe-nav-city .mbe-city-link {
	width: 100%;
	padding-left: 0;
	display: inline-block;
	font: 13px/20px Arial, "微軟正黑體", "Microsoft Jhenghei", sans-serif;
	color:#FFF;
}
#navimain .mbe-nav-city li.mbe-city-btn.on, 
#navimain .mbe-nav-city li.mbe-city-btn:hover {
	border-radius: 5px;
	background: #BF0000;
}

}
/*iphone event*/
@media screen and (min-width: 1001px) { 
.evtbar { display: none; } 
}
@media screen and (max-width: 1000px) {
.evt { display: none; }
.evtbar {
	width: 100%;
	margin: 10px auto;
	display: block;
	background: #FFF;
	border:3px solid #BF0000;
	border-radius: 5px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.evtbar a { color: #00F; text-decoration: underline; }
.evtbar .s-imp {
	font-size: 20px;
	color: #BF0000;
}
.evtbar-content {
	margin: 0 10px;
	font-size: 16px;
	line-height: 32px;
	font-weight: 600;
	text-align: center;
}
.evtbar-content.nlogin { color: #BF0000; }
}
@media screen and (max-width: 767px) {
.evtbar { width: 95%; }
}
@media screen and (max-width: 480px) {
.pay-evt-bg { background: none; }
.evtbar-content { font-size: 14px; }
}