@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow');
@import "default.css";
@import "fonts/css/fontello.css";
@import "plugins.css";
/* ==========================================================================
    header
 ==========================================================================*/

#header {
	width: 100%;
	height: 90px;
	min-width: 320px;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	visibility: hidden;
	overflow: hidden;
	animation-delay: 0.3s;
}
#header .logo {
	float: left;
	width: 168px;
	height: 59px;
	margin: 15px 50px;
}
#header ul.menu {
	float: left;
}
#header ul.menu li {
	display: inline-table;
}
#header ul.menu li.first, #header ul.menu li.last, #header ul.menu li .sub {
	display: none;
}
#header ul.menu li .sub {
	background-color: rgba(0, 0, 0, 0.05);
}
#header ul.menu li .sub a.actived {
	color: #6e1633;
}
#header ul.menu li a {
	display: table;
	padding: 0 20px;
	color: #1b2c5a;
	font-size: 18px;
	line-height: 90px;
	transition: color 0.5s;
}
#header ul.menu li .forMobile {
	display: none;
}
#header ul.menu li:hover a {
	color: #6e1633;
}
#header ul.menu li.actived a {
	background-color: #f2f2f2;
	color: #1b2c5a;
}
#header .right {
	float: right;
	margin-right: 10px;
	margin-top: 22px;
}
#header .right:after {
	content: '';
	clear: both;
	display: block;
}
#header .right a {
	float: left;
	line-height: 46px;
	margin-right: 10px;
	transition: color 0.5s, background 0.5s;
}
#header .right a.fb {
	color: #6e1633;
	font-size: 30px;
}
#header .right a.line {
	color: #6e1633;
	font-size: 32px;
}
#header .right a.tel {
	color: #6e1633;
	font-size: 25px;
}
#header .right a.tel, #header .right a.line {
	display: none;
}
#header .right a.line:hover, #header .right a.tel:hover, #header .right a.fb:hover {
	color: #337515;
}
#header .right a.btn {
	width: 130px;
	border-radius: 5px;
	background-color: #6e1633;
	color: #fff;
	font-size: 15px;
	text-align: center;
	padding-left: 40px;
	position: relative;
}
#header .right a.btn:hover {
	background-color: #337515;
}
#header .right a.btn i {
	display: block;
	width: 46px;
	height: 46px;
	background: center no-repeat;
	background-size: 33px;
	position: absolute;
	left: 10px;
	top: 0;
}
#header .right a.btn i.iconText {
	background-image: url('images/header-iconText.png');
}
#header .right a.btn i.iconMail {
	background-image: url('images/header-iconMail.png');
}
/* menutoggle */

#menutoggle {
	float: right;
	width: 65px;
	height: 65px;
	padding: 19px;
	box-sizing: border-box;
	position: relative;
	display: none;
}
#menutoggle div {
	width: 28px;
	height: 5px;
	background-color: #d5a96b;
	position: absolute;
	-o-transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-webkit-transition: 0.5s ease 0s;
	transition: 0.5s ease 0s;
}
#menutoggle div.bar1 {
	top: 20px;
}
#menutoggle div.bar2 {
	top: 30px;
}
#menutoggle div.bar3 {
	top: 40px;
}
#menutoggle.actived div {
	-o-transition: 0.5s ease 0s;
	-moz-transition: 0.5s ease 0s;
	-webkit-transition: 0.5s ease 0s;
	transition: 0.5s ease 0s;
	top: 31px;
}
#menutoggle.actived .bar1 {
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center;
}
#menutoggle.actived .bar2 {
	width: 0;
}
#menutoggle.actived .bar3 {
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transform-origin: center;
}
/* 1500 max-bg2-size */
.max-bg2-size #header .logo {
	margin-left: 15px;
	margin-right: 20px;
}
/* 1407 max-bg-size */
.max-bg-size #header .right a.btn {
	width: 100px;
}
.max-bg-size #header ul.menu li a {
	padding: 0 10px;
	font-size: 16px;
}
/* 1199 max-lg-size */
.max-lg-size #header .right a.btn i {
	position: relative;
	left: 0;
	margin: auto;
}
.max-lg-size #header .right a.btn {
	width: 50px;
	height: 46px;
	padding: 0;
	font-size: 0;
}
/*991 max-md-size*/
.max-md-size #header {
	overflow: visible;
	height: 65px;
}
.max-md-size #header ul.menu {
	float: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: -moz-calc(100vh - 80px);
	height: -webkit-calc(100vh - 80px);
	height: calc(100vh - 80px);
	background-color: rgba(255,255,255,0.95);
	padding-bottom: 80px;
	overflow: auto;
	display: none;
}
.max-md-size #header ul.menu li {
	display: block;
	text-align: center;
}
.max-md-size #header ul.menu li a {
	display: block;
	background-color: transparent;
	color: #000;
	font-size: 18px;
	line-height: 65px;
	border-bottom: 1px solid #ddd;
}
.max-md-size #header ul.menu li a.toggle.actived {
	font-weight: bold;
}
.max-md-size #header ul.menu li .forDesktop {
	display: none;
}
.max-md-size #menutoggle {
	display: block;
	float: none;
	position: absolute;
	right: 0;
	z-index: 2;
}
.max-md-size #header .right {
	margin-right: 0;
	margin-top: 9px;
	float: none;
	position: absolute;
	right: 55px;
}
.max-md-size #header .logo {
	width: 130px;
	height: 45px;
}
.max-md-size #header ul.menu li.actived a.toggle {
	color: #6e1633;
	font-weight: bold;
	font-size: 20px;
}
.max-md-size #header ul.menu li.actived .sub {
	display: block;
}
.max-md-size #header .right a.tel, .max-md-size #header .right a.line {
	display: block;
}
.max-md-size #header .right a.btn {
	display: none;
}
/* 480 max-xs-size */
.max-xs-size #menutoggle {
	width: 55px;
	padding: 15px;
}
.max-xs-size #header .logo {
	margin-left: 10px;
	margin-right: 5px;
}
.max-xs-size #header .right a {
	margin-right: 0;
	margin-left: 5px;
}
.max-xs-size #header .right {
	right: 45px;
}
/* ==========================================================================
    home
 ==========================================================================*/

/* bg */

.home .bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	animation-delay: 0.3s;
}
/*
.home .bg .pic:first-of-type .jqimgFill {
	-webkit-animation: smoothZoomIn 20s;
    -moz-animation: smoothZoomIn 20s;
    animation: smoothZoomIn 20s;
}
*/

.home .bg .pic:first-of-type.actived .jqimgFill, .home .bg .pic .jqimgFill {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transition: transform 11s linear;
}
.home .bg .pic:first-of-type.actived .jqimgFill {
	transition: none;
}
.home .bg .slick-current .jqimgFill {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.section {
	position: relative;
	visibility: hidden;
}
 @keyframes smoothZoomIn {
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
}
 @-webkit-keyframes smoothZoomIn {
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
 100% {
 -webkit-transform: scale(1.2);
 -moz-transform: scale(1.2);
 -ms-transform: scale(1.2);
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
}
/* homeBanner */

#homeBanner .inner {
	width: 100%;
	height: 150vh;
	display: table;
	text-align: center;
}
#homeBanner .inner .slogan {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 580px;
	/*
	height: 284px;
	*/
	margin-top: -280px;
	margin-left: -290px;
	z-index: 2;
	animation-delay: 0.5s;
}
@media all and (max-with: 576px) {
#homeBanner .inner {
 height:100vh !important;
}
/*
#homeBanner .inner .slogan {
	height: 284px;
}
*/
}
#homeBanner .inner .down {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.6);
	color: #000;
	font-size: 25px;
	text-align: center;
	line-height: 60px;
	position: absolute;
	left: 50%;
	bottom: 40px;
	margin-left: -28px;
	z-index: 2;
	-webkit-animation: mybottom 1s ease-in 2s infinite alternate;
	-moz-animation: mybottom 1s ease-in 2s infinite alternate;
	animation: mybottom 1s ease-in 2s infinite alternate;
	transition: all 0.5s;
}
#homeBanner .inner .down:hover {
	background-color: #fff;
}
 @keyframes mybottom {
 0% {
bottom: 40px;
}
 100% {
bottom: 30px;
}
}
 @-webkit-keyframes mybottom {
 0% {
bottom: 40px;
}
 100% {
bottom: 30px;
}
}
/* homeService */

#homeService, #homeKnowledge {
	padding: 13vh 0;
}
#homeService .inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	background-color: rgba(0, 0, 0, 0.45);
	z-index: 2;
}
#homeService .inner .left, #homeService .inner .right {
	float: left;
	width: -moz-calc(50% - 100px);
	width: -webkit-calc(50% - 100px);
	width: calc(50% - 100px);
	padding: 50px;
	min-height: 540px;
	overflow: hidden;
}
#homeService .inner .left .logo {
	text-align: center;
	margin-bottom: 50px;
	margin-top: 20px;
}
#homeService .inner .left .logo img {
	max-height: 120px;
}
#homeService .inner .left p {
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-moz-line-clamp: 6;
	-ms-line-clamp: 6;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	animation-delay: 0.5s;
}
#homeService .inner .left a {
	margin: auto;
	margin-top: 80px;
}
/*
#homeService .inner .left a:hover {
	background-color: rgba(0,0,0,0.8);
}
*/

#homeService .inner .left a h2 {
	color: #fff;
	font-size: 15px;
	font-weight: normal;
	line-height: 55px;
	text-align: center;
}
#homeService .inner .right {
	background-color: #fff;
}
#homeKnowledge .inner .title .en, #homeClient .inner .title .en, #homeService .inner .right .title .en {
	color: #61b73b;
	font-size: 38px;
	font-family: 'PT Sans Narrow', sans-serif;
	margin-bottom: 15px;
}
#homeKnowledge .inner .title h2, #homeClient .inner .title h2, #homeService .inner .right .title h2 {
	color: #61b73b;
	font-size: 18px;
}
#homeService .inner .right .list {
	margin-top: 50px;
	position: relative;
	padding-right: 150px;
	min-height: 108px;
	animation-delay: 0.5s;
}
#homeService .inner .right .list:nth-of-type(3) {
	animation-delay: 0.3s;
}
#homeService .inner .right .list:nth-of-type(4) {
	animation-delay: 0.5s;
}
#homeService .inner .right .list h3 {
	color: #6c6c6c;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 10px;
	transition: color 0.5s;
	animation-delay: 0.5s;
}
#homeService .inner .right .list a:hover h3 {
	color: #6e1633;
}
#homeService .inner .right .list p {
	color: #a3a3a3;
	line-height: 25px;
	max-height: 50px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	transition: color 0.5s;
	animation-delay: 0.8s;
}
#homeService .inner .right .list a:hover p {
	color: #585858;
}
#homeService .inner .right .list a {
	display: block;
}
#homeService .inner .right .list .pic {
	width: 108px;
	height: 108px;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -54px;
	z-index: 1;
	animation-delay: 1s;
}
#homeService .inner .right .list .pic .jqimgFill {
	transition: transform 0.8s cubic-bezier(0.3, 1, 0.4, 1);
}
#homeService .inner .right .list a:hover .pic .jqimgFill {
	-webkit-transform: scale(1.1) translateY(-3%);
	-moz-transform: scale(1.1) translateY(-3%);
	-ms-transform: scale(1.1) translateY(-3%);
	-o-transform: scale(1.1) translateY(-3%);
	transform: scale(1.1) translateY(-3%);
}
/* homeClient */

#homeClient {
	background-color: #fff;
	position: relative;
	z-index: 2;
}
#homeClient .inner {
	max-width: 1370px;
	width: -moz-calc(100% - 170px);
	width: -webkit-calc(100% - 170px);
	width: calc(100% - 170px);
	padding: 50px 85px;
	margin: auto;
}
#homeClient .inner ul.slider {
	padding: 0 15%;
	position: relative;
}
#homeClient .inner .title {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 130px;
}
#homeClient .inner .title .en, #homeClient .inner .title h2 {
	animation-delay: 0.5s;
}
#homeClient .inner ul.slider li.slick-slide {
	margin: 1px;
}
#homeClient .inner ul.slider li .pic {
	float: left;
	width: 440px;
	height: 440px;
	border-radius: 50%;
	margin-right: 60px;
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#homeClient .inner ul.slider li.slick-center .pic {
	-webkit-animation: fadeIn 0.8s both;
	-moz-animation: fadeIn 0.8s both;
	animation: fadeIn 0.8s both;
}
#homeClient .inner ul.slider li .text {
	float: left;
	width: -moz-calc(100% - 510px);
	width: -webkit-calc(100% - 510px);
	width: calc(100% - 510px);
}
#homeClient .inner ul.slider li .text h3 {
	color: #6c6c6c;
	font-size: 25px;
	margin: 50px 0;
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#homeClient .inner ul.slider li .text p {
	color: #a3a3a3;
	line-height: 25px;
	max-height: 175px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-moz-line-clamp: 7;
	-ms-line-clamp: 7;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#homeKnowledge .inner ul.slider li a.more, #homeClient .inner ul.slider li .text a.more {
	display: table;
	width: 130px;
	background-color: #61b73b;
	color: #fff;
	font-size: 15px;
	line-height: 55px;
	text-align: center;
	margin-top: 50px;
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#homeKnowledge .inner ul.slider li a.more:hover, #homeClient .inner ul.slider li .text a.more:hover {
	background-color: #337515;
}
#homeClient ul.photo li {
	height: 245px;
}
#homeClient ul.photo li .pic {
	opacity: 1 !important;
}
/* homeKnowledge */

#homeKnowledge .inner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
#homeKnowledge .inner ul.slider {
	animation-delay: 0.8s;
}
#homeKnowledge .inner ul.slider .slick-slide {
	margin: 1px;
}
#homeKnowledge .inner .title {
	margin-bottom: 50px;
}
#homeKnowledge .inner .title .en, #homeKnowledge .inner .title h2 {
	animation-delay: 0.5s;
}
#homeKnowledge .inner .text {
	float: left;
	padding: 50px;
	width: -moz-calc(42% - 100px);
	width: -webkit-calc(42% - 100px);
	width: calc(42% - 100px);
	background-color: #fff;
	height: 445px;
}
#homeKnowledge .inner .text h3 {
	color: #6c6c6c;
	font-size: 25px;
	margin-bottom: 50px;
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#homeKnowledge .inner .text p {
	color: #a3a3a3;
	line-height: 25px;
	max-height: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-moz-line-clamp: 6;
	-ms-line-clamp: 6;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	transition: color 0.5s;
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#homeKnowledge .inner .pic {
	float: right;
	width: 58%;
	height: 545px;
	position: relative;
}
#homeKnowledge .inner .pic:after {
	content: '';
	width: 237px;
	height: 100%;
	background: url('images/home/homeKnowledge-mask.png') left top no-repeat;
	background-size: cover;
	position: absolute;
	left: -1px;
	top: 0;
	z-index: 1;
}
#homeKnowledge .inner .slick-arrow {
	width: 40px;
	height: 40px;
	border: 1px solid #e3e3e3;
	background: #fff center no-repeat;
	margin: 0;
	top: 0;
}
#homeKnowledge .inner .slick-arrow:hover {
	background-color: #eaeaea;
}
#homeKnowledge .inner .slick-prev {
	left: auto;
	right: 38px;
	background-image: url('images/slick-prev2.png');
}
#homeKnowledge .inner .slick-next {
	right: -1px;
	background-image: url('images/slick-next2.png');
}
#homeKnowledge .inner .text li.slick-center h3, #homeClient .inner ul.slider li.slick-center .text h3 {
	-webkit-animation: fadeInDown 0.8s 0.3s both;
	-moz-animation: fadeInDown 0.8s 0.3s both;
	animation: fadeInDown 0.8s 0.3s both;
}
#homeKnowledge .inner .text li.slick-center p, #homeClient .inner ul.slider li.slick-center .text p {
	-webkit-animation: fadeInUp 0.8s 0.3s both;
	-moz-animation: fadeInUp 0.8s 0.3s both;
	animation: fadeInUp 0.8s 0.3s both;
}
#homeKnowledge .inner .text li.slick-center a.more, #homeClient .inner ul.slider li.slick-center .text a.more {
	-webkit-animation: fadeInUp 0.8s 0.5s both;
	-moz-animation: fadeInUp 0.8s 0.5s both;
	animation: fadeInUp 0.8s 0.5s both;
}
/* 1199 max-lg-size */
.max-lg-size #homeClient .inner {
	width: 100%;
	padding: 50px 0;
}
.max-lg-size #homeClient .inner ul.slider {
	padding: 0 100px;
}
.max-lg-size #homeClient .inner .title {
	left: 100px;
}
.max-lg-size #homeService, .max-lg-size #homeKnowledge {
	padding: 0;
	margin: 13vh 0;
}
.max-lg-size #homeService {
	margin-top: 0;
}
/* 991 max-md-size */
.max-md-size #homeService .inner .left, .max-md-size #homeService .inner .right {
	float: none;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	min-height: 0;
}
.max-md-size #homeService .inner .right .list {
	animation-delay: 0s;
}
.max-md-size #homeClient .inner ul.slider li .pic {
	float: none;
	margin: auto;
	display: table;
	width: 350px;
	height: 350px;
}
.max-md-size #homeClient .inner ul.slider li .text {
	float: none;
	width: 100%;
	text-align: center;
}
.max-md-size #homeClient .inner .title {
	left: 0;
	text-align: center;
	position: relative;
	margin-bottom: 30px;
}
.max-md-size #homeClient .inner ul.slider li .text h3 {
	margin: 20px 0;
}
.max-md-size #homeClient .inner ul.slider li .text a.more {
	display: table;
	margin: auto;
	margin-top: 20px;
}
.max-md-size #homeKnowledge .inner .text {
	float: none;
	width: -moz-calc(100% - 100px);
	width: -webkit-calc(100% - 100px);
	width: calc(100% - 100px);
	height: auto;
}
.max-md-size #homeKnowledge .inner .pic {
	display: none;
}
.max-md-size #homeKnowledge .inner .text h3 {
	margin-bottom: 20px;
}
.max-md-size #homeKnowledge .inner ul.slider li a.more {
	margin-top: 20px;
}
.max-md-size #homeKnowledge .inner .title {
	margin-bottom: 30px;
}
.max-md-size #homeService .inner .right .list {
	margin-top: 30px;
}
.max-md-size #homeBanner .inner .slogan {
	margin: 0;
	left: 20%;
	top: 40%;
	height: auto;
	width: 60%;
}
/* 767 max-sm-size */
.max-sm-size #homeClient .inner ul.slider {
	padding: 0;
}
/* 480 max-xs-size */
.max-xs-size .slick-arrow {
	width: 40px;
	height: 40px;
	margin-top: -20px;
	background-size: 10px;
}
.max-xs-size #homeService .inner .left .logo img {
	max-height: 80px;
}
.max-xs-size #homeService .inner .left .logo {
	margin: 0;
	margin-bottom: 10px;
}
.max-xs-size #homeService .inner .left p {
	line-height: 30px;
	max-height: none;
	display: block;
}
.max-xs-size #homeService .inner .left a {
	margin-top: 20px;
}
.max-xs-size #homeService .inner .left, .max-xs-size #homeService .inner .right, .max-xs-size #homeKnowledge .inner .text {
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: calc(100% - 30px);
	padding: 30px 15px;
}
.max-xs-size #homeKnowledge .inner .title .en, .max-xs-size #homeClient .inner .title .en, .max-xs-size #homeService .inner .right .title .en {
	font-size: 32px;
	margin-bottom: 10px;
}
.max-xs-size #homeClient .inner ul.slider li .text h3 {
	font-size: 20px;
	margin-bottom: 10px;
}
.max-xs-size #homeClient ul.photo li {
	height: 150px;
}
.max-xs-size #homeClient .inner ul.slider li .pic {
	width: 100%;
	height: 280px;
	border-radius: 0;
}
.max-xs-size #homeClient .slick-arrow {
	margin-top: 0;
	top: 220px;
}
.max-xs-size #homeKnowledge .inner .text h3 {
	margin-bottom: 15px;
	font-size: 20px;
}
.max-xs-size #homeBanner .inner .down {
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.max-xs-size #homeBanner .inner .slogan {
	left: 5%;
	top: 40%;
	width: 90%;
}
.max-xs-size #homeService, .max-xs-size #homeKnowledge {
	margin: 0;
}
.max-xs-size #homeClient {
	border-top: 1px solid #ddd;
}
.max-xs-size #homeService .inner .right .title, .max-xs-size #homeKnowledge .inner .title {
	text-align: center;
}
.max-xs-size #homeClient .inner ul.slider li .text {
	text-align: left;
	padding: 0 15px;
	width: auto;
}
/*
.max-xs-size #homeKnowledge .inner .slick-arrow {
	background: rgba(0,0,0,0.3) center no-repeat;
	background-size: 10px;
	border: none;
	top: 40%;
    margin-top: -20px;
}
.max-xs-size #homeKnowledge .inner .slick-prev {
	left: -15px;
	right: auto;
	background-image: url('images/slick-prev.png');
}
.max-xs-size #homeKnowledge .inner .slick-next {
	right: -15px;
	background-image: url('images/slick-next.png');
}*/


/* 360 max-ss-size */
.max-ss-size #homeService .inner .right .list {
	padding-right: 120px;
}
.max-ss-size #menutoggle {
	width: 46px;
	padding: 10px;
}
.max-ss-size #header .logo {
	margin-left: 5px;
	margin-right: 0;
	width: 110px;
	height: 38px;
}
/* ==========================================================================
    about
 ==========================================================================*/

#links h3, #privacy h3, #about h3, #service h3, #client h3, #knowledge h3, #contact h3, #news .inner .title h3 {
	color: #6c6c6c;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
#about .honor, #about .group, #about .idea, #about .quality {
	padding: 50px 0;
}
#about .idea .editor .list {
	margin-top: 50px;
}
#about .idea .editor .list:after {
	content: '';
	display: block;
	clear: both;
}
#about .idea .editor .list .pic {
	animation-delay: 0.3s;
}
#about .idea .editor .list:nth-of-type(odd) .pic {
	float: right;
	margin-left: 50px;
}
#about .idea .editor .list:nth-of-type(even) .pic {
	float: left;
	margin-right: 50px;
}
#service .editor .green, #about .idea .editor .green {
	color: #6e1633;
	font-size: 18px;
}
/* slogan */

#about .slogan {
	background-color: #f6f6f6;
	padding: 30px 0;
	text-align: center;
}
#about .slogan .green {
	color: #6e1633;
	font-size: 24px;
	font-weight: bold;
}
/* wish */

#about .wish {
	min-height: 650px;
	position: relative;
}
#about .wish .bg {
	width: 100%;
	height: 410px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}
#about .wish .bg:after {
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(top, #fff 10%, transparent);
	background: -moz-linear-gradient(top, #fff 10%, transparent);
	background: -webkit-linear-gradient(top, #fff 10%, transparent);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.msie #about .wish .bg:after {
	background: url('images/about/about-wish-bg-mask.jpg') center top repeat-x;
}
#about .wish .container {
	position: relative;
	padding: 50px 15px 50px 15px;
}
#about .wish .text {
	float: left;
	width: -moz-calc(100% - 565px);
	width: -webkit-calc(100% - 565px);
	width: calc(100% - 565px);
}
#about .honor .text h4, #about .wish .text h4 {
	color: #6e1633;
	font-size: 20px;
	margin-bottom: 15px;
}
#about .wish .text p {
	font-size: 16px;
	line-height: 40px;
}
#about .wish .video {
	float: right;
	height: 320px;
	max-width: 515px;
	width: 100%;
	position: relative;
	overflow: hidden;
}
#about .wish .video .pic .jqimgFill {
	height: 320px;
	transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#news-in .video .pic {
	transition: transform 1s;
}
#news-in .video a:after, #about .wish .video .pic:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #000;
	opacity: 0.5;
	transition: opacity 0.5s;
}
#news-in .video a:before, #about .wish .video .pic:before {
	content: '';
	width: 80px;
	height: 80px;
	background: url('images/video-play.png') center no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	margin-left: -40px;
	z-index: 2;
}
#news-in .video a {
	display: block;
	overflow: hidden;
}
#news-in .video a:hover .pic, #about .wish .video a:hover .pic .jqimgFill {
	-webkit-transform: scale(1.1) translateY(-3%);
	-moz-transform: scale(1.1) translateY(-3%);
	-ms-transform: scale(1.1) translateY(-3%);
	-o-transform: scale(1.1) translateY(-3%);
	transform: scale(1.1) translateY(-3%);
}
#news-in .video a:hover:after, #about .wish .video a:hover .pic:after {
	opacity: 0.2;
}
/* group */

#about .group .editor, #about .honor .editor, #about .quality .editor {
	padding: 30px 0;
}
#about .group .editor .pic {
	text-align: center;
}
/* honor */

#about .honor .editor {
	position: relative;
	min-height: 370px;
}
#about .honor .editor:after {
	content: '';
	clear: both;
	display: block;
}
#about .honor .editor .text {
	float: left;
	width: 45%;
}
#about .honor .editor .pic {
	text-align: right;
	width: 50%;
	position: absolute;
	bottom: -60px;
	right: 0;
}
#about .honor .editor .pic img {
	max-height: 530px;
}
/* quality */

#about .quality .container {
	min-height: 420px;
	position: relative;
}
#about .quality .bg {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	animation-delay: 0.3s;
}
#news .inner .title h3, #about .quality h3 {
	position: relative;
	z-index: 1;
}
#about .quality .logo {
	text-align: center;
	margin: 100px 0;
	position: relative;
	z-index: 1;
}
#about .quality ul.slider {
	padding: 0 80px;
	position: relative;
	z-index: 1;
}
.max-md-size #about .quality ul.slider {
	padding: 0 50px;
}
#about .quality ul.slider li.item {
	margin: 15px 10px;
	text-align: center;
	position: relative;
}
#about .quality ul.slider li.item:before, #about .quality ul.slider li.item:after {
	content: '';
	width: 50%;
	height: 1px;
	background-color: #c9c9c9;
	position: absolute;
	top: 51px;
	z-index: 1;
}
#about .quality ul.slider li.item:before {
	left: -10px;
}
#about .quality ul.slider li.item:after {
	right: -10px;
}
#about .quality ul.slider li.item .year {
	width: 100px;
	height: 100px;
	margin: auto;
	border: 1px solid #c9c9c9;
	background-color: #fff;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#about .quality ul.slider li.item:hover a, #about .quality ul.slider li.item:hover .year {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
#about .quality ul.slider li.item .year span {
	display: block;
	margin: 2px;
	border-radius: 50%;
	background-color: #c9c9c9;
	color: #fff;
	font-size: 28px;
	line-height: 96px;
	letter-spacing: 0;
}
#about .quality ul.slider li.item a {
	display: block;
	width: 100px;
	height: 100px;
	border: 1px solid #c9c9c9;
	background-color: #fff;
	border-radius: 50%;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -50px;
	z-index: 3;
	opacity: 0;
	transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
#about .quality ul.slider li.item:hover a {
	opacity: 1;
}
#about .quality ul.slider li.item a .pic {
	width: 96px;
	height: 96px;
	margin: 2px auto;
	border-radius: 50%;
}
#about .quality ul.slider li.item .text {
	position: relative;
	margin-top: 20px;
	color: #555;
	font-size: 15px;
	line-height: 25px;
	z-index: 1;
}
#about .quality .slick-arrow {
	width: 40px;
	background-color: transparent;
	opacity: 0.3;
	transition: opacity 0.5s;
}
#about .quality .slick-arrow:hover {
	opacity: 1;
}
#about .quality .slick-arrow.slick-disabled {
	opacity: 0.05;
}
#about .quality .slick-prev {
	background-image: url('images/slick-prev4.png');
}
#about .quality .slick-next {
	background-image: url('images/slick-next4.png');
}
/* 991 max-md-size */
.max-md-size #about .idea .editor .list .pic {
	float: none;
	margin: auto;
	margin-bottom: 15px;
	display: table;
}
.max-md-size #knowledge h3, .max-md-size #about h3, .max-md-size #contact h3 {
	text-align: center;
}
.max-md-size #about .wish .text {
	float: none;
	width: auto;
	display: table;
	margin: auto;
}
.max-md-size #about .wish .video {
	float: none;
	margin: auto;
	margin-bottom: 30px;
}
.max-md-size #about .honor .editor .text {
	float: none;
	width: 100%;
}
.max-md-size #about .honor .editor .pic {
	text-align: center;
	width: 50%;
	position: relative;
	margin: auto;
}
.max-md-size #about .honor .editor {
	min-height: 0;
	padding: 0;
}
.max-md-size #about .honor .text h4 {
	text-align: center;
}
.max-md-size #about .wish .container {
	background-color: rgba(255,255,255,0.5);
}
.max-md-size #about .quality .logo {
	margin-bottom: 50px;
}
.max-md-size #about .quality ul.slider li.item.slick-current a {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
/* 480 max-xs-size */
.max-xs-size #links h3, .max-xs-size #privacy h3, .max-xs-size #knowledge h3, .max-xs-size #contact h3, .max-xs-size #news .inner .title h3, .max-xs-size #about h3, .max-xs-size #service h3, .max-xs-size #client h3 {
	font-size: 25px;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.max-xs-size #about .quality, .max-xs-size #about .idea, .max-xs-size #about .group, .max-xs-size #about .honor {
	padding: 30px 0;
}
.max-xs-size #about .idea .editor .list {
	margin-top: 20px;
}
.max-xs-size #about .wish .video {
	height: 220px;
}
.max-xs-size #about .slogan .green {
	font-size: 18px;
}
.max-xs-size #about .slogan {
	text-align: left;
}
.max-xs-size #about .quality .logo {
	width: 60%;
	margin: auto;
	margin-top: 50px;
	margin-bottom: 20px;
}
.max-xs-size #about .quality ul.slider {
	padding: 0 30px;
}
.max-xs-size #about .quality .slick-next {
	right: -15px;
}
.max-xs-size #about .quality .slick-prev {
	left: -15px;
}
.max-xs-size #about .quality ul.slider li.item .year span {
	font-size: 20px;
}
.max-md-size #about .quality ul.slider li.item.slick-current a {
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.max-md-size #about .quality ul.slider li.item:hover a {
	opacity: 1;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
/* ==========================================================================
    news
 ==========================================================================*/

#news .inner {
	padding: 50px 0;
}
#news .inner .title h3 {
	float: left;
}
/* ul.list */

#news .inner ul.list {
	padding-bottom: 30px;
	animation-delay: 0.3s;
}
#news .inner ul.list li a {
	display: block;
	padding: 30px 50px 30px 0;
	position: relative;
}
#news .inner ul.list li a:after {
	content: '';
	display: block;
	clear: both;
}
#news .inner ul.list li i {
	display: block;
	color: #dfdfdf;
	font-size: 30px;
	line-height: 50px;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -25px;
	transition: color 0.5s;
}
#news .inner ul.list li:hover i {
	color: #6e1633;
}
#news .inner ul.list li .pic {
	float: left;
	width: 240px;
	height: 160px;
	overflow: hidden;
	margin-right: 50px;
	animation-delay: 0.5s;
	position: relative;
}
#news .inner ul.video-list li .pic:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: url('images/icon-play.png') center no-repeat;
	background-color: rgba(0, 0, 0, 0.5);
}
#news .inner ul.list li .pic .jqimgFill {
	height: 160px;
	transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
}
#news .inner ul.list li:hover .pic .jqimgFill {
	-webkit-transform: scale(1.1) translateY(-3%);
	-moz-transform: scale(1.1) translateY(-3%);
	-ms-transform: scale(1.1) translateY(-3%);
	-o-transform: scale(1.1) translateY(-3%);
	transform: scale(1.1) translateY(-3%);
}
#news .inner ul.list li .text {
	float: left;
	width: -moz-calc(100% - 290px);
	width: -webkit-calc(100% - 290px);
	width: calc(100% - 290px);
}
#news .inner ul.list li .text h4 {
	color: #505050;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 10px;
	transition: color 0.5s;
}
#news .inner ul.list li:hover .text h4 {
	/*
	color: #6e1633;
	text-decoration: underline;
	*/
	color: #6e1633;
}
#news .inner ul.list li .text p {
	color: #a3a3a3;
	line-height: 24px;
	max-height: 72px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	-ms-line-clamp: 3;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	transition: color 0.5s;
}
#news .inner ul.list li:hover .text p {
	color: #000;
	animation-delay: 0.5s;
}
#news .inner ul.list li .text p.date {
	color: #6e1633;
	margin-bottom: 20px;
	animation-delay: 0.3s;
}
#news .inner ul.list li .text p.date span {
	color: #2f571d;
}
#news .inner ul.list li .text p.date span:after {
	content: '/';
	padding: 0 5px;
}
/* 767 max-sm-size */
.max-sm-size #news .inner .title h3, .max-sm-size #news .inner .title .search {
	float: none;
}
.max-sm-size #news .inner .title .search .form-group {
	display: table;
	margin-left: 0;
	margin-bottom: 10px;
}
.max-sm-size #news .inner ul.list li .pic {
	float: none;
	margin: auto;
}
.max-sm-size #news .inner ul.list li .text {
	float: none;
	width: 100%;
	margin-top: 20px;
}
.max-sm-size #news .inner ul.list li i {
	display: none;
}
.max-sm-size #news .inner ul.list li a {
	padding: 30px 0;
}
/* 480 max-xs-size */
.max-xs-size #news .inner .title .search .form-group {
	display: block;
}
.max-xs-size #news .inner .title .search select {
	width: 100%;
}
.max-xs-size #news .inner .title .search input {
	width: -moz-calc(100% - 42px);
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
}
.max-xs-size #news .inner {
	padding: 30px 0;
}
/* ==========================================================================
    news-in
 ==========================================================================*/

#news-in .inner {
	padding: 50px 0;
}
#news-in h3 {
	color: #000;
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 30px;
	border-bottom: 1px dotted #6e1633;
	margin-bottom: 20px;
}
#news-in p.date {
	float: left;
	color: #6e1633;
	padding-bottom: 10px;
	animation-delay: 0.3s;
}
#news-in p.date span {
	color: #6c6c6c;
}
#news-in p.date span:after {
	content: '/';
	padding: 0 5px;
}
#news-in .share {
	float: right;
	animation-delay: 0.3s;
}
#news-in .editor {
	padding: 30px 0;
}
#news-in .editor .pic {
	text-align: center;
	margin-bottom: 30px;
	animation-delay: 0.3s;
}
#news-in .footer {
	padding-top: 30px;
}
#news-in .footer .pdf a {
	display: inline-table;
	margin-right: 50px;
	margin-bottom: 5px;
	position: relative;
	padding-left: 30px;
	color: #585858;
	font-size: 15px;
	line-height: 30px;
	text-decoration: underline;
}
#news-in .footer .pdf a:hover {
	color: #6e1633;
}
#news-in .footer .pdf a:after {
	content: url('images/icon-pdf.jpg');
	position: absolute;
	left: 0;
	top: 0;
}
#news-in .footer .subnav {
	padding-top: 30px;
	margin-top: 20px;
	border-top: 1px solid #d7d7d7;
	position: relative;
	text-align: center;
}
#news-in .footer .subnav a {
	display: inline-block;
	color: #a3a3a3;
	font-size: 15px;
	line-height: 50px;
}
#news-in .footer .subnav a i {
	padding: 0 5px;
}
#news-in .footer .subnav a:hover {
	color: #98d056;
	text-decoration: underline;
}
#news-in .footer .subnav a.back {
	width: 150px;
	height: 50px;
	border: 1px solid #d2d2d2;
}
#news-in .footer .subnav a.back:hover {
	border-color: #98d056;
	text-decoration: none;
}
#news-in .footer .subnav a.prev {
	position: absolute;
	left: 0;
	top: 30px;
}
#news-in .footer .subnav a.next {
	position: absolute;
	right: 0;
	top: 30px;
}
#news-in .video {
	display: table;
	margin: 30px auto;
	position: relative;
	line-height: 0;
}
/* 480 max-xs-size */
.max-xs-size #news-in h3 {
	font-size: 18px;
	padding-bottom: 15px;
}
.max-xs-size #news-in .inner {
	padding: 30px 0;
}
.max-xs-size #news-in .editor .pic {
	margin-bottom: 10px;
}
/* 360 max-ss-size */
.max-ss-size #news-in .footer .subnav a.back {
	width: 100px;
}
/* ==========================================================================
    service
 ==========================================================================*/

#service .team {
	padding: 50px 0;
}
#service .team .editor:after {
	content: '';
	display: block;
	clear: both;
}
#service .team .editor .pic {
	float: right;
	margin-left: 50px;
	animation-delay: 0.3s;
}
/* awards */

#service .awards {
	padding: 50px 0;
	background-color: #f6f6f6;
}
#service .editor ul.photo {
	margin: 0;
	padding: 0;
	text-align: center;
}
#service .editor ul.photo li {
	list-style: none;
	display: inline-table;
	margin: 30px;
}
#service .editor ul.photo li .pic {
	display: table;
	line-height: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	margin-bottom: 20px;
}
/* info */

#service .info {
	padding: 50px 0;
}
#service .info ul {
	text-align: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: flex-start;
}
.msie #service .info ul {
	display: block;
}
.msie #service .info ul li {
	display: inline-table;
}
#service .info ul li {
	width: -moz-calc(29% - 2px);
	width: -webkit-calc(29% - 2px);
	width: calc(29% - 2px);
	margin: 80px 2% 50px 2%;
	margin-bottom: 50px;
	border: 1px solid #e1e1e1;
}
#service .info ul li .pic {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	margin: auto;
	border: 1px solid #e1e1e1;
	margin-top: -80px;
	z-index: 1;
	animation-delay: 0.5s;
}
#service .info ul li .text {
	padding: 15px;
	text-align: left;
}
#service .info ul li .text h4 {
	color: #585858;
	font-size: 25px;
	font-weight: normal;
	text-align: center;
}
#service .info ul li .text p {
	animation-delay: 0.8s;
}
#service .info ul li .text p.place {
	margin-bottom: 15px;
	text-align: center;
	animation-delay: 0.3s;
}
#service .info ul li .text p.ex {
	color: #98d056;
	animation-delay: 0.5s;
}
/* book */

#service .book {
	padding: 50px 0;
}
#service .book ul.step {
	border-bottom: 1px solid #e3e3e3;
}
#service .book ul.step:after {
	content: '';
	display: block;
	clear: both;
}
#service .book ul.step li {
	float: left;
	width: -moz-calc(100%/3);
	width: -webkit-calc(100%/3);
	width: calc(100%/3);
	padding-bottom: 20px;
	margin-bottom: -1px;
	position: relative;
	border-bottom: 2px solid transparent;
}
#service .book ul.step li i {
	color: #e1e1e1;
	font-size: 20px;
	line-height: 30px;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -26px;
}
#service .book ul.step li .step-inner {
	display: table;
	margin: auto;
	padding-left: 75px;
	padding-right: 20px;
	position: relative;
}
#service .book ul.step li .number {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 3px solid #e1e1e1;
	color: #e1e1e1;
	font-size: 30px;
	font-style: italic;
	line-height: 54px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
#service .book ul.step li p {
	color: #c4c4c4;
	font-size: 20px;
	line-height: 56px;
}
#service .book ul.step li.actived {
	border-color: #6e1633;
}
#service .book ul.step li.actived .number {
	color: #fff;
	background-color: #6e1633;
	border-color: #6e1633;
}
#service .book ul.step li.actived i {
	color: #6e1633;
}
#service .book ul.step li.actived p {
	color: #6c6c6c;
}
/*
.info-form {
	position: relative;
}
.info-form .tag {
	position: absolute;
	left: 0;
	top: -90px;
}
.max-md-size .info-form .tag {
	top: -65px;
}
.info-form form, #service .book form, #client .logged form {
	padding-top: 50px;
	border: 1px solid #e3e3e3;
	margin-top: -1px;
	color: #585858;
	font-size: 15px;
}
.info-form .form-group, #client .logged .form-group, #service .book .form-group {
	margin: 0 50px 0 20px;
	margin-bottom: 10px;
}
.info-form .form-group:after, #client .logged .form-group:after, #service .book .editor:after, #service .book .form-group:after {
	content: '';
	clear: both;
	display: block;
}
.info-form .form-group label, #client .logged .form-group label, #service .book .form-group label {
	float: left;
	width: 120px;
	line-height: 50px;
	text-align: right;
	padding-right: 15px;
	letter-spacing: normal;
}
.info-form .form-group .notice, #client .logged .form-group .notice, #service .book .form-group .notice {
	padding-left: 140px;
	color: red;
}
.info-form .radio-group label, #service .book .radio-group label {
	float: none;
	width: auto;
	padding-right: 0;
	text-align: left;
	cursor: pointer;
}
.info-form .radio-group span, #service .book .radio-group span {
	display: inline-table;
	padding-right: 20px;
}
.info-form .form-group .right, #client .logged .form-group .form-control, #service .book .form-group .right {
	float: left;
	width: -moz-calc(100% - 177px);
	width: -webkit-calc(100% - 177px);
	width: calc(100% - 177px);
	line-height: 50px;
}
.info-form .form-group select.form-control {
	width: -moz-calc(100% - 135px);
	width: -webkit-calc(100% - 135px);
	width: calc(100% - 135px);
}
.info-form .form-group .form-control, #client .logged .form-group .form-control, #service .book .form-group .form-control {
	border: 1px solid #d7d7d7;
	height: 50px;
	padding: 0 20px;
}
.info-form .form-group textarea.form-control {
	height: 120px;
	padding: 20px;
	resize: none;
}
.info-form .form-group .inputBirth, #client .logged .form-group .inputBirth, #service .book .form-group .inputBirth {
	padding-left: 50px;
	width: -moz-calc(100% - 207px);
	width: -webkit-calc(100% - 207px);
	width: calc(100% - 207px);
	background: url('images/icon-date.png') 10px center no-repeat;
}
.info-form .form-group .inputText, #service .book .form-group .inputText {
	height: 120px;
	padding: 20px;
	resize: none;
}
.info-form form button, #client .logged form button, #service .book form button {
	width: 100%;
	height: 60px;
	background-color: #505050;
	color: #fff;
	line-height: 60px;
	margin-top: 50px;
}
.info-form form button:hover, #client .logged form button:hover, #service .book form button:hover {
	background-color: #303030;
}
#service .book .editor {
	margin-top: 100px;
}
#service .book .editor .left {
	float: left;
	width: 45%;
}
#service .book .editor .right {
	float: right;
	width: 45%;
}
#service .book .editor h4 {
	color: #d26868;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}
#service .book .editor .list {
	margin-bottom: 50px;
}
.info-form .inputCode, #service .book .inputCode {
	position: relative;
}
.info-form .inputCode .codepic, #service .book .inputCode .codepic, .info-form .inputCode .codepic {
	height: 40px;
	position: absolute;
	right: 10px;
	top: 6px;
	cursor: pointer;
	overflow: hidden;
}
.info-form .inputCode .codepic img, #service .book .inputCode .codepic img {
	height: 40px;
}
*/
#service .book a.back {
	display: table;
	margin-left: auto;
	color: #6e1633;
	font-size: 15px;
	text-decoration: underline;
	margin-top: 10px;
}
#service .book a.back:hover {
	color: #98d056;
}
/* download */

#service .download {
	padding: 50px 0;
	position: relative;
	min-height: 560px;
}
#service .download h3 {
	margin-bottom: 0;
}
#service .download .top-bg {
	width: 100%;
	height: 300px;
	background: url('images/service/service-download-bg01.jpg') center top repeat-x;
	position: absolute;
	left: 0;
	top: 0;
}
#service .download .bottom-bg {
	width: 100%;
	height: 355px;
	background: url('images/service/service-download-bg02.jpg') center bottom repeat-x;
	position: absolute;
	left: 0;
	bottom: 0;
}
#service .download .container {
	position: relative;
	z-index: 1;
}
#service .download .block {
	padding: 50px 0;
	border-bottom: 1px dotted #a3a3a3;
}
#service .download .block:last-of-type {
	border-bottom: none;
}
#service .download .block .title {
	color: #6e1633;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 50px;
}
#service .download .block ul.list {
	padding: 0;
	margin: 0;
}
#service .download .block ul.list:after {
	content: '';
	display: block;
	clear: both;
}
#service .download .block ul.list li {
	float: left;
	max-width: 48%;
	list-style: none;
	text-align: center;
}
#service .download .block ul.list li:nth-of-type(even) {
	float: right;
}
#service .download .block ul.list li .pic {
	display: inline-block;
	line-height: 0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
	margin-bottom: 20px;
}
#service .download .call {
	text-align: center;
	margin: 50px 0;
}
#service .download .call a {
	display: inline-block;
	padding-left: 115px;
	position: relative;
}
#service .download .call a .icon {
	width: 100px;
	height: 100px;
	background: url('images/phone.png') center no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -50px;
	opacity: 0.7;
	transition: opacity 0.5s;
}
#service .download .call a:hover .icon {
	opacity: 1;
}
#service .download .call a span {
	display: block;
	color: #585858;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 2px;
}
#service .download .call a .number {
	color: #6e1633;
	font-size: 36px;
	font-style: italic;
	margin-bottom: 10px;
}
/* 991 max-md-size */
.max-md-size #service .team .editor .pic {
	float: none;
	margin: auto;
	margin-bottom: 20px;
	display: table;
}
.max-md-size #service .info ul li {
	width: -moz-calc(46% - 2px);
	width: -webkit-calc(46% - 2px);
	width: calc(46% - 2px);
}
.max-md-size #service h3 {
	text-align: center;
}
/* 767 max-sm-size */
.max-sm-size #service .book ul.step {
	border: none;
}
.max-sm-size #service .book ul.step li {
	float: none;
	width: auto;
	padding-bottom: 0;
	margin-bottom: 10px;
	border-bottom: none;
}
.max-sm-size #service .book ul.step li .step-inner {
	padding: 0;
	display: block;
	text-align: center;
}
.max-sm-size #service .book ul.step li i {
	display: none;
}
.max-sm-size #service .book ul.step li .number {
	position: relative;
	margin: auto;
	width: 35px;
	height: 35px;
	line-height: 37px;
	font-size: 20px;
}
.max-sm-size #service .book ul.step li p {
	font-size: 16px;
	line-height: 35px;
}
.max-sm-size #client .logged form, .max-sm-size #service .book form, .max-sm-size .info-form form {
	padding-top: 30px;
}
/*
.max-sm-size #client .logged .form-group, .max-sm-size #service .book .form-group, .max-sm-size .info-form .form-group {
	margin-left: 0;
	margin-right: 30px;
}
*/
.max-sm-size #client .logged form button, .max-sm-size #service .book form button, .max-sm-size .info-form form button {
	margin-top: 30px;
}
.max-sm-size #service .book .editor .left, .max-sm-size #service .book .editor .right {
	float: none;
	width: 100%;
}
/* 480 max-xs-size */
.max-xs-size .info-form .form-group .notice, .max-xs-size #client .logged .form-group .notice, .max-xs-size #service .book .form-group .notice {
	padding-left: 0;
}
.max-xs-size #service .info ul li {
	width: -moz-calc(100% - 2px);
	width: -webkit-calc(100% - 2px);
	width: calc(100% - 2px);
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 30px;
}
.max-xs-size #service .info ul li .text h4 {
	font-size: 22px;
}
.max-xs-size #service .download, .max-xs-size #service .book, .max-xs-size #service .info, .max-xs-size #service .awards, .max-xs-size #service .team {
	padding: 30px 0;
}
.max-xs-size #service .editor ul.photo li {
	margin: 20px;
}
.max-xs-size #service .book .radio-group span {
	display: table;
}
.max-xs-size #service .book .editor {
	margin-top: 50px;
}
.max-xs-size #service .book .editor .list {
	margin-bottom: 20px;
}
.max-xs-size #service .book .editor h4 {
	font-size: 18px;
	margin-bottom: 5px;
}
.max-xs-size #client .logged .form-group .form-control, .max-xs-size #service .book .form-group .right, .max-xs-size .info-form .form-group .right {
	float: none;
	width: -moz-calc(100% - 42px);
	width: -webkit-calc(100% - 42px);
	width: calc(100% - 42px);
	line-height: normal;
}
.max-xs-size .info-form .form-group .inputBirth, .max-xs-size #client .logged .form-group .inputBirth, .max-xs-size #service .book .form-group .inputBirth {
	width: -moz-calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
	width: calc(100% - 72px);
}
.max-xs-size .info-form .form-group select.form-control {
	width: 100%
}
.max-xs-size #client .logged .form-group .inputBirth, .max-xs-size #service .book .form-group .inputBirth {
	width: -moz-calc(100% - 72px);
	width: -webkit-calc(100% - 72px);
	width: calc(100% - 72px);
	position: relative;
}
.max-xs-size #client .logged .form-group label, .max-xs-size #service .book .form-group label, .max-xs-size .info-form .form-group label {
	float: none;
	width: auto;
	line-height: 30px;
	font-weight: bold;
}
.max-xs-size .info-form .radio-group label, .max-xs-size #service .book .radio-group label {
	font-weight: normal;
}
.max-xs-size #client .logged .form-group, .max-xs-size #service .book .form-group, .max-xs-size .info-form .form-group {
	margin-left: 20px;
	margin-right: 20px;
}
.max-xs-size #client .logged .form-group .form-control, .max-xs-size #service .book .form-group .form-control, .max-xs-size .info-form .form-group .form-control {
	height: 40px;
	line-height: 40px;
}
.max-xs-size .info-form .inputCode .codepic, .max-xs-size #service .book .inputCode .codepic {
	right: 2px;
	top: 31px;
}
.max-xs-size #service .download .call a span {
	font-size: 20px;
	margin-bottom: 0;
}
.max-xs-size #service .download .call a .number {
	font-size: 25px;
}
.max-xs-size #service .download .call a .icon {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	background-size: cover;
}
.max-xs-size #service .download .call a {
	padding-left: 70px;
}
.max-xs-size #service .download .block ul.list li {
	float: none;
	max-width: none;
	margin-bottom: 30px;
}
.max-xs-size #service .download .block .title {
	margin-bottom: 30px;
	text-align: center;
	font-size: 20px;
}
.max-xs-size #service .download .block {
	padding: 30px 0;
}
/* ==========================================================================
    client
 ==========================================================================*/

#client .subnav ul.list {
	border-bottom: 1px solid #dfdfdf;
}
#client .notice-tabs3 .wake .item:after, #client .notice-tabs3 .list:after, #client .subnav ul.list:after {
	content: '';
	clear: both;
	display: block;
}
#client .subnav ul.list li {
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: -1px;
}
#client .subnav ul.list li a {
	display: block;
	color: #a0a0a0;
	font-size: 16px;
	padding: 20px 0;
	border-bottom: 1px solid transparent;
	transition: border 0.5s, color 0.5s;
}
#client .subnav ul.list li a:hover {
	border-color: #98d056;
	color: #98d056;
}
/* notice */

#client .notice {
	padding: 50px 0;
}
#client .notice .editor .ready:after, #client .notice .editor:after {
	content: '';
	clear: both;
	display: block;
}
#client .notice .editor h4, #client .notice .editor .green {
	color: #6e1633;
	font-size: 18px;
	font-weight: bold;
}
#client .notice .editor h4 {
	margin-bottom: 30px;
}
#client .notice-tabs3 .list:nth-of-type(1) .pic, #client .notice-tabs1 .pic {
	float: right;
	text-align: right;
	width: 48%;
}
#client .notice-tabs3 .ready .left, #client .notice-tabs3 .list:nth-of-type(1) .text, #client .notice-tabs1 .text {
	float: left;
	width: 48%;
}
#client .notice-tabs3 .list:nth-of-type(2) .pic, #client .notice-tabs2 .pic {
	float: left;
	text-align: left;
	width: 48%;
}
#client .notice-tabs3 .ready .right, #client .notice-tabs3 .list:nth-of-type(2) .text, #client .notice-tabs2 .text {
	float: right;
	width: 48%;
}
#client .notice-tabs3 .ready, #client .notice-tabs3 .list {
	margin-bottom: 50px;
}
#client .notice-tabs3 .wake .item .title {
	float: left;
	width: 100px;
	padding-left: 70px;
	padding-right: 30px;
	position: relative;
	height: 50px;
	display: table;
}
#client .notice-tabs3 .wake .item .number {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #6e1633;
	color: #fff;
	font-style: italic;
	font-size: 30px;
	text-align: center;
	line-height: 50px;
	position: absolute;
	left: 0;
	top: 0;
	animation-delay: 0.5s;
}
#client .notice-tabs3 .wake .item {
	margin-bottom: 30px;
}
#client .notice-tabs3 .wake .item h5 {
	color: #585858;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
	animation-delay: 0.8s;
}
#client .notice-tabs3 .wake .item .text {
	float: left;
	width: -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px);
	padding-top: 10px;
	animation-delay: 1s;
}
#client .notice-tabs3 .wake .item .font20 {
	font-size: 20px;
}
#client .notice-tabs4 {
	background: #f2f2f2 url('images/client/client-notice-bg.jpg') center bottom repeat-x;
}
#client .notice-tabs4 .handbook {
	margin-top: 50px;
	background-color: rgba(255, 255, 255, 0.2);
	text-align: center;
}
#client .notice-tabs4 .handbook .title {
	padding: 15px;
	background-color: #d8d8d8;
	color: #585858;
	font-size: 20px;
}
#client .notice-tabs4 .handbook ul.list {
	display: inline-table;
	padding: 30px;
	margin: auto;
}
#client .notice-tabs4 .handbook ul.list li {
	list-style: url('images/client/client-notice-icon.png');
	padding-left: 10px;
	color: #585858;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 10px;
	text-align: left;
}
/* login */

.login {
	position: relative;
	padding: 80px 0;
	min-height: 440px;
}
.login .bg {
	position: absolute;
	top: 0;
	z-index: 0;
}
.login form {
	width: 400px;
	border-radius: 10px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	padding: 50px;
	position: relative;
	margin: auto;
	z-index: 1;
}
.login .title {
	max-width: 300px;
	margin: auto;
}
.login .title .logo {
	float: left;
}
.login .title h2 {
	float: right;
	color: #585858;
	font-size: 28px;
	letter-spacing: 2px;
	margin-top: 15px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.login form .inputCode {
	position: relative;
}
.login form .inputCode .codepic {
	height: 41px;
	position: absolute;
	right: 10px;
	bottom: 6px;
	cursor: pointer;
}
.login form .inputCode .codepic img {
	height: 41px;
}
/*
.login form button {
	width: 100%;
	height: 50px;
	background-color: #505050;
	color: #fff;
	font-size: 15px;
	line-height: 50px;
	margin-top: 20px;
}
.login form button:hover {
	background-color: #3b3b3b;
}
*/
.login .links {
	text-align: right;
	animation-delay: 0.3s;
}
.login .links a {
	display: inline-block;
	margin: 5px;
	color: #6e1633;
	text-decoration: underline;
}
.login .subtitle {
	margin: 10px 0;
	color: #6e1633;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
/* logged */

#client .logged {
	padding: 50px 0;
}
#client .logged .infoBox {
	margin-top: 50px;
	display: none;
}
#client .logged .infoBox table {
	width: 100%;
}
#client .logged .infoBox table td {
	color: #000;
	font-size: 15px;
	padding: 15px 20px;
	background-color: #e3e3e3;
}
#client .logged .infoBox table tr:nth-of-type(even) td {
	background-color: #f1f1f1;
}
#client .logged .infoBox table tr td:first-of-type {
	color: #fff;
	background-color: #959595;
	width: 20%;
	text-align: center;
}
/* place */

#client .place {
	padding: 50px 0;
}
#client .place h4 {
	color: #6e1633;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 40px;
}
#client .place .list {
	margin-bottom: 50px;
	border-bottom: 1px dotted #b0b0b0;
}
#client .place .list:last-of-type {
	margin-bottom: 0;
	border-bottom: none;
}
#client .place .list ul li {
	display: inline-table;
	width: 47%;
	margin-right: 5%;
	margin-bottom: 50px;
}
#client .place .list ul li:nth-of-type(even) {
	margin-right: 0;
}
#client .place .list .pic {
	height: 320px;
}
#client .place .list h5 {
	color: #585858;
	font-size: 20px;
	font-weight: normal;
	margin: 5px 0;
}
#client .place .list a.openMap {
	display: block;
	width: 150px;
	margin-top: 20px;
	border: 1px solid #e3e3e3;
	color: #a3a3a3;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	animation-delay: 0.5s;
}
#client .place .list a.openMap i {
	color: #6e1633;
	font-size: 20px;
}
#client .place .list a.openMap:hover {
	border-color: #6e1633;
	color: #6e1633;
}
/* message */

#client .message, #client .content, #client .compose {
	padding: 50px 0;
}
#client .message .summary {
	float: left;
}
#client .message .btn {
	background: #6e1633;
	color: #fff !important;
	text-align: center;
	transition: background 0.5s;
}
#client .message .btn:hover {
	background-color: #bf1c52;
}
/*
#client .message table {
	width: 100%;
	min-width: 650px;
	margin-top: 50px;
	border-collapse: collapse;
	text-align: center;
}
#client .message table .textLeft {
	text-align: left;
}

#client .message table th, #client .message table td {
	padding: 15px;
}
#client .message table th {
	background-color: #6e1633;
	border: 1px solid #fff;
	color: #fff;
}
#client .message table td {
	border-bottom: 1px dotted #959595;
	color: #585858;
}
#client .message table .date, #client .message table .name {
	min-width: 160px;
}
#client .message table .number {
	min-width: 40px;
}
#client .message table a {
	display: block;
	max-height: 30px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-moz-line-clamp: 1;
	-ms-line-clamp: 1;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-box-orient: vertical;
	transition: color 0.5s;
}
#client .message table a:hover {
	color: #6e1633;
}
*/
/* content */

#client .content table {
	width: 100%;
	margin-top: 50px;
	border-collapse: collapse;
}
#client .content table td {
	padding: 15px;
	border: 1px solid #fff;
	background-color: #f4f4f4;
	color: #585858;
}
#client .content table td:first-of-type {
	min-width: 70px;
	background-color: #6e1633;
	color: #fff;
	text-align: center;
}
#client .content table td.name {
	color: #2f571d;
}
#client .content table .reply td {
	color: #000;
	background-color: #e3e3e3;
}
#client .content table .reply td:first-of-type {
	color: #fff;
	background-color: #98d056;
}
/* compose */

#client .compose .info-form {
	padding: 0;
}
/* 991 max-md-size */
.max-md-size #client .message .summary, .max-md-size #client .message .btn {
	float: none;
	margin: auto;
	text-align: center;
}
.max-md-size #client .message .summary {
	margin-bottom: 30px;
}
.max-md-size #client .subnav ul.list {
	border: none;
	padding: 10px 0;
}
.max-md-size #client .subnav ul.list li {
	width: auto;
	margin: 10px;
}
.max-md-size #client .subnav ul.list li a {
	padding: 10px 20px;
	border: 1px solid #dfdfdf;
}
.max-md-size #client .subnav ul.list li a:hover {
	border-color: #98d056;
}
.max-md-size #client .notice-tabs3 .list:nth-of-type(1) .pic, .max-md-size #client .notice-tabs1 .pic, .max-md-size #client .notice-tabs3 .list:nth-of-type(2) .pic, .max-md-size #client .notice-tabs2 .pic {
	float: none;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
.max-md-size #client .notice-tabs3 .ready .left, .max-md-size #client .notice-tabs3 .list:nth-of-type(1) .text, .max-md-size #client .notice-tabs1 .text, .max-md-size #client .notice-tabs3 .ready .right, .max-md-size #client .notice-tabs3 .list:nth-of-type(2) .text, .max-md-size #client .notice-tabs2 .text {
	float: none;
	width: 100%;
}
.max-md-size #client .notice-tabs3 .ready .right {
	margin-top: 30px;
}
/*
.max-md-size #client h3 {
	text-align: center;
}
*/
.max-md-size #client .place .list .pic {
	height: 230px;
}
/* 767 max-sm-size */
.max-sm-size #client .notice-tabs3 .wake .item .title, .max-sm-size #client .notice-tabs3 .wake .item .text {
	float: none;
	width: 100%;
}
.max-sm-size .login form {
	width: auto;
	padding: 30px;
	margin: 15px;
}
.max-sm-size #client .message table th, .max-sm-size #client .message table td, .max-sm-size #client .content table td {
	padding: 10px;
}
.max-sm-size #client .message table .name {
	min-width: 100px;
}
.max-sm-size #client .message table {
	margin-top: 30px;
}
/* 480 max-xs-size */
.max-xs-size #client .content table td:first-of-type {
	min-width: 40px;
}
.max-xs-size #client .place, .max-xs-size #client .logged, .max-xs-size #client .notice, .max-xs-size #client .message, .max-xs-size #client .content, .max-xs-size #client .compose {
	padding: 30px 0;
}
.max-xs-size #client .subnav ul.list li {
	width: 100%;
	margin: 0;
	margin-bottom: -1px;
}
.max-xs-size #client .subnav ul.list {
	padding: 15px 0;
}
.max-xs-size #client .notice-tabs3 .wake .item .number {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 22px;
}
.max-xs-size #client .notice-tabs3 .wake .item .title {
	height: 40px;
	padding-left: 50px;
}
.max-xs-size #client .notice-tabs3 .wake .item h5 {
	font-size: 18px;
}
.max-xs-size #client .notice-tabs4 .handbook ul.list {
	display: table;
	padding: 0;
	margin: 0;
	margin-left: 60px;
}
.max-xs-size #client .notice-tabs4 .handbook {
	padding-bottom: 20px;
}
.max-xs-size #client .notice-tabs4 .handbook .title {
	margin-bottom: 30px;
}
.max-xs-size .login {
	padding: 0;
	min-height: 0;
}
.max-xs-size .login form {
	box-shadow: none;
	margin: 0;
	border-radius: 0;
	padding: 50px 15px;
}
.max-xs-size .login .title h2 {
	font-size: 25px;
}
.max-xs-size #client .logged .infoBox table tr td {
	padding: 15px;
}
.max-xs-size #client .logged .infoBox table tr td:first-of-type {
	width: 70px;
}
.max-xs-size #client .place .list ul li {
	width: 100%;
	margin: 0;
	margin-bottom: 30px;
}
.max-xs-size #client .place h4 {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.max-xs-size #client .place .list h5 {
	font-size: 18px;
	margin: 0;
}
.max-xs-size #client .place .list {
	margin-bottom: 30px;
}
/* ==========================================================================
    knowledge
 ==========================================================================*/

#knowledge .step, #knowledge .process {
	padding: 50px 0;
}
#knowledge .step .list {
	margin-bottom: 50px;
}
#knowledge .step .list:after {
	content: '';
	clear: both;
	display: block;
}
#knowledge .step .list .text {
	float: left;
	width: 50%;
}
#knowledge .step .list:nth-of-type(even) .text {
	float: right;
}
#knowledge .step .list .text h4 {
	padding: 5px 50px;
	border-bottom: 1px solid #6e1633;
	position: relative;
	color: #6e1633;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	margin-bottom: 20px;
}
#knowledge .step .list:nth-of-type(even) .text h4 {
	text-align: right;
}
#knowledge .step .list .text h4:after {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #6e1633;
	position: absolute;
	right: 0;
	bottom: -5px;
}
#knowledge .step .list:nth-of-type(even) .text h4:after {
	right: auto;
	left: 0;
}
#knowledge .step .list .text h4 span {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #6e1633;
	color: #fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 30px;
	line-height: 40px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: -20px;
}
#knowledge .step .list:nth-of-type(even) .text h4 span {
	right: 0;
	left: auto;
}
#knowledge .step .list .text-inner {
	padding-left: 50px;
}
#knowledge .step .list .pic {
	float: right;
	width: 45%;
	text-align: right;
	animation-delay: 0.5s;
}
#knowledge .step .list:nth-of-type(even) .pic {
	float: left;
}
/* process */

#knowledge .process ul.tabs {
	text-align: center;
}
#knowledge .process ul.tabs:after {
	content: '';
	clear: both;
	display: block;
}
#knowledge .process ul.tabs li {
	float: left;
	width: 50%;
	border-bottom: 2px solid transparent;
}
#knowledge .process ul.tabs li a {
	display: block;
	color: #bfbfbf;
	font-size: 24px;
	line-height: 70px;
	background-color: #eeeeee;
}
#knowledge .process ul.tabs li a:hover {
	color: #585858;
}
#knowledge .process ul.tabs li.actived {
	border-color: #8f3b57;
}
#knowledge .process ul.tabs li.actived a {
	background-color: #fce0e9;
	color: #701a36;
}
#knowledge .process .tabContent {
	padding: 50px 0;
}
/* custom */

#knowledge .custom {
	padding-top: 50px;
}
#knowledge .custom .note {
	background-color: #f6f6f6;
	padding: 50px 0;
}
#knowledge .custom .note .title {
	color: #6e1633;
	font-size: 24px;
	margin-bottom: 30px;
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#knowledge .custom .note .text {
	-webkit-animation: fadeOut 0.8s both;
	-moz-animation: fadeOut 0.8s both;
	animation: fadeOut 0.8s both;
}
#knowledge .custom .note .slick-current .text {
	-webkit-animation: fadeInUp 0.8s 0.3s both;
	-moz-animation: fadeInUp 0.8s 0.3s both;
	animation: fadeInUp 0.8s 0.3s both;
}
#knowledge .custom .note .slick-current .title {
	-webkit-animation: fadeInDown 0.8s 0.3s both;
	-moz-animation: fadeInDown 0.8s 0.3s both;
	animation: fadeInDown 0.8s 0.3s both;
}
/*
#knowledge .custom .note .pic {
	float: left;
	width: 300px;
	height: 325px;
	margin-right: 30px;
}

#knowledge .custom .note .text {
	float: left;
	width: -moz-calc(100% - 330px);
	width: -webkit-calc(100% - 330px);
	width: calc(100% - 330px);
}
*/
#knowledge .custom .note .slick-arrow {
	width: 30px;
	height: 50px;
	margin-top: -25px;
	background-color: transparent;
}
#knowledge .custom .note .slick-prev {
	left: -50px;
	background-image: url('images/slick-prev3.png');
}
#knowledge .custom .note .slick-next {
	right: -50px;
	background-image: url('images/slick-next3.png');
}
#knowledge .custom .tabnav {
	padding: 50px 0 150px 0;
	min-height: 170px;
	position: relative;
}
#knowledge .custom .tabnav .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 370px;
}
#knowledge .custom .tabnav .container {
	position: relative;
}
#knowledge .custom .note .slick-slide:after {
	content: '';
	clear: both;
	display: block;
}
#knowledge .custom .tabnav ul li {
	display: inline-table;
	width: 25%;
	margin-right: -6px;
	margin-bottom: 10px;
}
#knowledge .custom .tabnav ul li a {
	display: block;
	color: #959595;
	font-size: 16px;
	line-height: 26px;
	padding: 10px 40px 10px 15px;
	margin-right: 10px;
	position: relative;
}
#knowledge .custom .tabnav ul li.actived a {
	color: #6e1633;
}
#knowledge .custom .tabnav ul li:hover a {
	color: #fff;
	background-color: #6e1633;
}
#knowledge .custom .tabnav ul li a:before {
	content: '';
	width: 5px;
	height: 60%;
	background-color: #dcdcdc;
	position: absolute;
	left: 0;
	top: 20%;
	transition: opacity 0.5s, background 0.5s;
}
#knowledge .custom .tabnav ul li.actived a:before {
	background-color: #6e1633;
}
#knowledge .custom .tabnav ul li:hover a:before {
	opacity: 0;
}
#knowledge .custom .tabnav ul li i {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -13px;
	color: transparent;
	transition: color 0.5s;
}
#knowledge .custom .tabnav ul li:hover i {
	color: #fff;
}
/* faq */

#knowledge .faq {
	padding: 50px 0;
}
#knowledge .faq h3 {
	font-family: 敺株�甇��擃�;
}
#knowledge .faq ul {
	padding-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #959595;
}
#knowledge .faq .toggle {
	color: #585858;
	font-size: 20px;
	font-weight: normal;
	line-height: 30px;
	padding: 20px 50px 20px 75px;
	position: relative;
	border-top: 1px dashed #959595;
	transition: color 0.5s;
	cursor: pointer;
}
#knowledge .faq .toggle:hover, #knowledge .faq .toggle.actived, #knowledge .faq .toggle:hover:before {
	color: #6e1633;
}
#knowledge .faq .toggle:before {
	content: 'Q';
	position: absolute;
	left: 20px;
	top: 13px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	font-family: 敺株�甇��擃�;
	transition: color 0.5s, background 0.5s;
}
#knowledge .faq .toggle.actived:before {
	color: #fff;
	background-color: #6e1633;
}
#knowledge .faq .toggle:after {
	content: url('images/knowledge/knowledge-faq-icon.png');
	position: absolute;
	right: 20px;
	top: 23px;
}
#knowledge .faq .toggle.actived:after {
	content: url('images/knowledge/knowledge-faq-icon2.png');
}
#knowledge .faq .toggleInner {
	padding: 20px 50px 20px 75px;
	position: relative;
	display: none;
}
#knowledge .faq .toggleInner:before {
	content: 'A';
	position: absolute;
	left: 20px;
	top: 13px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	/*
	background-color: #98d056;
	*/
	background-color: #d5a96b;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 40px;
	font-family: Arial, Helvetica, sans-serif;
}
/* 1199 max-lg-size */
.max-lg-size #knowledge .custom .note .slider {
	padding: 0 50px;
}
.max-lg-size #knowledge .custom .note .slick-prev {
	left: 0;
}
.max-lg-size #knowledge .custom .note .slick-next {
	right: 0;
}
/* 991 max-md-size */
.max-md-size #knowledge .step .list .text, .max-md-size #knowledge .step .list .pic {
	float: none;
	width: auto;
}
.max-md-size #knowledge .step .list .pic {
	text-align: center;
	margin-top: 30px;
}
.max-md-size #knowledge .step .list:nth-of-type(even) .text h4 {
	text-align: left;
}
.max-md-size #knowledge .step .list:nth-of-type(even) .text h4 span {
	right: auto;
	left: 0;
}
.max-md-size #knowledge .step .list:nth-of-type(even) .text h4:after {
	right: 0;
	left: auto;
}
/*
.max-md-size #knowledge .custom .note .pic {
	float: none;
	margin: auto;
	margin-bottom: 20px;
	display: table;
}
.max-md-size #knowledge .custom .note .text {
	float: none;
	width: 100%;
}
*/
.max-md-size #knowledge .custom .note .title {
	margin-bottom: 10px;
	text-align: center;
}
/* 767 max-sm-size */
.max-sm-size #knowledge .custom .tabnav ul li {
	width: 50%;
}
/* 480 max-xs-size */
.max-xs-size #knowledge .faq, .max-xs-size #knowledge .custom .note, .max-xs-size #knowledge .process, .max-xs-size #knowledge .step {
	padding: 30px 0;
}
.max-xs-size #knowledge .step .list .text h4 span {
	bottom: 7px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 20px;
}
.max-xs-size #knowledge .step .list .text h4 {
	padding: 5px 40px;
	font-size: 18px;
}
.max-xs-size #knowledge .step .list .text-inner {
	padding-left: 0;
}
.max-xs-size #knowledge .step .list {
	margin-bottom: 20px;
}
.max-xs-size #knowledge .process ul.tabs li a {
	font-size: 18px;
	line-height: 50px;
}
.max-xs-size #knowledge .custom {
	padding-top: 30px;
}
.max-xs-size #knowledge .custom .note .slick-arrow {
	background-color: rgba(0,0,0,0.3);
}
.max-xs-size #knowledge .custom .note .slick-next {
	right: -15px;
	background-image: url('images/slick-next.png');
}
.max-xs-size #knowledge .custom .note .slick-prev {
	left: -15px;
	background-image: url('images/slick-prev.png');
}
.max-xs-size #knowledge .custom .note .slider {
	padding: 0 20px;
}
/*
.max-xs-size #knowledge .custom .note .pic {
    width: 100%;
    max-width: 300px;
}
*/
.max-xs-size #knowledge .custom .tabnav ul li i {
	display: none;
}
.max-xs-size #knowledge .custom .tabnav ul li a {
	padding: 10px 10px 10px 15px;
}
.max-xs-size #knowledge .custom .note .title {
	font-size: 20px;
}
.max-xs-size #knowledge .custom .note .pic {
	height: 200px;
	max-width: 200px;
}
.max-xs-size #knowledge .custom .tabnav ul li a {
	font-size: 15px;
}
.max-xs-size #knowledge .custom .tabnav {
	padding: 30px 0 100px 0;
}
.max-xs-size #knowledge .faq ul {
	padding-top: 0;
	margin-bottom: 0;
}
.max-xs-size #knowledge .faq .toggle {
	font-size: 18px;
	padding: 20px 50px;
}
.max-xs-size #knowledge .faq .toggleInner {
	padding: 20px 50px;
}
.max-xs-size #knowledge .faq .toggle:before, .max-xs-size #knowledge .faq .toggleInner:before {
	left: 0;
	font-size: 20px;
}
/* ==========================================================================
    contact
 ==========================================================================*/

#contact .info {
	padding: 50px 0;
}
#contact .info ul {
	float: left;
	width: -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px);
}
.max-sm-size #contact .info ul {
	float: none;
	width: 100%;
}
#contact .info .qrcode {
	float: right;
	width: 155px;
	margin-top: 30px;
}
.max-sm-size #contact .info .qrcode {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
#contact .info ul li {
	display: inline-table;
	width: -moz-calc(50% - 76px);
	width: -webkit-calc(50% - 76px);
	width: calc(50% - 76px);
	line-height: 35px;
	position: relative;
	padding-left: 70px;
	margin: 20px 0;
	animation-delay: 0.3s;
}
#contact .info ul li i {
	position: absolute;
	left: 0;
	top: 0;
	color: #6e1633;
	font-size: 35px;
}
#contact .info ul li a {
	color: #585858;
	font-size: 16px;
}
#contact .info ul li a:hover {
	color: #6e1633;
}
#contact .info ul li p {
	line-height: 35px;
	font-size: 16px;
}
#contact .map {
	height: 400px;
}
/* info-form */

.info-form {
	padding: 50px 0;
}
.info-form select {
	background-image: url('images/select-tri2.png');
}
.msie .info-form select {
	padding-right: 5px !important;
}
.info-form form {
	margin-top: 30px;
	margin-bottom: 50px;
}
/* 991 max-md-size */
.max-md-size #contact .info ul {
	display: table;
	margin: auto;
}
.max-md-size #contact .info ul li {
	display: block;
	width: auto;
}
.max-md-size #contact .map {
	height: 300px;
}
.max-md-size .info-form p {
	text-align: center;
}
/* 480 max-xs-size */
.max-xs-size .info-form, .max-xs-size #contact .info {
	padding: 30px 0;
}
.max-xs-size #contact .info ul li i {
	font-size: 30px;
}
.max-xs-size #contact .info ul li {
	padding-left: 50px;
}
.max-xs-size .info-form form {
	margin-bottom: 0;
}
/* ==========================================================================
    privacy
 ==========================================================================*/

#privacy .inner {
	padding: 50px 0;
}
#privacy .inner .text {
	margin-bottom: 50px;
}
#privacy .inner .text p.font18 {
	font-size: 18px;
}
#privacy .inner .text h4 {
	color: #6e1633;
	font-size: 20px;
}
#privacy .inner .text ul.list {
	padding-left: 40px;
	margin: 0;
	margin-top: 50px;
}
#privacy .inner .text ul.list h4 {
	margin-left: -40px;
	margin-bottom: 10px;
}
#privacy .inner .text ul.list li {
	list-style: none;
	margin-top: 15px;
	margin-bottom: 30px;
}
#privacy .inner .text ul.dot {
	padding-left: 30px;
}
#privacy .inner .text ul.dot li {
	position: relative;
	margin-bottom: 15px;
}
#privacy .inner .text ul.dot li:before {
	content: '';
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background-color: #585858;
	position: absolute;
	left: -25px;
	top: 7px;
}
/* 480 max-xs-size */
.max-xs-size #privacy .inner {
	padding: 30px 0;
}
.max-xs-size #privacy .inner .text p.font18 {
	font-size: 16px;
}
.max-xs-size #privacy .inner .text ul.list {
	padding-left: 30px;
	margin-top: 20px;
}
.max-xs-size #privacy .inner .text h4 {
	font-size: 16px;
}
.max-xs-size #privacy .inner .text ul.list h4 {
	margin-left: -30px;
}
.max-xs-size #privacy .inner .text ul.list li {
	margin-top: 0;
	margin-bottom: 15px;
}
.max-xs-size #privacy .inner .text ul.dot li {
	margin-bottom: 0;
}
/* ==========================================================================
    links
 ==========================================================================*/

#links .inner {
	padding-top: 50px;
}
#links .inner ul.list li {
	padding: 50px 0;
}
#links .inner ul.list li:nth-of-type(even) {
	background-color: #f6f6f6;
}
#links .inner ul.list li:after {
	content: '';
	display: block;
	clear: both;
}
#links .inner ul.list .pic {
	float: left;
	width: 300px;
	height: 150px;
	border: 1px solid #d2d2d2;
	background-color: #fff;
	text-align: center;
	margin-right: 50px;
	animation-delay: 0.5s;
}
#links .inner ul.list .picInner {
	margin: 10px;
	height: 130px;
	position: relative;
}
#links .inner ul.list .pic img {
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	text-align: center;
	display: inline-block;
	position: absolute;
}
#links .inner ul.list .text {
	float: left;
	width: -moz-calc(100% - 573px);
	width: -webkit-calc(100% - 573px);
	width: calc(100% - 573px);
	padding-left: 50px;
	padding-right: 170px;
	border-left: 1px solid #d2d2d2;
	position: relative;
	min-height: 147px;
}
#links .inner ul.list .text h4 {
	color: #585858;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 30px;
}
#links .inner ul.list .text p {
	animation-delay: 0.3s;
}
#links .inner ul.list .text a.btn {
	display: block;
	width: 140px;
	background-color: #6e1633;
	padding-left: 30px;
	color: #fff;
	font-size: 15px;
	line-height: 50px;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: background 0.5s;
	animation-delay: 0.5s;
}
#links .inner ul.list .text a.btn:hover {
	background-color: #6e1633;
}
#links .inner ul.list .text a.btn:after {
	content: url('images/links/links-icon.png');
	position: absolute;
	right: 20px;
	top: 4px;
	transition: right 0.5s;
}
#links .inner ul.list .text a.btn:hover:after {
	right: 15px;
}
/* 991 max-md-size */
.max-md-size #links .inner ul.list .text a.btn {
	position: relative;
	margin-top: 30px;
}
.max-md-size #links .inner ul.list .text {
	width: -moz-calc(100% - 403px);
	width: -webkit-calc(100% - 403px);
	width: calc(100% - 403px);
	padding-right: 0;
}
.max-md-size #links h3 {
	margin-bottom: 0;
}
/* 767 max-sm-size */
.max-sm-size #links .inner ul.list .pic {
	float: none;
	display: table;
	margin: auto;
}
.max-sm-size #links .inner ul.list .text {
	float: none;
	width: 300px;
	padding: 0;
	border: none;
	margin: auto;
	margin-top: 30px;
}
.max-xs-size #links h3 {
	text-align: center;
}
/* 480 max-xs-size */
.max-xs-size #links .inner {
	padding-top: 30px;
}
.max-xs-size #links .inner ul.list .pic, .max-xs-size #links .inner ul.list .text {
	width: 100%;
	max-width: 300px;
}
.max-xs-size #links .inner ul.list li {
	padding: 30px 0;
}
.max-xs-size #links .inner ul.list .text h4 {
	font-size: 18px;
	margin-bottom: 5px;
}
.max-xs-size #links .inner ul.list .text a.btn {
	margin-top: 20px;
}
/* ==========================================================================
    �梁鍂
 ==========================================================================*/

.topBanner {
	width: 100%;
	height: 450px;
	position: relative;
	margin-top: 90px;
	display: table;
	background-color: #dfdfdf;
}
.topBanner .pic {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.topBanner .text {
	position: relative;
	z-index: 1;
	display: table-cell;
	vertical-align: middle;
}
.topBanner .text h2 {
	color: #fff;
	font-size: 45px;
	font-weight: normal;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
.topBanner .text .en {
	color: #fff;
	font-size: 28px;
	font-family: 'PT Sans Narrow', sans-serif;
}
/* navbar */

.navbar {
	animation-delay: 0.3s;
}
.navbar .navToggle {
	background-color: #d5a96b;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	padding: 0 30px 0 15px;
	position: relative;
	cursor: pointer;
	display: none;
}
.navbar .navToggle:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
}
.navbar ul.list {
	float: left;
}
.navbar ul.list:after {
	content: '';
	clear: both;
	display: block;
}
.navbar ul.list li {
	float: left;
}
.navbar ul.list li a {
	display: block;
	color: #a3a3a3;
	font-size: 15px;
	line-height: 65px;
	padding: 0 20px;
}
.navbar ul.list li:hover a {
	color: #6e1633;
}
.navbar ul.list li.actived a {
	color: #fff;
	/*
	background-color: #6e1633;
	*/
	background-color: #6e1633;
}
.navbar .where {
	float: right;
}
.navbar .where a {
	color: #a3a3a3;
	font-size: 15px;
	line-height: 65px;
}
.navbar .where a:after {
	content: '>';
	padding: 0 5px;
}
.navbar .where a:last-of-type:after {
	content: normal;
}
.navbar .where a:hover {
	color: #000;
}
/* ul.pages */

ul.pages {
	margin: 30px auto;
	display: table;
}
ul.pages:after {
	content: '';
	clear: both;
	display: block;
}
ul.pages li {
	float: left;
	margin: 3px;
	text-align: center;
}
ul.pages li a {
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #dfdfdf;
	color: #6c6c6c;
	font-size: 16px;
	line-height: 40px;
}
ul.pages li.prev.twin a {
	background: url('images/pages-prev.png') center no-repeat;
}
ul.pages li.next.twin a {
	background: url('images/pages-next.png') center no-repeat;
}
ul.pages li:hover a, ul.pages li.twin:hover a {
	background-color: #eaeaea;
}
ul.pages li.actived a {
	color: #fff;
	background-color: #6ca449;
	border-color: #6ca449;
}
ul.pages li.back a {
	width: auto;
	padding: 0 20px;
}
/* successBox */

.successBox {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}
.successBox .blackMask {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	opacity: 0.9;
	z-index: 1;
}
.successBox .inner {
	width: 500px;
	height: 230px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -175px;
	padding: 60px 50px;
	z-index: 2;
}
.successBox .inner .text {
	padding-left: 150px;
	position: relative;
}
.successBox .inner .text i {
	display: block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	border: 2px solid #585858;
	color: #585858;
	font-size: 60px;
	line-height: 120px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
}
.successBox .inner .text .title {
	color: #585858;
	font-size: 28px;
	margin-bottom: 20px;
}
.successBox .inner .text a.btn {
	display: block;
	width: 200px;
	line-height: 46px;
	background-color: #bfbfbf;
	color: #fff;
	font-size: 15px;
	text-align: center;
	margin-top: 30px;
	transition: background 0.5s;
}
.successBox .inner .text a.btn:hover {
	background-color: #585858;
}
.successBox .inner .close {
	display: block;
	width: 40px;
	height: 40px;
	background: url('images/icon-close.png') center no-repeat;
	position: absolute;
	top: -80px;
	right: -100px;
	cursor: pointer;
	transition: transform 0.5s;
}
.successBox .inner .close:hover {
	transform: rotate(360deg);
}
/* 991 max-md-size */
.max-md-size .navbar .container {
	padding: 0;
	width: 100%;
}
.max-md-size .navbar .where {
	padding-right: 15px;
}
.max-md-size .topBanner {
	height: 300px;
	margin-top: 65px;
}
.max-md-size .successBox .inner .close {
	right: -50px;
}
.max-md-size .navbar .where {
	float: none;
	padding: 15px;
	background-color: #f6f6f6;
}
.max-md-size .navbar .where a {
	line-height: normal;
}
.max-md-size .navbar ul.list {
	float: none;
	width: 100%;
}
.max-md-size .navbar {
	border: none;
}
/* 767 max-sm-size */
.max-sm-size .navbar .navToggle {
	display: block;
}
.max-sm-size .navbar ul.list {
	display: none;
}
.max-sm-size .navbar ul.list li {
	float: none;
}
.max-sm-size .navbar ul.list li a {
	line-height: 50px;
	padding: 0 15px;
	border-bottom: 1px solid #dfdfdf;
}
.max-sm-size .navbar ul.list li.actived a {
	color: #6e1633;
	background-color: transparent;
}
.max-sm-size .successBox .inner {
	width: 80%;
	left: 5%;
	margin-left: 0;
	padding: 5%;
}
.max-sm-size .successBox .inner .close {
	right: 0;
	top: -50px;
}
/* 480 max-xs-size */
.max-xs-size .topBanner {
	height: 150px;
}
.max-xs-size .topBanner .text h2 {
	font-size: 30px;
	margin-bottom: 5px;
}
.max-xs-size .topBanner .text .en {
	font-size: 25px;
}
.max-xs-size .successBox .inner .text {
	padding: 0;
	text-align: center;
}
.max-xs-size .successBox .inner .text i {
	position: relative;
	width: 80px;
	height: 80px;
	line-height: 80px;
	font-size: 40px;
	margin: auto;
	margin-bottom: 15px;
}
.max-xs-size .successBox .inner {
	height: auto;
	margin-top: 0;
	top: 20%
}
.max-xs-size .successBox .inner .text a.btn {
	margin: auto;
	margin-top: 10px;
}
.max-xs-size .successBox .inner .text .title {
	font-size: 22px;
	margin-bottom: 10px;
}
/* min-md-size */
.min-md-size .navbar ul.list, .min-md-size #header ul.menu {
	display: table !important;
}
.min-md-size #header ul.menu li .sub {
	display: none !important;
}
/* ==========================================================================
    employee
 ==========================================================================*/

#employee .info-form form {
	border: none;
	margin: 0;
	padding: 20px 0;
}
#employee .info-form .block {
	margin-top: 30px;
	padding: 50px 0;
	border: 1px solid #e3e3e3;
}
.max-xs-size #employee .info-form .block {
	padding: 20px 0;
}
#employee .info-form .title {
	color: #6c6c6c;
	font-size: 30px;
	font-weight: normal;
}
.max-xs-size #employee .info-form .title {
	font-size: 25px;
}
#employee .info-form button {
	margin-top: 0;
}
.info-form .updatePic .form-control {
	width: -moz-calc(100% - 317px);
	width: -webkit-calc(100% - 317px);
	width: calc(100% - 317px);
	margin-right: 10px;
}
.info-form .updatePic button {
	float: left;
}
.info-form form .updateBtn {
	width: 130px;
	height: 52px;
	border: 1px solid #d7d7d7;
	background-color: #fff;
	color: #585858;
	line-height: 50px;
}
.max-xs-size .info-form form .updateBtn {
	float: none;
	height: 42px;
	margin: 10px 0 !important;
	line-height: 42px;
	border: none;
}
.max-xs-size .info-form form .updateBtn {
	background-color: #585858;
	color: #fff;
}
.info-form form .updateBtn:hover {
	background-color: #585858;
	color: #fff;
}
.info-form form .updateBtn .icon {
	display: inline-block;
	vertical-align: text-bottom;
	width: 21px;
	height: 21px;
	margin-right: 10px;
	background: url('images/employee/employee-update-icon.png') center no-repeat;
}
.info-form .updatePic .text {
	padding-left: 140px;
	color: #959595;
}
.max-xs-size .info-form .updatePic .text {
	padding-left: 0;
}
/* subnav */

#news .listInner {
	padding-top: 0;
}
#news .listInner h3.title {
	margin: 50px 0;
	color: #6c6c6c;
	font-size: 30px;
	font-weight: normal;
}
.max-xs-size #news .listInner h3.title {
	font-size: 25px;
}
#news .listInner .subnav ul, #employee .subnav ul {
	text-align: center;
}
#news .listInner .subnav ul li, #employee .subnav ul li {
	float: left;
	width: 50%;
	border-bottom: 1px solid #dfdfdf;
}
#news .listInner .subnav ul li.actived, #employee .subnav ul li.actived {
	border-color: #98d056;
}
#news .listInner .subnav ul li a, #employee .subnav ul li a {
	display: block;
	padding: 20px 0;
	color: #a0a0a0;
	font-size: 16px;
	transition: color 0.3s;
}
#news .listInner .subnav ul li a:hover, #employee .subnav ul li a:hover {
	color: #585858;
}
.max-xs-size #news .listInner .subnav ul li a, .max-xs-size #employee .subnav ul li a {
	padding: 10px 0;
	font-size: 15px;
}
#news .listInner .subnav ul li.actived a, #employee .subnav ul li.actived a {
	color: #98d056;
}
/* list */

#employee ul.list-block {
	margin: 100px 0;
}
.max-md-size #employee ul.list-block {
	margin: 50px 0;
}
.max-xs-size #employee ul.list-block {
	margin: 30px 0;
}
#employee ul.list-block li {
	float: left;
	width: 31.2%;
	margin: 1.5%;
	position: relative;
	line-height: 0;
}
#employee ul.list-block li:first-of-type, #employee ul.list-block li:nth-of-type(3n+1) {
	margin-left: 0;
}
#employee ul.list-block li:nth-of-type(3n) {
	margin-right: 0;
}
.max-sm-size #employee ul.list-block li {
	width: 47%;
	margin: 1.5%;
}
.max-xs-size #employee ul.list-block li {
	width: 100%;
	margin: 10px 0;
}
#employee ul.list-block li a {
	display: block;
	overflow: hidden;
}
#employee ul.list-block li .pic {
	height: 340px;
	transition: transform 1s;
}
.max-xs-size #employee ul.list-block li .pic {
	height: 250px;
}
#employee ul.list-block li:hover .pic {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
}
#employee ul.list-block li .pic:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #000;
	opacity: 0.4;
	transition: opacity 0.5s;
}
#employee ul.list-block li:hover .pic:before {
	opacity: 0.2;
}
#employee ul.list-block li .pic:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	background-color: #6e1633;
	opacity: 0;
	transition: opacity 0.5s;
}
#employee ul.list-block li:hover .pic:after {
	opacity: 0.7;
}
#employee ul.list-block li .text {
	width: 100%;
	margin-top: -100px;
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 3;
	text-align: center;
}
#employee ul.list-block li .icon {
	margin-bottom: 10px;
}
#employee ul.list-block li .icon img {
	max-width: 80px;
}
.max-xs-size #employee ul.list-block li .icon img {
	max-width: 60px;
}
#employee ul.list-block li .title {
	min-height: 2.5em;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	line-height: 1.25em;
}
.max-xs-size #employee ul.list-block li .title {
	font-size: 20px;
}
#employee ul.list-block li .more {
	display: inline-block;
	width: 120px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	line-height: 45px;
	transition: color 0.3s, background 0.3s;
}
.max-xs-size #employee ul.list-block li .more {
	font-size: 15px;
}
#employee ul.list-block li .more:hover {
	background-color: #fff;
	color: #6e1633;
}
#employee .info-form .info .pic {
	float: left;
	margin-top: 20px;
	margin-right: 30px;
	border: 1px solid #eeeeee;
	line-height: 0;
}
#employee .info-form .info .jqimgFill {
	width: 280px;
	height: 210px;
	margin: 10px;
	overflow: hidden;
}
#employee .info-form .info .text {
	float: left;
	margin-top: 20px;
}
#employee .info-form .info .text .number {
	margin-bottom: 8px;
	color: #6e1633;
	font-size: 24px;
}
#employee .info-form .info .text .note {
	margin-bottom: 8px;
	color: #a0a0a0;
}
/* ==========================================================================
    footer
 ==========================================================================*/

#footer {
	position: relative;
	z-index: 2;
}
#footer .contact {
	position: relative;
	animation-delay: 0.3s;
}
#footer .contact .bg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
#footer .contact .bg:after {
	/*
	content: '';
	*/
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.45;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
#footer .contact .text {
	padding: 150px 15px 100px 15px;
	position: relative;
	text-align: center;
	z-index: 2;
}
#footer .contact .text .logo img {
	max-width: 185px;
}
#footer .contact .text .btn {
	margin: auto;
	margin-top: 50px;
	display: block;
	width: 155px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 15px;
	line-height: 53px;
	animation-delay: 0.5s;
}
#footer .contact .text .btn:hover {
	background-color: rgba(0,0,0,0.5);
}
/* info */

#footer .info {
	padding: 50px 15px;
	background-color: #fff;
}
#footer .info .container {
	max-width: 1200px;
}
#footer .info ul {
	text-align: center;
}
#footer .info ul li {
	width: 30%;
	display: inline-table;
}
#footer .info ul li:nth-of-type(2) {
	animation-delay: 0.3s;
}
#footer .info ul li:nth-of-type(3) {
	animation-delay: 0.5s;
}
#footer .info ul li i {
	font-size: 50px;
	color: #505050;
	display: table;
	margin: 20px auto;
}
#footer .info ul li i.icon-mail {
	font-size: 40px;
}
#footer .info ul li a {
	display: inline-block;
	color: #838383;
	font-size: 15px;
}
#footer .info ul li a:hover {
	color: #6e1633;
}
/* sitemap */

#footer .sitemap {
	background-color: #fbfbfb;
	padding: 50px 0 20px;
}
#footer .sitemap ul {
	display: table;
	margin: auto;
}
#footer .sitemap ul li {
	display: inline-table;
	margin: 0 25px 30px 25px;
}
#footer .sitemap ul li a {
	display: table;
}
#footer .sitemap ul li .title {
	color: #6c6c6c;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
#footer .sitemap ul li .sub a {
	color: #8f8f8f;
	font-size: 15px;
	margin-top: 8px;
}
#footer .sitemap ul li a:hover {
	color: #6e1633;
}
/* footer */

#footer .footer {
	padding: 15px 10px;
	background-color: #303030;
	text-align: center;
}
#footer .footer p {
	color: #f0f0f0;
	font-size: 15px;
	margin: 0;
}
#footer .footer a {
	margin: 0 5px;
}
/* 991 max-md-size */
.max-md-size #footer .sitemap ul li {
	margin: 0px 18px 30px 18px;
}
.max-md-size #footer .contact .text {
	padding: 100px 15px 50px 15px;
}
.max-md-size #footer .sitemap {
	display: none;
}
/* 767 max-sm-size */
.max-sm-size #footer .info ul li {
	width: auto;
	display: block;
}
/* 480 max-xs-size */
.max-xs-size #footer .footer a.designed {
	display: table;
	margin: auto;
	margin-bottom: 5px;
}
.max-xs-size #footer .footer a.designed:after {
	content: normal;
}
.max-xs-size #footer .info ul li i {
	font-size: 30px;
	margin-bottom: 10px;
}
.max-xs-size #footer .info ul li i.icon-mail {
	font-size: 26px;
	padding-right: 10px;
}
.max-xs-size #footer .info {
	padding-top: 30px;
}
.max-md-size #footer .contact .text {
	padding: 50px 15px;
}
.max-md-size #footer .contact .text .btn {
	margin-top: 20px;
}
/* ==========================================================================
    noie9
 ==========================================================================*/

#noie9 {
	background: #FFDFDF;
	border: 1px solid #FF2F2F;
	clear: both;
	color: #555;
	display: block;
	font-size: 15px;
	padding: 5px;
	position: relative;
	text-align: center;
	width: 90%;
	margin: 100px auto 10px auto;
}
#noie9 a {
	color: #F00;
}
.shareaholic-share-buttons-container li.shareaholic-share-button {
	display: block !important;
}