@charset "utf-8";
/*
@media (min-width: 768px) { .container { width:748px; } }
@media (min-width: 1020px) { .container { width:1000px; } }
@media (min-width: 1220px) { .container { width:1200px; } }
*/
.container { padding-left:10px; padding-right:10px; max-width:100%; }

@media (max-width: 767px)  { .container { padding-left:10px; padding-right:10px; } }
@media (min-width: 768px)  { .container { padding-left:10px; padding-right:10px; } }
@media (min-width: 1020px) { .container { padding-left:0; padding-right:0; } }
@media (min-width: 1220px) { .container { padding-left:0; padding-right:0; } }

@media (min-width: 0) and (max-width: 797px)  { .ShakeClear { margin-left:0; } }
@media (min-width: 1000px) and (max-width: 1030px) { .ShakeClear { margin-left:0; } }
@media (min-width: 1200px) and (max-width: 1240px) { .ShakeClear { margin-left:0; } }


@media (max-width: 767px)  { /*style*/ }
@media (min-width: 768px)  and (max-width: 1019px) {.container { width:100%;}}
@media (min-width: 1020px) and (max-width: 1219px) { /*style*/ }
@media (min-width: 1220px) { /*style*/ }


input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
textarea { /*height:25px; width:100%;*/ padding:0 0 0 6px; border-radius:0; /*height:34px; padding:6px 12px; border-radius:4px;*/ display:block; font-size:14px; line-height:1.42857143; color:#555; background-color:#fff; background-image:none; border:1px solid #ccc; 
/*-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);*/
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; }


/*
|--------------------------------------------------------------------------
| moadal
|--------------------------------------------------------------------------
*/
.SignClose { font-size:42px; font-weight:normal; margin:0 !important; padding:0 10px; color:#ccc; cursor:pointer; }

/*modal-left for back in body-responsive*/
@media (min-width: 495px) { .modal-left .modal-dialog { width:454px !important; }}
@media (min-width: 560px) { .modal-left .btn-return-l { width:75px; height:75px; position:fixed; right:15px; top:50%; transform:translate(0,-50%); border:none; background:url(base/btn-circle-white-l.png) no-repeat center center / 100% auto; }}
@media (max-width: 559px) { .modal-left .btn-return-l { width:45px; height:45px; position:fixed; right:5px; top:50%; transform:translate(0,-50%); border:none; background:url(base/btn-circle-white-l.png) no-repeat center center / 100% auto; }}


/*bof set modal*/
.modal-default.fade .modal-dialog { position:absolute; left:0; right:0; width:100%; max-width:600px; margin:0 auto;/*left is for center*/ max-height:100%; top:0; }
.modal-default.in .modal-dialog { top:50px; /*left is for top*/}

/*MobileEquipment when less width less 767px, always stay screen top*/
@media (max-width:767px){
.modal-default.fade .modal-dialog { max-width:747px; width:calc(100% - 20px); }
.modal-default.in .modal-dialog { top:10px; }
}

.modal .modal-content .SignClose { color:#000; font-size:42px; font-weight:normal; margin:0 !important; padding:0 10px; position:absolute; right:0; top:0; z-index:2; }
.modal .modal-body .SignClose { color:#000; font-size:42px; font-weight:normal; margin:0 !important; padding:0 10px; position:absolute; right:0; top:0; z-index:2; }
.modal-content { border-radius:0; }
/*eof set modal*/


/*@media screen and (min-width: 768px) { .modal-dialog { width: 100%; } }*/

.modal-left.fade   .modal-dialog { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); }
.modal-right.fade  .modal-dialog { -webkit-transform: translate( 100%, 0); -ms-transform: translate( 100%, 0); transform: translate( 100%, 0); }
.modal-bottom.fade .modal-dialog { -webkit-transform: translate(  0, 25%); -ms-transform: translate(  0, 25%); transform: translate(  0, 25%); }

.modal-left.in   .modal-dialog,
.modal-right.in  .modal-dialog,
.modal-bottom.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }




/*GuoduXuanzhuan-0.3s*/
.TransitionTransform-03s {
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out;
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}
.fade .Movein-TL { -webkit-transform: translate(-100%, -100%); -ms-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } 
.fade .Movein-TR { -webkit-transform: translate( 100%, -100%); -ms-transform: translate( 100%, -100%); transform: translate( 100%, -100%); } 
.fade .Movein-BL { -webkit-transform: translate(-100%,  100%); -ms-transform: translate(-100%,  100%); transform: translate(-100%,  100%); } 
.fade .Movein-BR { -webkit-transform: translate( 100%,  100%); -ms-transform: translate( 100%,  100%); transform: translate( 100%,  100%); } 
	
.fade.in .Movein-TL,
.fade.in .Movein-TR,
.fade.in .Movein-BL,
.fade.in .Movein-BR { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }

/*
|--------------------------------------------------------------------------
| body
|--------------------------------------------------------------------------
*/
/*html,body { min-height:100%; }*/
body { font-family:Open Sans,Verdana,Helvetica,Arial,Droid Sans,sans-serif;/*font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif;*/ font-size:12px; line-height:150%; color:#333; background:#fff; -webkit-text-size-adjust:none; }
/*bof cover bootstrap*/

a {color:#333; text-decoration:none;}
a:hover,
a:focus {color:#333; text-decoration:underline;}

p a,		.MainA p a  	 { text-decoration:underline; }
p a:hover,	.MainA p a:hover { text-decoration:none; }

.u-link,
a.u-link,
a.u-link:link,
a.u-link:visited { text-decoration:underline; }
.u-link:hover,
a.u-link:hover { text-decoration:none; }

.NoLink,
a.NoLink,
a.NoLink:link,
a.NoLink:visited { text-decoration:none; }
.NoLink:hover,
a.NoLink:hover { text-decoration:none; }

.MainColor,
.MainColor:link,
.MainColor:visited { color:#ff6699;}

.MRed, .MRed a { color:#ff6699 !important; /*color:palevioletred !important;*/}

/*-ABOUT-A--------------------------------------------------------*/
.HelpContent #MainWrapper a,
.HelpContent #MainWrapper a:link,
.HelpContent #MainWrapper a:visited { text-decoration:underline; }
.HelpContent #MainWrapper a:hover { text-decoration:none; }

#proInfo .NtabBox a,
#proInfo .NtabBox a:link,
#proInfo .NtabBox a:visited  { text-decoration:underline; }
#proInfo .NtabBox a:hover { text-decoration:none; }
/*----------------------------------------------------------------*/
form, input, label { margin:0;}
ul, ol, li, dl, dt, dd { margin:0; padding:0; }
dt, dd { line-height:150%; }
label { display:inline-block; }
em { /*font-style:normal;*/}

p { margin:0 0 8px 0; }
b { display:inline-block; }

h1 { line-height:150%; font-size:18px; padding:0; margin:0 0 15px 0;}
h2 { line-height:150%; font-size:15px; padding:0; margin:0 0 8px 0; color:#000;}
h3 { line-height:150%; font-size:14px; padding:0; margin:0 0 8px 0; }
h4 { line-height:150%; font-size:13px; padding:0; margin:0 0 4px 0; }
h5 { line-height:150%; font-size:13px; padding:0; margin:0 0 4px 0; }
h6 { line-height:150%; font-size:13px; padding:0; margin:0 0 4px 0; }
select {font-size:12px;height:25px;line-height:25px ;padding:3px 3px 1px;}

input[type="text"]{font-size:12px;padding:3px 6px;}
input[type="radio"], input[type="checkbox"]  { margin-top:0; }

caption, th { text-align:left; }
address, caption, cite, code, dfn, em , i, th, abbr, var { font-style:normal; /*font-weight:normal;*/ word-wrap: break-word;}


table tr.odd	{ background-color:#fff; }
table tr.even	{ background-color:#f8f8f8; }
table tr.over	{ background-color:#dceaf9;}
.InterlacingTable td:hover { background-color:#597793;}					.NoHightlightTable td:hover { background-color:#dceaf9; } 
.InterlacingTable td:hover, .InterlacingTable td:hover * {color:#fff;}	.NoHightlightTable td:hover, .NoHightlightTable td:hover * { color:#333; } 
.InterlacingTable td a { text-decoration:none !important; }					


.PopLoad { overflow:auto; position:fixed; _position:absolute; z-index:3000; top:0px; left:0px; width:100%; bottom:0px; height:100%; max-height:100%; }
.PopLoadBG	{ width:100%; height:100%; max-height:100%; background-color:#000; filter:alpha(opacity=50); -moz-opacity:0.7; opacity:0.5; }
.PopLoadImg { position:absolute; z-index:6000; top:50%; left:50%; overflow:hidden; border-radius:5px;  max-height:100%; filter:alpha(opacity100); -moz-opacity:1; opacity:1;}
.PopLoadImg { width:44px; height:44px; margin-left:-22px; margin-top:-22px; background:#000 url(../widget/ElevateZoom/loading.gif) no-repeat center center; }


/*price*/
.Price {}
.PriceCate				{ font-family:Arial; font-size:14px; font-weight:bold; color:#222; }
.PriceProductCurrent	{ font-family:Arial; font-size:15px; font-weight:bold; color:#4d4d4d; }
.PriceProductCurrentDel { font-family:Arial; font-size:12px; font-weight:normal; color:#333; }
.PriceProductTotal		{ font-family:Arial; font-size:14px; font-weight:bold;   color:#222; }

.PriceCard				{ font-family:Arial; font-size:13px; font-weight:bold; color:#555; }
.PriceCartItem			{ font-family:Arial; font-size:12px; font-weight:normal; color:#333; } /*Cart*/
.PriceCartTotal			{ font-family:Arial; font-size:14px; font-weight:bold; color:#222; }

.PriceConfirmCharge		{ font-family:Arial; font-size:14px; font-weight:bold; color:#333; } 
.PriceConfirmItem		{ font-family:Arial; font-size:13px; font-weight:normal; color:#666; }
.PriceConfirmTotal		{ font-family:Arial; font-size:14px; font-weight:normal; color:#333; }
.PriceConfirmGrandTotal	{ font-family:Arial; font-size:15px; font-weight:bold; color:#222; }

.PriceFavs			{ font-family:Arial; font-size:14px; font-weight:bold; color:#222; }

/*
|--------------------------------------------------------------------------
| recover
|--------------------------------------------------------------------------
*/
em[rel="popover"] { cursor:default;}
.form-control { border-radius:0; box-shadow:none; height:40px; padding:0 0 0 6px; }
textarea.form-control { font-size:12px; padding:5px; }
.mBox { border-radius:0; }
.ModTitle { border-radius:0; }
.btn { border-radius:0; padding:9px 12px; }
.btn-size { height:40px;}


.chosen-container-single .chosen-single { height:40px !important; line-height:37px !important; }
.chosen-container-single .chosen-single div b { background-repeat:4px 8px !important;}

/*注册邮箱提示*/
div.emailistBox { margin-top:39px !important; }
div.emailistBox p { padding:11px 8px; }
ul.emailist li  { padding:11px 8px; }


@media (min-width:450px){
	.btn    { min-width:80px; }
	.btn-sm { min-width:80px; }
	.btn-xs { min-width:80px; }
}
@media (max-width:449px) {
	/*set*/
}

.btn,			.btn a,
.btn:link,		.btn a:link,
.btn:visited,	.btn a:visited
.btn:hover,		.btn a:hover { text-decoration:none !important; }
.btn-default:hover { color:#333; background-color:#fff; border-color:#000; }

.btn-link, .btn-link:link, .btn-link:visited { color:#333; }
.btn-link:hover { color:#333; text-decoration:underline; }

/*btn-MainColor*/
.btn-MainColor { color:#ffffff; background-color:#000; border-color:#000;}
.btn-MainColor:hover,
.btn-MainColor:focus,
.btn-MainColor:active,
.btn-MainColor.active,
.open .dropdown-toggle.btn-MainColor { color:#ffffff; background-color:#636363; border-color:#585858;}

.btn-MainColor:active,
.btn-MainColor.active,
.open .dropdown-toggle.btn-MainColor { background-image:none;}

.btn-MainColor.disabled,		.btn-MainColor[disabled],			fieldset[disabled] .btn-MainColor,
.btn-MainColor.disabled:hover,	.btn-MainColor[disabled]:hover,		fieldset[disabled] .btn-MainColor:hover,
.btn-MainColor.disabled:focus,	.btn-MainColor[disabled]:focus,		fieldset[disabled] .btn-MainColor:focus,
.btn-MainColor.disabled:active,	.btn-MainColor[disabled]:active,	fieldset[disabled] .btn-MainColor:active,
.btn-MainColor.disabled.active,	.btn-MainColor[disabled].active,	fieldset[disabled] .btn-MainColor.active
{ background-color:#777777; border-color:#777777; }


/*btn-White*/
.btn-White { color:#333; background-color:#fff; border-color:#fff;}
.btn-White:hover,
.btn-White:focus,
.btn-White:active,
.btn-White.active,
.open .dropdown-toggle.btn-White { color:#000; background-color:#fff; border-color:#fff;}

.btn-White:active,
.btn-White.active,
.open .dropdown-toggle.btn-White { background-image:none;}

.btn-White.disabled,		.btn-White[disabled],			fieldset[disabled] .btn-White,
.btn-White.disabled:hover,	.btn-White[disabled]:hover,		fieldset[disabled] .btn-White:hover,
.btn-White.disabled:focus,	.btn-White[disabled]:focus,		fieldset[disabled] .btn-White:focus,
.btn-White.disabled:active,	.btn-White[disabled]:active,	fieldset[disabled] .btn-White:active,
.btn-White.disabled.active,	.btn-White[disabled].active,	fieldset[disabled] .btn-White.active
{ background-color:#fff; border-color:#fff; }


/*btn-SubColor*/
.btn-SubColor { color:#ffffff; background-color:#555; border-color:#555;}
.btn-SubColor:hover,
.btn-SubColor:focus,
.btn-SubColor:active,
.btn-SubColor.active,
.open .dropdown-toggle.btn-SubColor { color:#ffffff; background-color:#636363; border-color:#585858;}

.btn-SubColor:active,
.btn-SubColor.active,
.open .dropdown-toggle.btn-SubColor { background-image:none;}

.btn-SubColor.disabled,			.btn-SubColor[disabled],		fieldset[disabled] .btn-SubColor,
.btn-SubColor.disabled:hover,	.btn-SubColor[disabled]:hover,	fieldset[disabled] .btn-SubColor:hover,
.btn-SubColor.disabled:focus,	.btn-SubColor[disabled]:focus,	fieldset[disabled] .btn-SubColor:focus,
.btn-SubColor.disabled:active,	.btn-SubColor[disabled]:active,	fieldset[disabled] .btn-SubColor:active,
.btn-SubColor.disabled.active,	.btn-SubColor[disabled].active,	fieldset[disabled] .btn-SubColor.active
{ background-color:#777777; border-color:#777777; }

/*btn-HighLight*/
.btn-HighLight { color:#ffffff; background-color:#ff6699; border-color:#ff6699; border-radius:20px; padding:6px 25px; }
.btn-HighLight:hover,
.btn-HighLight:focus,
.btn-HighLight:active,
.btn-HighLight.active,
.open .dropdown-toggle.btn-HighLight { color:#ffffff; background-color:#ff7799; border-color:#ff7799;}

.btn-HighLight:active,
.btn-HighLight.active,
.open .dropdown-toggle.btn-HighLight { background-image:none;}

.btn-HighLight.disabled,		.btn-HighLight[disabled],			fieldset[disabled] .btn-HighLight,
.btn-HighLight.disabled:hover,	.btn-HighLight[disabled]:hover,		fieldset[disabled] .btn-HighLight:hover,
.btn-HighLight.disabled:focus,	.btn-HighLight[disabled]:focus,		fieldset[disabled] .btn-HighLight:focus,
.btn-HighLight.disabled:active,	.btn-HighLight[disabled]:active,	fieldset[disabled] .btn-HighLight:active,
.btn-HighLight.disabled.active,	.btn-HighLight[disabled].active,	fieldset[disabled] .btn-HighLight.active
{ background-color:#ffaacc; border-color:#ffaacc; }


/*recover bs*/
.pagination > li > a,
.pagination > li > span { color:#333; margin:0 8px; background-color:#FAF9F5; background-image:none;
	/*
	background-image: -moz-linear-gradient(top,#fff,#ececec);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ececec));
	background-image: -webkit-linear-gradient(top,#fff,#ececec);
	background-image: -o-linear-gradient(top,#fff,#ececec);
	background-image: linear-gradient(to bottom,#fff,#ececec);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffececec',GradientType=0);
	*/
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background-color:#000; border-color:#000; background-image:none; }


.ThisBtn { height:38px; font:normal 18px/35px Arial; text-align:center; text-decoration:none; border: 1px solid #004400; border-radius: 13px; box-shadow:0 1px 0 #87d987 inset, 0 3px 3px #ccc; color: #fff; white-space: inherit; padding-left:15px; padding-right:15px;
background-color:#2e842e;
background-image:-moz-linear-gradient(top, #5cb85c, #2e842e);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#5cb85c), to(#2e842e));
background-image:-webkit-linear-gradient(top, #5cb85c, #2e842e);
background-image:-o-linear-gradient(top, #5cb85c, #2e842e);
background-image:linear-gradient(to bottom, #5cb85c, #2e842e);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff2e842e', GradientType=0);
*background-color:#5cb85c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat:repeat;
}
.ThisBtn:hover,
.ThisBtn:focus,
.ThisBtn:active,
.ThisBtn.active,
.ThisBtn.disabled,
.ThisBtn[disabled]{ color:#fff; text-decoration:none; }

.ThisBtn-sm { height:30px; font:normal 16px/26px Arial; }

.radius20 { border-radius:20px; }

/*bootstrap-awesome-checkbox.css*/
.radio label::after { width:7px; height:7px; left:5px; top:5px; }

/*.control-label { outline:none; blr:expression(this.onFocus=this.blur()); }*/
input[type="radio"],
input[type="checkbox"],
.checkbox input[type="checkbox"]:focus + label::before,
.checkbox input[type="radio"]:focus + label::before,
.radio input[type="radio"]:focus + label::before { outline:none; outline-color:transparent; }
/*
|--------------------------------------------------------------------------
| page main frame
|--------------------------------------------------------------------------
*/
.main_content{ margin:0 auto;_clear:both; zoom:1; }

@media (max-width:413px) {
.main_content{ min-width:calc(320px + (100vw - 100%)); }
}

/*.body-responsive .main_content{ min-width:320px; }*/

/*----------------------------------------------------------------*/
.icon-hot { width:14px; height:17px; display:inline-block; background:url(base/hot.gif) no-repeat 0 0; vertical-align:middle;}
.the-ico-mark { display:inline-block; vertical-align:middle; background:url(base/sign_mark.png) no-repeat 0 0; width:13px; height:13px; }
.icon-heart-colored { background: url(sign/glyphicons-halflings.png) no-repeat scroll 0 -171px rgba(0, 0, 0, 0); }
.menu-disc { background: url(base/sign_disc.png) no-repeat 6px 8px; }
.icon-angle-down { display:inline-block; width:13px; height:7px; background:url(base/tabs_3.gif?v=1013) no-repeat 0 0;)}
/*SVG*/
.SVG-SHARE { display:inline-block; min-width:20px; padding-top:22px; background:url('../img/svg/svg-share.svg') no-repeat center top;}
.SVG-SHARE-O { display:inline-block; min-width:20px; padding-top:24px; background:url('../img/svg/svg-share-o.svg?v=1') no-repeat center top / cover;}
/*----------------------------------------------------------------*/
.BreadcrumbBox { border-bottom:none; padding:27px 0 14px 0; }
.BreadcrumbBoxBG { min-width:320px; margin:0 auto; } 
/*breadcrumb*/
.breadcrumb{ display:inline-block; width:100%; padding:0; color:#666; background-color:#fff; border-bottom:1px solid #ddd; margin:0; border-radius:0; background-color:transparent;}
.breadcrumb * { line-height:1;}
.breadcrumb > li { padding-right:5px; }
.breadcrumb > li + li:before { color:#666; content:"›"; position:relative; top:-1px; padding:0 5px 0 0; }
.breadcrumb > li a			 { color:#666; display:inline-block; }

.breadcrumb > li:nth-child(1), .breadcrumb > li:nth-child(1) a { color:#333; }
.breadcrumb > li:nth-child(2), .breadcrumb > li:nth-child(2) a { color:#555; }
.breadcrumb > li:nth-child(2+n), .breadcrumb > li:nth-child(2+n) a { color:#666; }

/*
#countItems { color:#666; }
#countItems:before { color:#666; content:"›"; position:relative; top:-1px; padding:0 6px 0 7px; }
*/

@media (max-width: 1019px) { 
.BreadcrumbBox { border-bottom:none; padding:17px 0 15px 0; }
}

/*
|--------------------------------------------------------------------------
|linear-gradient-gray
|--------------------------------------------------------------------------
*/
.linear-gradient-gray {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,#fff,#ececec);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ececec));
	background-image: -webkit-linear-gradient(top,#fff,#ececec);
	background-image: -o-linear-gradient(top,#fff,#ececec);
	background-image: linear-gradient(to bottom,#fff,#ececec);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffececec',GradientType=0);
}

.linear-gradient-gray-inverse {
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,#ececec,#fff);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ececec),to(#fff));
	background-image: -webkit-linear-gradient(top,#ececec,#fff);
	background-image: -o-linear-gradient(top,#ececec,#fff);
	background-image: linear-gradient(to bottom,#ececec,#fff);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffececec',endColorstr='#ffffffff',GradientType=0);
}


@media (min-width: 1020px) {
#TheHeader		{ width:100%; position:fixed; z-index:1002; /*z-index:9000001;*/ left:0; top:0; }
#MenuWrapper	{ width:100%; position:fixed; z-index:1001; /*z-index:9000000;*/ left:0; top:50px; }
#StickyTopKit { padding-top:96px; }
}
@media (max-width: 1019px) {
#TheHeader-Mobile { width:100%; position:fixed; z-index:1001; /*z-index:9000000;*/ left:0; top:0; }
#StickyTopKit { padding-top:49px; }
}
/*
|--------------------------------------------------------------------------
| header
|--------------------------------------------------------------------------
*/
#TopNotice{ z-index:999; position:relative; width:100%; height:40px;line-height:40px;color:#fff; background-color:#242424; }
#TopNotice #TopNoticeBG { margin:0 auto; height:40px;line-height:40px;color:#fff;}

#TopBar{ z-index:999; position:relative; width:100%;border-bottom:1px solid #ccc; height:29px; line-height:28px;color:#6d6d6d; background-color:#e5e5e5; }
#TopBar #TopBarBG { position:relative; margin:0 auto; height:28px;line-height:28px;color:#6d6d6d;}

.TopUL { height:28px; list-style:none; }
.TopUL li {padding-right:5px;padding-left:5px;position:relative; background:url(base/line.gif) no-repeat right center;cursor:pointer;line-height:28px;}
.TopUL li span{ display:inline-block; }
.TopUL li a{text-decoration:none; font-size:!important;text-transform:capitalize; display:inline-block;}
.TopUL li a:hover { text-decoration:underline;}

#TopUL_l {float:left;}
#TopUL_l li {}

#TopUL_r { float:right; text-align:right;}
#TopUL_r li { display:inline-block; text-align:left; }

#HeadTopic { float:left; color:#000; line-height:28px; /*margin-top:3px;*/}
#HeadTopic li { padding:0 4px; /*border:1px solid #ddd; line-height:100%; background-color:#fff; border-radius:3px;*/}
#HeadTopic li i { margin-top:-3px; }

/*Currency*/
#Currency{ }
#Currency a img { vertical-align:middle; margin-top:-2px; }
#Currency > a { background:url(base/tabs_3.gif) no-repeat 60px 15px; padding:0 0 0 10px; margin:0 10px; display:block; color:#666; font-size:12px; height:36px; text-decoration:none;}

#Currency:hover { }
#Currency:hover > a { background-color:#fff; /*background:#fff url(base/tabs_3_h.gif) no-repeat 82px 14px;*/  color:#666; cursor:default;}
#Currency:hover > a span {color:#666 !important;}

#Currency > a, #Currency .dropdown-menu { width:80px; }
#Currency .dropdown-menu { background-color:#fff; /*set this for special*/ position:absolute; top:36px; left:0; padding:5px 0; min-width:100px; border:0; border-radius:0; font-size:11px;}
#Currency .dropdown-menu a { color:#666; display:block; line-height:100%; padding:5px 10px 5px 19px; margin:0 1px;}
#Currency .dropdown-menu a:hover{ color:#333; background-color:#eaeaea; text-decoration:none;}

#Currency em { display:inline-block; width:12px; margin-left:4px; }

/*#Currency:hover { -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.25); box-shadow:0 0 3px rgba(0, 0, 0, 0.25); }*/
#Currency .dropdown-menu { border:1px solid #ddd; /* background-color:#f2f2f2\9; 兼容性*/ -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25); box-shadow:0 3px 3px rgba(0, 0, 0, 0.25); }
#Currency:hover > a { background-color:#f2f2f2\9; /*兼容性*/}
#Currency .dropdown-menu a:hover{ }


/*LiveChatWrap*/
#LiveChatWrap > a { padding:0 10px; /*paddingL0 10px 0 33px; background:url(base/bg_LiveChatIco.png) no-repeat 10px center;*/ text-decoration:none; display:block; color:#333; position:relative; z-index:1001; }
#LiveChatWrap > a > div { display:inline-block; background:url(base/tabs_3.gif?v=0101) no-repeat right 17px; padding:0 20px 0 0; font-size:12px; height:36px;}
#LiveChatWrap:hover > a { /*background-color:#fff;*/ color:#333; cursor:default; }
#LiveChatWrap:hover > a > div { /*background:url(base/tabs_3_h.gif) no-repeat right -1px;*/ }
#LiveChatWrap .dropdown-menu { background-color:#fff; /*set this for special*/ position:absolute; top:36px; left:auto; right:-58px; padding:10px; margin:0; min-width:332px; border:0; border-radius:0; font-size:12px; cursor:default; }

#LiveChatWrap .dropdown-menu dl { }
#LiveChatWrap .dropdown-menu dl dt { font-size:12px; color:#333; }
#LiveChatWrap .dropdown-menu dl dd {}

#LiveChatWrap .dropdown-menu dl a { text-transform:none;  }

/*decoration for hover*/
/*#LiveChatWrap:hover { -webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.25); box-shadow:0 0 3px rgba(0, 0, 0, 0.25); }*/
#LiveChatWrap .dropdown-menu { border:1px solid #ddd; -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25); -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25); box-shadow:0 3px 3px rgba(0, 0, 0, 0.25); }

#LiveChatWrap:hover > a { background-color:#eee\9; }
#LiveChatWrap .dropdown-menu { background-color:#eee\9; }
#LiveChatWrap .dropdown-menu a:hover{ background-color:#ccc\9; }

/*
#AfterOrderDL	{ background:url(base/bg_widget.png) no-repeat -158px -170px; }
#BeforeOrderDL	{ background:url(base/bg_widget.png) no-repeat -157px -333px; }
*/
#LiveChatWrap .dropdown-menu { }

.SerivceWayDL dd { float:left; margin-right:20px;  /*width:80px;*/}
.SerivceWayDL dd + dd { /*margin-left:10px; */}
.SerivceWayDL dd > a,		.SerivceWayDL dd > span		{ display:block; text-align:center; text-decoration:none !important; }
.SerivceWayDL dd > a > i,	.SerivceWayDL dd > span > i { display:inline-block; width:30px; height:30px; }
.SerivceWayDL dd > a > em,	.SerivceWayDL dd > span > em{ display:block; font-size:11px; color:#999; }
.SerivceWayDL dd > a:hover em { color:#000; }
.SerivceWayDL .DD-LIVECHAT { /*width:80px;*/}
.SerivceWayDL .DD-TICKET {/*width:80px;*/ }
.SerivceWayDL .DD-BAR { width:0; height:43px; border-right:1px solid #eee; }
.SerivceWayDL .DD-MESSENGER { /*width:80px;*/ }
.SerivceWayDL .DD-WHATSAPP { /*width:80px;*/ }
.SerivceWayDL .DD-LiveChat { /*width:80px;*/ }
.SerivceWayDL .DD-SNAPCHAT { /*width:80px;*/ }

.SerivceWayDL-Line { }
.SerivceWayDL-Line dd { }
.SerivceWayDL-Line dd + dd { margin-top:8px; }
.SerivceWayDL-Line dd > a { display:inline-block; text-decoration:none !important; }
.SerivceWayDL-Line dd > a > i  { display:inline-block; font-size:16px; line-height:1 !important; margin-right:10px; }
.SerivceWayDL-Line dd > a > em { display:inline-block; font-size:12px; color:#999; position:relative; top:-1px; }
.SerivceWayDL-Line dd > a:hover em { color:#000; }



/*new style*/
.HeaderCard > li.LiveChatBox .btn { color:#fff !important; }
.HeaderCard > li.LiveChatBox .btn a { color:#fff !important; }
.HeaderCard > li.LiveChatBox .btn .fa { min-height:0; line-height:1; color:#fff !important; }
.HeaderCard > li.LiveChatBox #LiveChatWrap .dropdown-menu dl dt { font-size:13px; }
.HeaderCard > li.LiveChatBox #LiveChatWrap .dropdown-menu dl dd { line-height:1.4;}

.btn-MainColor .livechat_button * { color:#fff !important; }
/*
|--------------------------------------------------------------------------
| 购物车
|--------------------------------------------------------------------------
*/
#CartBox {float:right;display:inline-block; /*position:absolute; top:37px; right:5px;*/ }
#CartBox a.shopping_cart { position:relative; z-index:1001; display:block;cursor:pointer;line-height:36px; height:45px;color:#333;text-decoration:none;font-size:12px;float:left; padding:1px 10px; }
#CartBox a.shopping_cart #cart_items { width:38px; height:100%; display:inline-block; background:url(base/cart_header.png?v=0101) no-repeat scroll 1px 16px; }
#CartBox a.shopping_cart #cart_items b { display:inline-block; font-size:12px; line-height:9px; margin-top:10px; position:relative; left:-3px; padding:2px; background-color:#ff6699; color:#fff; border-radius:6px; font-weight:normal; text-align:center; }
#CartBox a.shopping_cart em { color:#333; font-weight:normal; font-size:14px; position:relative; top:3px; }
#CartBox a.shopping_cart .icon-angle-down { position:relative; top:19px; }
#CartBox div.dropdown-menu { border:1px solid #ddd; border-top:1px solid #74736d; right:0; border-radius:0; padding-bottom:0;width:300px; /*margin-top:-1px !important;*/}
#CartBox div.dropdown-menu h6 { margin:0; text-align:center; padding-top:10px; font-weight:bold; }

#CartBox.active a.shopping_cart,
#CartBox:hover a.shopping_cart { /*background-color:#fff; border:1px solid #ddd; border-bottom:1px solid #fff; padding:0 9px 0 9px;*/ }
#CartBox:hover div.dropdown-menu { display:block !important;  }
#CartBox .btn-headerCart{ width:100%; padding:inherit 25px; /*height:25px; line-height:24px;padding:0 8px;*/}

#CartBox dl .remove { display:none; }
#CartBox dl:hover .remove { display:inline-block; color:#999; cursor:pointer; position:absolute; right:5px; top:93px;}
#CartBox dl:hover .remove .fa { font-size:19px; display:inline-block; width:28px; height:28px; line-height:26px; color:#999; border:1px solid #ccc; border-radius:50%; font-style:normal; text-align:center; }


#CartBox.CartPageCartBox:hover div.dropdown-menu { display:none !important; }
#CartBox.CartPageCartBox:hover a.shopping_cart { background-color:transparent; border:none; padding:1px 10px; }
#CartBox.CartPageCartBox a.shopping_cart .icon-angle-down { display:none; }


/*position:relative; left:2px; height:14px; min-width:14px; margin-top:8px;*/
 
/*
|--------------------------------------------------------------------------
| 购物车内容
|--------------------------------------------------------------------------
*/
#CartBox #cartEmptyInfo {position:absolute;right:0px;width:280px;display:none;}
#CartBox #cartEmptyInfo p, #scQuickEntry{border-top:none;padding:10px 5px;line-height:1.5;text-align:center; background-color:#ffffff;-moz-border-radius-topleft:3px;-moz-border-radius-topright:0;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px; -webkit-border-top-left-radius:3px;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:3px;-webkit-border-bottom-right-radius:3px; border-top-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}

#CartBox #scQuickEntry{ text-align:left;display:none;padding:0;line-height:1.5;z-index:10;}
#CartBox #scQuickEntry #scProductList {/*max-height:284px; overflow-y:scroll;*/}
#CartBox #scQuickEntry dl{ position:relative; padding:10px; height:142px; width:auto; }
#CartBox #scQuickEntry dl dt { width:92px; max-height:122px; border:1px solid #ccc; position:relative;}
#CartBox #scQuickEntry dl dt a { display:table-cell; width:90px; max-height:120px; vertical-align:middle; text-align:center;  background-color:#fff;}
#CartBox #scQuickEntry dl dt a img { max-width:90px; max-height:120px; width:auto; height:auto; }
#CartBox #scQuickEntry dl dd { margin-left:100px; }

#CartBox #scQuickEntry dl.first,
#CartBox #scQuickEntry dl.attachment{border:none;}
#CartBox #scQuickEntry dl.attachment dt {text-align:right;margin-left:65px;width:35px;border-top:1px dotted #DDDDDD;padding-top:10px;}
#CartBox #scQuickEntry dl.attachment dd {margin-left:100px;border-top:1px dotted #DDDDDD;padding-top:10px;}
#CartBox #scQuickEntry dl.attachment dt a img{width:30px;height:30px;}
#CartBox #scQuickEntry div.scQEbot { padding:0 10px 18px 10px; border-top:1px solid #ddd; }
#CartBox #scQuickEntry div.scQEbot div .tip{padding-bottom:15px;}
#CartBox #scQuickEntry .moreItems{padding:0 0 10px 16px ;font:11px Arial;}

#scQuickEntry h4{padding-top:0px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#scQuickEntry h4 a{font-size:11px;line-height:14px;font-weight:normal;}
#scQuickEntry .prAttr{font:normal 11px/150% Arial;}
#scQuickEntry .prAttr i { font-style:normal; }
#scQuickEntry .cartTotal{ text-align:center; padding:15px 0; margin:0; }
#scQuickEntry .cartTotal .red {font-size:14px;}
#scQuickEntry .cartTotal .paypal {margin-top:6px;display:inline-block;}

/*
|--------------------------------------------------------------------------
| Favorites
|--------------------------------------------------------------------------
*/
#FavoritesLi { position:relative; top:2px;}
#FavoritesLi > a { padding:0 10px; position:relative; }
#FavoritesLi > a > div { display:inline-block; /*background:url(base/tabs_3.gif?v=1013) no-repeat right 17px; padding:0 20px 0 0;*/ font-size:12px; height:36px; position:relative; top:-2px;}
/*#FavoritesLi > a > div > em { position:absolute; left:-22px; top:5px; display:inline-block; padding:2px; border-radius:6px; text-align:center; background-color:#ff6699; color:#fff; font-size:12px; line-height:9px; }*/

/*
#FavoritesLi { display:inline-block; padding:5px; margin-right:10px; }
#FavoritesLi > a { position:relative; display:table-cell; text-align:center; vertical-align:middle; }
#FavoritesLi > a >.fa { color:#333; padding:4px; color:#333;}
#FavoritesLi > a > em { position:absolute; top:1px; left:19px; display:inline-block; width:14px; height:14px; line-height:14px; letter-spacing:-1px; text-align:center; color:#333; background-color:#5cb85c; border-radius:50%; font-size:10px; color:#fff; }
#FavoritesLi > a > b { color:#333; font-weight:normal; font-size:14px; position:relative; top:-3px;}
#FavoritesLi:hover > a { }
#FavoritesLi:hover > a > .fa { }
#FavoritesLi:hover > a > em {  }
*/

#SearchWrap{position:absolute; top:41px; left:280px; background-color:#fff;  }
#SearchWrap #SearchBox{ height:28px; border:1px solid #999; text-align:left;}
#SearchWrap #SearchBox #SearchKeyword{box-shadow:0 0 0;border-radius:0;width:210px;_width:209px; height:26px; padding:4px 0; text-indent:10px;background:none; border:none; border-right:1px solid #eee; float:left; font-size:12px; color:#000; }
#SearchWrap #SearchBox #bn-search{width:15px !important;height:12px; margin:0; padding:13px; background:url(base/search.png) no-repeat 7px 7px; border:none; cursor:pointer;}


#TheHeader { width:100%; background-color:#fff;/*url(base/bg_header.png) repeat-x 0 bottom border-bottom:1px solid #cce0e2;*/}
#TheHeaderBG { position:relative; height:50px; margin:0 auto; }
#TheHeaderBG .LogoBox { position:absolute; top:15px; left:50%; transform:translate(-50%,0); text-align:center; }
#TheHeaderBG .logo { margin-bottom:6px; display:block; }
#TheHeaderBG .logo a { display:block; }
#TheHeaderBG .logo a img { }
#TheHeaderBG .LogoBox .LogoInfo { font-size:11px; line-height:1; color:#74736d; margin-left:-1px; display:none; }

#TheHeader-Pay   { border-bottom:1px solid #000; min-width:calc(320px + (100vw - 100%));}
/*.body-responsive #TheHeader-Pay{ min-width:320px; }*/
#TheHeader-PayBG { max-width:1000px; height:51px; }
#TheHeader-PayBG .LogoBox      { float:left; margin:15px 0 0 0; }
#TheHeader-PayBG .SecureBox    { float:left; }
#TheHeader-PayBG .SecureBox i  { float:left; background-color:#83B293; color:#fff; width:24px; height:24px; line-height:24px; font-size:17px; border-radius:50%; text-align:center; margin:12px 10px 0 10px; }
#TheHeader-PayBG .SecureBox em { float:left; color:#83B293; line-height:48px; }
#TheHeader-PayBG .BackCartBox  { float:right; line-height:50px; color:#999; }
#TheHeader-PayBG .BackCartBox a { color:#999; }
#TheHeader-PayBG .HeaderLine   { float:left; margin:8px 10px 0 10px; }
#TheHeader-PayBG .HeaderLine::after { content: ''; display: inline-block; width:1px; height:35px; margin-left:10px; background-color:#ccc; vertical-align:middle; transform: rotate(30deg); -ms-transform: rotate(30deg); -moz-transform: rotate(30deg); -webkit-transform: rotate(30deg); -o-transform: rotate(30deg); }
@media (min-width: 400px) {
#TheHeader-PayBG .SecureBox br { display:none; }
}
@media (max-width: 399px) {
#TheHeader-PayBG .HeaderLine   { float:left; margin:8px 2px 0 2px; }
#TheHeader-PayBG .SecureBox em {  padding-top:10px; line-height:1.25; }
#TheHeader-PayBG .SecureBox i { margin::12px 8px 0 8px;}
}

/*
|--------------------------------------------------------------------------
| TheHeader-Mobile
|--------------------------------------------------------------------------
*/
.TheHeader-Mobile { min-width:calc(320px + (100vw - 100%)); width:100%; background-color:#fff; }
/*.body-responsive .TheHeader-Mobile{ min-width:320px; }*/
.TheHeader-Mobile ul#main-option-list { height:50px; padding:0 8px; }
.TheHeader-Mobile ul#main-option-list li,
.TheHeader-Mobile ul#main-option-list li > a,
.TheHeader-Mobile ul#main-option-list li > em{  width:40px; height:48px; position:relative;}

@media (min-width:420px) {
.TheHeader-Mobile ul#main-option-list li,
.TheHeader-Mobile ul#main-option-list li > a,
.TheHeader-Mobile ul#main-option-list li > em{  width:55px; }
}

/*
.TheHeader-Mobile ul#main-option-list li:nth-child(odd) { background-color:#eee;} 
.TheHeader-Mobile ul#main-option-list li:nth-child(even) { background-color:#dfdfdf;}
*/

.TheHeader-Mobile ul#main-option-list { position:relative; border-bottom:1px solid #ddd; /*border-bottom:1px solid #333;*/ }


.TheHeader-Mobile ul#main-option-list li { }
.TheHeader-Mobile ul#main-option-list li + li {  } 
.TheHeader-Mobile ul#main-option-list li > a,
.TheHeader-Mobile ul#main-option-list li > em { display:inline-block; text-align:center; vertical-align:top; }
.TheHeader-Mobile ul#main-option-list span { }

.TheHeader-Mobile ul#main-option-list #my-logo		{ position:absolute; left:50%;  }
.TheHeader-Mobile ul#main-option-list #my-logo a	{ display:block; width:100%; border:none; }

/*Now, do this only by one way*/
.TheHeader-Mobile ul#main-option-list #my-logo	 { margin-left:-80px; width:160px; }
.TheHeader-Mobile ul#main-option-list #my-logo a { background:url(../img/logo.png) no-repeat center center / 100% auto; }

/*
@media (min-width: 415px){
.TheHeader-Mobile ul#main-option-list #my-logo	 { margin-left:-80px; width:160px; }
.TheHeader-Mobile ul#main-option-list #my-logo a { background:url(../img/logo.png) no-repeat center center / 100% auto; }
}
@media (max-width: 414px){
.TheHeader-Mobile ul#main-option-list #my-logo	 { margin-left:-19px; width:38px; }
.TheHeader-Mobile ul#main-option-list #my-logo a { background:url(../img/logo-graphics.png) no-repeat center center / 100% auto; }
}
*/

@media (min-width:330px) and (max-width:414px) {
.TheHeader-Mobile ul#main-option-list { padding:0 4px; }
/*.TheHeader-Mobile ul#main-option-list #my-logo { margin-left:-70px; width:140px; }
.TheHeader-Mobile ul#main-option-list #my-account { margin-left:4px; }
.TheHeader-Mobile ul#main-option-list #my-favorites { margin-right:4px; }
*/
}
@media (max-width:329px) {
.TheHeader-Mobile ul#main-option-list { padding:0 4px; }
/*.TheHeader-Mobile ul#main-option-list #my-logo { margin-left:-70px; width:140px; }*/
}


.TheHeader-Mobile ul#main-option-list #main-nav { margin-right:0;}
.TheHeader-Mobile ul#main-option-list #my-account { }
.TheHeader-Mobile ul#main-option-list #shopping-cart { margin-left:0; }
.TheHeader-Mobile ul#main-option-list #shopping-cart > a { position:relative; }
.TheHeader-Mobile ul#main-option-list #shopping-cart > a > b { position:relative; left:0; height:14px; min-width:14px; margin-top:13px; padding:2px; line-height:0.9; background-color:#ff6699; color:#fff; border-radius:6px; font-weight:normal; text-align:center; }

.TheHeader-Mobile #my-favorites > a .fa { border:1px solid #333; border-radius:50%; padding:4px; font-size:1.2em !important; }

.TheHeader-Mobile ul#main-option-list li i.sign-header { position:absolute; left:50%; top:50%; margin-left:-16px; margin-top:-16px; }
.sign-header { display:inline-block; width:32px; height:32px; background:url(base/bg_header_2.png) no-repeat 0 0; background-size: auto 100%;}
.sign-user	{ background-position:-50px 0; }
.sign-heart	{ background-position:-100px 0; }
.sign-shopping-cart	{ background-position:-150px 0; }
.sign-home { background-position:-200px 0; }
.sign-nav { background-position:0 0;}

.modal-MobileMenuBox-open .sign-nav { background-position:-250px 0;}
/*
@media (min-width:768px) and (max-width:1019px) { .TheHeader-Mobile ul#main-option-list #main-nav a.main-nav-mobile { display:none; } }
@media (max-width:767px) {.TheHeader-Mobile ul#main-option-list #main-nav a.main-nav-pad { display:none; } }
*/


/*
@media (max-width:320px) {
	.TheHeader-Mobile ul#main-option-list { }
	.TheHeader-Mobile ul#main-option-list li,
	.TheHeader-Mobile ul#main-option-list li > em,
	.TheHeader-Mobile ul#main-option-list li > a	{ width:30px; }
	.TheHeader-Mobile #shopping-cart > em > b
	.TheHeader-Mobile #shopping-cart > a > b	{ left:13px; }

	.TheHeader-Mobile ul#main-option-list #logo,
	.TheHeader-Mobile ul#main-option-list #logo-graphic{ margin-left:-80px; width:160px; }
	.TheHeader-Mobile ul#main-option-list #main-nav { margin-right:5px;}
	.TheHeader-Mobile ul#main-option-list #shopping-cart { margin-left:5px; }
}

@media (min-width:320px) and (max-width:379px){
	.TheHeader-Mobile ul#main-option-list #logo,
	.TheHeader-Mobile ul#main-option-list #logo-graphic { margin-left:-80px; width:160px; }
}


@media (max-width:380px) {
	.TheHeader-Mobile ul#main-option-list #logo a			{ background-size:auto 25px; }
	.TheHeader-Mobile ul#main-option-list #logo-graphic a	{ background-size:auto 25px; }
}
.TheHeader-Mobile ul#main-option-list #logo-graphic a	{ background-size:auto 25px; }
*/

#HeadList {}
#HeadList #HeadListGuide { background-color:#000; border-color:1px solid #000; color:#fff; border-radius:3px; padding:5px 15px; }
/*
|--------------------------------------------------------------------------
| TheHeader-Mobile-White
|--------------------------------------------------------------------------
*/
.TheHeader-Mobile-White { background-color:#fff; } 
.TheHeader-Mobile-White ul#main-option-list #my-logo a			{ background-image:url(../img/logo-white.png); }

.TheHeader-Mobile-White .sign-header {  background-image:url(base/bg_header_1_white.png);}
.TheHeader-Mobile ul#main-option-list #my-account { }
.TheHeader-Mobile ul#main-option-list #my-favorites {  }


/*
|--------------------------------------------------------------------------
| pageMenu
|--------------------------------------------------------------------------
*/
#MenuWrapper { width:100%; border-bottom:1px solid #ccc !important; /*border-bottom:1px solid #74736d;*/ background-color:#fff; }

/*same height or line-height start*/ 
#MenuBox { height:45px; padding:0; margin:auto; text-align:center; /*border-top:1px solid #cce0e2; border-bottom:1px solid #cce0e2;*/ }
/*
#MenuBox:before { height:45px; position:absolute; left:0; top:0;  content: ""; z-index:-1; border-top:1px solid #c1c1c1; border-bottom:1px solid #c1c1c1; }
*/

#MenuBox .HomeLi a,
#MenuBox .HomeLi a:hover,
#MenuBox .FirstLi,
#MenuBox .FirstLi .FirstA a ,
#MenuBox .FirstLi .FirstA > span { line-height:45px; height:45px; }

#MenuBox .FirstLi:hover .FirstA > a,
#MenuBox .FirstLi:hover .FirstA > span { line-height:45px; height:45px;}
/*same height or line-height end*/ 

#MenuBox { position:relative; z-index:100; }

/* 0 Level */
#MenuBox .FirstLi { /*border-right:1px solid #fff; */position:relative; display:inline-block;  margin:0 12px; }
#MenuBox .FirstLi .FirstA { margin:0; font-weight:normal; }
#MenuBox .FirstLi .FirstA a,
#MenuBox .FirstLi .FirstA > span { color:#333; height:45px; font-size:12px; display:block; text-transform:uppercase; text-decoration:none; }
#MenuBox .FirstLi .FirstA em { display:block; padding:0 24px; font-weight:bold; font-family:Open Sans,Verdana,Helvetica,Arial,Droid Sans,sans-serif; }

#MenuBox .FirstLi:hover .FirstA { }
#MenuBox .FirstLi:hover .FirstA a,
#MenuBox .FirstLi:hover .FirstA > span { color:#ff6699; line-height:39px; border-top:3px solid #ff6699; border-left:1px solid #74736d; border-right:1px solid #74736d;  }
#MenuBox .FirstLi:hover .FirstA em { padding:0 23px; }

/*#MenuBox .FirstLi .FirstA .caret { border-bottom-color:#FBFBFB; border-top-color:#FBFBFB; margin-top:14px; }*/
#MenuBox .HomeLi { margin:0 10px 0 0; }
#MenuBox .HomeLi a{ padding:0 10px 0 10px; display:block; overflow:hidden;}
#MenuBox .HomeLi a:hover{ }
#MenuBox .HomeLi a img { margin:8px 0 0 0;}


#MenuBox .ArrowMenuDown .FirstA { }
#MenuBox .ArrowMenuDown .FirstA a,
#MenuBox .ArrowMenuDown .FirstA > span{ }
#MenuBox .ArrowMenuDown:hover .FirstA  { }
#MenuBox .ArrowMenuDown:hover .FirstA a,
#MenuBox .ArrowMenuDown:hover .FirstA > span{  }
#MenuBox .ArrowMenuDown:hover .FirstA em { height:43px; border-bottom:1px solid #fff; }
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#MenuBox .FirstLi .KidsBoxOuter { background-color:#fff; border:1px solid #74736d; box-shadow:3px 3px 1px rgba(0,0,0,0.1); position:absolute; top:45px; left:50%; z-index:999;display:none; line-height:150%; }
#MenuBox .FirstLi .KidsBoxInner { background-color:#fff; }
#MenuBox .FirstLi .KidsBox		{ background-color:#fff; padding-top:8px; padding-bottom:10px; position:relative; text-align:left; }

/*
#MenuBox .FirstLi .KidsBox .ShowMenu { position:relative; }
#MenuBox .FirstLi .KidsBox .ShowMenuing  { border:1px solid #000;box-shadow:0 3px 3px rgba(0, 0, 0, 0.26); }
#MenuBox .FirstLi .KidsBox .ShowMenuing h2  { padding:2px 15px;}
#MenuBox .FirstLi .KidsBox .ShowMenuing a { color:#ff6699;}
#MenuBox .FirstLi .KidsBox .ShowMenu em		{ display:none; width:20px; height:26px; background:url(base/arrow_menu.gif) no-repeat top center;}
#MenuBox .FirstLi .KidsBox .ShowMenuing em	{ display:inline-block; position:absolute; top:0; right:-3px; z-index:10000; }

#MenuBox .FirstLi .KidsBox .CateBox { position:absolute; top:-1px; background-color:#fff; white-space:nowrap; padding:10px 16px 10px 0; border:1px solid #666; box-shadow:0 3px 3px rgba(0, 0, 0, 0.26);}
#MenuBox .FirstLi .KidsBox .CateBox dd h2 {  padding:2px 0 2px 16px;}
#MenuBox .FirstLi .KidsBox .CateBox dd h2 a:hover  { text-decoration:underline; color:#ff6699; }
*/
#MenuBox .FirstLi .KidsBox dl {}
#MenuBox .FirstLi .KidsBox dl h2 { }

#MenuBox .FirstLi .KidsBox dt { }
#MenuBox .FirstLi .KidsBox dt h2	{ white-space:nowrap; display:inline-block; font-size:15px; line-height:100%; margin:0; font-weight:normal; padding:1px 0;  } 
#MenuBox .FirstLi .KidsBox dt h2 a	{ white-space:nowrap; display:inline-block; font-size:15px; color:#74736d; padding:3px 0; margin-bottom:6px; text-decoration:none; font-family:'Domaine Display','Bodoni 72','Times New Roman',Times,'Droid Serif',serif; font-style:italic; /*line-height:36px;*/ }
#MenuBox .FirstLi .KidsBox dt span	{ white-space:nowrap; display:inline-block; font-size:15px; color:#74736d; padding:3px 0; margin-bottom:6px; font-family:'Domaine Display','Bodoni 72','Times New Roman',Times,'Droid Serif',serif; font-style:italic; /*line-height:36px;*/  }
#MenuBox .FirstLi .KidsBox dt h2 a:hover { text-decoration:underline; color:#ff6699; }

#MenuBox .FirstLi .KidsBox dd {}
#MenuBox .FirstLi .KidsBox dd h2	{ white-space:nowrap; display:inline-block; font-size:13px; line-height:100%; color:#333; margin:0; font-weight:normal; padding:1px 0; font-family:Open Sans,Verdana,Helvetica,Arial,Droid Sans,sans-serif; } 
#MenuBox .FirstLi .KidsBox dd h2 a	{ white-space:nowrap; display:inline-block; font-size:13px; padding:5px 0; color:#333; text-decoration:none;}
#MenuBox .FirstLi .KidsBox dd h2 a:hover { text-decoration:underline; color:#ff6699; }

#MenuBox .FirstLi .KidsBox dl .MenuHot,
#MenuBox .FirstLi .KidsBox dl .MenuHot h2,
#MenuBox .FirstLi .KidsBox dl .MenuHot a { color:red; }

#MenuBox .FirstLi .KidsBox dd { }
#MenuBox .FirstLi .KidsBox dd h2 { }
#MenuBox .FirstLi .KidsBox a  { color:#333;}
#MenuBox .FirstLi .KidsBox a:hover  {}

#MenuBox .FirstLi .KidsBox div h2 { font-size:12px; }

/*#MenuBox .FirstLi3 .KidsBoxOuter  { display:block!important;} for test menu*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.BorderC1C1C1R { border-right:1px solid #c1c1c1; }

.ArrowWrap { position:relative; z-index:1010; }
/*
.ArrowWrap.top { margin-top:-10px; }
.ArrowWrap.right { margin-left:10px; }
.ArrowWrap.bottom { margin-top:10px; }
.ArrowWrap.left { margin-left:-10px; }
*/
.ArrowWrap-title { padding:8px 14px; margin:0; font-size:14px; font-weight:normal; line-height:18px; background-color:#f7f7f7; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0; }
.ArrowWrap-content { padding:9px 14px; }

.ArrowWrap .arrow,.ArrowWrap .arrow:after	{ position:absolute; display:block; width:0; height:0; border-color:transparent; border-style:solid; }
.ArrowWrap .arrow		{ border-width:7px; }
.ArrowWrap .arrow:after	{ border-width:6px; content:""; }

.ArrowWrap.top .arrow		{ bottom:-7px; left:50%; margin-left:-7px; border-top-color:#999999; border-top-color:rgba(0, 0, 0, 0.25); border-bottom-width:0; }
.ArrowWrap.top .arrow:after	{ bottom:1px; margin-left:-6px; border-top-color:#ffffff; border-bottom-width:0; content:" "; }

.ArrowWrap.right .arrow		  { top:50%; left:-7px; margin-top:-7px; border-right-color:#999999; border-right-color:rgba(0, 0, 0, 0.25); border-left-width:0; }
.ArrowWrap.right .arrow:after { bottom:-6px; left:1px; border-right-color:#ffffff; border-left-width:0; content:" "; }

.ArrowWrap.bottom .arrow	   { top:-7px; left:50%; margin-left:-7px; border-bottom-color:#999999; border-bottom-color:rgba(0, 0, 0, 0.25); border-top-width:0; }
.ArrowWrap.bottom .arrow:after { top:1px; margin-left:-6px; border-bottom-color:#ffffff; border-top-width:0; content:" "; }

.ArrowWrap.left .arrow		  { top:50%; right:-7px; margin-top:-7px; border-left-color:#999999; border-left-color:rgba(0, 0, 0, 0.25); border-right-width:0; }
.ArrowWrap.left .arrow:after  { right:1px; bottom:-6px; border-left-color:#ffffff; border-right-width:0; content:" "; }

/*
.ArrowBox { max-width:276px; padding:1px; text-align:left; white-space:normal; background-color:#ffffff; background-clip:padding-box;
			border:1px solid #cccccc;
			border:1px solid rgba(0, 0, 0, 0.2);
			border-radius:6px; 
			-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);
			        box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);	
}
*/


/*
|--------------------------------------------------------------------------
| Menu-Mobile
|--------------------------------------------------------------------------
*/
#MenuBoxTab .CateOutline {  }

#MenuBoxTab .CateOutline { /*border:1px solid #ddd;*/ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; 
/*
background-color:#f5f5f5;
background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);
background-image:linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
*/
}

#MenuBoxTab .CateOutline em,
#MenuBoxTab .CateOutline a { display:block; padding:10px 0; /*padding:8px 15px;*/ } 

#MenuBoxTab .CateBox + #MenuBoxTab .CateBox .CateOne { border-top:none; }

#MenuBoxTab .CateBox { border-bottom:1px solid #e5e5e5; }
#MenuBoxTab .CateBox + #MenuBoxTab .CateBox { border-top:none; }

#MenuBoxTab .CateBox:last-child { margin-bottom:10px;}
#MenuBoxTab .CateBox + #MenuBoxTab .CateOutline { margin-top:10px;}
#MenuBoxTab .CateOutline  + #MenuBoxTab .CateOutline { margin-top:10px;}


.ViewMoreLess.opened, .CateOne.opened { 
/*
background-color:#f5f5f5;
background-image:-moz-linear-gradient(top, #e6e6e6, #ffffff);
background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
background-image:-webkit-linear-gradient(top, #e6e6e6, #ffffff);
background-image:-o-linear-gradient(top, #e6e6e6, #ffffff);
background-image:linear-gradient(to bottom, #e6e6e6, #ffffff);
background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
*/
}

.CateOne.opened { color:pink; }

/*
.CateOne em,
.CateOne a,
.CateBox dl dd a{ display:block; padding:10px 15px; border:1px solid #ddd; border-top:none; }
.CateBox dl dd a:after {  content: "\e080"; }
.CateBox .self a:after { content: "\e080"; }
*/
/*
.CateBox dl dd a:after,
.CateBox .self a:after,
.CateOne i:after {  display:inline-block; font-family:"Glyphicons Halflings"; font-style:normal;  font-weight:400;  line-height:1;  position:relative; top:1px; float:right; }
.CateOne.closed i:after { content: "\2b"; 
.CateOne.opened i:after { content: "\2212"; }
*/

.ViewMoreLess em,
#MenuBoxTab .CateFake em,
#MenuBoxTab .CateOne em,
#MenuBoxTab .CateOne a,
#MenuBoxTab .CateBox dl dd a{ display:block; /*border:1px solid #ddd; border-top:none; border-bottom:1px solid #ddd;*/  }

#MenuBoxTab .CateBox dl dd a { padding:10px 15px 10px 15px; background:#fff url(sign/arrow-right-btn.png) no-repeat right 3px center;}
#MenuBoxTab .CateOutline a { background:url(sign/arrow-right-btn.png) no-repeat right 4px center; }
#MenuBoxTab .CateBox .self a, #MenuBoxTab .CateBox .self em { padding:10px 0; /*padding:10px 15px; */ }
#MenuBoxTab .CateBox .self a { background:url(sign/arrow-right-btn.png) no-repeat right 4px center; }


.ViewMoreLess em, .CateFake em, .CateOne em, .CateOne a { padding:10px 0 10px 0;/*padding:10px 7px 10px 15px;*/ }
.ViewMoreLess i,  .CateOne i{ background:url(sign/sign_m1.png) no-repeat center center;  }
/*.ViewMoreLess i,  .CateOne i{ background-image:url(sign/sign_m.png); background-repeat:no-repeat;  }*/



.ViewMoreLess.closed i, .CateOne.closed i { float:right; display:inline-block; width:16px; height:16px; background-position:-64px -64px; margin:2px 0 0 0; }
.ViewMoreLess.opened i, .CateOne.opened i { float:right; display:inline-block; width:16px; height:16px; background-position:-80px -80px;  margin:2px 0 0 0; }

.CateFake em { font-weight:bold; background-color:#f2f2f2; }

/*
|--------------------------------------------------------------------------
| modal-PadMenuBox & modal-MobileMenuBox
|--------------------------------------------------------------------------
*/
/*code move to base_menu.html*/


/*
|--------------------------------------------------------------------------
| footer
|--------------------------------------------------------------------------
*/
#TheFooter { width:100%; min-width:calc(320px + (100vw - 100%)); margin:0 auto;  }
.TheFooterWrapOuter { background:url(base/bg_footer3.jpg) no-repeat top center / cover; padding:58px 0; }
.TheFooterWrapInner { }
.ThePartnersWrap { border-bottom:1px solid #e0e0e7; }
.TheFooterBG {}


#SubscribeBox { display:table; width:100%; margin:40px auto; padding:5px; background-color:#f1f9fc; position:relative; text-align:center; vertical-align:middle; }
#SubscribeBoxBG { width:100%; height:90px; border:1px solid #fff;  display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:center; }
#SubscribeBox #SubscribeText { font-size:16px; line-height:26px; margin-right:50px; }
#SubscribeBox #SubscribeForm { display:inline-block; }
#SubscribeBox #SubscribeForm input[type="text"],
#SubscribeBox #SubscribeForm input[type="email"] { float:left; width:220px; height:40px; display:inline-block; background-color:#fff;border:1px solid #000; border-right:none; color:#666; font-size:12px; padding:0 6px; }
#SubscribeBox #SubscribeForm #SubscribeButton { padding:13px 12px; background-color:#fff;color:#000; border:1px solid #000; border-left:none; border-radius:0; text-align:center; line-height:0; }
#SubscribeBox #SubscribeForm .help-block { top:40px !important; white-space:nowrap; }
#SubscribeBox #SubscribeForm ul>li{width:auto;}


@media (max-width: 767px) {
	#SubscribeBox { height:auto; }
	#SubscribeBoxBG { display:block; padding:15px 0; height:auto; }
	#SubscribeBox #SubscribeText { display:block; margin:0; }
	#SubscribeBox #SubscribeForm { display:block; width:93%; margin: 0 auto;}
	#SubscribeBox #SubscribeForm input[type="text"],
	#SubscribeBox #SubscribeForm input[type="email"] { width:calc(100% - 60px); padding:0 0 0 15px; }
	#SubscribeBox #SubscribeButton { width:60px;}
}

@media (max-width: 414px) {
	#SubscribeBox #SubscribeText { font-size:13px; }
}

#FooterIconBox { text-align:center; color:#666; }
#FooterIconBox a { color:#666; }



.HelpInfoBox { position:relative; padding:0; font-size:14px;  }

/*HelpInfo-l*/
.HelpInfo-l { width:50%;}
.HelpInfo-Mod { float:left; }
.HelpInfo-Mod h3 { margin:0 0 14px 0; color:#000; font-weight:bold; text-transform:uppercase; }
.HelpInfo-Mod h3 a { color:#000; }
.HelpInfo-Mod div			{ margin-bottom:14px; white-space:nowrap; }
.HelpInfo-Mod div a			{ padding:1px 0px; font-size:13px; display:inline-block; text-decoration:none; white-space:nowrap;}
.HelpInfo-Mod div a:hover	{ text-decoration:underline; }
.HelpInfo-Mod div a img		{ vertical-align:middle;}
.HelpInfo-Mod div a + em	{ font-size:12px; }

.HelpInfo-Help { width:44%; }
.HelpInfo-QuickLinks { width:56%; }

/*HelpInfo-r*/
.HelpInfo-r { width:50%; padding-left:50px; }

.CompanyIntro	{ padding-bottom:20px; }
.CompanyIntro p   { font-size:14px; line-height:1.5; }
.CompanyIntro p .Link-AboutUs { font-weight:bold; }

#ShareBoxBG .ShareIco { display:inline-block; }
#ShareBoxBG .ShareIco i { height:34px; font-size:34px;text-align:center; color:#000; margin-right:15px; }
#ShareBoxBG .ShareIco-google i    { }
#ShareBoxBG .ShareIco-google i::before { /*position:relative; top:3px;*/ /*left:-2px;*/ }
#ShareBoxBG .ShareIco-facebook i::before { position:relative; /*left:-4px;*/ }
#ShareBoxBG .ShareIco-pinterest i::before { position:relative; top:1px; }

#ShareBoxBG .ShareIco-blog { position:relative; top:4px;}
#ShareBoxBG .ShareIco-blog i.fa-blog { display:inline-block; width:86px; height:37px; background:url(../img/share/blog.png) no-repeat center 8px / contain; } 


@media (max-width:919px) {
.HelpInfo-r { padding-left:30px; }
}

@media (min-width:768px) {
.HelpInfoBoxBG { display:table; }
.HelpInfo-l { display:table-cell; border-right:1px solid #000; }
.HelpInfo-r { display:table-cell; vertical-align:middle; }
}

@media (max-width:767px) {
.HelpInfo-l { float:none; width:90%; margin:0 auto 20px auto; }
.HelpInfo-Help { width:50%; }
.HelpInfo-QuickLinks { width:50%; border-right:none; }

.HelpInfo-r { float:none; width:90%; margin:0 auto; padding:0; }
}

@media (max-width:429px) {
.HelpInfo-l { width:100%; }
.HelpInfo-r { width:100%; }
}



@media (max-width:413px) {
.CopyrightIMG { margin:0 7px 6px 6px; }
}

.ThePartnersTitle { max-width:720px; border-bottom: 1px solid #e0e0e7; margin:0 auto 10px auto; text-transform:uppercase; font-family:Times New Roman,serif; font-weight:400; font-size:16px; padding:30px 0 10px 0; text-align:center; }
.ThePartnersContent { text-align:center; margin-bottom:8px; }
.CopyrightIMG { display:inline-block; background-image:url('base/CopyrightIMG.png?v=0101b'); background-repeat:no-repeat; height:25px; overflow:hidden; margin:0 10px 6px 10px; }


.CopyrightIMG i { position:relative; top:25px; }
.CopyrightIMG.i-visa		{ width:37px; background-position:0 0;}
.CopyrightIMG.i-mastercard	{ width:39px; background-position:0 -25px;}
.CopyrightIMG.i-westunion	{ width:77px; background-position:0 -50px;}
.CopyrightIMG.i-banks		{ width:40px; background-position:0 -75px;}
.CopyrightIMG.i-mcafee		{ width:56px; background-position:0 -100px;}
.CopyrightIMG.i-verlsign	{ width:47px; background-position:0 -125px;}
.CopyrightIMG.i-hsbc		{ width:76px; background-position:0 -300px;}
.CopyrightIMG.i-paypal		{ width:40px; background-position:0 -325px;}

.CopyrightIMG.i-royal-mail	{ width:36px; background-position:0 -150px;}
.CopyrightIMG.i-dpd			{ width:47px; background-position:0 -175px;}
.CopyrightIMG.i-dhl			{ width:80px; background-position:0 -200px;}
.CopyrightIMG.i-ups			{ width:22px; background-position:0 -225px;}
.CopyrightIMG.i-tnt			{ width:68px; background-position:0 -250px;}
.CopyrightIMG.i-fedex		{ width:67px; background-position:0 -275px;}

@media (max-width:385px) {
.CopyrightIMG { margin:0 4px 6px 4px; }
}


/*
|-----------------------------------------
| ../back_top/back_top.css
|-----------------------------------------
*/
/*.IcoSvg-TriggerT { background:url(../img/svg/trigger-t.svg) no-repeat center center / contain; }*/
.IcoSvg-TriggerT		{ background:url(base/btn-circle-white-top.png) no-repeat center center / contain; }
.IcoSvg-Ticket			{ background:url(base/btn-circle-ticket.png) no-repeat center center / contain; }
.IcoSvg-Messenger		{ background:url(base/btn-circle-messenger.png) no-repeat center center / contain; }
.IcoSvg-Whatsapp		{ background:url(base/btn-circle-whatsapp.png) no-repeat center center / contain; }
.IcoSvg-Snapchat		{ background:url(base/btn-circle-snapchat.png) no-repeat center center / contain; }
.IcoSvg-Phone			{ background:url(base/btn-circle-phone.png) no-repeat center center / contain; }
.IcoSvg-LiveChat-Online	{ background:url(base/btn-circle-chat-online.png) no-repeat center center / contain; }
.IcoSvg-LiveChat-Offline{ background:url(base/btn-circle-chat-offline.png) no-repeat center center / contain; }
.IcoSvg-PresaleEmail	{ background:url(base/btn-circle-email-mobile.png) no-repeat center center / contain; }
.IcoSvg-Email			{ background:url(base/btn-circle-email.png) no-repeat center center / contain; }
.IcoSvg-Email-Presale	{ background:url(base/btn-circle-email-presale.png) no-repeat center center / contain; }




#back-top-wrap { width:50px; line-height: 1; position:fixed; z-index:2; right:10px; bottom:80px; text-align:center; cursor:pointer; /*background-color:rgba(255,165,0,1);*/}
.btn-BackTop {}
.btn-BackTop .IcoSvg-TriggerT { display:inline-block; width:40px; height:40px; background-color:rgba(255,255,255,0.5); border-radius:50%; }
.btn-BackTop div {  display:none; font-weight:700; font-size:11px; margin-top:5px; line-height:1; }

/*
@media (max-width: 1019px) {
#back-top-wrap { bottom:70px; }
}
*/

#live-chat-wrap	{ width:50px; line-height: 1; position:fixed; z-index:2; right:5px; bottom:10px; text-align:center; /*background-color:rgba(255,165,0,1);*/}
#live-chat-wrap .btn-LiveChat-Online { cursor:pointer; }
.btn-LiveChat	{ overflow:hidden; padding:0; width:40px; height:60px; text-align:center; }
.btn-LiveChat .IcoSvg-LiveChat-Online,	.btn-LiveChat .IcoSvg-LiveChat-Offline	{ position:relative; display:inline-block; width:40px; height:40px; /*filter:drop-shadow(rgb(255, 102, 153) 40px 0);*/ }
.btn-LiveChat > a,						.btn-LiveChat > span					{ display:block; }
.btn-LiveChat > a > em,					.btn-LiveChat > span > em				{ display:block; padding-top:4px; font-size:11px; }
.btn-LiveChat > a:hover, .btn-LiveChat > a:hover * { text-decoration:none; }

@media (min-width:1020px){ }
@media (max-width:1019px){ }

#livechat-compact-container { display:none; } /*default is hide*/
@media (min-width:768px) { #live-chat-wrap { display:none;} }
@media (max-width:767px) {
	#live-chat-wrap { display:inline-block;}
	#content-container { display:none !important;} /*narrow device hide*/
	#mobile_invitation_container{ display:block!important; } /*narrow device show*/
	/*for new look*/
	#chat-widget-container.minimized { transform:translateY(100%); -ms-transform:translateY(100%);/*IE9*/ -moz-transform:translateY(100%);/*FF*/ -webkit-transform:translateY(100%);/*Safari&Chrome*/ -o-transform:translateY(100%); }
	#chat-widget-container.opened { transform:translateY(0); -ms-transform:translateY(0);/*IE9*/ -moz-transform:translateY(0);/*FF*/ -webkit-transform:translateY(0);/*Safari&Chrome*/ -o-transform:translateY(0); }
}

/*
|--------------------------------------------------------------------------
| HeaderCard
|--------------------------------------------------------------------------
*/
.HeaderCard { position:absolute;  z-index:101; }
.HeaderCard > li { color:#333; display:inline-block; float:left; position:relative; z-index:3; height:36px; line-height:36px; }
.HeaderCard > li + li { /*margin-left:8px;*/ }
.HeaderCard > li > a,
.HeaderCard > li > em { color:#333; display:inline-block; height:36px; line-height:36px; text-decoration:none; }
.HeaderCard > li > a > span,
.HeaderCard > li > em > span { display:inline-block; }

.HeaderCard > li > a.HasUnderline {}
.HeaderCard > li > a.HasUnderline:hover { text-decoration:underline; }
.HeaderCard > li .fa { font-size:16px; color:#333; /*here*/min-width:15px; min-height:18px; text-align:right; line-height:36px;  }

.HeaderCard > li .fa-comments-o { position:relative; top:2px; font-size:18px; }

.HeaderCard-l { left:0; top:8px; text-transform:uppercase; font-size:12px; color:#74736d; }
.HeaderCard-l > li > a { color:#74736d; padding:0 12px;}
.HeaderCard-l > li > em {}

.HeaderCard-r { right:10px; top:8px; z-index:102;  }
.HeaderCard-l > li > a { color:#74736d; padding:0 12px;}

.HeaderCard-c { right:100px; top:56px; }


#AccountCard > a { padding:0 19px;}
#AccountCard:hover > a > span { text-decoration:underline; color:#333; cursor:pointer; }


#AccountCard.AccountCardBefore { }

#AccountCard.AccountCardAfter > a { /*min-width:141px;*/ }
#AccountCard.AccountCardAfter > a > span { padding:0 20px 0 0; background:url(base/tabs_3.gif) no-repeat right 17px; }
#AccountCard.AccountCardAfter:hover > a { color:#333; background-color:#fff; cursor:default; }
#AccountCard.AccountCardAfter:hover > a > span { color:#333; /*background-image:url(base/tabs_3_h.gif);*/ }
#AccountCard.AccountCardAfter:hover > a > .fa { color:#333; }

#AccountCard.AccountCardAfter .popup { display:none; background-color:#fff; /*set this for special*/ position:absolute; top:36px; left:14px; padding:10px 0; margin:0; width:100%; border:0; border-radius:0; font-size:12px; cursor:default; }
#AccountCard.AccountCardAfter .popup dl { /*border-top:1px solid #C9C9C9;*/}
#AccountCard.AccountCardAfter .popup dl dd { word-wrap:break-word; }
#AccountCard.AccountCardAfter .popup dl dd a { display:block; padding:2px 19px 2px 24px; font-size:12px; white-space:nowrap; }
#AccountCard.AccountCardAfter .popup dl dd a:hover { background-color:#f7f7f7; text-decoration:none; }
#AccountCard.AccountCardAfter .popup dl dd:last-child  a { }

#AccountCard.AccountCardAfter:hover  { /*-webkit-box-shadow:0 0 3px rgba(0, 0, 0, 0.25);	-moz-box-shadow:0 0 3px rgba(0, 0, 0, 0.25);	box-shadow:0 0 3px rgba(0, 0, 0, 0.25);*/ }
#AccountCard.AccountCardAfter:hover .popup { width:141px; display:block; border:1px solid #ddd; -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25);	-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25);	box-shadow:0 3px 3px rgba(0, 0, 0, 0.25); }


/*
|--------------------------------------------------------------------------
| MoreWidth
|--------------------------------------------------------------------------
*/
.ResponsiveHide { display:block !important; }
.ResponsiveShow { display:none !important; }
.body-responsive .ResponsiveHide { display:none !important; }
.body-responsive .ResponsiveShow { display:block !important; }

/*
@media (max-width: 767px) {
	#SearchWrap { left:180px; }
}

@media (min-width: 768px) {
}

@media (min-width: 768px)  and (max-width: 1019px) {
	#back-top-wrap { width:768px; }
}


@media (max-width: 1019px) { 
	#SearchWrap { left:270px; }
	#SearchWrap #SearchBox #SearchKeyword { width:160px; }

	#TheHeaderBG { }
	#TheHeaderBG .logo { left:10px;}


	.HeaderCard { right:9px; }
	#AccountCard.AccountCardBefore	{ margin-left:0; margin-right:0; }
	#AccountCard.AccountCardAfter	{ margin-left:9px; margin-right:0; }
	#AccountCard > a { padding:0 4px; }
	.LiveChatBox { position:absolute !important; top:-34px; right:-5px; height:29px; }
	.LiveChatBox .fa-comments { right:-1px; }

	#CurrencyBox { right:124px;}


	#MenuBox .HomeLi { display:none; }
	#MenuBox .FirstLi { margin:0; }
	#MenuBox .FirstLi		.FirstA {  }
	#MenuBox .FirstLi		.FirstA a,	#MenuBox .FirstLi		.FirstA > span { padding:0 6px; }
	#MenuBox .FirstLi:hover .FirstA a,	#MenuBox .FirstLi:hover .FirstA > span { padding:0 6px; }
	
	#FavoritesLi { margin-right:0; }

	#SubsAndShare #SubsciptionTD { padding-left:0; }
	#SubsAndShare #ShareTD  { padding-right:0; }

	#HelpInfoTable { }
	#HelpInfoTable td { }
	#HelpInfoTable .td_CompanyInfo		{ width:26%; }
	#HelpInfoTable .td_CustomeService	{ width:30%; }
	#HelpInfoTable .td_CompanyPolicy	{ width:24%; }
	#HelpInfoTable .td_HotCategories	{ width:20%; }

	#FooterIconBox { padding:10px 0; }
	#FooterIconTable #td_l .CopyrightIMG { margin-right:4px;}
	#FooterIconTable #td_r .CopyrightIMG { margin-left:4px;}
}
*/


/*
|--------------------------------------------------------------------------
| MoreWidget
|--------------------------------------------------------------------------
*/
.NoDataConent { font-size:14px; }


.ThemeMainWrapper .CateBoxTitle { margin:32px 0 13px 0; }
.ThemeMainWrapper .CateBoxTitle .heading-title { line-height:1; margin:0; font-family:'Domaine Display','Bodoni 72','Times New Roman',Times,'Droid Serif',serif; }
.ThemeMainWrapper .CateBoxTitle .heading-title em { line-height:1; position:relative; top:-4px; }

/*
<div class="ThemeCateBanner"><div class="ThemeCateBannerBG">
	<div class="ThemeCateBannerTitle Domaine">Title</div>
	#include#
</div></div>
*/
.ThemeCateBanner { position:relative; padding:2px; margin:0 auto 20px auto; /*margin:32px auto 20px auto;*/ background-color:rgba(248,179,174,0.5); max-width:600px; }

.ThemeCateBannerBG { background-color:#fff; padding:10px; }
.ThemeCateBannerBG .NavList { margin:0;}
.ThemeCateBannerBG .NavList ul li { border:none; }
.ThemeCateBannerBG .NavList ul li.selected { background-color:transparent;}
.ThemeCateBannerBG .NavList ul li.selected a { background-color:transparent; color:#000;}
.ThemeCateBannerBG .NavList ul li.selected a em { font-weight:bold; text-decoration:underline; }

.ThemeCateBannerTitle {  text-align:center; font-size:20px; margin-bottom:10px; }



/*
|--------------------------------------------------------------------------
| JumoShow(cookie)
|--------------------------------------------------------------------------
*/
/*.modal-middle.modal-default.fade .modal-dialog { top:50%; transform: translate(0,-50%);}*/
.modal-middle.modal-default.fade .modal-dialog { height:100%;/*it's important*/ top:unset; display:flex; justify-content:center; align-items:Center; /*flex-direction: column;*/ transform:translate(0,0);/*forbid moving in*/ }
.modal-JumpShow.modal-default.fade .modal-dialog { /*max-width:640px;*/ }
.modal-JumpShow .modal-content { border:none; }
.modal-JumpShow .modal-body { padding:0; }
.modal-JumpShow .modal-body .SignClose { padding:0 10px 20px 20px; }

#modal-JumpShow-Register {  }
#modal-JumpShow-Register.modal-default.fade .modal-dialog { max-width:766px;  }
#modal-JumpShow-Register .modal-content { position:relative; width:100%; max-width:766px; background-color:#ffd5d6; }
#modal-JumpShow-Register .modal-body { height:100%; padding:5px; }
#modal-JumpShow-Register .modal-body .SignClose { padding:10px 20px 20px 20px; }

/*JumpShow-RegisterBox*/

#modal-JumpShow-Register .modal-body .TheTitle { position:absolute; top:140px; text-align:center; width:100%; font-size:44px; }
#modal-JumpShow-Register .modal-body .TheIntro { position:absolute; top:180px; text-align:center; width:100%; font-size:14px; }
#modal-JumpShow-Register .modal-body .TheObject { width:260px; height:104px; position:absolute; left:50%; top:224px; margin-left:-130px; }
#modal-JumpShow-Register .modal-body .TheObject em { float:left; width:60px; height:100%; writing-mode:tb-rl; font-size:14px; line-height:60px; text-align:center; }
#modal-JumpShow-Register .modal-body .TheObject span { float:left; width:200px; height:100%; text-align:center; font-size:50px; line-height:100px; font-weight:bold;  }
#modal-JumpShow-Register .modal-body .btn-GetCoupons { position:absolute; left:50%; top:370px; width:170px; margin-left:-85px; }


#modal-JumpShow-Register .modal-body .TheTitleA { text-align:center; width:100%; font-size:20px; font-weight:bold; padding-top:30px;}
#modal-JumpShow-Register .modal-body .TheTitleB { text-align:center; width:100%; font-size:19px; padding-top:14px; }

#modal-JumpShow-Register .modal-body .TheContent { text-align:center; border:1px solid #000; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContentBG { padding-top:30px; display:flex; justify-content:center; align-items:Center; /*for children middle*/ }

#modal-JumpShow-Register .modal-body .TheContent-line { float:left; margin:0 35px; width:1px; height:70px; background-color:#ccc; }
#modal-JumpShow-Register .modal-body .TheContentBG .title-lg { letter-spacing:-4px; }
#modal-JumpShow-Register .modal-body .TheContentBG .title-sm { font-size:14px; line-height:1; }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-l { float:left; width:160px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-lg { font-size:60px; line-height:50px;  }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-lg em { font-size:38px; position:relative; top:-7px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-lg sm { font-size:24px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-l .title-sm { }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-c { float:left; width:170px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-c .title-lg { font-size:52px; line-height:40px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-c .title-lg > em { font-size:38px; display:block;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-c .title-sm { }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-r { float:left; width:130px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg { font-size:70px; line-height:66px; display:block;  }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span { display:inline-block; margin-left:4px; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span > em { display:block; line-height:1; }
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span > .em-t { font-size:34px;}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-lg > span > .em-b { font-size:24px; }

#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-sm .title-sm-1  {}
#modal-JumpShow-Register .modal-body .TheContent .TheContent-r .title-sm .title-sm-2 { font-size:16px; }

#modal-JumpShow-Register .modal-body .TheContent .TheBtn  { padding-top:30px; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent .TheNote { font-size:14px; }

#modal-JumpShow-Register .modal-body .TheContent-Touch { text-align:center; border:1px solid #000; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContentBG { display:inline-block; text-align:left; padding-top:25px; margin-left:-5px; margin-bottom:0; }
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContent-l {}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContent-c {}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContent-r {}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheBtn  { padding-top:24px; padding-bottom:20px;}
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheNote { font-size:12px; }


@media (max-width:767px){
#modal-JumpShow-Register.modal-default.fade .modal-dialog { max-width:380px;  }
#modal-JumpShow-Register .modal-content { max-width:380px; }
#modal-JumpShow-Register .modal-body .TheTitleA { font-size:17px; }
#modal-JumpShow-Register .modal-body .TheTitleB { font-size:16px; }
#modal-JumpShow-Register .modal-body .SignClose { padding:0px 10px 20px 20px; }

}

@media (max-width:350px){
#modal-JumpShow-Register .modal-content { }
#modal-JumpShow-Register .modal-body .TheTitleA { font-size:16px; }
#modal-JumpShow-Register .modal-body .TheTitleB { font-size:15px; }
#modal-JumpShow-Register .modal-body .TheContent-Touch .TheContentBG { font-size:11px;}
#modal-JumpShow-Register .modal-body .SignClose { padding:0px 10px 20px 20px; }
}