@charset "UTF-8";


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

body { margin: 0; padding: 0; }

noscript {
	z-index: 10000;
	position: absolute; display: block;
	width: 100%;
	text-align: center; font-size: 20px;
	background-color: white;
}

img { border: none; outline: none; }


/* Public Classes */
.font {
	font-family: Helvetica, Arial,
		STHeiti, 华文黑体,
		'Microsoft YaHei', 微软雅黑, SimHei, 黑体,
		sans-serif;
	color: #333;
}

.noWrap { white-space: nowrap; }

.textSelectable {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}

.coverBGI {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.containBGI {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}

.noAnimation {
	-webkit-transition: all 0s ease 0s;
	-moz-transition: all 0s ease 0s;
	-ms-transition: all 0s ease 0s;
	-o-transition: all 0s ease 0s;
	transition: all 0s ease 0s;
}
.animationHalfSec {
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}


/* Container */
#container {
	position: absolute;
	width: 100%; min-width: 1000px; height: 100%; min-height: 600px;
	background-color: #F4F4F4;
	font-size: 0; text-align: center;
}


/* Browser Warning */
#browserWarning {
	position: absolute; z-index: 1001;
	display: none;
	left: 0; top: 0;
	width: 100%; height: 100%;
	background-color: rgb(233,233,233);
	text-align: center;
	color: #333;
}
#browserWarning.show { display: block; }

#browserWarning .close {
	position: absolute;
	top: 20px; right: 20px;
	height: 20px;
	cursor: pointer;
}

#browserWarning>.content {
	position: absolute;
	left: 0; top: 50%;
	width: 100%; height: 300px;
	margin-top: -150px;
}

#browserWarning .warning {
	display: inline-block; vertical-align: top;
	height: 30px;
	margin-top: 10px; margin-right: 40px;
}

#browserWarning .text {
	display: inline-block; vertical-align: top;
	text-align: left;
}

#browserWarning .n1>img { height: 40px; margin-right: 20px; }
#browserWarning .n1 { font-size: 16px; letter-spacing: 16px; }

#browserWarning .n2 { margin-top: 25px; font-size: 18px; }

#browserWarning .n3 { margin-top: 40px; }

#browserWarning .browserWrapper {
	display: inline-block; vertical-align: top;
	margin-right: 50px;
	font-size: 12px; color: #333;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
#browserWarning .browserWrapper:hover { color: black; }
#browserWarning .browserWrapper>img { height: 60px; cursor: pointer; }


/* Logo */
#logoLink { cursor: pointer; }
#logo { cursor: pointer; }


/* Sections */
.section {
	display: inline-block; vertical-align: top;
	position: relative;
}


/* Section Left */
.section.left {
	width: 230px; text-align: left;
}

#logo { width: 60px; }
#companyName {
	margin-left: 2%; margin-top: 8px;
	font-size: 14px; line-height: 18px;
}

#contactWrapper {
	position: absolute;
	bottom: 0;
	height: 250px; width: 100%;
	padding-left: 2%;
}

#contactWrapper>.title { font-size: 12px; line-height: 15px; }

#map {
	overflow: hidden;
	z-index: 100;
	position: absolute; bottom: 82px;
	width: 120px; height: 125px;
	cursor: pointer;
	border: 1px solid lightgray;
}
#map.larger {
	width: 223px; height: 300px;
}

#contactInfo {
	position: absolute;
	bottom: 0;
	line-height: 15px;
	cursor: text;
	font-size: 11px;
}
#contactInfo>img {
	position: relative;
	vertical-align: top;
	height: 15px;
	margin-right: 5px;
}
#contactInfo>img.multipleLine { top: 6px; }

#contactInfo>.lineMargin { height: 5px; }
#contactInfo>.margin { margin-left: 20px; }


/* Footer */
#footer {
	position: absolute;
	left: 45%; bottom: 15px;
	line-height: 12px;
	font-size: 8px;
	text-align: left;
}

#footer>a {
	text-decoration: none;
	color: #333333;
	cursor: pointer;
}
