.msgBoxBackGround {
    background: url(../../images/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
			
.msgBoxContent {
    width:240px !important;
	height:100px !important;
	padding-left:30px;
}
			
.black, .silk {
	position: fixed;
}
			
#logo-container {
	position:relative;
	width:100%;
	height:100px;
	/*max-height:15%;*/
	float:left;
	padding: 7px 0px 7px 0px;
	background-color: rgba(0,0,0,0.4);
	margin: 0px;
}
	 		
#logo {
	position:relative;
	float:left;
}
			
#logo img {
	width: 220px;
	max-width:100%;
}
			
#logo_back {
	margin:0px;
	display:none;
}
			
.mini_slogan {
	font-family:futuraMedium;
	font-size:36px;
	color:#FFF;
	opacity:0.4;
}

#right-container {
	position:relative;
	width:400px;
	max-width:40%;
	float:right;
	padding-right:50px;
	max-height:50%;
}
#events {
	position:relative;
	margin:0px;
	float:right;
	margin-top:1%;
	width:100%;
	height:40%;
}
#newletter-outer {
	position:absolute;
width:400px;
height:140px;
	right:-370px;
top:50%;
margin-top:30px;
}
#newsletter-trigger {
	width:20px;
	height:140px;
	background-color: rgba(0,0,0,0.8);
	position: relative;
	float: left;
color:#FC0;
text-align:center;
}
#newsletter-trigger .no-rotate { margin:30px 4px; }
#newsletter-trigger .rotate { margin:115px 13px; }
#newsletter {
	position:relative;
	margin:0px;
	float:right;
	width:100%;
	margin-top:10px;				
}
#contact-outer {
	position:absolute;
width:400px;
height:90px;
	right:-370px;
top:50%;
margin-top:-60px;
}
#contact-trigger {
	width:20px;
	height:90px;
	background-color: rgba(0,0,0,0.8);
	position: relative;
	float: left;
color:#FC0;
text-align:center;
}
#contact-trigger .no-rotate { margin:7px 4px; }
#contact-trigger .rotate { margin:80px 13px; }
#contact-content {
	position:relative;
	margin:0px;
	float:left;
	width:360px;
height:90px;
background-color: rgba(0,0,0,0.8);				
}
#whatsapp-img {
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
margin: 20px 10px 20px 20px; 
background-image: url(../images/whatsapp.png);
position:relative;
float:left;
cursor:pointer;
}
#wechat-img {
	width: 50px;
	height: 50px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
margin: 20px 20px 20px 10px; 
background-image: url(../images/wechat.jpg);
position:relative;
float:left;
cursor:pointer;
}
.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}
#menu-box, #bottom_box {
	width: auto;
}
#menu-container {
	min-width:1080px;
	/*display:none;*/
}
#line1 {
	position:relative;
	float:left;
}
#line2 {
	width:100%;
	position:relative;
	float:left;
	margin-top:-10px;
}
.title { font-size:1.2em; }
.title2 { font-size:1.5em; }
.content { font-size: 0.85em; }
.content75em { font-size: 0.75em; }
.content65em { font-size: 0.65em; }

#header-menu-container {
	height: 50px;
	width: auto;
	position: relative;
	/*background-color: #000000;*/
	float: left;
	margin-top: 30px;
	margin-left: 50px;
}
.header-menu-button {
	/*width:100px;*/
	width:auto;
	padding-left:10px;
	padding-right:10px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#000000;
	/*border: 1px solid #111111;*/
	float:left;
	color:#ffffff;
	cursor: pointer;
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}
.header-menu-button:hover {
	color: #FC0;
}
.header-menu-button-active {
	color: #FC0;
	cursor: default;
}
.header-menu-button-half {
	width: 50px;
	padding-left:5px;
	padding-right:5px;
}
.product-menu-mobile {
	display: none;		
}
.slogan {
font-size: 2em;
line-height: 2em;
font-family: impact;
bottom: 50px;
vertical-align: bottom;
display: inline-block;
}
#slogan div {
	margin-left:30px; 
	width:100%;
}
#slogan div img { max-width:30%;width:400px; }
#showEventBox, #showProductBox1, .career-pop {
	display:none;
	width: 800px;
	height: 600px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center; 
	z-index: 999;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -400px;
}
#privacy-content {
	display:none;
	width: 760px;
	height: 400px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center; 
	z-index: 999;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -400px;
	color: #fff;
	border: 1px solid #FFF;
	padding: 20px;
}
#loader {
	display: none;
	width: 60px;
	height: 60px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 999;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	background-image: url(../images/loading.gif);
}
#whatsapp-qrcode{
	display:none;
	width: 250px;
	height: 250px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center; 
	z-index: 999;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -125px;
	margin-left: -125px;
background-image: url(../images/qr1.png);
}
#wechat-qrcode {
	display:none;
	width: 250px;
	height: 250px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center; 
	z-index: 999;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -125px;
	margin-left: -125px;
background-image: url(../images/qr2.png);
}
.pro2, .pro3 { margin-left:30px; }

#blackmask {
	width: 100%;
	height: 100%;
	z-index: 998;
	display: none;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	left: 0;
}

#product-menu { left: -260px; }
.product {
	width: 200px;
	height: 150px;
	float: left;
	margin: 10px 10px 10px 10px;
	background-color: #FFF;
	cursor: pointer;
}

#top-div {
	position:relative;
	width:100%;
	height: 220px;
	float:left;
}
#left-div {
	position:relative;
	width:220px;
	height: auto;
	float:left;
}
#right-div {
	position:relative;
	width:auto;
	height: auto;
	float:left;
	min-width:220px;
	margin-left:10px;
}
#category {
	position:relative;
	width:auto;
	float:left;
	margin: 0px;
}
#product-menu {
	position:relative;
	width:100%;
	float:left;
	left: -260px;
	margin: 0px;
	margin-top:10px;
}
#newsletter {
    width: 350px;
    height: 120px;
    right: 0;
    float: right;
    position: absolute;
    margin: 600px 0px 0 0;
    text-align: left;
    background-image: url(../images/productframe.png);
    background-repeat: repeat;
    padding: 20px 0 0 10px;
    position: fixed;
    bottom: 0px;
    right: 0px;
position:relative;
float:left;
margin:0px;
}
#lang-en-img {
	background: url(../images/en.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 50%;
	margin: 20% 5% 25% 25%;
	
}
#lang-ch-img {
	background: url(../images/ch.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 50%;
	margin: 20% 25% 25% 5%;
}
.supersized-caption-container { display:none; }
#slidecaption {
	position:absolute;
	bottom: 0px;
    height: 4.5em;
    margin-top:0px;
    margin-bottom:0px;
}
.bt_1 {
	position:relative;
	left: -260px;
	margin-top: 10px;
}
#photoframe {
	position:absolute;
	width:100%;
	float:left;
	min-height: 500px;
	margin:0px;
	height: auto;
}

.product {
	position: relative;
}

.product div{
	position: absolute;
	bottom:0px;
	margin: 0px;
}
#slider, #slider img { height:500px !important; }
.black {
	position: fixed;
}

.img-normal{
	display:none;
	width: 800px;
	height: 600px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center; 
	z-index: 999;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -300px;
	margin-left: -400px;
	cursor:url(../images/zoom_in.gif), auto;
}
.img-zoom{
	display:none;
	width: 1280px;
	height: 960px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center; 
	z-index: 999;
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -480px;
	margin-left: -640px;
	/*margin: 0px;*/
	cursor:url(../images/zoom_out.gif), auto;
}

#category div {  width:200px; }
.arrow-down, .arrow-up { display:none; }

#container_a { 
	margin-top:0px;
	width:100%;
	position:relative;
	float:left;
	color:#fff;
}

#container_a2 { 
	margin-top:100px;
	width:100%;
	position:relative;
	float:left;
	color:#fff;
}
#container_a_left { 
	width:50%;
	position:relative;
	float:left;
}
#container_a_right { 
	width:50%;
	position:relative;
	float:left;
}
#container { overflow-y: auto; }
#container_a_left iframe { position:relative; width:96%; padding:2%; }
#container_contact_b iframe { position:relative; width:96%; padding:2%; }
.tsc_form_contact_dark, .tsc_form_contact_light { padding:40px 40px; }
.tsc_form_contact_dark h3, .tsc_form_contact_light h3 { color: #000; }
.tsc_form_contact_dark.tbar, .tsc_form_contact_light.tbar { width: 90%; }
.tsc_form_contact_dark .form-input, .tsc_form_contact_light .form-input { width: 80%; padding: 2px 10%;  margin-bottom: 2.5%; height:20px;}
.tsc_form_contact_dark textarea.form-input, .tsc_form_contact_light textarea.form-input { width: 80%; height: 40px; }
.tsc_form_contact_light .form-btn { height: 25px; }
.tsc_form_contact_light { width: auto; }
.container-bg { background-color:rgba(0,0,0,0.5); }
.event-item { width:70%; margin: 10px 15%; position:relative; float:left; border: 1px solid #fff; }
.event-img { width:30%; position:relative; float:left; cursor:pointer; }
.event-desc { width:70%; position:relative; float:left; }
.event-desc-text { width:92%; position:relative; float:left; padding:2% 4%; }
.event-desc-text ul { padding-left: 20px; }
.event-item { border:0px; margin-bottom: 20px; }
.event-title{
	font-weight: normal;
	padding: 9px 6px 9px 6px;
	font-size: 1.5em;
	text-transform: uppercase;
	color: #fff;
	clear: right;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 1px;
	background-color: #444;
}
.event-date{
	padding: 5px 6px 3px 6px;
	font-size: 1em;
	color: #FFF;
	text-align: center;
	display: inline-table;
	clear: both;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: grey;
}
.event-venue {
	padding: 3px 4px 1px 4px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 7px;
}
.event-photo img { width: 24%; height:200px; }
.Event-Year { padding:5px 20px; background-color: #FFC107; color:#000; position:relative; float:left; margin-right:10px; border-radius: 25px; }
.Event-Year:hover{ background-color: #FF9800; color:#fff; }
.Event-Year-Active { padding:5px 20px; background-color: #FF9800; color:#000; position:relative; float:left; margin-right:10px; border-radius: 25px;  }
.event-item-half { position: relative;    float: left;    width: 48%;    padding: 1%; }
.event-item-third { position: relative;    float: left;    width: 31%;    padding: 1%; }
.event-region { 
    font-weight: normal;
    padding: 9px 6px 9px 6px;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #fff;
    clear: right;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 1px;
    background-color: #444;
    text-align: center;
    font-family: futuraMedium;
    text-shadow: #000 1px 1px 5px;
    margin-bottom: 20px;
}
.event-year {
    padding: 8px 20px;
    font-size: 1em;
    color: #FFF;
    text-align: center;
    display: inline-table;
    clear: both;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: grey;
    margin: 5px;
}
.event-year:hover {background-color: #444; }
.career-item { width:70%; margin: 0px 15%; position:relative; float:left; border: 1px solid #fff; border-top:0px; }
.career-title { width:15%; position:relative; float:left; padding:2% 2%; color:#fff; font-size:1em; }
.career-requirement { width:45%; position:relative; float:left; padding:2% 2%; font-size:1em; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.career-startdate { width:11%; position:relative; float:left; padding:2% 2%; font-size:1em; border-right: 1px solid #fff; }
.career-apply { width:12%; position:relative; float:left; padding:2% 2%; font-size:1em; }
.career-apply-btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    
        color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.career-apply-btn:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.career-pop form { width:500px; position: absolute; top: 50%; left: 50%; margin-top: -200px; margin-left: -290px; background-color:whitesmoke; }
.career-pop input[type=text], .career-pop input[type=email] { height:30px; padding:2px 15px; }
.career-pop textarea.form-input { padding:2px 15px; height:80px; }
.career-pop .form-btn {height:30px; }
.career-header { color: #FC0; font-weight: bold; text-align:center; }
.subMenu-btn { display:block; }
.subMenu-btn:hover, .subMenu-active-btn { color: #FC0; }
.subMenu { padding-left: 30px; display: none; }
.subMenu-active { display:none; }
.span-block { display: block; }
.footer { position:fixed; bottom:0px; left:0px; z-index:999; background-color: rgba(0,0,0,0.5); color:#fff; width:100%; padding:10px 0px; text-align:center; font-size:0.7em; }
.title-u { border-bottom: 1px solid #FC0; }
.mobile-hidden { display:block; }
.pc-hidden { display: none; }
#container_contact_a::-webkit-scrollbar {
    width: 0.5em;
}
 
#container_contact_a::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#container_contact_a::-webkit-scrollbar-thumb {
  background-color: #FC0;
  outline: 1px solid #FC0;
  -webkit-border-radius: 10px;
}
#slidecaption { margin-top:0px }
@media screen and (max-width: 1080px) {
	#menu-container { min-width:0px; }
	.pro1, .pro2, .pro3 { width: 30%;   background-size: 100%; background-repeat: no-repeat; margin-left: 3%; }
}
@media screen and (max-width: 900px) {
	.title { font-size:1em; }
	.title2 { font-size:1.2em; }
	.content { font-size: 0.8em; }
}
/*@media screen and (max-width: 960px) {
.header-menu-button { width:80px; }
	#logo img { width: 170px; }
}*/
@media only screen and (max-width: 640px)  {
	.header-menu-button { width:20%;border: 0px; }
	#header-menu-container { width: 100%;text-align:center;margin:0px auto;height:auto; }
	#logo { width: 100%; margin:auto;text-align:center;}
	#logo-container { margin:auto; padding:2px 0px;height:auto;max-height:100%;}
	.product-menu-mobile {	display: block;	}
	#slogan div img { width:70%;max-width:100%; }
	#slogan div { padding: 0% 5%; width: 90%; margin: 0px; }
	#slogan2 {width:90%; max-width:100%; padding: 5%; }
	#slogan2 span { margin: 0px !important; padding: 0px; }
	#right-container { width: 100%; max-width: 100%; padding-right: 0px; max-height: 100%;}
	#events { padding: 3%; width: 94%; }
	.eventLink { padding: 3%; width: 94%;}
	body { overflow: auto; }
	#menu-container { display: none; }
	#showEventBox { width:100%;height:100%;top:0px;left:0px;margin:0px; }
	#newsletter { padding: 3%; width: 94%; text-align: center; }
	#email { width:80%; margin-left:10%; }
	.submit { width:72%; margin:0px; margin-left: 10%; text-align:center; padding: 1%; }
	.read { padding: 2% !important; }
	#container_a { margin-top: 10px; }
	#container_a_left, #container_a_right { width: 100%; }
	.container-bg { background-color:transparent; }
}
/*@media screen and (max-width: 960px) {
	.header-menu-button { width:80px; white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;}
	#logo img { width: 170px; }
}*/
@media only screen and (min-width: 641px) {
	.btnpro { display: block !important; }
}
@media only screen and (max-width: 640px)  {
	.header-menu-button { width:25%;border: 0px;padding:0px; }
	#header-menu-container { width: 100%;text-align:center;margin:0px auto;height:auto; }
	#logo { width: 100%; margin:auto;text-align:center;}
	#logo-container { margin:auto; padding:2px 0px;height:auto;max-height:100%;}
	.product-menu-mobile {	display: block;	}
	body { overflow: auto; overflow-x:hidden; }
	#menu-container { display: none; }
	#showEventBox { width:100%;height:100%;top:0px;left:0px;margin-left:0px !important;margin-right:0px !important;margin-bottom:0px !important; }
	.img-normal, .img-zoom { cursor: auto; }
	.img-normal { width:100%;height:100%;top:0px;left:0px;margin-left:0px !important;margin-right:0px !important;margin-bottom:0px !important; }
	#left-div { width: 100%; }
	#category { width: 94%; padding:3%; }
	#category div { width: 100%; }
	.btnpro_current, .btnpro { width: 94%; padding:3%; }
	.btnpro { display: none; }
	.subMenu {
		padding: 0px;
		margin: 2% 0px;
		display: block;
	}
	.subMenu-btn {
		padding: 3%;
		text-align: center;
		display: none;
		border: #FFF 1px solid;
		width: 94%;
		height: 30px;
		color: #FFF;
		font-family: futuraLight;
		font-size: 20px;
	}
	.subMenu-active-btn, .subMenu-first-btn { 
		width: 94%; 
		padding:3%; 
		color:#fff; 
		text-align: center;
		display: block;
		height: 30px;
		font-family: futuraLight;
		font-size: 20px;
		background-color: #D5BD39;
		border: #D5BD39 1px solid;
		position:relative;
	}
	#right-div { width:100% !important; margin:0px; }
	#product-menu {  left:-110%; }
	.arrow-down {
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #fff;
		position: absolute;
		right: 3%;
		top: 40%;
		display: block;
	}
	.arrow-up {
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 10px solid #fff;
		position: absolute;
		right: 3%;
		top: 40%;
		display: block;					
	}
	.tsc_form_contact_dark, .tsc_form_contact_light { width:85%; padding: 0px; }
	.tsc_form_contact_dark.tbar, .tsc_form_contact_light.tbar { width:100%; padding: 0px; }
	.tsc_form_contact_dark.tbar h3, .tsc_form_contact_light.tbar h3 { margin: 0px 0px 5% 0px; }
	.tsc_form_contact_dark .form-input, .tsc_form_contact_light .form-input { width: 75%; height:15px; margin: 1%; }
	.tsc_form_contact_dark textarea.form-input, .tsc_form_contact_light textarea.form-input { width: 75%; margin: 1%; }
	.tsc_form_contact_dark .form-btn, .tsc_form_contact_light .form-btn { margin: 0% 5% 5%; }
	.bt_1 { margin-bottom:0px; }
	#container_a_left iframe { height: 200px !important; }
	.btn-size-3 { width:33.3333%; }
	.btn-size-4 { width: 25%; }
	.btn-size-8 { width: 12.5%; }
	.event-item { width: 96%; margin: 2%; }
	.event-img { width: 100%; }
	.event-desc { width: 92%; }
	.career-item { width: 96%; margin: 2%; border-top: 1px solid #fff; }
	.career-title { width: 92%; font-size:1em; padding:2% 4%; color: #FC0; }
	.career-requirement { width: 92%; font-size:0.8em; padding:2% 4%; border:0px; }
	.career-startdate { width: 92%; font-size:0.8em; padding:2% 4%; border:0px; }
	.career-apply { width: 92%; font-size:0.8em; padding:2% 4%; border:0px; }
	body { overflow: auto; }
	#logo img { padding-bottom: 10px; }
	#container_contact_a, #container_contact_b, #container_contact_c { width:100%; }
	.tsc_form_contact_light { padding: 11% 6%; }
	#contact-trigger, #newsletter-trigger {display:none !important;}
	#contact-outer, #newletter-outer { position:relative !important; float:left; width:100%; margin:0px; right:0px !important; }
	#newletter-outer { margin-bottom: 50px; }
	#contact-content, #newsletter { width:94%; margin: 0px; right:0px !important; }
	#container, .footer { position:relative; float: left; }
	.slogan { font-size: 1.5em; line-height:1.5em; font:futuraLight, futuraMedium}
	#whatsapp-qrcode, #wechat-qrcode { width:80%; top:0px; left:0px; margin:10%; }
	#contact-content { padding-left:50%;width:50%; }
	#whatsapp-img { margin-left: -60px; }
	.mobile-hidden { display:none; }
	#showroom-img { width:100%; }
	#showroom-img img { width: 100%; }
	#privacy-content { width:90%;height:90%;top:0px;left:0px;margin-left:0px !important;margin-right:0px !important;margin-bottom:0px !important; padding:5%; border:0px; }
	.event-title{	padding: 2%;	}
	.event-date{	padding: 1.5%;	}
	.event-venue {	padding: 1.5%;}
	.event-photo img { width: 49%; }
	#showProductBox, .career-pop form { width: 100%; top: 0px; left: 0px; margin: 0px;}
	.career-pop form  { position:fixed; }
	.footer { position:fixed; bottom: 0px; }
	#slider, #slider img { height:auto !important; }
	.mobile-hidden { display:none; }
	.pc-hidden { display: block; }
	.event-item-half { width: 98%; }
	.event-item-third { width: 98%; }
	.event-region { margin-bottom:5px; margin-top: 15px; }
	#photoframe { margin-bottom: 50px !important; }
}