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

* ,
label{
	font-family:"微軟正黑體", "Arial Unicode MS" !important;
}

.ui-page-theme-b .ui-header.ui-bar-inherit{
	background: rgba(76,76,76,1);
	background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

	color:white;
	border-radius:0.3em 0.3em 0 0;
	border-color:#5C5C5C;
}
.ui-page-theme-b .ui-btn{
	background-color:transparent;
}
.ui-page-theme-b .ui-btn:hover{
	background-color:transparent;
}

/*頁首*/
.ui-header > a {
	background:none;
	border:none;
}
.ui-icon-arrow-l:after{
	background-image:url(../images/icon/back-icon.png);
}
/*頁腳*/
.ui-footer .ui-title{
	font-weight:normal;
}
.ui-footer img{
	margin:0 4px -6px 2px;
}
/*會員卡*/
.ui-mobile-viewport .ui-footer{
	background:#DFE1E2;
	color:#7A756B;
	position:fixed;
	width:100%;
	bottom:0;
	text-shadow:none;
	border:0;
	z-index:1000;
}

.vipcard-wrap{
	background:#f5f3f2;
	background-size:100%;
	padding:0;
	text-align:center;
}
.vipcard-body img{
	max-width:87%;
}

.vipcard-body img + div{
	position:absolute;
	top:64px;
	left:12%;
	padding:5px;
	color:#606060;
	border:1px solid #606060;
	padding:5px 15px;
	border-radius:15px;
	background:white;
	opacity:0.7;
	text-shadow:none;
}
.vipcard-body p{
	padding-bottom:0.5em;
	margin-top:-0.8em;
	font-size:0.9em;
}
/*首頁 icon (index-icon-box)*/
.index-icon-box{
	margin:0.5em;
}

.index-icon-box div div{
	margin:3px;
	height:70px;
	padding-top:22px;
	border-radius:5px;
	background:#000;
	opacity:0.5;
}
/*首頁 次選單*/
.index-hot-bar{
	background:#E9E8E8;
}
.index-hot-bar a{
	color:#51403F;
	text-decoration:none;
	line-height:3em;
}
.ui-page-theme-b .index-hot-bar a:hover,
.ui-page-theme-b .index-hot-bar a.active{
	border-bottom-color:#FC149C;
	color:#FC149C;
	}
.index-hot-bar{
	margin:1em 0 -1em 0;
}
/*註冊表單*/
.form-wrap{
	margin:1em;
}


/*單選-選單*/
.my-radio-btn{
	display:inline-block;
	width:40%;
}
.my-radio-btn > label{
	position:relative;
	left:70px;
	top:-6px;
	display:inline;
}
.my-radio-btn input[type="radio"]{
	width:1.4em;
	height:1.5em;
}

/*首頁 次選單*/
.ui-page-theme-b .index-hot-bar a{
	font-weight:normal;
	border-bottom: 3px solid #E9E8E8;
}
.ui-page-theme-b .index-hot-bar a{
	display:block;
	color:#51403F;
}
.ui-page-theme-b .index-hot-bar a:hover,
.ui-page-theme-b .index-hot-bar a.active{
	border-bottom-style:solid;
	border-bottom-width:3px;
	}
.index-hot-bar a p{
	margin:0;
	}

/*功能列表 ui-group-theme-list*/
.ui-content{
	margin:0 0 24px 0;
	padding:0 0 1em 0;
	text-align:center;
}
/*
.ui-content .ui-listview-inset{
	margin:1em;
}

.ui-listview li .ui-btn{
	min-height:auto;
	text-shadow:none;
	border:0;
}
*/
.ui-listview li .ui-icon-carat-r:after{
	background:url(../images/icon/arrow-r-black.png) no-repeat;
	padding-right:14px;
	opacity:0.8;
}

.ui-listview li a > div{
	display:inline-block;
}
.ui-listview li a > div + span{
	display:inline-block;
	position:relative;
	top:-32px;
	padding-left:1em;
}


/*消費資訊 info-bar*/
.ui-grid-b {
	text-align:center;

}
.info-bar{
	border-bottom:2px solid #AFB2B2;
	margin-bottom:0.5em;
}
.info-bar p{
	text-shadow:none;
	padding:0;
	margin:0;
}
.info-bar > a{
	color:#fff;
	border-right:1px solid #dfe1e2;
	border-bottom:1px solid #dfe1e2;
	text-decoration:none;
}
.info-bar > a:hover{
	color:#fff;
	text-decoration:none;
}
.info-bar .ui-block-c {
	border-right:0;
}
.info-bar .ui-block-a > p:first-child{
	background:#ff0066 url(../images/icon/arrow-r-white.png) no-repeat right;
	}

.info-bar .ui-block-b > p:first-child{
	background:#1fb5ac url(../images/icon/arrow-r-white.png) no-repeat right;
	}
.info-bar .ui-block-c > p:first-child{
	background:#46353f url(../images/icon/arrow-r-white.png) no-repeat right;
	}

.info-bar a > p:first-child{
	padding:0.5em 0;
	color:#fff;
}
.info-bar a > p:last-child{
	padding:0.4em 0;
	background-color:#fff;
	color:#3d3d3d;
	font-size:1.8em;
}
.info-bar div{
	display:inline-block;
	width:30%;
	margin:0;
	padding:0;
	border:0;
	font-size:1.2em;
}
.info-bar div p:last-child{
	font-size:1.5em;
	color:#f77974;
	font-weight:bold;
}
.info-bar + h4{
	margin-top:1em;
}

/*sheet-bar*/
.sheet-bar{
	background:white;
	margin:1em;
}
.sheet-bar a{
	display:block;
	text-decoration:none;
}

.ui-page-theme-b .sheet-bar a{
	text-decoration:none;
	color:#20B5AD ;
}
.sheet-bar a.active{
	background:#20B5AD;
	color:white;
	
}
.sheet-bar > .active > a,
.sheet-bar > .active > a:hover{
	color:white;
	text-decoration:none;
}
.sheet-bar a > p{
	line-height:2.5em;
}

/*菜色特色-食材-步驟info-sheet*/
.info-sheet{
	padding:0.5em;
	text-align:center;
	margin:0;
}
.info-sheet > a,
.ui-page-theme-b .info-sheet > a:active,
.ui-page-theme-b .info-sheet > a:visited{
	text-align:center;
	margin:0 0.5em;
	padding:0.5em;
	font-size:0.9em;
	font-weight:normal;	
	border-radius:9%;
	text-decoration:none;
	border:1px solid #CECECE;
	color:#CECECE;
}

.ui-page-theme-b .info-sheet > a:hover,
.info-sheet > a.active{
	border:1px solid #1fb5ac;
	color:#1fb5ac;
}
.info-sheet.ui-grid-b > a{
	width:auto
}

/*會員首頁*/
/*會員列折疊列表*/
.ui-collapsible-set{
	margin:1em;}

.ui-collapsible-set .ui-btn:hover,
.ui-collapsible-set .ui-btn{
	color:#333;
	border-color:#B7B7B7;
	font-weight:normal;
}
.ui-collapsible-set .ui-collapsible{
	background:white;
}
.ui-collapsible-set .ui-collapsible-heading-toggle span{
	padding-left:0.3em;
	top:-0.5em;
	position:relative;
}
.ui-collapsible-set .ui-icon-minus:after{
	background:url(../images/icon/arrow-d-black.png);
}
.ui-collapsible-set .ui-icon-plus:after{
	background-image: url(../images/icon/arrow-u-black.png);
}
/*折疊內容*/
.ui-page-theme-b .ui-collapsible .ui-body-inherit{
	background-color:#F3F3F3;
	text-shadow:0 0 0 ;
	color:#333;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #B7B7B7;

}
.ui-page-theme-b .ui-collapsible .ui-body-inherit p{
	font-size:0.9em;
	line-height:1.3em;
}

/*個人資訊person-box*/

.ui-content .ui-group-theme-person-box{
	background:#fff;
	margin-bottom:1em;
	margin-top:1em;
	border:1px solid #D2D2D2;
	box-sizing:border-box;
	
}
.ui-page-theme-b .ui-group-theme-person-box a,
.ui-page-theme-b .ui-group-theme-person-box a:hover{
	color:#333 !important;
	font-weight:normal;
	line-height:1.5em;

}
.ui-page-theme-b .ui-group-theme-person-box .ui-btn{
	border-color:#DEDEDE;
	background:#fff;}

.ui-page-theme-b .ui-group-theme-person-box a {
	padding-left:3em;
}
.ui-page-theme-b .ui-group-theme-person-box a p{
	margin:0;
}
/*有圖時*/
.ui-group-theme-person-box.li-has-img a{
	padding-left:2em;
	padding-top:0.4em;
	padding-bottom:0;
}
.ui-group-theme-person-box.li-has-img a img{
	border-radius:0.5em;
}
/*數字框*/
.ui-page-theme-b .ui-li-count.ui-body-inherit{
	background:#ff0066;
	border-radius:50%;
	margin-right:1em;
	border-color:#ff0066;
}
/*訊息內頁*/
.message-content div:first-child{
	padding-left:1em;
	padding-right:1em;
	border-bottom:1px solid #ccc;
	line-height:43px;
}
.message-content div:nth-child(2){
	padding-left:1em;
	padding-right:1em;
	line-height:1.8em;

}
.message-content div:last-child{
	padding-left:1em;
	padding-right:1em;
	padding-top:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	background:white;
}
hr{
	border:0; 
	height:1px;
	background-color:#d4d4d4;
	margin-top:1em;
}

/*每道菜介紹內頁*/
.meal-content > div:first-child{
	padding-left:1em;
	padding-right:1em;
	margin-top:1em;
	margin-bottom:1em;
}
.meal-content div:nth-child(2){
	padding:0;
	line-height:0;
	background:black;
	
}
.meal-content div:nth-child(2) img{
	width:100%;
}
.meal-content div:nth-child(3) {
		padding:0;
}
.meal-content div:last-child{
	padding:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	background:white;
	color:#666;
	font-size:0.9em;
	line-height:1.5em;
}

/*加入會員 表單*/
.ui-mobile label{
	margin:0;
	line-height:2em;
}
/*分隔線*/
.separated{
	height:0.5em;
	background:transparent;
}
/*關於公司介紹內頁*/
.subheading-bar{
	background:#1fb5ac;
	color:#fff;
	line-height:2.5em;
	margin:0.5em 0;
	text-align:center;
}
.subheading-bar h3{
	font-weight:normal;
	margin:0;
}
.subheading-bar h3 span{
	font-weight:normal;
	font-size:0.8em;
}
.main-content{
	padding-left:1em;
	padding-right:1em;
	line-height:1.8em;
	text-align:justify;
	text-justify:inter-ideograph;
	background:white;
}

/*消息列表*/
.ui-content .ui-group-theme-view-list{
	margin-top:0;
	margin-bottom:1em;
}
.ui-group-theme-view-list li{
	padding-left:1em;
	padding-right:1em;
}

/*條例列表 light-list*/
.ui-content .ui-group-theme-light-list{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.ui-group-theme-light-list li a{
	padding:0;
	line-height:0;
}

.ui-group-theme-light-list li a div img{
	padding:0.5em 0.5em 0.5em 1.5em
}
.ui-group-theme-light-list li a > div + span{
	top:-62px;
		
}
.ui-group-theme-light-list li .ui-icon-carat-r:after{
	padding-right:28px;
}

/*展示菜*/
/*格狀列表grid-list*/
.ui-content .ui-group-theme-grid-list{
	margin:0.5em;
}
.ui-group-theme-grid-list li {
	width:49%;
	float:left;
	margin-bottom:2%;
}
.ui-page-theme-b .ui-group-theme-grid-list li a.ui-btn{
	background:#fff;
	color:#333;
	border:0;
	font-weight:normal;}
.ui-group-theme-grid-list  li:nth-child(odd){
	margin-right:2%;
}
.ui-group-theme-grid-list li a > div{
	display:block;
	text-align:center;
	/*margin-bottom:0.5em;*/
}
.ui-group-theme-grid-list li a > div img{
	/*菜單縮小圖*/
	width:100%;
	height:160px;
}
.ui-group-theme-grid-list li a{
	padding:0;
}
.ui-group-theme-grid-list li .ui-icon-carat-r:after{
	background:none;
	padding:0;
}
.ui-group-theme-grid-list li a > div + span{
	top:0;
	display:block;
	text-align:center;
	line-height:1.5em;
	padding-bottom:0.3em;
}



/*形象動畫*/
/*Swiper*/
#content{text-align:center;}

    .swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	
	
/*會員註冊*/		
/*表單*/
.register-table {
	background:white;
}
.register-table table{
	width:100%;
	border-collapse:collapse;
}
.register-table tr td{
	border-bottom:1px solid #d1d1d1;
	padding:0.5em 1em 0.5em 0.5em ;
	text-align:left;
}
.register-table table tr:first-child td{
	border-top:1px solid #d1d1d1;	
}
.register-table tr td:first-child{

	text-align:left;
	color:#666;
	padding-left:1.2em;
	padding-right:0;
	width:25%;
}
.register-table tr td:last-child input{
	border:0;
}
.register-table td > label{
	white-space:nowrap;
}
/*主按鈕*/
.ok-btn-1{
	width:80%;
	margin-top:1.5em;
	margin-bottom:1em;
	background:#ff0066;
	border:1px solid #b20047;
	border-radius:5px;
	color:white;
	font-size:16px;
	padding:5px;
	line-height:24px;
	box-shadow:2px gray;
	cursor:pointer;
			
	 background: #e3005b;
	 background-image: -webkit-linear-gradient(top, #e3005b, #ff0066);
	 background-image: -moz-linear-gradient(top, #e3005b, #ff0066);
	 background-image: -ms-linear-gradient(top, #e3005b, #ff0066);
	 background-image: -o-linear-gradient(top, #e3005b, #ff0066);
	 background-image: linear-gradient(to bottom, #e3005b, #ff0066);
	 box-shadow:2px 2px 1px rgba(138, 138, 145, 0.5);
}
.ok-btn-1:hover{
	background:#e3005b;
	border:1px solid #d1d1d1;
	border-radius:5px;
	box-shadow:2px 2px 1px rgba(138, 138, 145, 0.5);
}
.ok-btn-2{
	background:#1fb5ac;
	color:white;
	border-radius:5px;
	padding:5px 10px;
}

/*popWindow 彈出窗*/
.ui-popup-container .ui-content{
	background:#fff;
	color:#333;
	margin:0.2em;
	padding:1em;
}

.ui-popup-container .ui-header .ui-title{
	margin:0;
}
/*主標題*/	
h2{
	font-size:16px;
	margin:5px;
	color:black;
	text-align:center;
	padding-top:40px;
	padding-bottom:15px;
	font-weight:normal;	
}
h2 img{
	margin-bottom:-5px;
	margin-right:2px;
}
.row:before{
	display:table;
	content: " ";
}		
.row:after{
	clear:both;
}
.clear{
	clear:both;
}
.col-lg-12 {
    width: 100%;
}
.col-lg-11 {
    width: 91.66666667%;
}
.col-lg-10 {
    width: 83.33333333%;
}
.col-lg-9 {
    width: 75%;
}
.col-lg-8 {
    width: 66.66666667%;
}
.col-lg-7 {
    width: 58.33333333%;
}
.col-lg-6 {
    width: 50%;
}
.col-lg-5 {
    width: 41.66666667%;
}
.col-lg-4 {
    width: 33.33333333%;
}
.col-lg-3 {
    width: 25%;
}
.col-lg-2 {
    width: 16.66666667%;
}
.col-lg-1 {
    width: 8.33333333%;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9{
	position:relative;
	min-height:1px;
}
/*對齊*/
.right{
	float:right;
}
.left{
	float:left;
}
.txt-right{
	text-align:right;
}
.txt-left{
	text-align:left;
}
.txt-center{
	text-align:center;
}
.txt-red{
	color:red;
}
.txt-gray{
	color:#666;
}
.txt-pink{
	color:#ff0066;
}
.txt-blue{
	color:#1fb5ac;
}
.pull-right{
	float:right;
}
.pink-box{
	background:#ff0066;
	color:white;
	padding:0.2em 0.5em;
}
.blue-box{
	background:#1fb5ac;
	color:white;
	padding:0.2em 0.5em;
}
.letter-spacing{
	letter-spacing: 0.5em;　
}
input, select, textarea{
	padding:0.3em;
	box-sizing:border-box;
}
.txt-large{
	font-size:2em;
}
h4,p{
	margin:0;
	font-weight:normal;
}
.ui-page-theme-b a.link-blue{
	color:#1fb5ac;
	font-weight:normal;
}
/*會員充值*/

.add-cash-wrap > div:first-child{
	background:white;
	padding:1em;
}
.add-cash-wrap > div:nth-child(2){
	background:#1fb5ac;
	padding:0.2em;
	color:white;
	line-height:2em;
	font-size:0.9em
}
/*充值金額*/
.add-cash-wrap > div:nth-child(3) h4{
	margin-left:4%;
	margin-top:5%;
	margin-bottom:2%;
	font-size:0.9em;}
	
/*充值說明*/
.add-cash-wrap > div:nth-child(4){
	margin:1% 4% 0 4%;
}
.add-cash-wrap > div:nth-child(4) > h4,
.add-cash-wrap > div:nth-child(4) > p{
	font-size:0.9em;
}
.cash-box{
	width:43%;
	float:left;
	background:white;
	margin:0 4% 4% 4%;
	padding:1em;
	box-sizing:border-box;
}
.cash-box p{
	margin:0;
}
.cash-box p:last-child{
	color:#666;
}
.cash-box:nth-child(odd){
	margin-right:1%;
}

/*載入動畫*/
.ui-loading .ui-loader {
	display:none;
}




/*setting-table*/

.setting-table {
	background:white;
	border-top:1px solid #858484;
	border-bottom:1px solid #858484;
}
.block-green{
	display:inline-block;
	width:10%;
	float:left;
	background:#1FB5AC url(../images/icon/check-icon.png) no-repeat center;
	color:white;
	line-height:2.5em;
	height:2.8em;
}
.setting-table table {
	width:90%;
	margin-bottom:1em;
	border-collapse:collapse;
}
.setting-table table tr td{
	line-height:2em;
	text-align:left;
	border-bottom:1px solid #d1d1d1;
}
.setting-table table tr:first-child td:first-child{
	text-align:left;
	color:#1fb5ac;
	height:42px;
}

.setting-table table tr:first-child td:last-child{
	text-align:right;
	color:#afafaf;
	font-size:0.8em;
}
.setting-table table tr td:first-child{
	padding-left:0.5em;
}
.setting-table table tr td:last-child{
	padding-right:0.5em;
}
.setting-table td input{
	border:none;
	color:#000;
}

/*優惠券共用設定conpon*/
.coupon-list-wrap > h2{
	color:#666666;
	font-size:1.2em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	letter-spacing:0.1em;
}
.coupon-list-wrap > div{
	margin-left:1em;
	margin-right:1em;}
.coupon table{
	width:100%;
	border-collapse:collapse;
}
.coupon{
	border-radius:0.5em;
	margin-bottom:0.5em;
	margin-top:0.5em;
	cursor:pointer;
}
.coupon table td{
	text-align:left;
	vertical-align:top;
}
.coupon table tr td:first-child{
	padding:1em 0 0.2em 1em;
}

/*中間的線之圓點*/
.coupon table tr td:nth-child(2){
	width:1em;
	position:relative;
	padding:0;
}
.coupon .radius-t{
	width:1em;
	height:0.5em;
	border-radius:0 0 1em 1em;
	border-top:0 !important;
	position:absolute;
	top:-0.2em;
}
.coupon .radius-b{
	width:1em;
	height:0.5em;
	border-radius:1em 1em 0 0;
	border-bottom:0 !important;
	position:absolute;
	bottom:-0.2em; /*iphone -0.2em*/
}

/*券名*/
.coupon-title{
	font-size:0.9em;
	line-height:1.5em;
}
.coupon-title:after{
	content:"]";
	font-weight:bold;
	padding-left:0.2em;
}
.coupon-title:before{
	content:"[";
	font-weight:bold;
	padding-right:0.2em;
}
/*券說明*/
.coupon-exp{
	font-size:0.9em;
}
/*折扣金額*/
.coupon-money{
	font-size:3em;
}
.coupon-money i{
	font-size:12px;
	font-style:initial;
}
/*抵用券*/
.coupon-title-name{
	font-size:1.5em;
	font-weight:bold;
}
/*抵用券區*/
.coupon-pcs {
	color:#DFE1E2;
	white-space:nowrap;
	position:relative;
	width:25%;	
	padding:1em 1em 0.2em 0.4em;

}
.coupon-pcs > P{
	font-size:1.4em;
	font-weight:bold;
	padding-bottom:1.4em;
}
.coupon-pcs > div{
	position:absolute;
	bottom:0.8em;
	line-height:1.5em;
	font-size:0.8em;
}
.coupon-pcs > div{
	
}


.coupon-money .off-c{
	font-size:0.5em;
	padding-left:0.3em;
	font-weight:bold;
}
/*券01*/
.coupon-01 tr td:first-child{
	color:white;
}
.coupon-01{
	background:#1fb5ac;
	border:0.2em solid #1fb5ac;
}
.coupon-01 .radius-t,
.coupon-02 .radius-t{
	background:#DFE1E2;
	border:solid #1fb5ac 0.2em;
}
.coupon-01 tr td:nth-child(2){
	background:url(../images/icon/dotline-w.png) repeat-y 0.5em -0.1em;
}
.coupon-01 .radius-b,
.coupon-02 .radius-b{
	background:#DFE1E2;
	border:solid #1fb5ac 0.2em;
}
.coupon-01 .coupon-pcs {
	color:#DFE1E2;
}


/*券02*/
.coupon-02 tr td:first-child{
	color:#1FB5AC;
}
.coupon-02{
	background:#DFE1E2;
	border:0.2em solid #1fb5ac;
}
.coupon-02 tr td:nth-child(2){
	background:url(../images/icon/dotline-g.png) repeat-y 0.5em -0.1em;
}
.coupon-02 .coupon-pcs {
	color:#878787;
}
.coupon-02 .coupon-pcs > P{
	color:#1FB5AC;
}


/*券03*/
.coupon-03 tr td:first-child{
	color:white;
}
.coupon-03{
	background:#ff0066;
	border:0.2em solid #ff0066;
}
.coupon-03 .radius-t,
.coupon-04 .radius-t{
	background:#DFE1E2;
	border:solid #ff0066 0.2em;
}
.coupon-03 tr td:nth-child(2){
	background:url(../images/icon/dotline-w.png) repeat-y 0.5em -0.1em;
}
.coupon-03 .radius-b,
.coupon-04 .radius-b{
	background:#DFE1E2;
	border:solid #ff0066 0.2em;
}
.coupon-03 .coupon-pcs {
	color:#DFE1E2;
}


/*券04*/
.coupon-04 tr td:first-child{
	color:#ff0066;
}
.coupon-04{
	background:#DFE1E2;
	border:0.2em solid #ff0066;
}
.coupon-04 tr td:nth-child(2){
	background:url(../images/icon/dotline-p.png) repeat-y 0.5em -0.1em;
}
.coupon-04 .coupon-pcs {
	color:#878787;
}
.coupon-04 .coupon-pcs > P{
	color:#ff0066;
}




/*券的內容*/
.code-box{
	text-align:center;
}
.coupon-detail{
	background:white;
	padding:1em;
	font-size:0.9em;
	text-align:left;	
}
/*layer-1*/
.coupon-detail .layer-1 > p{
	margin-bottom:0.2em;
}
.coupon-detail .layer-1 > p > span:first-child{
	font-weight:bold;
	padding-right:0.3em;
	display:inline-block;
	border-right:2px solid #666;
}

.coupon-detail .layer-1 > p > span:last-child{
	color:#666666;
	padding-left:0.3em;
}
/*layer-2*/
.coupon-detail .layer-2{
	margin-top:1em;
	margin-bottom:1em;
}
.coupon-detail .layer-2 > p {
	font-weight:bold;
	padding-right:0.3em;
	display:inline-block;
	border-right:2px solid #666;
	margin-bottom:0.2em;
}
.coupon-detail .layer-2 > span {
	color:#666666;
	display:block;
}

/*消費紀錄 vs 儲值紀錄*/

.list-wrap > div:first-child{
	margin-top:1em;
	margin-bottom:1em;
	border-top:1px solid #666;
	border-bottom:1px solid #666;	
	background:white;
	padding:0.5em;
}
.list-body {
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 2em 1em;
}
.list-body table{
	background:white;
	padding-top:1em;
	padding-bottom:1em;
	width:100%;
}
.list-body table td > p,
.list-body table td div >c p > span,
.list-body table td div > span{
	margin-bottom:0.2em;
}
.list-body table td{
	padding-left:0.5em;
	padding-right:0.5em;
	padding-top:0.2em;
	padding-bottom:0.2em;
}

.list-body table tr td:first-child{
	text-align:right;
	vertical-align:top;
	width:20%;
}

.list-body table tr td div span{
	display:inline-block;
	border-right:0.1em solid #CECECE;
	padding-right:0.5em;
	margin-right:0.5em;
}
.list-body table tr td div span:last-child{
	border-right:0;
}
.list-body table tr td p + div{
	font-weight:bold;
}
.list-body table tr td div:last-child{
	color:#878787;
	border-bottom:1px solid #CECECE;
	padding-bottom:0.5em;
}

.list-body table tr:last-child td div:last-child{
	border-bottom:0;
}

/*儲值紀錄*/
.list-pink table tr td:first-child{
	color:#ff0066;
}
.list-blue table tr td:first-child{
	color:#1fb5ac;
}

.ui-page-theme-b .index-hot-bar .logo-ss > a {
	/*background: url(http://203.70.231.11:9001/styles/images/logo-ss.png) no-repeat 10px 8px !important;*/
	background: url(/styles/images/logo-ss.png) no-repeat 1px 8px !important;
	color:#FC149C;
}



.ui-overlay-b, .ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper{
	text-shadow:0 0 0 ;
	color:#333;
}

.ui-overlay-b, .ui-page-theme-b, .ui-page-theme-b .ui-panel-wrapper{
	background-color:#dfe1e2;
}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
	background-color:transparent;
}
.ui-page-theme-b .ui-btn:hover, html .ui-bar-b .ui-btn:hover, html .ui-body-b .ui-btn:hover, html body .ui-group-theme-b .ui-btn:hover, html head+body .ui-btn.ui-btn-b:hover{
	text-shadow:0 0 0 ;
}
.ui-page-theme-b .ui-btn, html .ui-bar-b .ui-btn, html .ui-body-b .ui-btn, html body .ui-group-theme-b .ui-btn, html head+body .ui-btn.ui-btn-b, .ui-page-theme-b .ui-btn:visited, html .ui-bar-b .ui-btn:visited, html .ui-body-b .ui-btn:visited, html body .ui-group-theme-b .ui-btn:visited, html head+body .ui-btn.ui-btn-b:visited{
	text-shadow:0 0 0 ;
}
.ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after{
	background-color:transparent;
}
.ui-page-theme-b .ui-btn:focus, html .ui-bar-b .ui-btn:focus, html .ui-body-b .ui-btn:focus, html body .ui-group-theme-b .ui-btn:focus, html head+body .ui-btn.ui-btn-b:focus, .ui-page-theme-b .ui-focus, html .ui-bar-b .ui-focus, html .ui-body-b .ui-focus, html body .ui-group-theme-b .ui-focus, html head+body .ui-btn-b.ui-focus, html head+body .ui-body-b.ui-focus{
	box-shadow:0 0 0 #2ad;
}
.ui-body-b, .ui-page-theme-b .ui-body-inherit, html .ui-bar-b .ui-body-inherit, html .ui-body-b .ui-body-inherit, html body .ui-group-theme-b .ui-body-inherit, html .ui-panel-page-container-b{
	text-shadow:0 0 0 ;
}
.ui-body-b, .ui-page-theme-b .ui-body-inherit, html .ui-bar-b .ui-body-inherit, html .ui-body-b .ui-body-inherit, html body .ui-group-theme-b .ui-body-inherit, html .ui-panel-page-container-b{
	background-color:#fff;
	border-color:#d2d2d2;
}