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


/*-----------------------預約活動------------------------*/
/*-----活動預約-----*/
h1.BKtitle {
	font-size:1.1rem;;
	font-weight: normal;
	color:#4A4A4A ;	
	text-align: center;
}

.BKOptions {
	border-top: 1px solid #404040;
	border-bottom: 1px solid #404040;
	padding: 30px 0;
	margin: 10px 0;
}

.BKselect > div {
	font-size:1.6rem;
	font-weight:bold;
	color:#4A4A4A ;
	text-align: center;
}

.BKselect > select {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
	margin-bottom: 20px;
	height: 2rem;
}

.BKAddress div, .BKAddress p {
	font-size:1.1rem;;
	color:#4A4A4A ;
	text-align: center;
}

.BookingInfo {
	margin-bottom: 30px;
	font-size: 1.1rem;;
}

.BKDescription {
	background: #AEAEAE;
	width: auto;
	margin-bottom: 50px;
	padding: 30px 20px;
}

.BKDescriptionText {
	font-size:1.1rem;;
	color:#FFFFFF ;
	margin-bottom: 20px;
}

.BKpackage {
	text-align: center;
}

.BKpackage input {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin: 0;
}

.BKpackage label {
    font-size: 1.1rem;;
    font-weight: bold;
    color: #4A4A4A;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}


#ErrorMsg {
    font-size: 1.1rem;;
    color: #da002d;
    text-align: center;
    margin-bottom: 20px;
}

.BKButton {
	text-align: center;
}

.BKNextBtn {
    margin: 0 auto;
    display: block;
    width: 200px;
    height: 50px;
    background: #FC664F;
    font-size: 1.6rem;
    color: #FFFFFF;
    border-radius: 300px;
    box-shadow: 0 0 5px 0 #4d4d4d;
    border: none;
	cursor: pointer;
}

.BKNextBtn:hover {
    background-color: #008800;
    box-shadow: 0 0 5px 0 #4d4d4d;
}

.BKNextBtn[disabled="disabled"] {
    background: #AEAEAE;
    cursor: not-allowed;
}




/*-----聯絡我們-----*/
#BKCList {
	padding-top: 20px;
}
#BKCList li {
	margin-bottom: 50px;
}
#BKCList li:last-child {
	margin-bottom: 0px;
}

.BKCTitle {
	font-size:1.1rem;;
	color:#4A4A4A ;
	border-bottom: 1px solid #404040 ; 
}

.BKCContent {
	font-size:1.1rem;;
	font-weight:bold;
	color:#4A4A4A;
	display: block;
}
.BKCContent p {
	font-size: inherit;
}
.BKCContent a {
	font-weight: bold;
	font-size: 1.1rem;;
	color: inherit;
	margin-right: 10%;
}

.BKCContent span {
	font-size: inherit;
	color:#929292;
	display: inline-block;
	vertical-align: middle;
}

.BKCContent img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

/*-----活動預約查詢-----*/
.BKSphone {
    text-align: center;
    padding-top: 30px;
    margin: 10px auto 100px;
    border-top: 1px solid #000;
	font-size: 0;
}

.BKSphone label {
    font-size: 1.8rem;
    font-weight: bold;
    color: #4A4A4A;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 0 0;
    width: 60px;
}

.BKSphone input {
    border: 1px solid #404040;
    width: calc(100% - 80px);
    vertical-align: middle;
    max-width: 490px;
    height: 35px;
    border-radius: 5px;
    background: #FFFFFF;
    font-size: 1.1rem;;
    color: #AEAEAE;
    padding: 5px;
    display: inline-block;
}



/*---------------活動預約------------*/
.BFTitle {
	text-align: center;
	font-size: 0px;
	margin: 0px auto 50px auto;
}


.BFTitle::before, .BFTitle::after {
	content: "";
	background: #664729;
	height: 1px;
	width: 80px;
	display: inline-block;
	vertical-align: middle;
}

.BFTitleTxt {
	font-size:2rem;
	color:#664729 ;	
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
}

.BFWtxt {
	font-size:1.1rem;;
	color:#ce0e2d ;	
	text-align: center;
	margin-bottom: 20px;
}

.BFInfoList li {
	margin-bottom: 40px;
}

.BFInfoTitle {
    border-left: 13px solid #ce0e2d;
    height: 30px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #404040;
    line-height: 30px;
    padding-left: 5px;
    margin-bottom: 20px;
}

.BFInfoContent {
	font-size:1.1rem;;
	color:#404040 ;	
	width: 95%;
	margin: 0 auto;
	display: block;
	position: relative;
}

.BFInfoContent img {
    height: auto;
}

.BFHead {
	border-top: 2px solid #ce0e2d ;
	border-bottom: 2px solid #ce0e2d ; 
	font-size:2rem;
	font-weight:bold;
	color:#ce0e2d ;	
	text-align: center;
	margin-bottom: 20px;
}

.BFHeadInfo {
	text-align: center;
	color: #ce0e2d;
	font-size: 1.1rem;;
	margin-bottom: 30px;
}


.BFList > li { 
	width: 100%;
	max-width: 700px;
	font-size: 0px;
	margin: 0px auto 10px auto ;
}

.BFList > li > label {
    width: 160px;
    font-size: 1.1rem;;
    font-weight: bold;
    color: #4A4A4A;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-right: 10px;
}

.BFList > li sup {
	color:#ce0e2d ;
	vertical-align: super;
    font-size: smaller;
}

.BFList > li input, .BFList > li select {
    border: 1px solid #404040;
    width: calc(100% - 170px);
    height: 35px;
    font-size: 1.1rem;;
    color: #4A4A4A;
    display: inline-block;
    border-radius: 5px;
    padding-left: 5px;
}

.BFRadioGroup {
    display: inline-block;
}

.BFList > li > .BFRadioGroup input {
	border: 1px solid #404040 ;   
	width: 22px ;
	height: 22px ;
	border-radius: 300px;
	font-size:1.1rem;;
	color:#4A4A4A ;
	display: inline-block;
	margin: 0px 10px;
}

.BFRadioGroup label {
    font-size: 1.1rem;;
    vertical-align: middle;
    margin-right: 20px;
}

.BCPInfo {
    padding-left: 170px;
    font-size: 1.1rem;;
    color: #ce0e2d;
    font-weight: normal;
	display: none;
}

.BFList > li textarea {
	border: 1px solid #404040 ; 
	width: calc(100% - 170px);
	height: 118px;
	font-size:1.1rem;;
	color:#4A4A4A ;
	padding-left: 5px;
}

.BFSendBtn {
	margin: 50px auto 50px auto ;
}

.BFSendBtn input, .BookingCompleteBtn a, .BKSBtn input {
    text-align: center;
    display: block;
    margin: 0 auto;
    border-radius: 300px;
    border: none;
    background: #FC664F;
    width: 200px;
    height: 40px;
    line-height: 40px;
    font-size: 1.5rem;
    color: #FFFFFF;
    box-shadow: 0 0 5px 0 #4c4c4c;
}

/*-----預約完成-----*/
#BookingCompleteBk {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    height: 100vh;
    z-index: 50;
    text-align: center;
	font-size: 0;
}

#BookingCompleteBk::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.BookingComplete {
    display: inline-block;
    vertical-align: middle;
}

.BookingCompleteTitle {
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 50px;
    color: #664729;
}

.BookingCompleteTxt {
    font-size: 1.1rem;;
    margin-block: 50px;
    color: #664729;
}


/*-----活動預約查詢-----*/
.BSListBk {
	width: 100%;
	margin: 0px auto ;
}

.BS2title {
	font-size:2rem;	
	font-weight:bold;
	color:#664729 ;	
	padding-left: 30px ;
	margin-top: 50px;
}

.BSListHead .BSListInfo {
    font-size: 0px;
    padding-bottom: 10px;
}

.BSListInfo ul {
	font-size: 0;
}

.BSListHead .BSListInfo li {
	font-size: 1.1rem;;
    line-height: 1.8rem;
    font-weight: bold;
}

.BSListInfo {
    
}

.BSListInfo li {
    color: #4A4A4A;
    display: inline-block;
    text-align: center;
    width: calc(100% / 6);
    font-size: 1rem;
    font-weight: normal;
}

.BSListInfo li span {
    display: none;
}

.BSListInfo li:nth-child(1) {
    width: 160px;
}

.BSListInfo li:nth-child(2) {
    width: 170px;
}

.BSListInfo li:nth-child(3), .BSListInfo li:nth-child(4), .BSListInfo li:nth-child(5), .BSListInfo li:nth-child(6) ,.BSListInfo li:nth-child(7){
    width: calc((100% - 330px) / 5);
}

.BSListInfo a {
    color: #ce0e2d;
    text-decoration: underline;
}

.BSListDetail {
    display: none;
    background: #ffffff;
    margin: 10px 0;
    border-radius: 10px;
    box-shadow: 0 0 5px 0 #c3c3c3;
    overflow: hidden;
}
.BookingDetailInfo {
	padding: 20px;
}

.BookingDetailInfo li {
    font-size: 0;
    display: inline-block;
    width: 50%;
}

.BookingDetailInfo li div {
    display: inline-block;
    font-size: 1rem;
    padding: 5px;
    border: 1px solid #000000;
    margin: 0 0 -1px -1px;
}

.BookingDetailInfo ul {
    display: block;
    font-size: 0;
    margin-bottom: 30px;
}

.BookingDetailInfo li div:first-child {
    font-weight: bold;
    width: 110px;
    text-align: right;
    background: #e8e8e8;
    vertical-align: top;
}

.BookingDetailInfo li div:last-child {
    width: calc(100% - 108px);
    font-weight: normal;
    color: #4a4a4a;
}

.BSPs li.BTypeGp {
    display: none;
}

.BookingDetailInfo .BKSBtn input {
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    width: 150px;
    background: #008000;
}

.BSComplete {
	color: #008000 !important;
}
.BSWar {
	color: #ce0e2d !important;
	font-weight: bold;
}
.BS2Remarks {
	font-size:1rem;	
	color:#008000 ;	
	margin: 10px 0px 0;
}



/*-----------------------會員專區-----------------------------*/
/*Member 共用*/
.MemeberTitle {
	font-size:1.1rem;;	
	font-weight: normal;
	color:#4A4A4A ;	
	text-align: center;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #4A4A4A ; 
}

.MemberLoginBk .PageContent {
    text-align: center;
    margin-bottom: 50px;
}

.MemberNoneTxt {
    font-size: 1.1rem;
    text-align: center;
    font-weight: normal;
    color: #c00;
}

/*-----會員選單-----*/
.MemberBk {
	font-size: 0px;	
}

.MemberMenu {
    width: 250px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.MemberMenuTitle {
    width: 100%;
    background: #664729;
    font-size: 1rem;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 15px 15px 0px 0px;
    text-align: center;
    line-height: 30px;
}

.MemberMenuList {
	background: #FFFFFF ;
	border-radius: 0px 0px 15px 15px ;
	padding: 0px 15px 15px 15px ;
}

.MemberMenuList li {
    /*border-bottom: 1px dotted #404040;*/
    padding: 5px 0;
    text-align: center;
}

.MemberMenuList li:last-child {
    border: none;
}

.MemberMenuList a {
    font-size: 1rem;;
    color: #404040;
    display: block;
    line-height: 1.7rem;
}

.MemberMenuList a:hover, .MemberMenuList a.active {
    color: #c00;
    font-weight: bold;
}



.MemberLname {
	font-size:1.1rem;;	
	font-weight:bold;
	color:#404040 ;	
	border-bottom: 1px dotted #404040 ; 
	text-align: center;
}

.MemberImg {
	text-align: center;
	margin-bottom: 5px;
}

.MembeLText {
	font-size:1.1rem;;
	color:#404040 ;	
	text-align: center;
	margin-bottom: 10px;
}

.MemberCopy {
    width: 95%;
    margin: 0 auto 10px;
}

.MemberCleft {
    display: inline-block;
    width: 60%;
	border-radius: 10px 0px 0px 10px;
	vertical-align: middle;
}

.MemberReel {
    overflow: auto;
    font-size: 1rem;
    color: #0080FF;
    height: 30px;
    line-height: 30px;
    width: 100%;
    border-right: 0;
}

.MemberCright {
	border: 1px solid #404040 ;
	background: #EAEAEA;
	width: 40% ;
	height: 31px;
	border-radius: 0px 10px 10px 0px;
	display: inline-block;
	vertical-align: middle;
}
.MemberCright a {
    line-height: 30px;
    font-weight: bold;
    font-size: 1rem;
}

.MemberShareBox {
	margin: 0 auto ;
}

.MemberText {
    font-size: 1rem;
    display: inline-block;
}

.MemberShareimg {
	margin: 0px 5px ;
	display: inline-block !important;
}

/*-----會員列表專用-----*/
.BookingList > li, .OrderList > li, .AddresseeOrderList > li {
    border-bottom: 1px solid #404040;
}



/*-----會員資訊內容區塊-----*/
.MemberDashboard {
    margin-left: 30px;
    width: calc(100% - 280px);
    display: inline-block;
    vertical-align: top;
}



/*Member5 會員專區-常見問題*/
.Member5Problem {
	font-size:1.1rem;;
	font-weight:bold;
	color:#404040 ;	
	margin-top: 50px;
}

.Member5PText {
	font-size:1rem;
	color:#404040 ;	
}

/*MArea M區域共用*/


.MLBold {
	font-size:1.8rem;
	font-weight:bold;
	color:#4A4A4A ;
	margin: 0px 20px 0px 0px;
	text-indent:  right;
	display: inline-block;
}

.ML3Text {
	width: 100%;
	font-size:1.1rem;;	
	color:#404040;	
	text-align: center;
	margin-bottom: 50px;
}



/*ML 會員登入*/
.MLauto, .MLVcode {
    width: 100%;
    max-width: 500px;
    margin: 0 auto 20px auto;
	font-size: 0;
}

.MLauto label, .MLauto div {
    width: 170px;
    margin: 0 20px 0 0;
    font-size: 1.1rem;;
    text-align: right;
    display: inline-block;
    vertical-align: middle;
}

.MLauto input {
	width: 300px;
	font-size: 1.1rem;;
	display: inline-block;
	vertical-align: middle ;
	padding: 5px;
}


.MLVcode div {
    width: 160px;
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;
}
.MLVcode img {
	display: block;
	width: 100%;
	height: auto;
}

.MLVcode input {
	width: calc(100% - 180px);
	font-size: 1.1rem;;
	display: inline-block;
	vertical-align: middle ;
	padding: 5px;
}

.MLframe {
	text-align: center;
	padding: 30px 0;
}

.MLframe a {
    display: inline-block;
    margin: 0 15px;
    text-decoration: underline;
    font-size: 1.1rem;;
    color: #4A4A4A;
    font-weight: initial;
}

.FastLogin {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}

.FastLogin li {
	text-align: center;
	margin-bottom: 20px;
}

.normalLogin {
    display: block;
    width: 100%;
    color: #ffffff;
    padding: 5px 0;
    font-size: 1.1rem;;
    font-weight: bold;
    border-radius: 5px;
}

.LoginMail {
	background: url("../images/login_mail.png") no-repeat left 15px center, #CE0E2D;;
}
.LoginPhone {
	background: url("../images/login_phone.png") no-repeat left 15px center, #CE0E2D;;
}

.FastLogin img {
	display: block;
	width: 100%;
	height: auto;
}

/*ML4 會員登入-註冊資料*/
.MemberForm { 
	width: 100% ;
	font-size: 0px;	
	border-bottom: 1px solid #404040 ; 
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.MemberForm > ul {
	font-size: 0;
}

.MemberForm > ul > li {
	display: inline-block;
	width: 100%;
}

.MemberForm > ul > li.Form50 {
	width: 50%;
}

.MemberForm .BkTitle {
    border: 0;
}

.TitleNote {
    font-size: 1rem;
    color: #4A4A4A;
    display: inline;
}

.TitleNote span {
    color: #ce0e2d;
}

.MemberForm label { 
	width: 110px;
	margin: 0;
	text-align: right;
	font-size: 1.1rem;;
	font-weight:bold;
	color:#4A4A4A ;	
	padding: 0px 10px 0px 0px ;
	display: inline-block;
	vertical-align: middle;
}

.MemberForm label span.sup {
    color: #ce0e2d;
}

.MemberForm input[type="text"], .MemberForm input[type="password"], .MemberForm select {
    font-size: 1.1rem;;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}

.LTxt {
	width: calc(100% - 130px);
}

.MTxt {
	width: calc(48% - 130px);
}

.STxt {
	width: calc(25% - 130px);
}

.TwZipCode {
    display: inline-block;
    vertical-align: middle;
}

.TwZipCode select, .TwZipCode input[type="text"] {
    width: 150px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    height: 40px;
}

.Picker input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.ckboxTxt {
	display: inline-block;
	vertical-align: middle;
	font-size: inherit;
	margin-left: 5px;
}

input.Address {
    display: inline-block;
    width: calc(100% - 610px);
}

label.ExtLabel {
    width: 70px;
    padding: 0 10px;
}

input.FormTel {
    width: calc(50% - 30px);
}

input.FormTelExt {
    width: calc(50% - 170px);
}


.Gender {
    display: inline-block;
    vertical-align: middle;
}

.Gender label {
    text-align: left;
}


.SigninPrivacy {
    text-align: center;
}

.SigninPrivacy label span, .SigninPrivacy label a {
    font-size: 1.1rem;;
}

.SigninPrivacy input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 7.5px 0;
    display: inline-block;
    vertical-align: top;
}

.SigninPrivacy label {
    display: inline-block;
    vertical-align: top;
    max-width: calc(100% - 20px);
    text-align: left;
    line-height: 30px;
}

.CoMember, .NormalMember, .FormSet {
	display: none;
}



.FormNote {
	font-size: 1.1rem;;
	color: #FF0004;
	display: inline-block;
	vertical-align: middle;
}



.FormTxt, .FormTxt a {
    font-size: 1.1rem;;
    display: inline-block;
    vertical-align: middle;
}

.FormTxt img {
    display: block;
}


.FormTxt a {
	filter: grayscale(1);
}
.FormTxt a.link {
	filter: grayscale(0);
}




.ML4storeText {
	border: 1px solid #D0D0D0 ; 
	width: 500px;
	height: 35px;
	font-size:1.1rem;;
	color:#404040 ;	
	display: inline-block;
}

.ML4InputText {
	font-size:1.1rem;;
	color:#404040 ;	
}



/*MD 專屬優惠*/
.MDMbottom .SQAcontent:last-child {
	margin-bottom: 30px ;
}

.MDButton {
	width: 200px;
	height: 70px;
	background: #FC664F;
	border-radius: 300px ;
	margin: 50px auto;
}

.MDButtonText {
	font-size:1.8rem;
	color: #FFFFFF ;
	text-align: center;
	line-height: 70px;
}

/*--------------Member 會員專區//首頁-----------*/
.MRGoodName {
	font-size:2rem;	
	font-weight:bold;
	color:#664729 ;	
}

.MRGNText {
    font-size: 1.1rem;;
    color: #404040;
    display: inline-block;
    margin-bottom: 30px;
    width: 50%;
}

.MRGNText span {
	font-weight: bold;
}

.MyDiscountBk {
    margin-bottom: 50px;
}

.MyDiscountBk > div {
    display: inline-block;
    font-size: 0;
    width: 48%;
    margin-right: 4%;
}

.MyDiscountTxt {
    padding: 15px 0 15px 80px;
    border: 1px solid #404040;
    border-right: 0;
    background: #FFFFFF;
    width: calc(100% - 140px);
    border-radius: 10px 0px 0px 10px;
    display: inline-block;
    font-size: 1.1rem;;
    font-weight: bold;
    color: #404040;
    vertical-align: middle;
}

.MyDiscountTxt > div {
    line-height: 29px;
    letter-spacing: 2px;
}

.MyDiscountBk > div:nth-child(even) {
    margin-right: 0;
}

.MyDiscountTxt > div:first-child span {
    color: #088000;
}

.MyDiscountTxt > div:last-child span {
    color: #ce0e2d;
}

.MyDiscountLink {
    width: 140px;
    display: inline-block;
    font-size: 1.1rem;;
    font-weight: bold;
    color: #FFFFFF;
    vertical-align: middle;
    text-align: center;
}

.MyDiscountLink a {
    color: #fff;
    display: block;
    border-radius: 0px 10px 10px 0px;
    line-height: 90px;
}
.DiscountType1 .MyDiscountLink a {
    background: #088000;
}
.DiscountType2 .MyDiscountLink a {
    background: #FC664F;
}

.DiscountType1 .MyDiscountTxt {
    background: url("../images/member04.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
}

.DiscountType2 .MyDiscountTxt {
    background: url("../images/member05.png"), #ffffff;
    background-repeat: no-repeat;
    background-position: 20px center;
}

.MemberButton {
	width: 250px;
	margin: 0px auto 50px auto ;
	text-align: center;
	display: block;
}

.MemberButton a {
    display: block;
    background: #008000;
    width: 100%;
    margin: 0px auto 50px auto;
    border-radius: 300px;
    text-align: center;
    font-size: 1.1rem;;
    line-height: 33px;
    color: #FFFFFF;
}



/*-----會員專區-常用收件人管理-----*/
.MemberSearchBk .AddresseeBtn {
    background: #FC664F;
    border-radius: 5px;
    width: 180px;
    font-size: 1.1rem;;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 35px;
}

.BSAdd .BSListInfo li {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space : nowrap;
    padding: 0 5px;
}

.BSListHead.BSAdd .BSListInfo li {
    font-size: 1.05rem;
}

.BSAdd .BSListInfo li:nth-child(1) {
    width: 80px;
}

.BSAdd .BSListInfo li:nth-child(2), .BSAdd .BSListInfo li:nth-child(3),.BSAdd .BSListInfo li:nth-child(4) {
    width: 16%;
}

.BSAdd .BSListInfo li:nth-child(5) {
    width: calc(52% - 180px);
}

.BSAdd .BSListInfo li:nth-child(6) {
    width: 100px;
}


li.listBtn a, li.listBtn input {
	color: #fff;
    font-size: 0.85rem;
    font-weight: bold;
    border-radius: 5px;
}

li.listBtn a {
    background: #fc664f;
    padding: 5px;
    text-decoration: none;
}
li.listBtn input {
    background: #c00;
    padding: 0 5px;
}









/*------會員專區-點數查詢------*/
.PointHeadTxt, .PointTypeBtn {
    display: inline-block;
    vertical-align: middle;
}

.PointHeadTxt {
	width: calc(100% - 170px);
}

.PointHeadTxt span {
	font-weight: bold;
	color: #ce0e2d;
}

.PointTypeBtn {
    display: inline-block;
    vertical-align: middle;
}
.PointTypeBtn a {
    background: #008000;
    width: 160px;
    border-radius: 300px;
    line-height: 2rem;
    font-size: 1.1rem;;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
}

.PointTypeTitle {
	background: #664729;	
	display: block;
	font-size:1.6rem;
	font-weight:bold;
	color:#FFFFFF ;
	text-align: center;
	margin-bottom: 5px;
}


.PointList > li {
	border-bottom: 1px solid #404040 ; 
}

.PointList > li li {
    display: inline-block;
    font-size: 1rem;
    text-align: center;
    width: 120px;
    vertical-align: middle;
}

.PointList > li li span {
    display: none;
}

.PointListHead li {
    font-size: 1.4rem !important;
    font-weight: bold;
    padding-bottom: 5px;
}

.PointList > li li:first-child {
	width: calc(100% - 360px);
	text-align: left;
	padding-left: 10px;
}

.PointList > li li:last-child {
    font-weight: bold;
}

li.PointAdd li:last-child {
    color: #ce0e2d;
}
li.PointLess li:last-child {
    color: #008000;
}


/*------會員專區-訊息通知-----*/
.MemberAlertList > li {
	border-bottom: 1px solid #404040 ; 
}

.MemberAlertList > li:nth-child(even) {
    background: rgba(255, 255, 255, .8);
}

.MemberAlertList > li li {
    display: inline-block;
    font-size: 1rem;
    
    width: 120px;
    vertical-align: middle;
}

.MemberAlertList > li li span {
    display: none;
}

.MemberAlertHead li {
    font-size: 1.4rem !important;
    font-weight: bold;
    padding-bottom: 5px;
	text-align: center;
}

.MemberAlertList > li li:first-child {
    width: 100px;
    text-align: center;
}

.MemberAlertList > li li:last-child {
	width: calc(100% - 100px);
}



/*------會員專區-優惠券------*/
.MemberCouponList {
	margin-bottom: 20px;
}

.MemberCouponList ul {
    display: block;
	font-size: 0;
}

.MemberCouponList ul li {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 20px;
    width: calc(50% - 10px);
}

.MemberCouponList ul li:nth-child(even) {
    margin-right: 0;
}

.MemberCouponList .Coupon {
    width: 100%;
}




/*M5 會員專區-常見問題-1*/
.M5RSelectBox {
	font-size:1.1rem;;	
	color:#4A4A4A ;	
	border-bottom: 1px solid #404040 ; 
	margin: 20px 0px; 
}

.M5Rcontent > li {
	font-size:1.1rem;;	
	color:#404040 ;	
	line-height:30px;
	list-style-type: decimal;
	list-style-position: inside;
}

/*------會員資料查詢 //訂單、預約及優惠券使用------*/
.MemberSearchBk {
	padding: 0 0 10px 0 ;
	margin-bottom: 10px;
	color:#4A4A4A ;	
	border-bottom: 1px solid #4A4A4A;
}

.MemberSearchBk > label {
    font-size: 1.1rem;;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
.MemberSearchBk > span {
	font-size:1rem;	
	display: inline-block;
	vertical-align: middle ;
}

.MemberSearchBk .searchBtnTxt {
    border: 1px solid #404040;
    width: 165px;
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
    margin-right: 10px;
}

.MemberSearchBk .AddCouponBtnTxt {
	border: 1px solid #404040;
    width: 200px;
    height: 35px;
    font-size: 1rem;
    border-radius: 5px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 5px;
    margin-right: 10px;
}

.MemberSearchBk .searchBtn {
    background: #FC664F;
    border-radius: 5px;
    width: 100px;
    height: 35px;
    font-size: 1.1rem;;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.M6RQueryButton > a > div {
	text-align: center;
	line-height: 35px;
	color:#FFFFFF;	
}

/*---------------會員專區-會員訂單---------------*/
.OrderConProductsBk {
    padding: 20px;
    background: #F6F6F6;
}

ul.OrderItem > li, ul.CouponItem > li {
    border-bottom: 1px solid #404040;
    font-size: 0;
    padding: 5px 0;
}

ul.OrderItem > li > div {
    font-size: 1rem;
    display: inline-block;
    width: 70px;
    text-align: center;
}

ul.OrderItem > li span {
	display: none;
}

li.OrderItemHead, li.CouponHead {
    font-weight: bold;
    margin-top: -5px;
}

ul.OrderItem > li > div:first-child {
    width: calc(100% - 350px);
    text-align: left;
}

ul.OrderItem > li > div:last-child {
    text-align: right;
}

ul.OrderItem a {
    display: block;
    width: 100%;
    background: #FC664F;
    border-radius: 30px;
    font-weight: bold;
    color: #fff;
}

.OrderTotal {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
    color: #ce0e2d;
    text-align: right;
	padding: 5px 0;
    margin-bottom: 20px;
}

ul.CouponItem > li > div {
    font-size: 1rem;
    display: inline-block;
    text-align: center;
}

ul.CouponItem > li > div:first-child {
    width: calc(100% - 80px);
    text-align: left;
}

ul.CouponItem  > li > div:last-child {
	width: 80px;
    text-align: right;
}

.OrderListBtn {
    font-size: 0;
    text-align: center;
    padding-top: 10px;
    width: 100% !important;
}

.OrderListBtn > a {
    background: #008000;
    border-radius: 150px;
    margin: 0 10px 0 0;
    padding: 5px 20px;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}
.OrderListBtn > a:last-child {
	margin-right: 0;
}





/*------會員專區-會員訂單------*/

.productsTxt {
    font-size: 1.1rem;;
    margin-bottom: 10px;
}

.productsEva textarea {
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    height: 6rem;
    font-size: 1rem;
    line-height: 1.5rem;
}


/*-------會員訂單 匯款回報---------*/
.TransferNumber h3 {
    font-size: 1.1rem;;
}
.TransferNumber > div > div {
    display: inline-block;
    margin-right: 15px;
    font-size: 1.1rem;;
}

.TransferNumber > div > div > span:first-child {
    font-weight: bold;
}

.TransferNumber {
    border-bottom: 1px solid #4a4a4a;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.TransferReturn label {
    font-size: 1.1rem;;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.TransferReturn input[type="text"] {
    width: 120px;
    height: 35px;
    font-size: 1.1rem;;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #4c4c4c;
}

.TransferReturn li {
    margin-bottom: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.TransferReturn {
    margin-bottom: 70px;
    text-align: center;
}

.TransferReturn li:last-child {
    padding-top: 20px;
}

.TransferReturn li:last-child {
    display: block;
    margin-right: 0;
}


/*WR 會員福利及權益*/
.WRtitle {
	border-left: 1px solid #404040 ;
	border-right: 1px solid #404040 ;
	font-size:2rem;
	color:#404040 ;	
	margin: 0px auto 30px auto ;
	width: 288px;
	height: 40px;
	text-align: center;	
	line-height: 35px;
}

.WRproject {
	border-bottom: 1px solid #404040 ;
	background: #FFFFFF;
	font-size:1.1rem;;
	color:#4A4A4A ;
	margin-bottom: 20px;
	height: 55px;
	line-height: 55px;
	padding-left: 10px;
}

.WRcontent {
	font-size:1.1rem;;
	color:#404040 ;
	margin-bottom: 20px;
	line-height:30px;
}

.WRNumbering {
	margin-bottom: 50px;
}

.WRNumbering > li{
	font-size:1.1rem;;
	font-weight:bold;
	color:#404040 ;
}

.WRNumbering > li > ul > li {
	line-height:30px;
	font-size:1.1rem;;
	color:#404040 ;
	margin-bottom: 30px;
}

.WRNumberingText {
	margin-bottom: 50px;
}

.WRNumberingText > li {
	margin-bottom: 30px;
}

.WRNumberingText > li > ul > li {
	line-height:30px;
	font-size:1.1rem;;
	color:#404040 ;
}

#Alert .checkOutLink{
    display: none;
}


/*------------RWD-------------*/
@media only screen and (max-width: 1200px) {
.MyDiscountBk > div {
    display: block;
    width: 100%;
}

.DiscountType1 {
    margin-bottom: 20px;
}	
	
.BSListHead .BSListInfo li {
    font-size: 1.1rem;
}	
}
@media only screen and (max-width: 900px) {
.MemberForm > ul > li.Form50 {
    width: 100%;
}

.MTxt {
    width: calc(100% - 130px);
}
.TwZipCode {
    width: calc(100% - 110px);
}
.TwZipCode select, .TwZipCode input {
    width: calc(90% / 3) !important;
}
input.Address {
    width: calc(100% - 130px);
    margin-left: 110px;
}
	
	
	
	
.MemberMenu {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
}

.MemberMenuTitle {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    font-size: 1.1rem;
    border-radius: 15px 0 0 15px;
    line-height: 2rem;
    height: auto;
    padding: 0 10px;
    text-align: center;
}

.MemberMenuList {
    display: inline-block;
    border: none;
    padding: 0;
    border-radius: 0 15px 15px 0;
    overflow: auto;
    width: calc(100% - 130px);
    vertical-align: middle;
    white-space: nowrap;
    text-align: center;
}

.MemberMenuList li {
    display: inline-block;
    padding: 0 10px;
    border-bottom: 0;
    border-right: 1px dotted #404040;
}

.MemberMenuList li:last-child > div {
    display: none;
}

.MemberMenuList a {
    font-size: 1.1rem;
}
	
	
.MemberDashboard {
    width: 100%;
    margin-left: 0;
    display: block;
}	
	
}
@media only screen and (max-width: 800px) {
	
.BFInfoContent {
    font-size: 1.1rem;
}

.BFInfoTitle {
    font-size: 1.5rem;
}	
	
	
.BookingInfo {
    font-size: 1rem;
}

.BKDescriptionText {
    font-size: 1rem;
}	

.BKAddress div, .BKAddress p {
    font-size: 1.1rem;
}
	
.BFWtxt {
    font-size: 1.1rem;
}
	
	
.BFWtxt {
    font-size: 1.1rem;
}

.BFHead {
    font-size: 2rem;
}

.BFList > li > label {
    font-size: 1.1rem;;
    width: 135px;
}

.BFList > li input, .BFList > li select {
    font-size: 1.1rem;
    height: 2rem;
    width: calc(100% - 145px);
}	

.BFList > li textarea {
	width: calc(100% - 145px);	
}	
}
@media only screen and (max-width: 680px) {
li.BSListHead, li.OrderItemHead {
    display: none;
}
	
.BSListInfo li span {
    display: inline;
    font-weight: bold;
}

.BSListInfo li {
    display: block;
    width: 100% !important;
    text-align: left;
}
	
ul.OrderItem > li > div:first-child {
    display: block;
    width: 100%;
    margin: 0;
    font-weight: bold;
}

ul.OrderItem > li {
    text-align: right;
}

ul.OrderItem > li > div {
    width: auto;
    margin-left: 10px;
}

ul.OrderItem a {
    min-width: 50px;
}

ul.OrderItem > li span {
    display: inline;
    font-weight: bold;
}	
	
	
.MemberCouponList ul li {
    width: 100%;
    display: block;
    margin: 0 0 20px 0 !important;
}

.MemberCouponList .Coupon {
    margin: 0 auto !important;
    display: block;
}	
	
.BookingDetailInfo li {
    display: block;
    width: 100%;
}

}
@media only screen and (max-width: 600px) {
.PointList > li li {
    display: block;
    width: 100% !important;
    margin-left: 0;
    text-align: left;
    padding: 0 !important;
}

li.PointListHead {
    display: none;
}

ul.PointList {
    text-align: right;
}

.PointList > li li:last-child {font-size: 1.1rem;;text-align: right;margin-top: -2.2rem;}

.PointList > li li span {
    display: inline;
    font-weight: bold;
}

.PointList > li li:first-child {
    font-size: 1.1rem;;
    font-weight: bold;
}

.PointTypeBtn a {
    font-size: 1rem;
    width: 120px;
}

.PointHeadTxt {
    width: calc(100% - 120px);
}	

}
@media only screen and (max-width: 500px) {
.MLauto label, .MLauto div {
    display: block;
    text-align: center;
    width: 100%;
}

.MLauto input {
    width: 100%;
    text-align: center;
}
	
	
.TwZipCode {
    width: 100%;
}

.TwZipCode select, .TwZipCode input {
    max-width: 110px !important;
    width: calc(100% / 3) !important;
    margin-right: 0;
}

.MemberForm label {
    display: block;
    text-align: left;
}
.MemberForm > ul > li {
    margin-bottom: 10px;
}

.MemberForm input[type="text"], .MemberForm input[type="password"], .MemberForm select {
    width: 100%;
    margin: 0;
    font-size: 1rem;
}
.Gender label {
    display: inline-block;
    font-size: 1.1rem;;
}

input.FormTel {
    width: calc(100% - 120px) !important;
}

label.ExtLabel {
    display: inline-block;
    width: 50px;
    font-size: 1.1rem;;
    padding: 0 5px;
}

input.FormTelExt {
    width: 70px !important;
}	
	
.MemberMenuTitle {
    border-radius: 15px 15px 0 0;
    width: 100%;
    padding: 5px 0;
}

.MemberMenuList {
    width: 100%;
    border-radius: 0;
    display: none;
}
	
.MemberMenuList li {
    display: block;
    border-right: none;
    border-bottom: 1px dotted #404040;
    padding: 5px 0;
}

.MemberMenuList li:last-child > div {
    display: block;
}
	
.MemberSearchBk > label {
    display: block;
}
	
	
.BFList > li > label {
    display: block;
    width: 100%;
    margin: 0 0 5px;
    text-align: left;
}

.BFList > li input, .BFList > li select, .BFList > li textarea {
    width: 100%;
}	
}

@media only screen and (max-width: 460px) {
.MyDiscountTxt {
    padding: 5px 0 5px 50px;
    font-size: 1rem;
    width: calc(100% - 90px);
}

.MyDiscountLink {
    width: 90px;
    font-size: 1rem;
}

.DiscountType1 .MyDiscountTxt {
    background-position: 10px center;
    background-size: auto 45%;
}

.MyDiscountTxt > div {
    letter-spacing: 0;
}

.MyDiscountLink a {
    line-height: 70px;
}

.DiscountType2 .MyDiscountTxt {
    background-position: 8px center;
    background-size: auto 35%;
}
	
.OrderListBtn > a {
    padding: 2px 10px;
    margin: 0 5px 0 0;
}
	
.BKSphone label {
    font-size: 1.1rem;;
    display: block;
    margin: 0 auto 10px;
    width: 100%;
}

.BKSphone input {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 1.1rem;
}

.BKSphone {
    margin-bottom: 50px;
}	
	
}

@media only screen and (max-width: 400px) {
ul.OrderItem > li > div:last-child {
    display: block;
}
	
.BookingDetailInfo li div:first-child, .BookingDetailInfo li div:last-child {
    display: block;
    width: 100%;
    text-align: center;
}	
}