@charset "utf-8";
/* CSS Document */
@import url('reset.css');

/*Tools
**********************************/
a, img 			{ noFocusLine:expression(this.onFocus=this.blur()); } /* For IE*/
:focus 			{ -moz-outline-style:none; outline-style:none; } /* For Firefox */
.posRel			{ position:relative;}
.posAbs			{ position:absolute;}
.fL				{ float:left; }
.fR				{ float:right; }
.clear			{ clear:both; }
.clearL			{ clear:left; }
.clearR			{ clear:right; }
.clearFix		{ zoom:1; }
.clearFix:after	{ clear:both; display:block; visibility:hidden; height:0; line-height:0; content:""; }
.verticalSpan	{ display:inline-block; height:100%; vertical-align:middle; }
.innerContainer	{ width:320px; margin:0 auto; }
.mobilePadding	{ padding:10px; }
img				{ width: 100%; }

input			{ color:#777; }
.filterBox		{ background-color:#d0d0d0; padding:10px; }
.filterBox select	{ -webkit-appearance:none; width:100%; height:40px; border:0; border-radius:0; padding-left:10px; background:url(/mobile/images/sc/common/select-arrow.jpg) #fff right top no-repeat; background-size:30px auto; }


/*General
**********************************/

body		{ width:100%; min-width:320px; font-family:"Times New Roman", Times, serif; font-size: 13px; }
.wrapper	{ width:100%; position: relative; overflow: hidden; }
.container	{ position:relative; width:100%; top: 0; left: 0; }
.container .sectionTitle	{ height:30px; color:#fff; background-color:#000; text-align:center; }
.container .sectionTitle span	{ vertical-align:middle; font-size:13px; font-family:'Century Gothic', sans-serif; }

.defaultTextActive	 { color:#fff !important; }

.dottedLine			{ position:relative; width:100%; height:3px; background:url(/mobile/images/sc/common/dot-line.png) repeat-x; background-size:3px auto; }
.dottedLine:before, .dottedLine:after	{ content:''; display:block; position:absolute; top:-1px; width:3px; height:3px; background:url(/mobile/images/sc/common/dot-black.png) no-repeat; background-size:100%; }
.dottedLine:before	{ left:0; }
.dottedLine:after	{ right:0; }


.topBtn, .tncBtn	{ float:right; display:block; text-align:right; padding:10px 10px 20px 10px; }
.topBtn img 		{ width:65px; }

.tncBtn			{ float:right; display:block; text-align:right; padding:10px 10px 20px 10px; }
.tncBtn img 	{ width:143px; }

a.btn_logo			{ display:block; width:97px; height:42px; left:50%; margin-left:-48px; position:absolute; }

h1.titleStyle		{ font-size:23px; line-height:1.4em; font-style:italic; color:#000; text-align:left; }



.noShow	{ display:none !important;	 }

/************************* LOADING ****************************/
.loading
{
	background-color: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
}

.loading.ready
{
	filter: alpha(opacity=90);
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.loading img
{
	height: 325px;
	left: 50%;
	margin: -163px 0 0 -200px;
	position: relative;
	top: 50%;
	width: 400px;
}

/* Header
**********************************/
.header	 { padding: 20px 10px 0; height:40px; }
.header .location_pin	{ position: relative; float: right; width: 21px; height: 26px;}
.header .location_pin a	{ display: block; width: 21px; height: 26px; background:url(/mobile/images/sc/common/img_local_pin.gif) no-repeat; background-size: 100%; }
.header .btn_menu		{ position: relative; float: left; top: 0px; width:30px; height: 20px; cursor: pointer; background:url(/mobile/images/sc/common/btn_menu.png) no-repeat left top; background-size:60px 20px; }

/* Menu
**********************************/
.menu_container	{ position:absolute; left:-290px; top:0; background-color:#000; width:280px;
	transition: left 0.2s;
	-webkit-transition: left 0.2s;
}
.menuBG			{ position:fixed; left:-290px; top:0; background-color:#000; width:280px; height: 100%;
	transition: left 0.2s;
	-webkit-transition: left 0.2s;
	-webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.5);
}
.hitCloseArea	{ position:fixed; display: none; top:0; left:0; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter:alpha(opacity=30); opacity:0.3; -ms-filter:'Alpha(Opacity=30)'; -moz-opacity:0.3; -khtml-opacity:0.3; background-color: #000; }
.menu_container .menuArea	{ background-color:#000; height: 100%; }
.menuHeader					{ padding: 20px 10px 0; height:40px; }
.menuHeader .btn_menu	{ position: relative; float: left; top: 0px; width:30px; height: 20px; cursor: pointer; background:url(/mobile/images/sc/common/btn_menu.png) no-repeat right top; background-size:60px 20px; }

.langBar	{ }
.langBar li		{ float:left; padding: 0 26px; border-left: 1px solid #ec018c; }
.langBar li.home	{ width: 20px; height: 18px; padding-left: 44px; border-left:none; }
.langBar li.home a	{ display:block; width:20px; height:18px; background:url(/mobile/images/sc/common/btn_home.gif) no-repeat center center; background-size:100%; }
.langBar li a	{ color: #ec018c; }

.search_bar		{ margin: 0 10px 15px 10px; padding: 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background-color: #b3b3b3; }
.search_bar input	{ width: 205px; height: 20px; background-color:#b3b3b3; border: none; font-size: 16px; color:#fff; }
.search_bar a.btn_search	{ float: right; position: relative; display:block; width:19px; height:19px; background:url(/mobile/images/sc/common/img_search.png) no-repeat center center; background-size:100%; }

.menuSession	{ color:#fff; padding-bottom: 10px; font-family:Verdana; }
.menuSession h1	{ background-color:#454545; margin-bottom: 10px; font-size:16px; font-weight: bold; font-style: italic; text-align: center; padding: 10px 0; font-family:"Times New Roman", Times, serif; }
.menuSession li		{ padding:0; }
.menuSession li a	{ display: block; color:#fff; padding: 10px; }

.menuOpened .menu_container	{
	position: relative;
	top: 0;
	left: 0;
	height:100%;
	min-height: 100%;
	transition: left 0.2s;
	-webkit-transition: left 0.2s;
}
.menuOpened .menuBG	{
	position: fixed;
	top: 0;
	left: 0;
	height:100%;
	transition: left 0.2s;
	-webkit-transition: left 0.2s;
	-webkit-box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.5);
}


/* Footer
**********************************/
.footerContainer .followus	{ position:relative; padding:19px 27px; background-color:#eee; }
.footerContainer .followus ul	{ height: 27px; text-align: center; }
.footerContainer .followus li	{ display: inline-block; margin-left: 15px; }
.footerContainer .followus li a	{ display: block; height: 27px; }
.footerContainer .followus li:first-child	{ margin-left: 0; vertical-align: top; font-style:italic; padding-top:5px; font-family:"Times New Roman", Times, serif; }
.footerContainer .followus li.fb		{ width:25px; height:27px; background:url(/mobile/images/en/common/fb54.png) no-repeat center center; background-size:100%; }
.footerContainer .followus li.IG		{ width:27px; height:27px; background:url(/mobile/images/en/common/ig54.png) no-repeat center center; background-size:100%; }
.footerContainer .followus li.WeChat		{ width:27px; height:27px; background:url(/mobile/images/en/common/wechat54.png) no-repeat center center; background-size:100%; }
.footerContainer .followus li.weibo		{ width:27px; height:27px; background:url(/mobile/images/en/common/eshop54.png) no-repeat center center; background-size:100%; }

.footerContainer .copyright		{ background-color:#2f2f2f; text-align:left; color:#ccc; padding:22px 0; line-height: 1.5em; font-size: 10px; font-family:Verdana; }
.footerContainer .copyright li	{ float:left; padding:0 8px; border-right:1px solid #ccc; line-height: 1em; margin: 3px 0; }
.footerContainer .copyright li:last-child	{ border-right:none; }
.footerContainer .copyright li a	{ color:#ccc; text-decoration:none; }

.footerContainer .footer	{ clear: both; padding: 8px; }


.moreBtn 					{ display:block; text-align:center; }
.moreBtn img 				{ width:50px; }

.backBtn 					{ float:left; display:block; text-align:left; padding:10px 10px 20px 10px; }
.backBtn img 				{ width:60px; }

.btnRow		{ width: 100%; height: 25px; padding: 15px 0; }

.btn_send, .btn_reset	{ display: block; width:80px; height: 25px; }
.btn_send	{ background:url(/mobile/images/sc/common/btn_send.gif) no-repeat; background-size: 100%; }
.btn_reset	{ background:url(/mobile/images/sc/common/btn_reset.gif) no-repeat; background-size: 100%; }


/*margnific-popup
**********************************/
.mfp-container	{ padding:0; }
button.mfp-close{ width:100%; height:30px; opacity:1; filter:alpha(opacity=100); background:url(/mobile/images/sc/common/btn-close.png) top right #808080 no-repeat; background-size:78px auto; }

.tncPopup										{ position:relative; margin:20px 10px; font-family:arial, sans-serif; font-size:12px; line-height:1.5em; color:#666; }
.tncPopup .innerPopup							{ position:relative; background-color:#fff; padding:35px 10px 10px; }
.tncPopup .innerPopup .title 					{ color:#000; padding-bottom:10px; }
.tncPopup .innerPopup ol 						{ margin-left:20px; list-style:decimal; }
.tncPopup .innerPopup li 						{ padding-bottom:10px; }