/*Page inital */
html, body { width:100%; height: 100%; }
body, a, button, textarea, select { font-family: 'Martel Sans', 'Microsoft JhengHei', Arial; color: #000; text-decoration:none; }
a { text-decoration: underline; }
button { cursor:pointer; }
.animated {
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;	
}
.hidden { 
	opacity: 0;
}
.show {
	opacity: 1;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}

.load-section { position:relative; }
.scroll { 
	overflow:auto; 
	/* -webkit-overflow-scrolling: touch;  */
}
#memberLoginCloseBtn {
    background: url(../img/white-big-cross.png) no-repeat 0 0;
    width: 17px;
    height: 18px;
    position: absolute;
    right: 5%;
    cursor: pointer;
    display: none;
    top: 40px;
}
.icon-lg-cross { background:url(../img/big-cross.png) no-repeat 0 0; width: 17px; height:18px; display:inline-block; }
.icon-cross { background:url(../img/small-cross.png) no-repeat 0 0; width: 12px; height:12px; display:inline-block; }
.text-bold { font-weight: 900; }
.text-bold-200 { font-weight: 200; }
.text-bold-300 { font-weight: 300; }
.text-bold-400 { font-weight: 400; }
.text-bold-500 { font-weight: 500; }
.text-bold-600 { font-weight: 600; }
.text-bold-700 { font-weight: 700; }
.text-bold-800 { font-weight: 800; }
.text-bold-900 { font-weight: 900; }
.text-center { text-align:center; }
.input-errMsg {color: #FF0000;font-size: 10px;padding-top: 5px;text-align: left;/* position: absolute; */}
.frm-input { font-weight: 300; }
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder { /* Chrome/Opera/Safari */
	font-family: 'Martel Sans', Arial;
	color: #666;
	opacity: 1;
}
.btnNotify { cursor:pointer; }
.mfp-bg, .mfp-wrap {
    z-index: 999999;
}

#container { width: 100%; height: 100%; overflow:hidden; }
#container>.wrapper { width: 100%; height: 100%; position:relative;  }

#container #left-nav {width: 194px;height: 100%;position:absolute;left:0;top:0;z-index: 99999;background-color: #FFF;}
	#container #left-nav .top {position: relative;/* height: 160px; *//* overflow:auto; */width: 140px;padding-top: 24px;padding-left: 15px;}
	#container #left-nav .top .site-logo {display:block;width: 140px;/* height:56px; *//* margin: 14px 0 0 26px; *//* background: url(../img/club-logo.png) no-repeat 0 0; *//* background-size:contain; *//* padding-top: 14px; *//* padding-left: 16%; */}
	#container #left-nav .load-section {height: calc(100% - 135px);overflow:auto;padding-top: 75px;}
	#clubLogo {
    width: 100%;
}
.mobile-group-logo {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s linear;
    -ms-transition: visibility 0s, opacity 0.5s linear;
	-moz-transition: visibility 0s, opacity 0.5s linear;
	-o-transition: visibility 0s, opacity 0.5s linear;
	-webkit-transition: visibility 0s, opacity 0.5s linear;
}
#groupLogo {
    width: 100%;
}
#container #main {width: calc(100% - 194px);height: 100%;position:relative;margin-left:194px;padding-top: 70px;}
#container #main #header {width: 100%;height: 70px;background: #FFF;position:absolute;left:0;top:0;z-index:2;}
#container #main #header .site-logo {
	width: 176px;
	/* height: 22px; */
	float:right;
	padding: 26px 0;
	/* background: url(../img/side-logo.png) no-repeat 0 0; *//* background-size:contain; */
	margin-right: 30px;
	opacity: 1;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
	
#container #main .content-box { width: 100%; height: 100%; position:relative; }
#container #main .content-box .load-section { width: 100%; height: 100%; }
#container #main .content-box #status {
	width: 200px;
	height:100%;
	background: #1a1a1a;
	position:absolute;
	left:0;
	top:0;
	z-index: 9999;
	opacity: 1;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
#container #main .content-box #pages { width: calc(100% - 200px); height:100%; background: #FFF; position:absolute; margin-left:200px; z-index:1; }
#container #main .content-box #pages .load-section { position:absolute; left:0; top:0; z-index:1; }
#mNav {
    display: none;
}

/* LEFT NAV */
/* LEFT NAV FOOTER */
#container #left-nav .left-nav-footer {position: relative;/* bottom: 80px; */display: table-row;width: calc(100% - 26px);/* margin: 0 13px; */min-height: 200px;}
#container.member_info #left-nav .left-nav-footer .social-media, #container.member_info #left-nav .left-nav-footer .lang-bar {
    margin-left: 24px;
}

#container.member_info #left-nav .nav-bar .table-desc {
    margin-bottom: 160px;
}
#container #left-nav .left-nav-footer .social-media {width: 120px;margin-bottom: 25px;margin-left: 13px;}
#container #left-nav .left-nav-footer .social-media .item { display: inline-block; margin-right:10px; margin-bottom: 10px; }
#container #left-nav .left-nav-footer .lang-bar {margin-left: 13px;}
#container #left-nav .left-nav-footer .lang-bar .item { display: inline-block; margin-right:18px; margin-bottom: 10px; position: relative; font-size: 12px; font-weight: 800; line-height: 25px; }
#container #left-nav .left-nav-footer .lang-bar .item a { color: #666; text-decoration:none; }
#container #left-nav .left-nav-footer .lang-bar .item.active a { color: #000; font-size: 14px; }
#container #left-nav .left-nav-footer .lang-bar .item .sep-line { position:absolute; right:-11px; top:5px; width: 2px; height: 14px; background-color: #666; }
/* JOIN OUR CLUB */
#container #left-nav .join-our-club {margin: 0 10px;height: auto;min-height: 520px;/* display: table; */position: relative;}
#container #left-nav .join-our-club .title, #container #left-nav .join-our-club .table-desc {/* display: table-row; */}
	#container #left-nav .join-our-club .title {font-size:21px;font-weight:bold;text-align:center;height: auto;line-height: 26px;display: block;}
#container #left-nav .join-our-club .table-desc .wrapper { font-size:14px; margin:0 13px; }
#container #left-nav .join-our-club .table-desc .wrapper .sub-title { font-size:13px; font-weight: bold; margin-bottom: 30px; text-align:center; }
#container #left-nav .join-our-club .table-desc .wrapper .desc {font-size: 13px;line-height: 18px;margin-bottom: 50px;text-align: justify;}
#container #left-nav .join-our-club .table-desc .wrapper .btn-signup, #container #left-nav .join-our-club .table-desc .wrapper .btn-navLogin { display:inline-block; font-size: 16px; line-height:18px; color: #FFF; font-weight: 700; width: 130px; background: #000; margin-bottom: 24px; padding: 10px 6px 6px; text-align:center; text-decoration:none; }
#container #left-nav .join-our-club .table-desc .wrapper .btn-navLogin {
    /* display: none; */
    visibility: hidden;
    opacity: 0;
    -webkit-transition:  visibility 0s, opacity 0.5s linear;
	-moz-transition:  visibility 0s, opacity 0.5s linear;
    -o-transition:  visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
    cursor: pointer;
}
#container #left-nav .join-our-club .table-desc .wrapper {
    min-height: 400px;
}
#left-nav-groupLogo {
	visibility: hidden;
    opacity: 0;
    -webkit-transition:  visibility 0s, opacity 0.5s linear;
	-moz-transition:  visibility 0s, opacity 0.5s linear;
    -o-transition:  visibility 0s, opacity 0.5s linear;
    transition: visibility 0s, opacity 0.5s linear;
}
#container #left-nav .join-our-club .table-desc .wrapper .nav .item { margin-bottom: 16px; }
#container #left-nav .join-our-club .table-desc .wrapper .nav .item a { text-decoration:none; font-size: 13px; }
/* SIGNUP */
#container #left-nav .signup { height:100%; }
#container #left-nav .signup .header { height:98px; text-align:center; position:relative; }
#container #left-nav .signup .header .title { font-size:21px; font-weight:bold; margin-bottom: 10px; position:relative; line-height: 26px; }
#container #left-nav .signup .header .title .btn-close-signup { position:absolute; right: 16px; top:0; }
#container #left-nav .signup .header .sub-title { font-size:13px; font-weight: bold; margin-bottom: 10px; }
#container #left-nav .signup .header .must-fill { font-size:9px; font-weight:300; }
#container #left-nav .signup .form-box { height: calc(100% - 98px); }
#container #left-nav .signup .form-box .form-input-box {margin-bottom:50px;padding: 10px  37px;}
#container #left-nav .signup .form-box .input-group { margin-bottom: 38px; } 
#container #left-nav .signup .form-box .input-group .col-1,
#container #left-nav .signup .form-box .input-group .col-2 { display:inline-block; width: 50%; vertical-align: top; }
#container #left-nav .signup .form-box .input-group .col-2 { text-align:right; }
#container #left-nav .signup .form-box .label { font-size: 10px; font-weight:900; margin-bottom: 10px; text-align: left; }
#container #left-nav .signup .form-box .input-group .col-2 .label { padding-left: 13px; }
#container #left-nav .signup .form-box .input-group .col-2 .input-errMsg { padding-left: 13px; }
#container #left-nav .signup .form-box .frm-input { background-color:transparent; font-size:14px; border-bottom: 1px solid #666; padding-bottom: 3px; color: #000; width:100%; }
#container #left-nav .signup .form-box select.frm-input { border-bottom: 1px solid #666; padding:2px 0 1px; font-weight: 300; color: #666; }
#container #left-nav .signup .form-box .frm-input.signup-date,
#container #left-nav .signup .form-box .frm-input.signup-month,
#container #left-nav .signup .form-box .frm-input.signup-title,
#container #left-nav .signup .form-box .frm-input.signup-gender { width: 88px; }
#container #left-nav .signup .form-box .agreement { font-size: 10px; line-height:14px; font-weight:700; }
#container #left-nav .signup .form-box .agreement .agree { margin-bottom: 20px; }
#container #left-nav .signup .form-box .agreement .desc { margin-bottom: 22px; }
#container #left-nav .signup .form-box .agreement .chkbox { display: inline-block; width: 24px; vertical-align: top; }
#container #left-nav .signup .form-box .agreement .chkbox .frm-input { border: none; margin:0; padding:0; width:auto; }
#container #left-nav .signup .form-box .agreement .txt { display: inline-block; width: 170px; vertical-align: top; }
#container #left-nav .signup .form-box .agreement .txt a { color: #00F; }
#container #left-nav .signup .form-box .btn-row { text-align:center; }
#container #left-nav .signup .form-box .btnSubmit { font-size: 16px; color: #FFF; font-weight: 700; width: 130px; background: #000; border:none; outline:none; padding-top: 5px; }
#container #left-nav {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;	
}
#container #main {
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;	
}

#container #left-nav.signup-open {
	width: 274px;
	
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;	
}
#container #main.signup-open {
	width: calc(100% - 274px);
	margin-left: 274px;
	
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;	
}
/* NAV BAR */
#container #left-nav .nav-bar { height:100%; min-height: 520px; position: relative; }
#container #left-nav .nav-bar .table-desc { position: relative; }
	#container #left-nav .nav-bar .table-desc { font-size:14px; margin:0 24px; }
	#container #left-nav .nav-bar .table-desc .nav-large .item { margin-bottom: 24px; }
	#container #left-nav .nav-bar .table-desc .nav-large .item a { font-size:20px; font-weight:700; text-decoration:none; line-height: 26px }
	#container #left-nav .nav-bar .table-desc .nav .item { margin-bottom: 16px; }
	#container #left-nav .nav-bar .table-desc .nav .item a { text-decoration:none; }
#container #left-nav .nav-bar .left-nav-footer { left:24px; }
#mobile-left-nav-groupLogo {
    width: 130px;
    max-width: 150px;
}
/* STATUS */
/* MEMBER LOGIN */
#container #status { color: #FFF;}
#container #status .member-login { margin: 90px 30px 0; }
#container #status .member-login .title { font-size: 21px; line-height:26px; font-weight:bold; text-align:center; margin-bottom:62px; }
#container #status .member-login .form-box .input-group {  margin-bottom: 38px; }
#container #status .member-login .form-box .label { font-size: 10px; font-weight:900; margin-bottom: 10px; }
#container #status .member-login .form-box .frm-input { background-color:transparent; font-size:14px; border-bottom: 1px solid #515151; width:100%; padding-bottom: 3px; color: #FFF; }
#container #status .member-login .form-box .btnSubmit { border: 1px solid #FFF; outline: 0; font-size: 16px; font-weight:700; color: #FFF; margin-top: 38px; margin-bottom:18px; width:100%; padding: 4px 0 0; }
#container #status .member-login .form-box .forgot_pwd { font-size: 11px; text-align:center; line-height: 18px; }
#container #status .member-login .form-box .forgot_pwd .desc.link-forgot_pwd {
    color: #fff;
}
#container #status .member-login .form-box .forgot_pwd .link-forgot_pwd { color: #666; text-decoration:none; }
/* MEMBER INFO */
#container #status .member-info { margin: 72px 28px 0; text-align:center; }
#container #status .member-info .hello { font-size: 20px; }
#container #status .member-info .row {/* margin-bottom: 45px; */max-width: 250px;left: 0;right: 0;margin: 0 auto;margin-bottom: 45px;}
#container #status .member-info .title { font-size: 14px; margin-bottom:8px; }
#container #status .member-info .name { font-size: 20px; font-weight: 700; }
#container #status .member-info .you_have { font-size: 14px; }
#container #status .member-info .get_points { font-size: 34px; margin: 8px 0; }
#container #status .member-info .points { font-size: 14px; }
#container #status .member-info .btnLogout { border: 1px solid #FFF; outline: 0; font-size: 16px; font-weight:700; color: #FFF; width:100%; line-height:29px; padding: 4px 0 0; }
#container #status .member-info .link-change_pwd { color: #fff; border-bottom: 1px solid #666; font-size: 12px; text-decoration:none; }
#container #status .member-info .link-referral { color: #fff; border-bottom: 1px solid #666; font-size: 12px; text-decoration:none; }

/* PAGES */
/* COMMON */
#container #pages .bg { background-repeat: no-repeat; background-position: top center; background-size: cover; }
#container .icon_msg {background:url(../img/icon_msg.png) no-repeat 0 0;width:33px;height:29px;background-size: 100%;}
#container .icon_wallet { background:url(../img/icon_wallet.png) no-repeat 0 0; width:33px; height:31px; }
#container .icon_gift { background:url(../img/icon_gift.png) no-repeat 0 0; width:33px; height:33px; }
#container .icon_gift_s { background:url(../img/icon_gift_s.png) no-repeat 0 0; width:25px; height:25px; }
#container .icon_inbox { background:url(../img/icon_inbox.png) no-repeat 0 0; width:33px; height:27px; }
/* TINYMCE */
#container #pages .tiny_mce p { font-weight: 600; line-height: 22px; }
#container #pages .tiny_mce strong { font-weight: bold; }
#container #pages .tiny_mce a { color: #00F;  }
#container #pages .tiny_mce.about p { margin-bottom: 20px; }
/* HOME BANNER */
#container #pages .owl-carousel { position:relative; }
#container #pages .owl-carousel, 
#container #pages .owl-carousel .owl-stage-outer,
#container #pages .owl-carousel .owl-stage-outer .owl-stage,
#container #pages .owl-carousel .owl-stage-outer .owl-stage .owl-item  { height:100%; }
#container #pages .owl-carousel .item { position: relative; display:block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
#container #pages .owl-carousel.owl-theme .owl-dots { position:absolute; right:25px; bottom:20px; }
#container #pages .owl-carousel.owl-theme .owl-dots .owl-dot span { margin: 8px 15px; }
#container #pages .owl-carousel.owl-theme .owl-dots .owl-dot.active span { background: #1a1a1a; }
/* MY ACCOUNT */
#container #pages .my_account { position:relative; padding-top: 240px; height:100%; }
#container #pages .my_account .content {height: 100%;background-color: rgba(255,255,255,0.9);padding: 13px 13px 16px;}
#container #pages .my_account .content .last_update { font-size: 10px; color: #666; text-align:right; margin-bottom: 20px; }
#container #pages .my_account .content .list_box { height: calc(100% - 30px); }
#container #pages .my_account .content .list_box .acc_list {width:32%;margin-right: 2%;height:100%;float:left;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
#container #pages .my_account .content .list_box .acc_list.last { margin-right: 0%; }
#container #pages .my_account .content .list_box .acc_list .header { position:relative; padding:5px 0 14px; border-bottom:2px solid #666; margin-bottom: 20px; }
#container #pages .my_account .content .list_box .acc_list .header .title { font-size: 16px; padding-top:5px; }
#container #pages .my_account .content .list_box .acc_list .header .icon { position:absolute; right:0; top:0; }
#container #pages .my_account .content .list_box .acc_list .list {height:calc(100% - 61px);position: relative;min-height: 100px;}
#container #pages .my_account .content .list_box .acc_list .list .list-content { position:relative; height:100%; }
#container #pages .my_account .content .list_box .notify.acc_list .list .item { margin-bottom: 5px; padding: 15px; background: #e2e2e2; font-size:10px; line-height:14px; width: calc(100% - 2px); }
#container #pages .my_account .content .list_box .notify.acc_list .list .item .title { font-weight:700; }
#container #pages .my_account .content .list_box .notify.acc_list .list .item .date { font-size: 9px; color:#666; }
#container #pages .my_account .content .list_box .purc_redee.acc_list .row-desc { min-height: 50px; padding:10px 0; }
#container #pages .my_account .content .list_box .purc_redee.acc_list .list .item { padding: 8px 6px 8px 0; border-bottom: 2px solid #e2e2e2; font-size:10px; width: calc(100% - 2px); }
#container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .type { display: inline-block; width:60%; vertical-align:top; } 
#container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .date { display: inline-block; width:40%; text-align:right; vertical-align:top; color:#666; } 
#container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .title { font-size:14px; font-weight:600; } 
#container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .point_get { display: inline-block; width:60%; vertical-align:baseline; color:#666; } 
#container #pages .my_account .content .list_box .purc_redee.acc_list .list .item .point { display: inline-block; width:40%; text-align:right; vertical-align:baseline; font-size:19px; } 
#container #pages .my_account .content .list_box .acc_list .list .load-more { display:block; padding: 10px 0 0; width:auto; margin-right: 8px; float:right; font-size:14px; text-decoration:none; }
#container #pages .my_account .content .list_box .acc_list .none { position:relative; width: 100%; height:100%; }
#container #pages .my_account .content .list_box .acc_list .none.notify-list { background-color: #e2e2e2; }
#container #pages .my_account .content .list_box .acc_list .none .none-box {position:absolute;top:50%;left:50%;width: 90%;transform: translate( -50%,-50%);text-align:center;}
#container #pages .my_account .content .list_box .acc_list .none .none-box .icon { background-repeat: no-repeat; background-position: top center; width: 100%; height:75px; }
#container #pages .my_account .content .list_box .acc_list .none .none-box .text { font-weight: 900; color:#999; font-size: 18px; }
#container #pages .my_account .content .list_box .acc_list .none.notify-list .none-box .icon { background-image:url(../img/no-noti.png); }
#container #pages .my_account .content .list_box .acc_list .none.purchase-list .none-box .icon { background-image:url(../img/no-purchase.png); }
#container #pages .my_account .content .list_box .acc_list .none.redeem-list .none-box .icon { background-image:url(../img/no-gift.png); }

/* PAGES CONTENT */
#container #pages .pages_content { position: relative; padding: 188px 37px 37px; min-height:100%; height:auto; }
#container #pages .pages_content .topbanner {position:absolute;width:100%;height:240px;left:0;top:0;z-index:-1;background-position: center center;}
#container #pages .pages_content .bg-color { position:absolute; width:100%; height: calc(100% - 240px); left:0; top:240px; background-color:#ddd; z-index:-1; }
#container #pages .pages_content .body {background: #FFF;height: 100%;padding: 22px 37px;text-align: justify;}
#container #pages .pages_content .body>.title {position:relative;/* padding-left: 60px; */line-height:33px;font-size:18px;margin-bottom: 20px;}
#container #pages .pages_content .body>.title .icon {/* position:absolute; *//* left:0; *//* top:0; */display:block;display: inline-block;vertical-align: middle;margin-right: 18px;}
#container #pages .pages_content .body .lists .group { margin-bottom: 30px; }
#container #pages .pages_content .body .lists .group .title { display:inline-block; width: auto; font-size: 18px; line-height:18px; padding-right:24px; padding-bottom:2px; margin-bottom:10px; border-bottom: 2px solid #b0b0b0; }
#container #pages .pages_content .body .lists .group .item { margin-bottom: 8px; }
#container #pages .pages_content .body .lists .group .item .name { font-size:16px; font-weight: 600; }
#container #pages .pages_content .body .lists .group .item .address { font-size: 12px; line-height:16px; color:#666; }
#container #pages .pages_content .body .lists .group .item .tel { font-size: 12px; line-height:16px; color:#666; }
/* TERMS */
#container #pages .pages_content .body.terms>.title.terms { padding-left: 0; }
#container #pages .pages_content .body.terms .lists .group { margin-bottom: 25px; }
#container #pages .pages_content .body.terms .lists .group .title { border-bottom: none; padding-bottom:0; }
#container #pages .pages_content .body.terms .lists .group .item .statement { line-height: 18px; font-size:12px; }
/* FAQs */
#faqTitleWrapper {
    margin-bottom: 20px;
}
#container #pages .pages_content .body.faqs .icon_msg{
	margin-right: 27px;
}
#container #pages .pages_content .body.faqs .icon_msg, #container #pages .pages_content .body.faqs .title{
	display: inline-block;
	vertical-align: middle;
	font-size: 18px;
	text-align: left;
}
#container #pages .pages_content .body.faqs .open-answer { text-decoration:none; }
#container #pages .pages_content .body.faqs .lists .group { margin-bottom: 10px; }
#container #pages .pages_content .body.faqs .lists .group .title { border-bottom: none; padding-right:0; padding-bottom: 0; margin-bottom: 5px; position: relative; width: 100%; font-size: 16px; font-weight: 900; }
#container #pages .pages_content .body.faqs .lists .group .title .close-answer { position: absolute; right: 0; top: 0; display: none; }
#container #pages .pages_content .body.faqs .lists .group .item { display: none; }
#container #pages .pages_content .body.faqs .lists .group .item .answer { padding-right: 20px; font-size: 14px; color: #666; line-height: 18px; font-weight:600; }
#container #pages .pages_content .body.faqs .lists .group.show .title .close-answer { display: block; }
#container #pages .pages_content .body.faqs .lists .group.show .title .close-answer { display: block; }
#container #pages .pages_content .body.faqs .lists .group.show .item { display: block; margin-bottom: 30px; }
/* BENEFIT */
#container #pages .pages_content .body.benefit .lists .group { margin-bottom: 15px; }
#container #pages .pages_content .body .sub-list { padding: 0 20px; }
#container #pages .pages_content .body .sub-list .group .title { border-bottom: none; padding-bottom: 2px; margin-bottom: 0; font-size: 14px; }
#container #pages .pages_content .body .sub-list .group .item .desc { font-size: 14px; padding-bottom: 2px; }
#container #pages .pages_content .body .sub-list .group .item .link { font-size: 14px; }
#container #pages .pages_content .body .sub-list .group .item .link a { color: #00F; font-size:12px; font-weight:600; }
/* CONTACT US */
#container #pages .pages_content.contact-us {/* padding-left: 74px; *//* padding-right:74px; */}
#container #pages .pages_content .body.contact-us .lists .group.email { width:90%; margin-right: 10%; }
#container #pages .pages_content .body.contact-us .lists .group .col-2 {display:inline-block;width:40%;margin-right: 10%;vertical-align: top;}
#container #pages .pages_content .body.contact-us .lists .group .title { border-bottom:none; margin-bottom: 0; font-size:16px; }
#container #pages .pages_content .body.contact-us .lists .group .frm-input { border-bottom: 1px solid #666; width:100%; color: #666; padding-bottom:3px; font-size: 14px; }
#container #pages .pages_content .body.contact-us .lists .group textarea.frm-input { border: 1px solid #666; height: 200px; }
#container #pages .pages_content .body.contact-us .lists .group .btnSubmit { outline: 0; font-size: 16px; font-weight:700; color: #FFF; width:140px; line-height:29px; padding: 4px 0 0; background:#1a1a1a; }
/* REDEMPTION */
#container #pages .pages_content.redeem { padding: 0; }
#container #pages .pages_content.redeem .body { padding: 10px 0; }
#container #pages .pages_content.redeem .body>.title { padding-left: 48px; margin:0 15px 10px; }
#container #pages .pages_content.redeem .body .nav {margin: 0 15px;text-align:center;min-width: 600px;font-size: 0;}
#container #pages .pages_content.redeem .body .nav .item { display: inline-block; padding:10px 30px; font-size:18px; position:relative; }
#container #pages .pages_content.redeem .body .nav .item a { text-decoration:none; }
#container #pages .pages_content.redeem .body .nav .item .sep-line { position:absolute; right:0; top:7px; width:1px; height:20px; background-color: #ddd; }
#container #pages .pages_content.redeem .body .lists {/* min-width: 630px; */width: 90%;/* max-width: 630px; */margin: 0 auto;/* text-align: center; */max-width: 1000px;font-size: 0;}
#container #pages .pages_content.redeem .body .lists .item {width: 180px;display:inline-block;margin: 13px;position:relative;min-height: 320px;width: 21.5%;/* max-width: 200px; *//* min-width: 175px; */margin: 1.75%;}
#container #pages .pages_content.redeem .body .lists .item .img {margin-bottom: 18px;width: 180px;/* height: 180px; */width: 100%;}
#container #pages .pages_content.redeem .body .lists .item .img img { width: 100%; height: 100%; }
#container #pages .pages_content.redeem .body .lists .item .name { min-height:50px; font-weight:600; font-size: 15px; text-align:left;  }
.point_row {
    text-align: right;
    padding-bottom: 30px;
}
#container #pages .pages_content.redeem .body .lists .item .point_box,
#container #pages .pages_content.redeem .body .lists .item .btnRedeem { display:inline-block; vertical-align:bottom; }
#container #pages .pages_content.redeem .body .lists .item .point_box {width: 84px;text-align:left;float: left;}
#container #pages .pages_content.redeem .body .lists .item .point_box .points { font-size: 28px; margin-bottom: 3px; }
#container #pages .pages_content.redeem .body .lists .item .point_box .require { font-size: 8px; color:#666; }
#container #pages .pages_content.redeem .body .lists .item .btnRedeem {background-color:#1a1a1a;color:#fff;font-weight:700;width: 85px;padding:3px 0 1px;}
#container #pages .pages_content.redeem .body .lists .item .underline {width: 148px;height:1px;position:absolute;bottom:0;left: 0;background-color: #ddd;right: 0;margin: 0 auto;width: 80%;}
/* LIGHTBOX */
/*COMMON */
#lightbox .alert-box { height:176px; text-align:center; }
#lightbox .alert-box>.title { display:inline; }
#lightbox .alert-box .body { margin: 15px; }
#lightbox .alert-box .btnOK { display:inline-block; background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; }
/* REDEMPTION */
#lightbox {width: 100%;height:100%;position:absolute;left: 200px;top:0;z-index:999;display:none;width: calc(100% - 200px);}
#lightbox.show {display:block;z-index: 99999;left: 0;width: 100%;}
#lightbox .overlay { width:100%; height:100%; background-color: rgba(256,256,256,0.7); }
#lightbox .lb { 
	position:absolute; left:50%; top:50%;
	-ms-transform		: translate(-50%, -50%);
	-webkit-transform	: translate(-50%, -50%);
	-moz-transform		: translate(-50%, -50%);
	transform			: translate(-50%, -50%);
}
#lightbox .redemption {background-color: #ddd;width:80%;max-width:500px;padding: 22px 30px;height: 400px;}
#lightbox .redemption>.title .icon { position:absolute; left:0; top:0; display:block; }
#lightbox .redemption>.title { position:relative; padding-left: 48px; line-height:33px; font-size:18px; margin-bottom: 20px; font-weight:900; }
#lightbox .redemption .btnLBClose { position:absolute; top: 10px; right:10px; }
#lightbox .redemption .body {height: 85%;}
#lightbox .redemption .body .col-2 { display:inline-block; width:50%; vertical-align:top; }
#lightbox .redemption .body .col-2 .wrapper { width:180px; }
#lightbox .redemption .body .img { margin-bottom: 34px; width:180px; height:180px; }
#lightbox .redemption .body .img img { width:100%; height:100%; }
#lightbox .redemption .body .name {height: 50px;min-height: 50px;height: auto;}
#lightbox .redemption .body .point_box .require { display:inline-block; font-size: 10px; color:#666; width:70%; }
#lightbox .redemption .body .point_box .points { display:inline-block; font-size: 26px; width:30%; text-align:right; }
#lightbox .redemption .body .group .title { font-size: 12px; text-align:left; margin-bottom:2px; }
#lightbox .redemption .body .group .input { margin-bottom:25px; }
#lightbox .redemption .body .group .input .frm-input { padding: 5px 0; border-bottom: 1px solid #666; width: 100%; font-size: 14px; color: #666; }
#lightbox .redemption .body .group .input select.frm-input { border: 1px solid #000; background: transparent; padding:1px 0; color: #000; font-weight: 500; margin-top: 5px; }
#lightbox .redemption .body form { text-align:center; }
#lightbox .redemption .body form .btnSubmit { background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; } 

#lightbox .redemption.alert-box {height: auto;text-align:center;line-height: 1.25em;}
#lightbox .redemption.alert-box>.title { display:inline; }
#lightbox .redemption.alert-box .body { margin: 15px; }
#lightbox .redemption.alert-box .btnOK { display:inline-block; background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; }
/* CHANGE PASSWORD */
#lightbox .change_password { background-color: #ddd; width:80%; max-width:500px; padding: 22px 30px; }
#lightbox .change_password>.title .icon { position:absolute; left:0; top:0; display:block; }
#lightbox .change_password>.title { position:relative; padding-left: 48px; line-height:33px; font-size:18px; margin-bottom: 20px; font-weight:900; }
#lightbox .change_password .btnLBClose {position:absolute;top: 10px;right: 10px;}
#lightbox .change_password .body .group .title { font-size: 12px; text-align:left; margin-bottom:2px; }
#lightbox .change_password .body .group .input { margin-bottom:25px; }
#lightbox .change_password .body .group .input .frm-input { padding: 5px 0; border-bottom: 1px solid #666; width: 100%; font-size: 14px; color: #666; }
#lightbox .change_password .body .group .input select.frm-input { border: 1px solid #666; background: transparent; padding:1px 0; }
#lightbox .change_password .body form { text-align:center; }
#lightbox .change_password .body form .btnSubmit { background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; } 
/* FORGET PASSWORD */
#lightbox .forget_password { background-color: #ddd; width:80%; max-width:500px; padding: 22px 30px; }
#lightbox .forget_password>.title .icon { position:absolute; left:0; top:0; display:block; }
#lightbox .forget_password>.title { position:relative; padding-left: 48px; line-height:33px; font-size:18px; margin-bottom: 20px; font-weight:900; }
#lightbox .forget_password .btnLBClose {position:absolute;top: 10px;right: 10px;}
#lightbox .forget_password .body .group .title { font-size: 12px; text-align:left; margin-bottom:2px; }
#lightbox .forget_password .body .group .input { margin-bottom:25px; }
#lightbox .forget_password .body .group .input .frm-input { padding: 5px 0; border-bottom: 1px solid #666; width: 100%; font-size: 14px; color: #666; }
#lightbox .forget_password .body .group .input select.frm-input { border: 1px solid #666; background: transparent; padding:1px 0; }
#lightbox .forget_password .body form { text-align:center; }
#lightbox .forget_password .body form .btnSubmit { background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; } 
/* CONTACT US */
#lightbox .contact_us.alert-box{ height: auto;}
#lightbox .contact_us { background-color: #ddd; width:80%; max-width:500px; padding: 22px 30px; }
#lightbox .contact_us>.title .icon { position:absolute; left:0; top:0; display:block; }
#lightbox .contact_us>.title { position:relative; padding-left: 48px; line-height:33px; font-size:18px; margin-bottom: 20px; font-weight:900; }
#lightbox .contact_us .btnLBClose { position:absolute; top: 10px; right:10px; }
#lightbox .contact_us .body .group .title { font-size: 12px; text-align:left; margin-bottom:2px; }
#lightbox .contact_us .body .group .input { margin-bottom:25px; }
#lightbox .contact_us .body .group .input .frm-input { padding: 5px 0; border-bottom: 1px solid #666; width: 100%; font-size: 14px; color: #666; }
#lightbox .contact_us .body .group .input select.frm-input { border: 1px solid #666; background: transparent; padding:1px 0; }
#lightbox .contact_us .body form { text-align:center; }
#lightbox .contact_us .body form .btnSubmit { background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; } 

/* POPUP */
#popup { position: relative; background: #DDD; padding: 20px; width:auto; max-width: 700px; margin: 20px auto; text-align: center; }
#popup .header { margin-bottom: 10px; }
#popup .content { margin-bottom: 20px; }
#popup .popup-modal-dismiss { display:inline-block; background: #1a1a1a; color: #FFF; width:97px; padding-top:3px; }