@charset "utf-8";
@font-face{
font-family:'opensans';
src:url(fonts/opensans.ttf);
}
@font-face{
font-family:'Roboto-Light';
src:url(fonts/Roboto-Light.ttf);
}
@font-face{
font-family:'Roboto-Regular';
src:url(fonts/Roboto-Regular.ttf);
}
html,body{
	margin:0;
	padding:0;
	font-family:"Roboto-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:16px;
	background-color:#E2E0D3;
	line-height:1.6;
}
@media (min-width: 1200px){
    .container {
        /*width: 1280px;*/
    }
}
@media (max-width: 992px){
    .dashboardtop .wbtitle { display:block !important; width:100% !important; height:50px; text-align:center;}
	.ucardinfo { width:100%;}
}
ul,li { list-style:none; padding:0;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family:"Roboto-Light","Helvetica Neue",Helvetica,Arial,sans-serif;}
body.zh,body.zh h1,body.zh h2,body.zh h3,body.zh h4,body.zh h5,body.zh h6,body.zh .popover,body.zh a,body.zh div,body.zh .headlinkbg span { font-family:"Microsoft JhengHei",微軟正黑體,Arial,Helvetica,sans-serif !important;}
.modal-dialog { border:8px solid #957840; border-radius:6px;}
.modal-content { margin:-2px; box-shadow:none;}
.row {
    display: -webkit-box;
    display: -webkit-flex;
    /*display: -ms-flexbox;*/
    display: flex;
    flex-wrap: wrap;
}
/*
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
*/
.modal-backdrop.in { opacity:0.8;}
.modal-backdrop { background-color:#281C10;}
.form-group1 { margin-bottom:30px;}
/*
.fullcont{ position: relative; max-height: 150px;overflow: hidden;}
.fullcont::after{content: "..."; position: absolute; bottom: 5px; right: 15px; padding-left: 10px; background:transparent;}
*/
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
}
@media (min-width:1920px){.container{width:1280px}}
.clear { clear:both;}
.mainpage { /*min-height:100%;*/min-height:1000px; position:relative; padding-bottom:225px;}
#register { padding-bottom:90px;}

.fullfixeddiv { bottom:0; left:0; position:fixed; right:0; top:0; z-index:1030; background:rgba(40,28,16,0.8);}
.fullheader { z-index:1031;}
header { background-color:#B90619; color:#ECEBE3; position:relative; z-index: 2;}
header a,header a:hover,header a:focus { color:#ECEBE3;}
.headrow { position:relative;}
.weblogo { max-width:300px; padding: 10px 0;}
.logo_login{ max-width:300px; padding:2px 0;}
.headlink { position:absolute; bottom:0; padding:5px; left:15px; z-index:2; cursor:pointer;/*padding-bottom: 2px;*/}
.headlink_R { right:15px; left:auto;}
.headlink_R > .dropdown-menu { box-shadow:none; background-color:#846A39; border-radius:0; border:none; margin:-1px 0 0; padding:10px 0; left:auto; right:0; min-width:auto;}
.headlink_R > .dropdown-menu > li > a { color:#ECEBE3; line-height:30px;}
.headlink_R > .dropdown-menu > li > a > img { margin-right:14px; width:16px;}
#lanmenu > img { margin-right:10px; width:16px;}
.headlink_R > .dropdown-menu > li > a:hover,.headlink_R > .dropdown-menu > li > a:focus { color:#ECEBE3; background-color:#846A39;}
.headlinkbg { bottom:0; background-color:#957840; padding:6px 30px; height:100%; /*border-top-left-radius:2px; border-top-right-radius:2px;*/}
.headlinkbg:hover { background-color:#A07F3C;}
.signintxt {  display: inline-block; border-bottom:3px double #846a39; border-top:3px double #846a39; line-height:35px; margin-right:25px; padding-left:15px; padding-right:5px; font-size:14px;width: 94%}
nav { background-color:#E7E7DD; color:#2D1912;}
nav a,nav a:hover,nav a:focus { color:#2D1912;}
footer { background-color:#E7E7DD; color:#2D1810; line-height:28px; position:absolute; bottom:0; width:100%;/*z-index:2;*/}
footer a,footer a:hover,footer a:focus { color:#2D1810; /*font-size:14px;*/}
footer > .container { padding:15px;}
footer ul > li:first-child strong { line-height:50px;font-weight:normal;}
footer ul i { color:#836A38;}
.ulborder { border-right:1px dashed #C6BB9E;}
.ulborder i { margin-right:15px; font-size:14px;}
.copyright,.copyright a { background-color:#E7E7DD; color:#2D1912; line-height:50px; font-size:14px;}

.logoutmenu { text-align:center; width:240px; line-height:25px; padding-bottom:4px;}
.logoutmenu.open,.logoutmenu .dropdown-menu { background-color:#846A39; width:240px; margin:0; border-radius:0; box-shadow:none; border:none;}
.logoutmenu .dropdown-menu li a,.logoutmenu .dropdown-menu li a:hover { background-color:#846A39; line-height:40px; color:#ECEBE3; text-align:center;}

.topnav { padding:0 6%;}
.topnav li { line-height:35px;}
.topnav li:hover > a,.topnav li.active > a { color:#B90619 !important;}
.topnav li:last-child{ border:none;}
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border:none; background:none;}
.nav-tabs.nav-justified > li > a { border:none;}
.nav > li > a:focus,.nav > li > a:hover{background:none;}

.topnav > li .img { width:50px; height:50px; margin:0 auto; background-size:100%; background-repeat:no-repeat;}
.navmenu_myredcard .img { background-image: url(../images/icon-MyRedCard.png);}
.navmenu_benefits .img { background-image: url(../images/icon-Benefits.png);}
.navmenu_promotions .img { background-image: url(../images/icon-Promotions.png);}
.navmenu_gift .img { background-image: url(../images/icon-Gift.png);}
.navmenu_myredcard:hover .img,.navmenu_myredcard.active .img { background-image: url(../images/icon-MyRedCard-over.png);}
.navmenu_benefits:hover .img,.navmenu_benefits.active .img { background-image: url(../images/icon-Benefits-over.png);}
.navmenu_promotions:hover .img,.navmenu_promotions.active .img { background-image: url(../images/icon-Promotions-over.png);}
.navmenu_gift:hover .img,.navmenu_gift.active .img { background-image: url(../images/icon-Gift-over.png);}

section { /*min-height:525px;*/}
section > .container {/* padding:30px 15px;*/ color:#2C1811;}
.text-small { font-size:14px;}
.text-smaller { font-size:12px;}
.text-red,a.text-red:hover { color:#D63E4D;}
.text-darkgrey,a.text-darkgrey:hover,a.text-darkgrey:link { color:#2C1811;}
.text-gold,a.text-gold:hover,a.text-gold:link { color:#957840;}
.text-gold2,a.text-gold2:hover { color:#B48E38;}
.text-wihte,a.text-wihte:hover { color:#ECEBE3; text-decoration:none;}
.text-pink,a.text-pink:hover { color:#FC99A4;}
.text-pink2,a.text-pink2:hover { color:#BC636C;}
.text-pink3,a.text-pink3:hover { color:#EB98C4;}
.text-blue,a.text-blue:hover { color:#5F8BBC;}
.text-green,a.text-green:hover { color:#80B633;}
.text-green2,a.text-green2:hover { color:#2A7339;}
.text-grey,a.text-grey:hover { color:#B0B2B1;}
.text-grey2,a.text-grey2:hover { color:#75685F;}
.text-black,a.text-black:hover { color:#2A1C13;}
.text-diamond,a.text-diamond:hover { color:#231B1B;}
.text-zise { color:#884898;}
.hrst01 { height:2px; width:100%; background-color:#CBC9BD; border:none; border-bottom:1px solid #F1F1E9;}
.hrst02 { height:1px; width:100%; background-color:#CBC9BD; border:none;}

.form-control,.btn { border-radius:2px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus,a:focus { outline:none;}
.btn-red,.btn-red:active {
    /*background: -moz-linear-gradient(top, #C50A35 0%, #AD1E32 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C50A35), color-stop(100%,#AD1E32));
    background: -webkit-linear-gradient(top, #C50A35 0%,#AD1E32 100%);
    background: -o-linear-gradient(top, #C50A35 0%,#AD1E32 100%);
    background: -ms-linear-gradient(top, #C50A35 0%,#AD1E32 100%);
    background: linear-gradient(to bottom, #C50A35 0%,#AD1E32 100%);
    border-color: #AD1E32;*/
	background:#B90619;
    color: #fff;
	/*padding:6px 20px;*/
}
.btn-red:hover,.btn-red:focus { color:#FFF;background:#940517;}
.btn-gold,.btn-gold:active {
    /*background: -moz-linear-gradient(top, #BC890A 0%, #BB8A0A 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BC890A), color-stop(100%,#BB8A0A));
    background: -webkit-linear-gradient(top, #BC890A 0%,#BB8A0A 100%);
    background: -o-linear-gradient(top, #BC890A 0%,#BB8A0A 100%);
    background: -ms-linear-gradient(top, #BC890A 0%,#BB8A0A 100%);
    background: linear-gradient(to bottom, #BC890A 0%,#BB8A0A 100%);*/
    border-color: #846A39;
    color: #fff;
}
.btn-gold:hover,.btn-gold:focus { border-color: #A07F3C; color:#FFF;}
.btn-back,.btn-back:active {
	background-color:#421E1E;
    border-color: #421E1E;
    color: #fff;
}
.btn-back:hover,.btn-back:focus { color:#FFF;}
.btn-grey,.btn-grey:active {
	background-color:#A2A2A2;
    border-color: #A2A2A2;
    color: #fff;
}
.btn-grey:hover,.btn-grey:focus { color:#FFF;}
.fullheightbox { position:relative; margin:0; padding-bottom:30px;}
.container_p { padding:30px 15px;}

.adbg { background-color:#281108; color:#ECEBE3; padding:40px 0;overflow:hidden;}
.adbg > .container { position:relative; min-height:180px;}
.adbg .bg_l { position:absolute; bottom:-40px; left:-60px;}
.adbg .bg_r { position:absolute; top:-40px; right:-60px;}
.pages-ad-r { width:320px; position:absolute; right:0;}
.flkbox { border-radius:2px; padding:0 15px 10px; display:inline !important; line-height:1.5; margin-right: 304px; }
.flkbox img { width:60%; height:auto;}
.flkbox h2{ margin-top:0; margin-left:-15px; font-weight:bold;}
.flkboxred02 h2 { margin-top:10px; margin-bottom:5px;}
.flkbox > div { line-height:40px;}
.flkboxred01 { background: url(../images/Rectangle01.png) no-repeat; background-color:#BB020E; border-radius:2px; display:block; cursor:pointer; color:#ECEBE3; padding:0 15px;}
.flkboxred01:hover { background: url(../images/Rectangle01-hover.png) no-repeat; background-color:#A07E3B; color:#ECEBE3; text-decoration:none;}
.flkboxred02 { width: 100%; background: url(../images/Rectangle02.png) no-repeat right; background-size:100%; border-radius:2px; cursor:pointer; padding:5px 35px 5px 20px; font-size:14px;display:inline-block;margin-top: 10px}
.flkboxred02:hover { background: url(../images/Rectangle02-hover.png) no-repeat right; background-size:100%;}


.cards_slider { background-color:#930513; background-position:93% center; background-repeat:no-repeat; border-radius:2px; padding-bottom:10px;}
.mrcbox01,.mrcbox { background: url(../images/Rectangle01.png) no-repeat right; border-radius:2px; cursor:pointer; padding:0 15px;}
.mrcbox01:hover { background: url(../images/Rectangle01-hover.png) no-repeat right;}
.mrcbox { background: url(../images/Rectangle02.png) no-repeat right; width:100%; height:100%;}
.mrcbox:hover { background: url(../images/Rectangle02-hover.png) no-repeat right;}

/*login CSS*/
.logincards { text-align:left;}
.logincards li { padding:0 15px; font-size:12px;}
.card { position:relative; margin-bottom:15px;}
.card:last-child{ margin:0;}
.cardtext { position:absolute; width:48%; height:100%; left:20px; padding-top:20px;}
.cardtext h3 { margin-top:0;}
.cardtext2 { width:100%; left:0; padding-top:12%;}
.cardtext2 h4 { color:#BA8A0A;}
.btn-more { display:table; padding:4px 20px; border-radius:20px;}
.btn-more.more-w,.btn-more.more-w:hover { background-color:#FFFFFF; color:#B81534;}
.btn-more.more-opc,.btn-more.more-opc:hover { background-color:rgba(255,255,255,0.5); color:#ECEBE3;}
.more-position { position:absolute; bottom:15px;}
.card > img { max-width:100%; border-radius:2px;}

/*.loginbox { background:url(../images/login_bg.png) no-repeat right bottom; background-color:#EEEBE4; border-radius:2px;width:70.7%; position:absolute; height:100%; right:0;}*/
.loginbox{ background: url(../images/login_bg_2.png) no-repeat; background-position: right bottom;}
.loginform { padding:8% 6%; width:50%; height:100%;}
.loginbox input { background-color:#A29994; color:#ECEBE3;}
.loginbox .form-control::-webkit-input-placeholder{ color:#BBB;} 
.loginbox .form-control::-moz-placeholder{ color:#BBB;} 
.loginbox .form-control:-moz-placeholder{ color:#BBB;} 
.loginbox .form-control:-ms-input-placeholder{ color:#BBB;} 

.loginpop { background-color:#EFEEE7; border:5px solid #957840; position:absolute; display:table; width:100%; top:80px; z-index:1; color:#333; display:none;}
.loginpop .popover { position:relative; max-width:100%; padding:30px 0; background:none; border:none; box-shadow:none;}
.loginpop h3 { font-weight:bold;}
.popover.top > .arrow { top:10px; border-top-color:#B90619; left:40px;}
.popover.top > .arrow::after { border-top-color:#B90619;}
.loginblock { border-right:1px solid #D6D5CF; position:relative; font-size:15px;}
.loginblock:last-child { border:none;}
.loginblock .loginbtn { position:absolute; bottom:15px;}
.date > input[readonly]{ background-color:#FFFFFF; border-right:none;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.075) inset}
.date .input-group-addon { background-color:#FFFFFF;}

.modalclosebtn { background-color:#22130C; padding: 10px 15px; border-radius:4px; position:absolute; right:-65px; top:-7px; font-weight: lighter; cursor:pointer; color:#EBEBE3;}
.modalclosebtn:hover { background-color:#A07F3C;}
#loginmodal .modal-dialog { width:450px; margin:10% auto; border:8px solid #957840; border-radius:6px; position:relative;}
#loginmodal .modal-content { background-color:#EFEEE7; display:table; color:#333; padding:20px 0 30px 30px; box-shadow:none; margin:-2px;}
#loginmodal .form-horizontal .control-label { padding-right:0;}

#registerModal .modal-dialog { max-width:400px; margin:10% auto; border:8px solid #846a39; border-radius:6px;}
#registerModal .modal-content { background-color:#EFEEE7; display:table; color:#333; padding:10px 20px 20px; box-shadow:none; margin:-2px;}

#btnmodal .modal-dialog { max-width:400px; margin:10% auto; border:8px solid #957840; border-radius:6px; position:relative;}
#btnmodal .modal-content { background-color:#EFEEE7; display:table; color:#333; padding:30px; box-shadow:none; margin:-2px;}

#dig .modal-dialog { max-width:350px; margin:10% auto; border:8px solid #846a39; border-radius:6px;}
#dig .modal-content { background-color:#EFEEE7; color:#333; padding:20px; box-shadow:none; margin:-2px;}



/*password CSS*/
.pwdbox { background-color:#EEEBE4; border-radius:2px;width:70.7%; position:absolute; height:100%; right:0; padding:5% 0;}
.pwdform { padding:0 8%;}
.pwdbox input { background-color:#A29994; color:#ECEBE3;}
.pwdbox .pwdgroup input { border-right:none;}
.pwdbox .pwdgroup .input-group-addon { background-color:#a29994;}
.pwdbox .pwdgroup i { color:#ECEBE3; cursor:pointer;}
.pwdbox .form-control::-webkit-input-placeholder{ color:#BBB;} 
.pwdbox .form-control::-moz-placeholder{ color:#BBB;} 
.pwdbox .form-control:-moz-placeholder{ color:#BBB;} 
.pwdbox .form-control:-ms-input-placeholder{ color:#BBB;} 
.stepbg > div { background:url(../images/stepbg-dis.png) no-repeat center; float:left; width:100px; height:30px; line-height:30px; text-align:center; margin-right:15px;}
.stepbg > div.active { background:url(../images/stepbg-a.png) no-repeat center;}


/*About Us CSS*/
.title_bg { background: url(../images/title_bg.jpg) no-repeat; background-position:left center; background-size:100% auto; color:#ECEBE3; padding:20px;}
.title_bg h2 { margin:0;}
.menusul { height:100%; margin-bottom:30px; /*border-top:1px solid #920919;*/ margin-bottom:0\0;}
.menusul li { background-color:#ECEBE3; line-height:50px; border-bottom:1px solid #CBC9BD; text-align:center; text-transform: uppercase;}
/*.menusul li:last-child { border-bottom:none;}*/
/*.menusul li img { margin-bottom:-5px; width:50px; background-color:#ecebe3; border-radius:50%;}*/
.menusul li .img { width:50px; height: 50px; background-color:#ecebe3; border-radius:50%; margin:0 auto; margin-bottom:-5px; background-position: center center; background-size: 100% auto;}
.menusul .menu_md .img { background-image:url(../images/mrc_menu01.png);}
.menusul .menu_mb .img { background-image:url(../images/mrc_menu02.png);}
.menusul .menu_mo .img { background-image:url(../images/mrc_menu03.png);}
.menusul .menu_mgc .img { background-image:url(../images/mrc_menu04.png);}
.menusul .menu_mer .img { background-image:url(../images/mrc_menu05.png);}
.menusul .menu_md:hover .img,.menusul .menu_md.active .img { background-image:url(../images/mrc_menu01_cover.png);}
.menusul .menu_mb:hover .img,.menusul .menu_mb.active .img { background-image:url(../images/mrc_menu02_cover.png);}
.menusul .menu_mo:hover .img,.menusul .menu_mo.active .img { background-image:url(../images/mrc_menu03_cover.png);}
.menusul .menu_mgc:hover .img,.menusul .menu_mgc.active .img { background-image:url(../images/mrc_menu04_cover.png);}
.menusul .menu_mer:hover .img,.menusul .menu_mer.active .img { background-image:url(../images/mrc_menu05_cover.png);}
.menusul li > a,.menusul li > a:focus { color:#2C1811; text-decoration:none; padding:0 15px; font-size:16px; display:block;}
.menusul li:hover,.menusul li.active { background-color:#E2E0D3;}
.menusul li:hover > a,.menusul li.active > a { color:#B90619; text-decoration:none;}
.aboutusmenu,.aboutusmenu > li,.aboutusmenu li:hover,.aboutusmenu li.active { background:none; border:none; text-align:left;}
.mymenu { margin-bottom:30px; background:#ECEBE3; padding:0; width:24%;margin-right:1%;min-height:900px;}
.mymenu2{ margin-bottom:30px; background:#ECEBE3; padding:0; width:24%;margin-right:1%;min-height:900px;}
#promotions .menusul li > a { line-height:40px; padding:10px 0;}
#promotions h2.text-pink { margin-top:0;}
.article { 
	/*background-image:url(../images/about_bg.jpg);*/
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
	padding:15px 30px; 
	/*position:absolute; 
	height:100%; 
	right:0; */
}
.article hr { background:#a28a1a; border:none; height:1px; width:100%; float:left;}
.article a,.article a:hover,.article a:focus { color:#a28a1a; text-decoration:none;}
.article ul li { padding-left:30px; position:relative;}
.article ul li > i { position:absolute; left:0;}
.article img { max-width:100%;}
.tb-style-2 .tb-head { background-color:#b90619; padding:15px 0;}
.tb-style-2 .tb-body .tb-row > div { padding:5px 15px;}
.tb-style-2 .tb-body .tb-row { background-color:#8a000f;}
.tb-body .tb-row:nth-child(2n) { background-color:#b20010;}

/*Privacy Policy CSS*/
.article_bg_full { background-color:#DEDCCD; color:#4B4B4B; margin-bottom:-30px; padding-bottom:30px; font-size:15px; line-height:2;}
.article_bg_full hr { background-color:#A6A498; height:1px; border:none;}
/*.article_bg_full h4 { padding:5px 30px;}*/
.paragraphbg { background-color:#E6E4D7; border-radius:2px; padding:15px 30px; margin-bottom:20px;}

/*Sitemap CSS*/
.sitemap { text-transform:uppercase;}
.sitemap a,.sitemap a:hover,.sitemap a:focus { color:#4B4B4B; line-height: 25px}
.sitemap h4 { margin:0 0 32px 32px; padding:0;}

/*Promotions CSS*/
.por_headerbg { background-color:#B90619; width:100%; padding:10px 15px; border-radius:2px; margin-bottom:15px;}
.por_headerbg ul > li { float:left; background-color:#800411; line-height:34px; padding:0 10px; margin-right:15px; border-radius:4px; color:#F1E7E6; cursor:pointer;}
.por_headerbg ul > li:last-child,.por_headerbg ul > li:first-child { background:none; margin-right:0; color:#ECEBE3;}
.por_headerbg ul > li.active { color:#ECEBE3;}
.input-group > .glyphicon { top:0;}
.databox { margin-right:-15px;}
#data > div { padding-left:0;}
.procardsbg { background-color:#EBEBE3; text-align:center; position:relative; margin:15px 0; /*max-width:308px;*/ cursor:pointer; color:#333; height:100%; overflow:hidden; border-radius:2px;border: 1px solid #CFC8B5;}
.procardsbg:hover { background-color:#F3F3EE;}
.markcard { position:absolute; top:0; left:0; width:80px !important; height:80px !important;}
.procardsbg h3 { color:#333 !important;}
.procardsbg img { width:100%;}
.procardstxt { width:100%; padding:15px 10px 70px;}
/*.procardstxt h4 { width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}*/
.procardstxt > .text-red,.giftcardstxt > .text-red {
    font-family: "Roboto-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bolder;
    font-size:26px;
}
.prosmalltxt { font-size:14px; position:relative;}
.prosmalltxt > img { position:absolute; left:0; top:11px; left:-1px; height:2px; width:100%;}
.procardstxt > .bookbtn { position:absolute; width:100%; bottom:30px; left:0;}
.procardstxt > .bookbtn .btn { width:55%;}
.procardstxt h4 { font-size:22px; font-weight:bold;}
.procardstxt h3{height:70px; font-weight:bold; margin-top:10px;}

.homecards { background: url(../images/fourcards.png) right center no-repeat; background-size:55% auto;}

.homeprosection { padding-top:50px; padding-bottom:40px;margin-bottom:5px; color:#ECEBE3; width:100%; overflow:hidden;position:relative;}
.homeprosection > .container { position:relative;}
.homepro {     background: url(../images/home_img1.png) bottom left no-repeat, url(../images/home_img2.png) top right no-repeat;  position: absolute;  bottom: -24px;  width: 142%;  height: 98%;  margin-left: -23%; z-index:1;}
/*.homeprosection .homeprobg { box-shadow:3px 3px 5px #888;}*/

.homeprobg > .img { min-height:100%; min-width:100%; position:absolute; left:0;}
.homeprotype { position:absolute; bottom:0; width:100%; padding:10px 65px 45px 35px; text-align:left;}
.homeprotype #cardtype { text-align:left; position:relative;}
.homeprotype #cardtype > span { position:absolute; right:15px;}
.homeprotype .dropdown-menu { width:100%; background-color:#846A39;}
.homeprotype .dropdown-menu > li { padding:5px 15px;}

.procardsbox { position:relative; text-align:center; z-index:2; margin-bottom:20px;}

.promodal .modal-content { background-color:#2C1811; color:#ECEBE3;}
.modaltitle {
    width:100%; position: absolute; margin-top:-95px; padding-bottom:10px !important;background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%);
    background: -webkit-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%););
    background: -o-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%););
    background: -ms-linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%););
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);}
.promodaltxt { padding:30px; line-height: 25px}
.promodaltxt .btn { padding:6px 50px;}
.promodaltxt .hasicon { position:relative; padding-left:30px;}
.promodaltxt div.hasicon { padding-left:20px;}
.promodaltxt .hasicon .icon_i { position:absolute; left:0;}
.promodaltxt #pro_end_time {margin-top: 0px;font-weight:bold;}
#pro_special_price { font-size:30px;font-weight:bold; line-height:40px;}

.mCSB_inside > .mCSB_container { margin-right:0 !important;}
/*.mCSB_scrollTools .mCSB_draggerRail { background-color:transparent !important;}*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color:rgba(190,190,190,0.75) !important;}
.mCSB_scrollTools .mCSB_draggerRail,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width:10px !important;}
.mCSB_scrollTools { top:5px !important; bottom:5px !important;}

.btn-pro,.btn-pro:active {
    background-color:#846A39;
    color: #fff;
}
.btn-pro:hover,.btn-pro:focus { color:#FFF; background-color:#A07F3C;}
.searchbtn > input,.searchbtn > input:focus,.searchbtn > span { background-color:#C74747; border-color:#C74747; color:#ECEBE3; box-shadow:none;}
.searchbtn .form-control::-webkit-input-placeholder{ color:#ECEBE3;} 
.searchbtn .form-control::-moz-placeholder{ color:#ECEBE3;} 
.searchbtn .form-control:-moz-placeholder{ color:#ECEBE3;} 
.searchbtn .form-control:-ms-input-placeholder{ color:#ECEBE3;}

/* Benefits */
	#benefits { padding-right:0; overflow: hidden;}
    #benefits hr {
        border-top: 1px solid #CFC8B5;
    }

    #benefits .card_type {
        width: 40%;
        font-size: 20px;
    	padding-left:20px;
    	border-top:1px solid #CFC8B5;
    }
    #benefits .card_type h4 { line-height:40px; font-weight:bold;font-size:20px;}

    #benefits .card_type_head {
        width: 12%;
        font-size: 15px;
        font-weight: bolder;
    	border-top:1px solid #CFC8B5;    
    }

    #benefits .bg_red {
        background: #a80214;
    }

    #benefits .bg_gold {
        background: #816531;
    }

    #benefits .bg_diamond {
        background: #797979;
    }

    #benefits .bg_black {
        background: #23130e;
    }

    #benefits .tips {
        background: #2C1811;
        vertical-align: middle;
    	padding-left:20px;    
    }

    #benefits .tips > a {
        color: #dbd8c9;
        font-size: 20px;
        text-decoration: none;
    }

    #benefits .card {
        text-align: center;
        vertical-align: middle;
        border-left: 1px dotted white;
    	font-size:14px;
    	line-height:30px;
    	padding:2px;
    }
    #benefits thead .card {font-weight: bold;}

	#benefits table { border-collapse:separate; margin-bottom:10px;}    

    #benefits table > tbody > tr .content {
        padding-left: 20px;
        background: #E7E7DB;
        vertical-align: middle;
    }

    #benefits table > tbody > tr > td {
        border-bottom: 1px solid #CFC8B5;
    	border-top:none;
    }

    #benefits .circle {
        margin: auto;
        border-radius: 50%;
        width: 10px;
        height: 10px;
    }

    #benefits .text-small {
        color: white;
    }

    #benefits .text-line {
        text-decoration: line-through;
        -moz-text-decoration-color: #D63E4D;
    }
    
/*My Red Card*/
.redline { height:4px; background-color:#D81A1C;}
.goldline { height:4px; background-color:#A18A1A;}
.diamondline { height:4px; background-color:#B0B2B1;}
.chairmanline { height:4px; background-color:#231A1B;}
#protitle { /*margin-bottom:25px;*/ margin-top:40px;}
#promotions { min-height:100%; padding:0 30px;}

.benefitinfo { margin-bottom:40px;}
.benefitinfo > div { border-right:1px solid #7E0C18; border-left:1px solid #AE1427; display:inline; position:relative; padding-bottom:25px;}
.benefitinfo > div:first-child { border-left:none; display:inline; padding-bottom:0;}
.benefitinfo > div:last-child { border-right:none;}
.benefitinfo .card-w { width:20%;} .benefitinfo .info-w { width:15%;}
.benefitinfo .text-pink2 { position:absolute; bottom:0;}
.benefitinfo img { width:100%;}
.dollars { padding:0 8px; text-align:center; color:#ECEBE3; margin-top:55px; min-width:200px;}
.dollars > div > .icobox { position:absolute; width:100%; top:-46px;width:90px; height:90px;overflow:hidden;margin-left: -45px;left: 50%;}
.dollars > .rcdbox > .icobox { /*background-color:#910512;*/ border-radius:50%;}
.dollars > .tgcbox > .icobox { /*background-color:#2C0055;*/ border-radius:50%;}
.dollars > .sgcbox > .icobox { /*background-color:#003F20;*/ border-radius:50%;}
.dollars > .rcdbox > .icobox > img { width: 80px;/*margin-top: 22px*/}
.dollars > .tgcbox > .icobox > img { width: 80px;/*margin-top: 22px*/}
.dollars > .sgcbox > .icobox > img { width: 80px;/*margin-top: 22px*/}
.dollars:last-child { padding-right:0; padding-left:7px;}
.rcdbox,.tgcbox,.sgcbox { line-height:35px; border:4px solid #997F4C; border-radius:4px;padding-top:35px;position:relative; cursor:pointer;}
.bignum { font-size:30px; line-height:80px; margin-top:5px;}
.rcdbox { background-color:#910512;} .rcdbox .bignum,.rcdbox .text-small { background-color:#820410;}
.tgcbox { background-color:#2C0055;} .tgcbox .bignum,.tgcbox .text-small { background-color:#210144;}
.sgcbox { background-color:#003F20;} .sgcbox .bignum,.sgcbox .text-small { background-color:#01391E;}
#tablemodal .modal-dialog { margin-top:15%; width:360px; width:400px\0; border:7px solid #957840; border-radius:8px; line-height:1.8; left: 50%; margin-left:-180px;}
#tablemodal .modal-content { margin:-2px; padding-top:40px; padding-bottom:15px; background-color:#2C0055; border-radius:6px;}
#tablemodal .icobox { position:absolute;top:-45px; text-align:center;width: 90px;height: 90px;/*background-color: #2C0055;*/border-radius: 50%;  left: 50%;  margin-left: -45px;}
#tablemodal .icobox > img { width: 80px;/*margin-top: 22px;*/}
     
#rcdmodal .modal-dialog { margin-top:15%; width:350px; border:7px solid #957840; border-radius:8px; line-height:1.8; left: 50%; margin-left: -175px;}
#rcdmodal .modal-content { margin:-2px; padding-top:40px; background-color:#910512; border-radius:6px;}
#rcdmodal .icobox { position:absolute;top:-45px; text-align:center;width: 90px;height: 90px;/*background-color: #910512;*/border-radius: 50%;  left: 50%;  margin-left: -45px;}
#rcdmodal .icobox > img { width: 80px;/*margin-top: 22px;*/}
     
#sgcmodal .modal-dialog { margin-top:15%; width:350px; border:7px solid #957840; border-radius:8px; line-height:1.8; left: 50%; margin-left: -175px;}
#sgcmodal .modal-content { margin:-2px; padding-top:40px; background-color:#003f20; border-radius:6px;}
#sgcmodal .icobox { position:absolute;top:-45px; text-align:center;width: 90px;height: 90px;/*background-color: #003f20;*/border-radius: 50%;  left: 50%;  margin-left: -45px;}
#sgcmodal .icobox > img { width: 80px;/*margin-top: 22px;*/}
    
.tcmodal .modal-content { background-color:#EBEBE3;color:#2C1811;} 
.tcmodal .tersmcontent { padding:0 15px;}       

.ucardinfo { display:inline-block !important; padding-right:0;}
.ucardinfo h4 { font-size:20px;}    
.ucardinfo > div { float:left; width:30%; margin-left:3%;}
.ucardinfo > div:last-child { width:27%; margin-left:7%; height:100%;} 
.ucardinfo > div:last-child img { width:100%; height:auto;}       
    
    
.linebox { padding:0;}    
.linebox > div { position:relative; margin-bottom:20px;}    
.linebox #currenticon { position:absolute; bottom:15px;bottom:-5px\0;}
.linebox .currentstatus { background-color:#A28A1A; border-radius:2px; bottom:0; bottom:20px\0; color:#ECEBE3; left:-69px; line-height:30px; position:absolute; text-align:center; width:130px;}
.linebox .currentstatus .caret { padding:0; margin:0; left:50%; position:absolute; bottom:-3px; color:#A28A1A;} 
.linebox #currenticon.red .currentstatus { background-color:#B90619;} .linebox #currenticon.red .caret { color:#B90619;}  
.linebox #currenticon.gold .currentstatus { background-color:#B1962D;} .linebox #currenticon.gold .caret { color:#B1962D;}    
.linebox #currenticon.diamond .currentstatus { background-color:#515151;} .linebox #currenticon.diamond .caret { color:#515151;} 
.linebox #currenticon.chairman .currentstatus { background-color:#2C180F;} .linebox #currenticon.chairman .caret { color:#2C180F;}        
.cardline { width:100%;display:table; margin-bottom:30px;}
.cardline > div { float:left;}
.cardline > div > .lines { background-color:#D7D5C8; height:8px;} 
.cardline > div .linesover { border-left:2px solid #ADAFA4; width:2px; height:8px;}    
.cardline > div:last-child .linesover { border-left:2px solid #2D1810;}    
.cardline > div > img { margin-top:15px; margin-left:-2px;} 
.line-red { width:25%; color:#D21516; }
.line-red .linesover.over { background-color:#B90619; border-left:2px solid #EB263A; position:relative;}
.line-gold { width:25%; color:#A28A1A; }
.line-gold .linesover.over { background-color:#B1962D; border-left:2px solid #C0A220; position:relative;}     
.line-diamond { width:50%; color:#515151; }
.line-diamond .linesover.over { background-color:#515151; border-left:2px solid #8B8A85; position:relative;} 
.line-chairman { width:2px; color:#2D1810; margin-left:-2px;}
.line-chairman > img { margin-left:-32px !important;}
.line-chairman .cmtxt { position:absolute; right:0;}
    
.benefitdatabg { background-color:#800411; border-radius:2px; margin:0;}
.benefitdatabg h4,.benefitinfo h4 { margin:0;}
.benefitdatabg > div { border-right:1px solid #B90619; padding:15px; position:relative;}
.benefitdatabg > div:last-child { border-right:none;}
.benefitdatabg .data_L,.benefitdatabg .data_R { width:50%; float:left; display:block;}
.benefitdatabg .data_R { float:right; text-align:right;}

.giftcardsbg { background-color:#EBEBE3; text-align:center; position:relative; margin:15px 0; cursor:pointer; color:#333; height:100%; overflow:hidden; border-radius:4px;border: 1px solid #CFC8B5;}
.giftcardsbg:hover { background-color:#F3F3EE;}
.giftcardsbg h3 { color:#333 !important;}
.giftcardsbg img { width:100%;}
.giftcardstxt { width:100%; padding:15px 15px 130px;}
.giftcardstxt > .getbtn { position:absolute; width:100%; bottom:15px; left:0;}
.giftcardstxt > .getbtn > a { padding:6px 50px;}
.giftcardstxt > .getbtn > .giftfor { height:60px;}
.giftcardstxt > .getbtn > .giftfor span { white-space:nowrap; padding:0 2px;}    
.giftcardstxt > .getbtn > .giftfor p { margin-bottom:5px;margin-top:10px;}    
.giftcardstxt h5 { font-size:18px; margin-top:5px;font-family: "Roboto-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif}
.giftcardstxt h3{height:70px; margin-top:10px;font-weight:bold;}


.gift_headerbg { width:100%; padding:0; margin-bottom:15px;}
.gift_headerbg ul { margin:0;}
.gift_headerbg ul > li { float:left; background-color:#800411; line-height:40px; border-right:1px solid #B90619; text-align:center; color:#ECEBE3; cursor:pointer;}
.gift_headerbg ul > li:last-child { border-right:none;}
.gift_headerbg ul > li:hover,.gift_headerbg ul > li.active { background-color:#B90619;}

/* Gift Catalogue*/
.giftfilter { padding:0; line-height:50px;}
.giftfilter > div > ul { margin:0;}
.giftfilter > div > ul > li { line-height:25px; font-size:14px; border:1px solid #CFC8B5; margin-right:7px; background-color:#EBEBE3; width:190px; }    
.giftfilter > div > ul > li:first-child { width:218px; }
.giftfilter .dropdown { padding:8px 10px; height:100%; cursor:pointer;}
.giftfilter .dropdown.open { background-color:#FFFFFF;}
.giftfilter .dropdown i { margin-top:7px;}
.giftfilter .dropdown-menu { width:100%; padding:0; border-radius:0; top:98%; border:none;}
.giftfilter .dropdown-menu > li { padding:10px; border-bottom:1px solid #E4E5E0;}
.giftfilter .dropdown-menu > li:hover,.giftfilter .dropdown-menu > li.active { background-color:#F7F8F3;}
.giftfilter .dropdown-menu > li:last-child { border-bottom:none;}
.giftfilter .cardsicon{ display:inline-block; width:20%; text-align:center;}
.giftfilter .cardsicon img { max-width:90%;max-height:28px;}
.rcdorder { cursor:pointer;}
/* My Promotins */
.profilter { padding:3px 0; line-height:25px;/*display:inline-block !important;*/}
.profilter > div { border:1px solid #CFC8B5; padding:8px; display:inline-block; text-align:center; width:120px; margin-right:5px; cursor:pointer; font-size:14px; text-transform:uppercase;}
.profilter > div:hover,.profilter > div.active { color:#B90619; background-color:#EBEBE3;}
/* My Profile */
.profile .row > [class*="col-"] { display:inline;}

container >.row{
        flex-wrap: nowrap;
}
/***************safari**************************************/

/*_::-webkit-full-page-media, _:future, :root .safari_only {*/
/*.signintxt { height:40px !important;}*/
/*.cardslider > li { display:block !important;float:left !important;}*/
/*.col-lg-3 {width:24.9%;}*/
/*.col-lg-4 { width:33.2% !important;}*/
/*.col-lg-6 { width:49.9 !important;}*/
/*.col-lg-7 { width:58% !important;}*/
/*}*/
/***************safari**************************************/




/* 修改于2017-2-8 小关 */
.g_user{
    width: 26px;
    height: 26px;
}
.g_myredcard{
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.g_myredcard .swiper-button-prev{
    width: 37px;
    height: 77px;
    background-image: url(../../style/images/pro_left_icon.png);
    left: -21px;
    right: auto;
    background-size: 100% 100%;
    top: 42%;
    z-index: 1;
}
.g_myredcard .swiper-button-next{
    width: 37px;
    height: 77px;
    background-image: url(../../style/images/pro_right_icon.png);
    right: -8px;
    left: auto;
    background-size: 100% 100%;
    top: 42%;
    z-index: 1;
}
.g_pofih{
    height: 21px;
    line-height: 21px;
}

.procardstxt{
    padding-bottom: 30px;
}
.procardstxt > .bookbtn{
    position: static;
    margin-top: 60px;
}
.g_sideson{
    height: auto !important;
}


header {
    position: fixed;
    width: 100%;
    z-index: 11;
    top: 0;
    left: 0;
}


header {
    min-height: 122px;
}
.g_cont{
    margin-top: 172px;
}

.g_language{
    display: none;
}
.g_bannerbox{
    height: 100%;
}
.swiper-pagination-custom{
    display: none;
}
.g_sideson{
    margin-bottom: 15px;
    margin-top: 15px;
    padding-left: 0;
    padding-right: 0;
}
.g_smnosee{
    display: none !important;
}
.procardsbg{
    margin-left: 10px;
    margin-right: 10px;
}
.g_nusee{
    display: none;
}

.headlinkbg.g_acts{
    background-color: #957840;
}
.modal-open{
    overflow: hidden;
    position: relative; 
    height: 100%;
}
.g_ohidden{
    overflow: hidden;
    position: relative; 
    height: 100%;
}
.g_ohidden2{
    overflow: hidden;
    position: relative; 
    height: 100%;
}
.nav_relative_logout{
    overflow: auto;
}

    #logoutmenu img{
        width: 26px;
        height: 26px;
    }


/*
@media  (min-width: 768px) {
    .headrow{
        width: 750px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media  (min-width: 992px) {
    .headrow{
        width: 970px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media  (min-width: 1200px) {
    .headrow{
        width: 1170px;
        margin-left: auto;
        margin-right: auto;
    }
}
*/
.g_ho1{
    display: none;
}



@media screen and (max-width: 992px) {
    .flkbox h2{
        font-size: 24px;
    }
}
@media screen and (max-width:1200px) {
    .dollars{
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 3px;
    }
    .rcdbox, .tgcbox, .sgcbox{
        border: none;
        line-height: 25px;
        padding-bottom: 4px;
    }
}
@media screen and (max-width: 768px){
    .g_ho1{
        display: block;
    }
    .g_ho2{
        display: none;
    }
    .flkbox{
        margin-right: 0;
    }
    .headlinkbg:hover{
        background-color: transparent;
    }
    .headlinkbg.g_acts:hover{
        background-color: #957840;
    }
    .g_nusee{
        display: inline-block;
    }
    .swiper-pagination-custom{
        display: block;
    }    
    .nav_relative_logout{
        display: none;
    }
    .nav_relative_logout .nav_right_line{
        border-right: none;
        border-bottom: 1px dashed #C6BB9E;
        padding-bottom: 10px;
    }
    .headrow{
        height: 68px;
        position: relative;
    }
    .g_mess{
        content: "";
        position: absolute;
        width: 68px;
        height: 68px;
        left: 0;
        top: 0;
        background-image: url(../../style-mobile/images/mLego_r3_c4.png);
        background-size: 70%;
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1032;
    }
    .g_togmenu{
        background-image: url(../../style-mobile/images/mLego_r3_c14.png);
        background-size: 50%;
    }
    .topnav li .img{
        display: block !important; 
    }
    .menusul .menu_mo:hover .img, .menusul .menu_mo.active .img{
            background-color: rgb(241, 240, 236);
    }
    
    
    .headlink_R{
        display:none;
    }
    .headlink{
        left: auto;
        right: 0;
        height: 68px;
    }
    .headlink span{
        display: none;
    }
    .headlinkbg{
        background-color: transparent;
        padding-left: 15px;
        padding-right: 15px;
    }
    .headlinkbg.act{
        background-color: #957840;
    }
    div header{
        height: 68px;
        min-height:68px;
    }
    .g_sefi{
        height: 60px;
        margin-top: 4px;
    }
    .text-center img{

    }
    .g_user{
        width: 34px;
        height: 34px; 
    }
    .loginpop{
        top: 68px;
    }
    .g_newrow{
        display: block;
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .g_newrow .col-md-offset-2{
        position: relative;
    }
    .g_newrow .col-md-offset-2:after{
        content: "";
        display: block;
        margin-right: 38px;
        bottom: 0;
        height: 1px;
        border-bottom: dashed #baac89 1px;
        left: 0;
        box-sizing: border-box;
        margin-top: 20px;
    }
    .g_smabox{
        max-width: 100%;
        width: 440px;
        display: inline-block;
    }
    .g_smabox .col-xs-11{
        width:100%;
        padding: 0;
        word-break: break-all;
        text-align: left;
    }
    .g_smabox .col-xs-11 h3{
        padding-right: 25px;
    }
    .loginblock{
        border:none;
    }
    .loginblock .loginbtn{
        position: static;
    }
    .g_smabox .col-xs-5{
        width: initial;
        margin-right: 7px;
    }
    .homeadsection{
        top: 0 !important;
        
    }
    #home-slider{
        position: relative !important;
        height: auto !important;
        width: 100%;
        top: 68px !important; 
    }
    .g_bannerbox{
        width: 100%;
        padding-bottom: 72.2222222%;
        position: relative;
        height: 0;
    }
    
    #home-slider .carousel-control {
        opacity: 1;
    }
    .topnav li:last-child{
         border-bottom: 1px dashed #C6BB9E;
    }    
    .g_language{
        overflow: hidden;
        display: block;
    }
    .g_language li{
        float: left;
        width: 33%;
        text-align: center;
        padding: 40px 0;
    }
    .carousel-inner{
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }
    .homeadsection{
        margin-top: 68px;
    }
    #home-slider .sliderbg{
        position: static;
        background: #e2e0d3;
        padding-top: 0;
    }
    .g_slbox{
        height: auto !important;
        padding-bottom: 50px;
    }
    .g_slbox .home_ad_r{
        position: static;
        width: 100%;
    }
    .flkbox{
        width: 90%;
        display: block !important;
    }
    .flkbox2{
        width: 100%;
        display: block !important;
        min-height: 220px;
    }
    .form-group{
        display: block;
        text-align: center;
        color: #846b35;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .g_slbox .pull-left{
        font-family: "Roboto-Light";
        font-weight: 100 ;
        font-size: 30px;
    }
    #flkdes{
        color: black;
    }
    .home_ad_r .flkboxred02{
        background: none;
        text-decoration: none;
        background: #b90619 url(../../style-mobile/images/Untitled-3_r1_c2.png) no-repeat;
        display: block;
        background-position: right top;
        background-size: auto 100%;
        color: #ECEBE3;
        margin-top: 0;
        margin-bottom: 15px;
    }
    .home_ad_r .flkboxred02 h2{
        color: #ECEBE3;
        text-align: left;
    }
    .home_ad_r .flkboxred02 p{
        text-align: left;
    }
    .signintxt{
        line-height: 46px;
    }
    .signintxt .pull-left{
        font-size: 16px;
        color: #2c1811;;
        font-family: "Roboto-Regular";
    }
    .signintxt .pull-right{
        color: #000;
    }
    .signintxt .pull-right .text-gold2{
        font-size: 16px;
    }
    .sliderdownimg{
        display: none;
    }
    .homecards {
        background-position: center 20px;
        background-size: 95% auto;
        padding-top: 20%;
    }
    .flash h2{
        font-size: 24px;
    }
    .flash .form-group{
        text-align: left;
        color: white;
    }
    .flash, .flash > ul > li{
        height: auto;
        padding-bottom: 388px;
    }
    .homepro{
        display: none;
    }
    .homeprosection{
        background: url(../../style-mobile/images/Hp-bg-head.png) no-repeat;
        background-size: 100%;
        background-position: right 30px;
    }
    .procardsbox{
        overflow: hidden;
        display: block;
    }
    .g_siderbox{
        position: relative;


    }
    .g_siderbox .g_sideson{
    
    }
    .nav_fixed{
        display: none !important;
    }
    
    footer{
        position: static;
    }
    
    .mainpage{
        height: auto !important;
        padding-bottom: 0 !important;
    }
    .adbg .container ul > li{
        min-width: 100% !important;
    }
    
    
    footer .container .g_moblefoot{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .ulborder{
        border-right: none;
        border-bottom: 1px dashed #C6BB9E;
        overflow: hidden;
        padding-bottom: 20px;
    }
   footer .g_fotbname{
        text-align: center;
        font-size: 18px;
    }
   footer .g_fotbname:after{
        content: "";
        display: block;
        float: none;
        clear: both;
    }
    footer .form-group{
        float: left;
        width: 50%;
    }
    footer .form-group a{
        display: block;
        font-size: 16px;
            color: #2c1811;
        
    }
    footer .form-group i{
        margin-right: 0;
    }
    footer .form-group i:before{
        display: none;
    }
    footer .g_i1{
        float: left;
        width: 48%;
    }
    footer .g_i2{
        float: left;
        width: 52%;
    }
    footer .g_i1 i:after{
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image:  url(../../style-mobile/images/mLego_r43_c29.png);
        background-size: 100% 100%;
    }
    footer .g_i2 i:after{
        content: "";
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image:  url(../../style-mobile/images/mLego_r43_c399.png);
        background-size: 100% 100%;
    }    
    footer .g_moblefoot,footer .g_moblefoot a{
        text-align: center;
        font-size: 12px;
        word-wrap: break-word;
        color: #2c1811;
    }
    .copyright .g_none{
        display: block;
        text-indent: -99999px;
        height: 10px;
        line-height: 10px;
    }
    .copyright, .copyright a{
        line-height: 30px;
    }
    .copyright{
        padding-bottom: 30px;
    }
    .g_umsin{
        display: none;
    }
    .modal-dialog{
        max-width: 96%;
    }
    .modalclosebtn{
        right: 10px;
        top: 7px;
        z-index: 10;
    }
    #select-sorting .modalclosebtn ,#select-filter .modalclosebtn{
        display: none;
    }
    .mainpage .swiper-button-prev{
        background: url(../../style-mobile/images/card-slide-left.png) no-repeat;
        background-size: 100%;
        height: 79px;
        width: 30px;
        opacity: 1;
        background-position: left top;
        top: 50%;
        left: 0;
        margin-top: -40px;
    }
    .mainpage .swiper-button-next{
        background: url(../../style-mobile/images/card-slide-right.png) no-repeat;
        background-size: 100%;
        height: 79px;
        width: 30px;
        opacity: 1;
        background-position: left top;
        top: 50%;
        right: 0;
        margin-top: -40px;
    }
    .swiper-pagination{
        bottom: 40px !important;
        color: #846b35
    }
    .maluck{
        padding-top: 50px;
    }
    .redline{
       top: 68px !important;
    }
    .g_mbtop{
        position:  ;
    }
    .g_mbtop:after{
        content: "";
        position: absolute;
        width: 160px;
        height: 36px;
        background: url(../../style-mobile/images/mLego_login.png) no-repeat;
        left: 50%;
        top: 50%;
        margin-left: -80px;
        margin-top: -18px;
        background-size: 100% 100%;
    }
    .g_mbtop img{
        display: none;
    }
    .g_myc{
        width: 69px !important;
        height: 69px;
        padding: 0;
        margin: 0;
    }
    .g_myc .dropdown-toggle{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .g_myc .dropdown-toggle:after{
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        background-repeat: no-repeat;
        margin: 0;
        width: 69px;
        height: 69px;
        border-radius: 0;
        background-image: url(../../style-mobile/images/mLego_r3_c17.png);
        background-size: 58px;
        background-position: center;
        padding: 7px;
    }
    .g_myc .dropdown-toggle img{
        display: none;
    }
    .g_myc.open .dropdown-toggle span{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
    }
    .fa-angle-up:before{
        display: none;
    }
    .g_myc .g_fixedtop{
        position: fixed;
        left: 0;
        top: 148px;
        width: 100%;
        padding: 0;
    }
    .g_usere{
        position: fixed !important;
        width: 100%;
        top: 68px !important;
        height: 80px;
        line-height: 80px;
        background: #846A39;
        font-size: 22px !important;
    }
    .g_fixedtop li{
        height: 60px;
        line-height: 60px;
        padding-top: 0;
        padding-bottom: 0;
        
    }
    .g_fixedtop li a{
       padding: 0 !important; 
        font-size: 22px !important;
    }
    .g_fixedtop  .g_firstline{
        height: 30px;
    }
     
    .g_navfixed{
        position: fixed !important;
        width: 100%;
        top: 0;
        z-index: 666;
        background-color: #B90619;
    }
    .g_myaside{
        width: 100%;
        float: none;
        padding-left: 0 !important;
    }
    .mymenu{
        width: 100% !important;
        min-height: auto;
        position: fixed;
        left: 0;
        top: 68px;
        z-index: 3;
        background-color: #E2E0D3;
        display: none;
    }
    .mymenu2{
        width: 100%;
        min-height: auto;
        position: fixed;
        left: 0;
        top: 68px;
        z-index: 3;
        background-color: #E2E0D3;
        display: none;
    }    
    #promotions{
        width: 100%;

    }
    #promotions .form-group{
        padding-top:0;
    }
    .menusul li{
        background-color: #E2E0D3;
    }
    .menusul{
        margin-bottom: 0;
       
    }
    .g_language a{
        color: #2D1912;
    }
    .g_cover:after{
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        z-index: 1;
    }
    .g_mybif{
        padding: 0 !important;
        float: none;
        width: 100%;
    }
    .hrst01{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .dashboardtop h2{
        font-size: 26px;
            color: #333;
    }
    .dashboardtop h2 span{
        font-size: 30px !important;
    }
    .dashboardtop .wbtitle{
        height: auto;
        text-align: left;
        padding-bottom: 20px;
    }
    .ucardinfo > div{
        width: 33%;
        margin-left: 0;
        
        text-align: left;
    }
    .ucardinfo{
        padding-left: 0;
    }
    .text-small{
        font-size: 12px;
        color: #333; 
    }
    .ucardinfo h4{
        font-size: 18px;
        color: #333;
    }
    .ucardinfo > div:last-child img{
        width: 80px;
        padding-top: 9px;
    }
    .row .scroll_horizontal .next, .row .scroll_horizontal .prev{
        z-index: 0;
    }
    .g_bisc{
        font-size: 24px;
        color: #333;
    }
    .linebox .currentstatus .caret{
        left: 10%;
    }
    .linebox .currentstatus{
        left: -16px;
    }
    .g_foca{
        padding: 0 15px !important;
    }
    .cardline > div{
        text-align: left;
    }
    .g_scor{
        font-size: 14px;
    }
    .small{
        font-size: 12px;
    }
    .bignum{
        font-size: 26px;
    }
    .g_absous{
        width: 100% !important;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .g_absous a{
        font-size: 18px !important;
    }
    .right_board{
        display: none;
    }
    .form-control{
        display: inline-block;
    }
    .nav_relative_logout:after{
        content: "";
        position: fixed;
        width: 100%;
        height: 100%;
        background: black;
        z-index: -1;
        left: 0;
        top: 0;
        top: 68px;
        opacity: 0.5;
    }
    .g_cont{
        margin-top: 68px !important;
    }
    .menusul li img{
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background-size: 100%;
        background-repeat: no-repeat;
    }
    .menusul{
        padding: 0 6%;
    }
    .menusul li{
        border-bottom: 1px dashed #C6BB9E;
    }
    .g_gulp .tips{
        text-align: left;
    }
    .menusul li .img{
        background-color: transparent;
    }
    #loginpop{
        padding-top: 0;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 15px;
    }
    #loginpop .form-group{
        color: #333;
        margin-bottom: 5px;
        padding-top: 5px;
    }
    .g_smabox{
        padding-left: 0;
        padding-right: 0;
    }
    .g_newrow .text-gold h3{
        margin-left: 15px;
    }
    .modaltitle{
        height: 110px;
        margin-top: -109px;
        padding: 15px;
        line-height: 25px;
    }
    .modaltitle h3{
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding-left: 14px;
        padding-right: 14px;
    }
    .text-gold.text-smaller{
        white-space: initial !important;
        display: inline-block;
        width: 40px;
        line-height: inherit !important;
    }
    .adbg{
        padding: 40px 0 60px;
    }
    .adbg .bg_r{
        right: -30px;
    }
    .adbg .bg_l{
        bottom: -70px;
        left: 1px;
    }
    .bg_l img{
        width: 156px;
    }
    .bg_r img{
        width: 134px;
    }
    .g_myc.open:before{
        content: "";
        position: fixed;
        width: 100%;
        background: rgba(40,28,16,0.8);
        left: 0;
        top: 68px;
        bottom: 0;
        z-index: -1;
    }
    .g_smabox .text-gold{
        word-break: initial;
    }
    
    #loginmodal .modal-content{
        padding: 0;
    }
    #data .col-xs-12{
        padding-right: 0;
    }
}