@charset "utf-8";

/* DatePicker Container */
.ie8 .ui-datepicker {border:1px solid #ddd;}
.ui-datepicker {
    width: auto;
    height: auto;
    margin: 5px auto 0;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, .3);
}
.ui-datepicker a {
    text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
    width: 100%;
}
.ui-datepicker-header {
    background:#8cd3ff;
    line-height: 36px;
}
.ui-datepicker-title {
    text-align: center;
    font-size:14px;
}
.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    background: url('/hk/en/resource/img/components/common/datepicker-arrow.png') no-repeat;
    line-height: 1000%;
    overflow: hidden;
}
.ui-datepicker-prev {
    float: left;
    background-position: center -27px;
}
.ui-datepicker-next {
    float: right;
    background-position: center 3px;
}
.ui-datepicker thead {
    background-color: #fff;
    border-bottom: 1px solid #e4e4e4;
}
.ui-datepicker th {
    font-size: 6pt;
    padding: 8px 0;
    color: #666666;
}
.ui-datepicker tbody td {
    padding: 0;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    text-align: center;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #666666;
}
.ui-datepicker-calendar .ui-state-default {
    background: #fff;
}
.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-hover {
    background: #8cd3ff;
}
.ui-datepicker-calendar .ui-state-active {
    background: #8cd3ff;
    position: relative;
}
.ui-datepicker-unselectable .ui-state-default {
    background: #f7f7f7;
    color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
    width: 29px;
    margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
    width: 29px;
    margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
    height: 29px;
    margin-bottom: 0;
}
@charset "utf-8";

.mbsimgtit {display:table; width:100%; height:168px; background:url('/hk/en/resource/img/components/membership/join-titbox-bg.jpg') no-repeat center top; text-align:center;}
.mbsimgtit-wrap {padding:0 15px; display:table-cell; vertical-align:middle;}
.mbsimgtit-wrap strong {font-size:24px; padding-bottom:10px; display:inline-block;}

.tablet .mbsimgtit {height:195px; text-align:left; background-position:left top;}
.tablet .mbsimgtit-wrap {padding-left:50px; background:url('/hk/en/resource/img/components/membership/join-titbox-item-tablet.png') no-repeat right top;}

.web .mbsimgtit-wrap {padding-left:80px; background:url('/hk/en/resource/img/components/membership/join-titbox-item.png') no-repeat right top;}

@charset "utf-8";

.mbsform-requiretxt {padding:20px 0; text-align:center; border-bottom:1px solid #e4e4e4; display:block;}
.mbsform .required {padding-left:17px; background:url('/hk/en/resource/img/components/membership/joinform-required.gif') no-repeat left 3px;}
.mbsform-wrap {border-bottom:1px solid #e4e4e4;}
.mbsform-line {padding-bottom:20px;}
.mbsform-line-radio {text-align:center; padding:20px 0;}
.mbsform-line-radio > label {padding-bottom:10px; display:inline-block;}
.mbsform-line-radio .radio-wrap > span {padding-left:20px;}
.mbsform-label {display:inline-block; padding-bottom:7px;}
.mbsform-label label {padding-left:17px;}
.mbsform .checkbox-wrap {padding:10px 0 30px 0; text-align:center;}
.warning-label {color:#c5497d; margin-top:5px; display:block; padding-left:17px; background:url('/hk/en/resource/img/components/membership/ico-warning.gif') no-repeat left 1px;}
.input-groupbtn {padding-right:95px; position:relative;}
.input-groupbtn .quadbtn {position:absolute; right:0; top:0;}
.input-groupbtn .quadbtn span {width:85px; height:46px; line-height:46px;}

.tablet .mbsform-requiretxt {text-align:right; display:block;}
.tablet .mbsform-line {position:relative; padding-bottom:10px;}
.tablet .mbsform-line-radio {text-align:left; padding:15px 0 10px;}
.tablet .mbsform-line-radio:after {content:""; display:block; clear:both;}
.tablet .mbsform-line-radio > label {float:left; padding-right:10px;}
.tablet .mbsform-line-radio .radio-wrap {padding-bottom:10px; float:right;}
.tablet .mbsform-label {position:absolute; left:0; top:13px;}
.tablet .mbsform-input {padding-left:150px;}
.tablet .mbsform .checkbox-wrap {padding-top:20px; text-align:center;}
.tablet .warning-label {margin-bottom:7px;}
.tablet .input-groupbtn {padding-right:102px;}
.tablet .input-groupbtn .quadbtn span {width:92px;}

.web .mbsform-colum {margin-left:-80px;}
.web .mbsform-colum:after {content:""; display:block; clear:both;}
.web .mbsform-col {float:left; width:50%; padding-left:80px; }
.web .warning-label {background-position:left 2px;}


/* joln page */
.joinform .subselect {margin:0 -5px; max-width:420px;}
.joinform .subselect:after {content:""; display:block; clear:both;}
.joinform .subselect-jqList {width:33.3%; float:left; padding:0 5px;}
.joinform .radio-wrap span {padding-right:30px; display:inline-block;}
.joinform .gender {padding-top:13px; padding-bottom:13px;}
.joinform .checkbox-wrap.radio-wrap label {display:inline-block; padding-bottom:10px;}
.joinform .checkbox-wrap.radio-wrap .mbsform-wrap-radio {display:inline-block; padding-bottom:10px; padding-left:20px;}
.joinagree {padding-top:50px;}
.joinagree-tit {display:block; background:url('/hk/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top;}
.joinagree-body {margin:13px 0;  height:165px; border:1px solid #000; overflow:auto; position:relative;}
.joinagree-body.jsoverscroll { overflow: auto;}
.joinagree-bodycon {padding:15px; overflow:hidden;}
.joinagree .radio-wrap {padding-top:15px;}
.joinagree .radio-wrap span {padding-right:30px; display:inline-block;}
.join-btn {padding-bottom:60px;}

.tablet .joinagree .radio-wrap {float:right; padding-top:0;}
.tablet .joinagree .radio-wrap span {padding-right:0; padding-left:30px;}

.web .joinform .refertxt {padding-bottom:9px;}
.web .joinagree-body {margin:20px 0;}
.web .join-btn {padding-bottom:80px;}


/* search email/ID, password page */
.findform {padding-top:20px;}
.findform-tit {padding-bottom:20px;}
.findform-tittxt {padding-bottom:13px; display:inline-block; padding-right:40px; background:url('/hk/en/resource/img/components/common/subcon-titbg.gif') no-repeat right top;}
.findform-titdes {display:block;}
.findform-wrap {background:#f7f7f7; padding:30px 15px 20px; max-width:1200px; margin:0 auto; position:relative; z-index:1;}
.findform .mbsform-label label {padding-left:0;}
.findform .subselect {margin:0 -5px; max-width:420px;}
.findform .subselect:after {content:""; display:block; clear:both;}
.findform .subselect-jqList {width:33.3%; float:left; padding:0 5px;}
.find-btn {padding-bottom:60px;}


.tablet .findform-wrap {padding-left:30px; padding-right:30px;}

.web .findform {padding-top:30px;}
.web .findform-wrap {padding-top:40px; padding-bottom:30px;}
.web .findform .mbsform-line {max-width:560px; margin:0 auto;}
.web .findform-tit {padding-bottom:10px;}
.web .findform-tittxt {margin-right:15px; padding-bottom:10px;}
.web .findform-titdes {display:inline-block; padding-bottom:5px;}
.web .find-btn {padding-bottom:80px;}


.pwchangeform {padding-top:0;}
.repwchtit {margin:30px 0; padding-top:90px; text-align:center; background:url('/hk/en/resource/img/components/membership/pwchange-mark-s.gif') no-repeat center top;}
.repwchtit strong {padding-bottom:13px; display:block;}

.tablet .repwchtit {margin:40px 0;}

.web .pwchangeform .mbsform-input {padding-left:165px;}


.changeaccpwform {padding-top:30px;}
.changeaccpwform-wall {background:#f7f7f7; padding:30px 15px;}
.changeaccpwform-txt {text-align:center; padding-bottom:20px;}
.changeaccpwform .mbsform-label label {padding-left:0;}

.tablet .changeaccpwform-wall {padding:30px;}
.tablet .changeaccpwform .mbsform-line {padding-left:150px; max-width:560px; margin:0 auto;}

.web .changeaccpwform {max-width:1200px; margin:0 auto;}
.web .changeaccpwform-wall {padding:60px;}
.web .changeaccpwform-txt {padding-bottom:30px;}


/* close account form */
.closeaccform {padding-top:30px;}
.closeaccform-tit {padding:0 15px 20px; width:100%;}
.closeaccform-wall {background:#f7f7f7; padding:30px 15px; position: relative;}
.closeaccform-radio {  padding-bottom:10px;}
.closeaccform .radio-wrap {display:block; width:100%; padding-bottom:20px;}
.closeaccform-other label {padding-bottom:15px; display:block;}
.closeaccform-radio-inner { display: none; position: absolute; left:0; top:0; float:left; width:100%;}
.closeaccform-radio-innerwrap {margin:0;background:#fff; padding:20px 15px 0;}
.closeaccform-radio-innerwrap:after {content:""; display:block; clear:both;}

.tablet .closeaccform-tit {padding:0 30px 20px;}
.tablet .closeaccform-wall {padding:30px;}
.tablet .closeaccform-radio:after {content:""; display:block; clear:both;}
.tablet .closeaccform .radio-wrap {width:50%; float:left;}
.tablet .closeaccform .radio-wrap.other {width:100%;}
.tablet .closeaccform-radio-innerwrap {margin:0 15px; padding-left:15px; padding-right:15px;}

.web .closeaccform {max-width:1260px; padding:40px 30px 0;}
.web .closeaccform-tit {padding:0 0 30px;}
.web .closeaccform-wall {padding:40px;}
.web .closeaccform-radio {padding-bottom:20px;}
.web .closeaccform-radio-innerwrap {margin:0 15px; padding-left:25px; padding-right:25px;}


.inquiryform .mbsform .checkbox-wrap {padding:20px 0 0 0;}
.inquiryform .mbsform-wrap {border-bottom:none; padding-top:0;}
.inquiryform .mbsform-columwrap {border-bottom:1px solid #e4e4e4; padding-top:40px; padding-bottom:30px;}
.inquiryform .mbsform-col100 {width:100%;}
.inquiryform .counter-warp {top:5px; width:100%;}
.inquiryform .counter {display:inline-block; padding:2px 0 0 17px; font-size:12px; float:right;}

.tablet .inquiryform .mbsform .checkbox-wrap {text-align:left; padding:10px 0;}
.tablet .inquiryform .mbsform .mbsform-col100 .checkbox-wrap {text-align:center;}
.tablet .inquiryform .counter-warp {width:auto;}
.tablet .inquiryform .counter {display:block; float:none;}

.web .inquiryform .mbsform .checkbox-wrap {padding:20px 0 10px;}
.web .inquiryform .mbsform-col100 {float:left; padding-left:80px;}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .mbsform .required {background-image:url('/hk/en/resource/img/components/membership/joinform-required-X2.gif'); background-size:9px;}
    .warning-label {background-image:url('/hk/en/resource/img/components/membership/ico-warning-X2.gif'); background-size:13px;}
    .repwchtit {background-image:url('/hk/en/resource/img/components/membership/pwchange-mark.gif'); background-size:63px;}
}


@charset "utf-8";

/* membership common */


/* popup style */
.popup-tit {border-bottom:1px solid #000; padding:15px 20px; position:relative;}
.popup-tit:after {content:""; display:block; clear:both;}
.popup-tit h1 {float:left; font-size:24px; padding-right:20px;}
.popup .closebtn {position:absolute; right:20px; top:22px; width:15px;}
.popup .closebtn img {width:100%;}
.popup-body {padding:30px 20px;}
.popup-wall {background:#f7f7f7; padding:30px;}
.popup-nmtxt {font-size:14px; line-height:20px;}

.findpu-txt {padding:20px 0 30px 0;}
.findpu-walltxt {text-align:center; color:#106ea8; font-size:20px; padding:10px 0;}
.findpu-formline {position:relative; max-width:500px; margin:0 auto;}
.findpu-label {position:absolute; left:0; top:13px;}
.findpu-input {padding-left:110px;}
.findpu-oplinebtn-group {text-align:center;}
.findpu-oplinebtn-group .oplinebtn {text-align:left; float:none; display:inline-block; margin-left:10px; margin-right:10px;}

.linkpopup1-con {text-align:center; padding:0 5px 30px;}
.linkpopup1-con > img {width:63px; height:63px;}
.linkpopup1-contit {font-size:20px; display:block; padding:25px 0 13px 0;}
.linkpopup1-walltit {font-size:16px; padding-bottom:10px; display:inline-block; line-height:22px;}
.linkpopup1-walldes {padding-left:8px; background:url('/hk/en/resource/img/components/membership/popup-linebullet.gif') no-repeat left 8px;}
.linkpopup-oplinebtn-group1 {max-width:450px;}

.linkpopup-oplinebtn-group2 {max-width:600px;}
.tbl-linkpopup2 {padding-bottom:20px;}
.tbl-linkpopup2 .col {font-size:14px;}
.tbl-linkpopup2 .col-1 {width:40%;}
.tbl-linkpopup2 .col-2 {width:60%; text-align:left;}

.tbl-samplepulist {padding-bottom:0;}
.tbl-samplepulist .tbl-row {display:table; width:100%;}
.tbl-samplepulist .col {font-size:14px; float:none; display:table-cell; vertical-align:middle;}
.tbl-samplepulist .col-1 {width:40%;}
.tbl-samplepulist .col-2 {width:60%; text-align:left;}
.tbl-samplepulist .quadbtn {font-size:12px; display:inline-block; margin:5px;}


.tablet .tbl-linkpopup2 .col-2 {padding-left:20px;}
.tablet .tbl-samplepulist .col-2 {padding-left:20px;}


.tbl-pointserh {padding-bottom:20px;}
.tbl-pointserh .col {font-size:14px;  display:block; width:100%; padding-left:0; padding-right:0;}
.tbl-pointserh .quadbtn-wrap {margin:0 -10px;}
.tbl-pointserh .quadbtn-wrap:after {content:""; display:block; clear:both;}
.tbl-pointserh .quadbtn {padding:10px; width:50%; float:left;}
.pointserh-form {max-width:436px; margin:0 auto;}
.pointserh-calwrap {padding:20px 0 85px 0; position:relative;}
.pointserh-calwrap:after {content:""; display:block; clear:both;}
.pointserh-calwrap .input-group {padding-right:32px; position:relative; float:left; width:46%}
.ui-datepicker-trigger {position:absolute; right:0; top:50%; margin-top:-11px; width:22px; height:22px;}
.pointserh-calwrap-web, .pointserh-calwrap-mob {display:none;}
.pointserh-calwrap-mob input {background:#fff;}
.pointserh-calbtn-mob {position:absolute; right:0; top:50%; margin-top:-11px; width:22px;}
.pointserh-calbtn-mob img {width:100%;}
.pointserh-caltxt {display:block; text-align:center; float:left; width:8%; line-height:46px;}
.pointserh-searchbtn {position:absolute; right:50%; margin-right:-23px; bottom:15px; width:46px;}
.pointserh-searchbtn img {width:100%;}

.tablet .tbl-pointserh {padding-bottom:40px;}
.tablet .tbl-pointserh .col {display:table-cell; padding-top:40px; padding-bottom:40px;}
.tablet .tbl-pointserh .col-1 {width:30%;}
.tablet .tbl-pointserh .col-2 {width:70%;}
.tablet .tbl-pointserh .quadbtn-wrap {margin:0;}
.tablet .tbl-pointserh .quadbtn {padding:0 6px; width:25%;}
.tablet .pointserh-calwrap {padding:30px 70px 0 6px;}
.tablet .pointserh-calwrap .input-group {width:42%;}
.tablet .pointserh-caltxt {width:16%;}
.tablet .pointserh-searchbtn {right:0; margin-right:0; bottom:0;}


.tbl-pointbody {border-top:1px solid #e4e4e4; margin-top:20px;}
.tbl-pointbody .col {text-align:left;}

.tbl-pointlist {padding-bottom:0;}
.tbl-pointlist .col {float:none; display:table; padding:0; width:100%;}
.tbl-pointlist .colhead {background:#f7f7f7; display:table-cell; width:40%; padding:10px; text-align:center; vertical-align:middle;}
.tbl-pointlist .colbody {display:table-cell; width:60%; vertical-align:middle; padding:10px;}

.tablet .tbl-pointbody {border:none; margin:0;}
.tablet .tbl-pointlist {padding-bottom:0;}
.tablet .tbl-pointlist .col {float:left; padding:15px 10px;}
.tablet .tbl-pointlist .col-1 {width:20%;}
.tablet .tbl-pointlist .col-2 {width:15%;}
.tablet .tbl-pointlist .col-3 {width:50%;}
.tablet .tbl-pointlist .col-4 {width:15%;}
.tablet .tbl-pointlist .colhead {overflow:hidden; position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; font-size:1px;}
.tablet .tbl-pointlist .colbody {padding:0; text-align:center; width:100%;}
.tablet .tbl-pointlist .tbl-row .col-3 .colbody {text-align:left;}


.pointpopup .popup-body {padding:0 0 30px 0;}
.points-head {background:#f7f7f7; padding:30px 20px;}
.points-head-txt {font-size:24px;}
.points-head-point {padding-top:15px;}
.points-head-point > span {padding-left:30px; display:inline-block; background:url('/hk/en/resource/img/components/common/ico-point.gif') no-repeat left center;}
.point-body {padding:30px 20px;}
.point-body-tit {font-size:20px;}

.purchasepopup .points-head-txt {font-size:20px;}
.purchasepopup .points-head-txt em {font-size:24px; padding-right:10px;}


.tablet .points-head {display:table; width:100%; padding:20px;}
.tablet .points-head-txt {display:table-cell;}
.tablet .points-head-point {display:table-cell; padding-top:0; padding-left:10px; text-align:right;}



@media all and (-webkit-min-device-pixel-ratio : 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx), (min-device-pixel-ratio: 1.5) {
    .points-head-point > span {background-image:url('/hk/en/resource/img/components/common/ico-point-X2.gif'); background-size:23px;}
}