@charset "utf-8";

/* reset css */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
textarea,
p,
th,
td {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

th {
	font-weight: normal;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: 0;
}

ol,
ul {
	list-style: none;
}

a {
	outline: none;
	hlbr: expression(this.onFocus=this.blur());
	text-decoration: none;
	cursor: pointer;
}

input,
select,
textarea,
button {
	outline: none;
	border-radius: 0;
	font-family: arial, "微軟正黑體";
}

button {
	padding: 0;
	cursor: pointer;
}

body {
	font-family: "微軟正黑體", arial;
}

/* top-link */
#top-link {
	font-family: arial, "微軟正黑體";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #f6f6f6;
	z-index: 10;
}

#top-link .wrap {
	width: 96%;
	max-width: 1140px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: right;
}

#top-link .wrap .link {
	display: inline-block;
	vertical-align: middle;
}

#top-link .wrap .link a {
	font-size: 15px;
	color: #000;
}

#top-link .wrap .link a:hover {
	color: #4283ba;
}

#top-link .wrap .link .hire::before,
#top-link .wrap .link .member::before {
	content: "";
	position: relative;
	top: 1px;
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: 5px;
	background: url(../images/header_link2.png);
}

#top-link .wrap .link .hire,
#top-link .wrap .link .member {
	margin-right: 30px;
}

#top-link .wrap .link .hire::before {
	background-position: left top;
}

#top-link .wrap .link .member::before {
	background-position: right top;
}

#top-link .search {
	position: relative;
	display: inline-block;
	width: 210px;
}

#top-link .search input {
	display: block;
	width: 100%;
	height: 30px;
	padding: 5px 35px 5px 20px;
	background: #FFF;
	border: none;
	border-radius: 20px;
	box-sizing: border-box;
}

#top-link .search button {
	position: absolute;
	right: 10px;
	top: 8px;
	display: block;
	width: 16px;
	height: 16px;
	background: url(../images/search.png);
	border: none;
	text-indent: -9999px;
}

#top-link .location {
	display: inline-block;
	margin-left: 30px;
	font-size: 15px;
	color: #333;
	vertical-align: middle;
}

#top-link .location::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 8px;
	margin-left: 10px;
	background: url(../images/header_location.png);
}

#top-link .location:hover {
	color: #000;
}

/* header */
#header {
	position: fixed;
	left: 0;
	top: 50px;
	width: 100%;
	background: #FFF;
	box-sizing: border-box;
	z-index: 10;
	border-bottom: 1px solid #dfdfdf;
}

#header .wrap {
	width: 96%;
	max-width: 1140px;
	margin: 0 auto;
}

#header .wrap::after {
	content: "";
	display: block;
	clear: both;
}

#logo {
	float: left;
	width: 126px;
	height: 29px;
	margin-top: 20px;
	background: url(../images/logo2.png);
	text-indent: -9999px;
	cursor: pointer;
	transition: all .3s;
}

#navigation {
	font-family: arial, "微軟正黑體";
	float: right;
	width: 80%;
	transition: all .3s;
}

#navigation::after {
	content: "";
	display: block;
	clear: both;
}

#navigation > li {
	float: left;
	width: 20%;
}

#navigation > li > a {
	display: block;
	padding: 25px 0;
	border-style: solid;
	border-width: 0 1px;
	border-color: transparent;
	font-size: 15px;
	color: #555;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	transition: all .3s;
}

#navigation > li:hover a {
	background: #f3f3f5;
	border-color: transparent #dfdfdf;
	color: #000;
}

#navigation .sub-menu {
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	width: 100%;
	padding: 50px 0;
	background: #f3f3f5;
	border: 1px solid #dfdfdf;
	border-top: none;
	box-sizing: border-box;
	z-index: 11
}

#navigation .sub-menu .wrap {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#navigation .sub-menu .wrap table {
	width: 100%;
	margin: 0 auto;
}

#navigation .sub-menu .wrap td {
	width: 25%;
	vertical-align: top;
}

#navigation .sub-menu .wrap td::after {
	content: "";
	display: block;
	clear: both;
}

#navigation .sub-menu .wrap td h2 {
	clear: both;
	margin-bottom: 10px;
	font-size: 17px;
	color: #000;
}

#navigation .sub-menu .wrap td h2 a {
	color: #000;
	transition: all .3s;
	white-space: nowrap;
}

#navigation .sub-menu .wrap td h2 a:hover {
	color: #666;
}

#navigation .sub-menu .wrap td ul {
	float: left;
	display: inline-block;
}

#navigation .sub-menu .wrap td ul:nth-child(3) {
	margin-left: 10%;
}

#navigation .sub-menu .wrap td li a {
	font-size: 15px;
	color: #555;
	line-height: 30px;
	transition: all .3s;
	white-space: nowrap;
}

#navigation .sub-menu .wrap td li a img {
	position: relative;
	top: 12px;
	display: inline-block;
	height: auto;
	margin-right: 10px;
}

#navigation .sub-menu .wrap td li a img.type-1 {
	max-width: 35px;
}

#navigation .sub-menu .wrap td li a img.type-2 {
	max-width: 108px;
}

#navigation .sub-menu .wrap td li a img.type-3 {
	max-width: 113px;
}

#navigation .sub-menu .wrap td li a:hover {
	color: #333;
}

#navigation .sub-menu .wrap td li a.more2 {
	line-height: 54px;
}

#navigation .sub-menu .wrap td li.award a::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	background: url(../images/navi_award_170104.png);
}

#navigation .sub-menu .wrap td li.a1 a::before {
	background-position: left top;
}

#navigation .sub-menu .wrap td li.a2 a::before {
	background-position: -20px top;
}

#navigation .sub-menu .wrap td li.a3 a::before {
	background-position: -40px top;
}

#navigation .sub-menu .wrap td li.a4 a::before {
	background-position: -60px top;
}

#navigation .sub-menu .wrap td li.save a::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	width: 24px;
	height: 21px;
	margin-right: 5px;
	background: url(../images/navi_save.png);
}

#navigation .sub-menu .wrap td li.save2 img {
	width: 22px;
	height: 22px;
	top: 5px;
	margin-right: 6px;
}

#navigation .sub-menu .wrap td li.s1 a::before {
	background-position: left top;
}

#navigation .sub-menu .wrap td li.s2 a::before {
	background-position: right top;
}

#navigation .sub-menu .wrap td li a.more {
	color: #315ab6;
}

#navigation .sub-menu .wrap td li a.more::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-left: 10px;
	background: url(../images/index_news_more.png);
	transition: all .3s;
}

#navigation .sub-menu .wrap td li a.more:hover::after {
	margin-left: 20px;
}

#navigation .sub-menu .wrap td h2.new {
	padding-top: 45px;
}

#navigation .sub-menu .wrap td h2.new::after,
#navigation .sub-menu .wrap td h2.category::after {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 29px;
	height: 16px;
	margin-left: 5px;
	background: url(../images/navi_product.png);
}

#navigation .sub-menu .wrap td h2.new::after {
	background-position: left top;
}

#navigation .sub-menu .wrap td h2.category::after {
	background-position: right top;
}

#navigation .sub-menu .wrap .location {
	max-width: 650px;
	margin: 0 auto;
	overflow: hidden;
}

#navigation .sub-menu .wrap .location h2 {
	margin-bottom: 10px;
	font-size: 17px;
	color: #000;
	white-space: nowrap;
}

#navigation .sub-menu .wrap .location .left {
	float: left;
	width: 67.6%;
}

#navigation .sub-menu .wrap .location .left img {
	float: left;
	display: block;
	max-width: 100%;
	height: auto;
	margin-right: 10px;
}

#navigation .sub-menu .wrap .location .left p {
	padding-bottom: 15px;
	font-size: 15px;
	color: #555;
	line-height: 24px;
}

#navigation .sub-menu .wrap .location .left a.more {
	color: #315ab6;
}

#navigation .sub-menu .wrap .location .left a.more::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-left: 10px;
	background: url(../images/index_news_more.png);
	transition: all .3s;
}

#navigation .sub-menu .wrap .location .left a.more:hover::after {
	margin-left: 20px;
}

#navigation .sub-menu .wrap .location .right {
	float: right;
	width: 16%;
}

#navigation .sub-menu .wrap .location .right li a {
	font-size: 15px;
	color: #555;
	line-height: 24px;
	transition: all .3s;
}

#navigation .sub-menu .wrap .location .right li a:hover {
	color: #000;
}

/* header-spacer */
#header-spacer {
	height: 120px;
}

/* footer */
#footer {
	font-family: arial, "微軟正黑體";
	padding-bottom: 60px;
	background: #212121;
}

#footer .link {
	padding: 30px 0;
	text-align: center;
}

#footer .link a {
	display: inline-block;
	margin: 0 5px;
	padding: 0 30px;
	border: 1px solid #FFF;
	font-size: 17px;
	color: #FFF;
	line-height: 50px;
	transition: all .3s;
}

#footer .link a:hover {
	background: rgba(255, 255, 255, .3);
}

#footer .link a::before {
	content: "";
	position: relative;
	display: inline-block;
	width: 23px;
	height: 24px;
	margin-right: 5px;
	background: url(../images/footer_icon2.png);
}

#footer .link .location::before {
	top: 6px;
	background-position: left top;
}

#footer .link .fix::before {
	top: 4px;
	background-position: center top;
}

#footer .link .reservation::before {
	top: 4px;
	background-position: right top;
}

#footer table {
	width: 90%;
	max-width: 1024px;
	margin: 30px auto 0 auto;
}

#footer td {
	width: 18%;
	vertical-align: top;
}

#footer td:last-child {
	width: auto;
	padding: 0;
}

#footer td h2 {
	clear: both;
	margin-bottom: 15px;
	font-family: "微軟正黑體";
	font-size: 17px;
	color: #FFF;
}

#footer td h2 a {
	color: #FFF;
	transition: all .3s;
}

#footer td h2 a:hover {
	color: #CCC;
}

#footer td h2.paddingTop {
	padding-top: 20px;
}

#footer td ul.space {
	margin-top: 37px;
}

#footer td li a {
	font-size: 15px;
	color: #FFF;
	line-height: 30px;
	white-space: nowrap;
}

#footer td li a:hover {
	color: #CCC;
	transition: all .3s;
}

#footer td h3 {
	padding: 50px 0 20px 0;
	font-size: 17px;
	color: #FFF;
}

#footer .fb,
#footer .line{
	width: 24px;
	height: 24px;
	margin-right: 10px;
	vertical-align: top;
}

/* copyright */
#copyright {
	font-family: arial, "微軟正黑體";
	padding: 30px 0;
	background: #000;
	font-size: 15px;
	color: #FFF;
}

#copyright .wrap {
	width: 96%;
	max-width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}

#copyright .wrap .logo {
	float: left;
	width: 126px;
	height: 29px;
	margin-right: 8%;
	background: url(../images/logo_w.png);
	text-indent: -9999px;
}

#copyright .wrap .link {
	float: left;
}

#copyright .wrap .link a {
	color: #FFF;
	transition: all .3s;
}

#copyright .wrap .link a:hover {
	color: #CCC;
}

#copyright .wrap span {
	float: right;
}

/* gotop */
#gotop {
	position: fixed;
	right: 0;
	bottom: 89px;
	width: 60px;
	height: 60px;
	background: #000;
	font-size: 12px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

#gotop::before {
	content: "";
	display: block;
	width: 21px;
	height: 12px;
	margin: 15px auto 5px auto;
	background: url(../images/gotop.png);
}

/* global-toto */
#mask {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(245, 245, 245, .7);
	z-index: 11;
}

#global-toto {
	font-family: arial, "微軟正黑體";
	position: fixed;
	left: 50%;
	top: 50%;
	display: none;
	width: 1000px;
	margin: -166px 0 0 -500px;
	padding: 60px;
	background: rgba(33, 33, 33, 0.9);
	box-sizing: border-box;
	z-index: 12;
}

#global-toto table {
	width: 100%;
}

#global-toto td {
	width: 24%;
	vertical-align: top;
}

#global-toto td:first-child,
#global-toto td:last-child {
	width: 14%;
}

#global-toto td h2 {
	clear: both;
	margin-bottom: 15px;
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #FFF;
}

#global-toto td h2 a {
	color: #FFF;
	transition: all .3s;
}

#global-toto td h2 a:hover {
	color: #CCC;
}

#global-toto td ul.space {
	margin-top: 37px;
}

#global-toto td li a {
	font-size: 15px;
	color: #CCC;
	line-height: 35px;
}

#global-toto td li a:hover {
	color: #FFF;
	transition: all .3s;
}

#global-toto .close {
	position: absolute;
	right: 15px;
	top: 15px;
	display: block;
	width: 37px;
	height: 37px;
	background: url(../images/global_toto_close.png);
	text-indent: -9999px;
	transition: all .3s;
}

#global-toto .close:hover {
	opacity: .6;
}

/* path */
#path {
	position: relative;
	padding: 15px 5%;
	font-size: 15px;
	color: #555;
}

#path a {
	color: #555;
	transition: all .3s;
}

#path a::after {
	content: ">";
	display: inline-block;
	margin: 0 5px;
}

#path a:hover {
	color: #367eb3;
}

	#path .sale {
		/*float: right;*/
		font-size: 15px;
		color: #315ab6;
	}

#path .sale::after {
	display: none;
}

#path .sale:hover {
	color: #999;
}

/* main-title */
#main-title {
	padding: 15px 0;
	font-size: 30px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#main-title span {
	display: block;
	padding-top: 5px;
	font-size: 15px;
	color: #333;
}

/* banner */
#banner {
	position: relative;
}

#banner > a {
	position: relative;
	display: block;
}

#banner img {
	display: block;
	width: 100%;
	height: auto;
}

#banner.neorest {
	padding-left: 33.4%;
	background: #f4f4f4;
}

#banner.neorest .wrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 33.4%;
	padding: 0 3%;
	box-sizing: border-box;
}

#banner.neorest .wrap h2 img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#banner.neorest .wrap h3 {
	padding-bottom: 15px;
	font-size: 20px;
	color: #333;
	font-weight: normal;
}

#banner.neorest .wrap p {
	padding-bottom: 20px;
	font-size: 15px;
	color: #333;
	line-height: 24px;
}

#banner.neorest .wrap a {
	display: inline-block;
	padding: 10px 30px;
	background: #3252a3;
	border-radius: 20px;
	font-size: 17px;
	color: #FFF;
	transition: all .3s;
}

#banner.neorest .wrap a:hover {
	background: #797979;
}

#banner.washlet {
	padding-left: 33.4%;
	background: #f4f4f4;
}

#banner.washlet .wrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 33.4%;
	padding: 0 3%;
	box-sizing: border-box;
}

#banner.washlet .wrap h2 img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#banner.washlet .wrap h3 {
	padding-bottom: 15px;
	font-size: 20px;
	color: #333;
	font-weight: normal;
}

#banner.washlet .wrap p {
	padding-bottom: 20px;
	font-size: 15px;
	color: #333;
	line-height: 24px;
}

#banner.washlet .wrap a {
	display: inline-block;
	padding: 10px 30px;
	background: #3252a3;
	border-radius: 20px;
	font-size: 17px;
	color: #FFF;
	transition: all .3s;
}

#banner.washlet .wrap a:hover {
	background: #797979;
}

#banner.service {
	padding-left: 33.4%;
	/*background: #f4f4f4; 20230508 */
}

#banner.service .wrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 33.4%;
	padding: 0 3%;
	box-sizing: border-box;
}

#banner.service .wrap h2 {
	margin-bottom: 20px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#banner.service .wrap p {
	padding-bottom: 10px;
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

#banner.service .wrap p b {
	display: inline-block;
	margin-right: 20px;
}

#banner.service dt {
	margin-bottom: 14%;
}

#banner.designer-raise .wrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -118px;
	text-align: center;
}

#banner.designer-raise .wrap h2 {
	margin-bottom: 20px;
	font-size: 36px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

#banner.designer-raise .wrap h2::before {
	content: "";
	display: block;
	width: 102px;
	height: 69px;
	margin: 10px auto;
	background: url(../images/signup_icon.png) left top no-repeat;
}

#banner.designer-raise .wrap p {
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

/* container */
.container {
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}

/* page */
#page {
	position: relative;
	width: 100%;
	margin: 5% 0;
	text-align: center;
}

#page::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 1px;
	background: #efefef;
}

#page a {
	position: relative;
	display: inline-block;
	padding-top: 25px;
	border-top: 1px solid transparent;
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #999;
	transition: all .3s;
}

#page a:hover,
#page a.active {
	border-top-color: #555;
	color: #111;
}

#page a.num,
#page a.prev,
#page a.next {
	width: 40px;
}

#page a.first,
#page a.last {
	width: 60px;
}

#page a.prev,
#page a.next {
	text-indent: -9999px;
}

#page a.prev::before,
#page a.next::before {
	content: "";
	position: absolute;
	left: 11px;
	top: 31px;
	display: block;
	width: 18px;
	height: 7px;
	background: url(../images/page_arrow.png);
}

#page a.prev::before {
	background-position: left top;
}

#page a.prev:hover::before {
	background-position: left bottom;
}

#page a.next::before {
	background-position: right top;
}

#page a.next:hover::before {
	background-position: right bottom;
}

/* product-category */
#product-category {
	overflow: hidden;
}

#product-category li {
	float: left;
	width: 31.33%;
	margin: 1%;
}

#product-category li a {
	position: relative;
	display: block;
	transition: all .3s;
}

#product-category li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	transition: all .3s;
}

#product-category li a img {
	display: block;
	width: 100%;
	height: auto;
}

#product-category li a .wrap {
	position: absolute;
	left: 30px;
	top: 30px;
	height: 22px;
	overflow: hidden;
	transition: all .3s;
}

#product-category li a .wrap h2 {
	font-size: 22px;
	line-height: 22px;
	font-weight: normal;
}

#product-category li a .wrap p {
	padding-top: 5px;
	font-size: 15px;
	color: #FFF;
}

#product-category li a .wrap span {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 45px;
	background: rgba(0, 0, 0, .4);
	border: 1px solid #807e7b;
	border-radius: 20px;
	font-size: 15px;
	color: #FFF;
}

#product-category li.dark a .wrap h2 {
	color: #333;
}

#product-category li.light a .wrap h2 {
	color: #FFF;
}

#product-category li a:hover::before {
	opacity: 1;
}

#product-category li a:hover .wrap {
	height: 100px;
}

#product-category li.dark a:hover .wrap h2 {
	color: #FFF;
}

#product-category li.full {
	float: none;
	width: 98%;
}

#product-category li.part {
	width: 48%;
}

/* neorest */
#neorest {
	margin-top: 5%;
}

#neorest .list {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

#neorest .list li {
	float: left;
	width: 50%;
	padding-right: 20px;
	box-sizing: border-box;
}

#neorest .list li dl {
	position: relative;
	min-height: 265px;
	padding-left: 245px;
}

#neorest .list li dt {
	position: absolute;
	left: 0;
	top: 0;
}

#neorest .list li dt a {
	display: block;
	transition: all .3s;
}

#neorest .list li dt a img {
	display: block;
	max-width: 245px;
	width: 100%;
	height: auto;
}

#neorest .list li dt a:hover {
	opacity: .6;
}

#neorest .list li dd {
	padding-top: 35px;
}

#neorest .list li dd h2,
#neorest .list li dd h3 {
	font-size: 24px;
	color: #000;
	line-height: 40px;
	font-weight: normal;
}

#neorest .list li dd p {
	max-width: 270px;
	padding: 10px 0;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#neorest .list li dd a {
	display: inline-block;
	padding: 8px 30px;
	border: 1px solid #d8d8d8;
	border-radius: 20px;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#neorest .list li dd a:hover {
	background: #f9f9f9;
}

#neorest .other {
	padding-top: 5%;
	text-align: center;
}

#neorest .other a {
	display: inline-block;
	font-size: 17px;
	transition: all .3s;
}

#neorest .other .all {
	margin-right: 20px;
	padding: 10px 30px;
	background: #3252a3;
	border-radius: 20px;
	color: #FFF;
}

#neorest .other .all:hover {
	background: #797979;
}

#neorest .other .compare {
	color: #172b50;
	line-height: 40px;
}

#neorest .other .compare::before {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 20px;
	height: 17px;
	margin-right: 10px;
	background: url(../images/compare_icon.png);
}

#neorest .other .compare:hover {
	color: #367eb3;
}

#neorest .img {
	position: relative;
	margin: 5% 0;
}

#neorest .img img {
	display: block;
	width: 100%;
	height: auto;
}

#neorest .img p {
	position: absolute;
	left: 0;
	top: 12%;
	width: 100%;
	font-size: 15px;
	color: #000;
	line-height: 30px;
	text-align: center;
}

#neorest .tech {
	text-align: center;
}

#neorest .tech h2 {
	margin-bottom: 40px;
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#neorest .tech a {
	display: inline-block;
	margin: 0 15px;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#neorest .tech a img {
	display: block;
	max-width: 100%;
	height: auto;
}

#neorest .tech a:hover {
	color: #367eb3;
}

#neorest .tech .up {
	padding-bottom: 15px;
}

#neorest .tech .down a img {
	max-width: 80px;
	margin: 0 auto;
	margin-bottom: 10px;
}

	#neorest .media {
		max-width: 1200px;
		margin: 0 auto; 
		padding: 2% 0;
		text-align: center;
	}

#neorest .media h2 {
	margin-bottom: 10px;
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#neorest .media p {
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#neorest .media .wrap {
	position: relative;
	margin-top: 30px;
	padding-bottom: 52.65%;
	background: #000
}

#neorest .media .wrap iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/* washlet */
#washlet .banner {
	position: relative;
	margin-top: 2%;
	background: #f4f4f4;
}

#washlet .banner > img {
	display: block;
	width: 50%;
	height: auto;
}

#washlet .banner .wrap {
	position: absolute;
	left: 55%;
	top: 50%;
}

#washlet .banner .wrap h2 img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

#washlet .banner .wrap p {
	padding-bottom: 20px;
	font-size: 15px;
	color: #333;
	line-height: 24px;
}

#washlet .banner .wrap a {
	display: inline-block;
	padding: 10px 30px;
	background: #3252a3;
	border-radius: 20px;
	font-size: 17px;
	color: #FFF;
	transition: all .3s;
}

#washlet .banner .wrap a::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 10px;
	border-style: solid;
	border-width: 7px 0 7px 14px;
	border-color: transparent transparent transparent #FFF;
}

#washlet .banner .wrap a:hover {
	background: #797979;
}

#washlet .year {
	padding: 200px 0 100px 0;
	background: url(../images/upload/waterdrop_bg.png) center top no-repeat;
	text-align: center;
}

#washlet .year h2 {
	font-size: 50px;
	color: #000;
	font-weight: normal;
}

#washlet .year h3 img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

#washlet .year h4 {
	margin-top: 20px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#washlet .year h4::before,
#washlet .year h4::after {
	content: "";
	position: relative;
	top: -5px;
	display: inline-block;
	width: 75px;
	height: 1px;
	margin: 0 10px;
	background: #999;
}

#washlet .year h5 {
	margin-top: 80px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#washlet .year h6 {
	font-size: 20px;
	color: #008f00;
	font-weight: normal;
}

#washlet .year h6 span {
	font-size: 60px;
	letter-spacing: 5px;
}

#washlet .list {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

#washlet .list li {
	float: left;
	width: 33.33%;
	text-align: center;
}

#washlet .list li a {
	display: block;
}

#washlet .list li a img {
	display: block;
	max-width: 234px;
	height: auto;
	margin: 0 auto 35px auto;
}

#washlet .list li h2,
#washlet .list li h3 {
	font-size: 24px;
	color: #000;
	line-height: 40px;
	font-weight: normal;
	transition: all .3s;
}

#washlet .list li span {
	display: inline-block;
	margin-top: 20px;
	padding: 8px 30px;
	border: 1px solid #d8d8d8;
	border-radius: 20px;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#washlet .list li a:hover h2,
#washlet .list li a:hover h3 {
	color: #4283ba;
}

#washlet .list li a:hover span {
	background: #f9f9f9;
}

#washlet .other {
	padding-top: 5%;
	text-align: center;
}

#washlet .other a {
	display: inline-block;
	font-size: 17px;
	transition: all .3s;
}

#washlet .other .all {
	margin-right: 20px;
	padding: 10px 30px;
	background: #3252a3;
	border-radius: 20px;
	color: #FFF;
}

#washlet .other .all:hover {
	background: #797979;
}

#washlet .other .compare,
#washlet .other .setup {
	color: #172b50;
	line-height: 40px;
	margin-right: 12px
}

#washlet .other .compare::before {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 20px;
	height: 17px;
	margin-right: 10px;
	background: url(../images/compare_icon.png);
}

#washlet .other .compare:hover,
#washlet .other .setup:hover {
	color: #367eb3;
}

#washlet .other .setup::before {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 6px;
	background: url(../images/setup_icon.png);
}

#washlet .img {
	position: relative;
	margin: 5% 0;
}

#washlet .img img {
	display: block;
	width: 100%;
	height: auto;
}

#washlet .img .wrap {
	position: absolute;
	left: 0;
	top: 10%;
	width: 100%;
	text-align: center;
}

#washlet .img .wrap h2 {
	font-size: 24px;
	color: #FFF;
	font-weight: normal;
}

#washlet .img .wrap a {
	display: inline-block;
}

#washlet .img .wrap a.tech-01 {
	margin: 30px auto;
}

#washlet .img .wrap a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#washlet .img .wrap .tech a {
	display: inline-block;
	margin: 20px 25px;
	font-size: 15px;
	color: #FFF;
}

#washlet .img .wrap .tech a img {
	width: 80px;
	margin: 10px auto;
}

#washlet .video {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#washlet .video h2 {
	margin-bottom: 10px;
	font-size: 24px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#washlet .video p {
	margin-bottom: 20px;
	font-size: 15px;
	color: #333;
	line-height: 30px;
	text-align: center;
}

#washlet .video .video-main {
	position: relative;
	margin-bottom: 10%;
	overflow: hidden;
}

#washlet .video .video-main .video-nav ul {
	overflow: hidden;
}

#washlet .video .video-main .video-nav li {
	position: relative;
	float: left;
	width: 33.33%;
}

#washlet .video .video-main .video-nav li a {
	display: block;
}

#washlet .video .video-main .video-nav li.overblack a::before {
	content: "";
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	opacity: 1;
	z-index: 98;
}

#washlet .video .video-main .video-nav li img {
	display: block;
	width: 100%;
	height: auto;
}

#washlet .video .video-main .video-nav li a span {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	border: 3px solid #fff;
	border-radius: 50%;
	opacity: 0;
	box-sizing: border-box;
	transition: all .3s;
	z-index: 999;
}

#washlet .video .video-main .video-nav li a span::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 0;
	height: 0;
	margin: -7px 0 0 -7px;
	border-style: solid;
	border-width: 7px 0 7px 14px;
	border-color: transparent transparent transparent #FFF;
}

#washlet .video .video-main .video-nav li a span::after {
	content: "";
	position: absolute;
	right: -5px;
	top: -5px;
	width: 55px;
	height: 55px;
	background: #fff;
	border-radius: 50%;
	opacity: 0;
	z-index: 1;
}

#washlet .video .video-main .video-nav li .overBox {
	position: absolute;
	left: 100%;
	top: 0;
	width: 0;
	height: 100%;
	background: rgba(0, 0, 0, .85);
	text-align: center;
	transition: all .3s;
	z-index: 99;
}

#washlet .video .video-main .video-nav li .overBox h3 {
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	font-size: 18px;
	color: #FFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	opacity: 0;
	transition: .3s 0s;
	opacity: 0;
}

#washlet .video .video-main .video-nav li a:hover span {
	left: 100%;
	animation: videoPlay 2s cubic-bezier(.17, .67, .58, .88) infinite;
	-webkit-animation: videoPlay 2s cubic-bezier(.17, .67, .58, .88) infinite;
	opacity: 1;
	transition: .5s .2s;
	z-index: 100;
}

@keyframes videoPlay {
	0% {
		transform: scale(.9);
	}

	70% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(.9);
	}

}

@-webkit-keyframes videoPlay {
	0% {
		-webkit-transform: scale(.9);
	}

	70% {
		-webkit-transform: scale(1.1);
	}

	100% {
		-webkit-transform: scale(.9);
	}

}

#washlet .video .video-main .video-nav li a:hover span::after {
	animation: videoPlaybg 2s cubic-bezier(.17, .67, .58, .88) infinite;
	-webkit-animation: videoPlaybg 2s cubic-bezier(.17, .67, .58, .88) infinite;
}

@keyframes videoPlaybg {
	0% {
		transform: scale(0);
		opacity: 0;
	}

	70% {
		transform: scale(0);
		opacity: 0;
	}

	85% {
		transform: scale(1.2);
		opacity: .3;
	}

	100% {
		transform: scale(1.8);
		opacity: 0;
	}

}

@-webkit-keyframes videoPlaybg {
	0% {
		-webkit-transform: scale(0);
		opacity: 0;
	}

	70% {
		-webkit-transform: scale(0);
		opacity: 0;
	}

	85% {
		-webkit-transform: scale(1.2);
		opacity: .3;
	}

	100% {
		-webkit-transform: scale(1.8);
		opacity: 0;
	}

}

#washlet .video .video-main .video-nav li a:hover~ .overBox {
	width: 100%;
}

#washlet .video .video-main .video-nav li a:hover~ .overBox h3 {
	opacity: 1;
}

#washlet .video .video-main .video-nav li.last a span {
	left: auto;
	right: 50%;
	margin: -25px -25px 0 0;
}

#washlet .video .video-main .video-nav li.last .overBox {
	left: 0px;
}

#washlet .video .video-main .video-nav li.last a:hover span {
	right: 100%;
	opacity: 1;
	transition: .5s .2s;
}

#washlet .video .video-main .video-nav li.last a:hover~ .overBox {
	left: -100%;
}

#washlet .video .closebar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 3px;
	background: #535353;
	overflow: hidden;
	z-index: 1
}

#washlet .video .closebar a {
	float: right;
	display: block;
	width: 27px;
	height: 27px;
	margin-right: 5px;
	background: url(../images/close.png);
	text-indent: -9999px;
}

#washlet .video .video-play {
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	padding: 33px 30% 0 0;
	background: #000;
	box-sizing: border-box;
	z-index: 101;
}

#washlet .video .video-play .video-list {
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	height: 100%;
	padding: 0 10px;
	overflow-y: auto;
	box-sizing: border-box;
}

#washlet .video .video-play .video-list li {
	margin: 16px 0;
	overflow: hidden;
}

#washlet .video .video-play .video-list li a {
	position: relative;
	display: block;
}

#washlet .video .video-play .video-list li a h3 {
	position: absolute;
	bottom: -50px;
	width: 100%;
	padding: 10px 0;
	background: rgba(0, 0, 0, .8);
	font-size: 15px;
	color: #fff;
	text-align: center;
	transition: all .4s;
}

#washlet .video .video-play .video-list li a:hover h3 {
	bottom: 0;
}

#washlet .video .video-play .video-list li a img {
	display: block;
	width: 100%;
	height: auto;
}

#washlet .video .video-play iframe {
	width: 100%;
	height: 100%;
}

/* product-overview */
#product-demo h2 {
	text-align: center;
	font-size: 18px;
}

#product-demo div {
	text-align: center;
	color: #999999;
	font-size: 15px;
	padding: 20px 0;
}

#product-overview {
	padding: 40px 0;
	background: #f1f1f1;
}

#product-overview > h2 {
	margin-bottom: 20px;
	font-size: 30px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#product-overview .wrap {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#product-overview li {
	white-space: nowrap;
}

#product-overview a {
	font-size: 15px;
	color: #555;
	line-height: 30px;
	transition: all .3s;
}

#product-overview a:hover {
	color: #CCC;
}

#product-overview span {
	padding-left: 10px;
	font-size: 15px;
	color: #999;
}

#product-overview table {
	width: 100%;
}

#product-overview td {
	overflow: hidden;
	vertical-align: top;
}

#product-overview.full ul {
	max-width: 650px;
	margin: 0 auto;
	overflow: hidden;
}

#product-overview.full li {
	float: left;
	width: 25%;
	padding-right: 1%;
	box-sizing: border-box;
}

#product-overview.part h2 {
	font-size: 17px;
	color: #000;
	margin-bottom: 15px;
}

#product-overview.part ul {
	float: left;
	width: 48%;
	margin-left: 2%;
}

/* product-list */
#product-list {
	padding: 0 2%;
}

#product-list h2 {
	padding-top: 2%;
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#product-list h2 span {
	padding-left: 10px;
	font-size: 17px;
	color: #555;
}

#product-list .wrap {
	overflow: hidden;
}

#product-list .wrap li {
	position: relative;
	float: left;
	width: 16.66%;
	margin: 30px 0;
	padding-bottom: 15px;
	border-right: 1px solid #efefef;
	text-align: center;
	box-sizing: border-box;
}

#product-list .wrap li:nth-child(6n) {
	border: none;
}

#product-list .wrap li.pro::before {
	content: "促銷";
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 17px;
	color: #cb5b5b;
	font-weight: bold;
	z-index: 1
}

#product-list .wrap li.new::before {
	content: "新品";
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 17px;
	color: #cb5b5b;
	font-weight: bold;
	z-index: 1
}

#product-list .wrap li.hot::before {
	content: "熱門";
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 17px;
	color: #cb5b5b;
	font-weight: bold;
	z-index: 1
}

#product-list .wrap li a {
	display: block;
}

#product-list .wrap li a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#product-list .wrap li a h3,
#product-list .wrap li a h4 {
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: all .3s;
	height: 30px;
}

#product-list .wrap li a h3 {
	margin-bottom: 5px;
	font-size: 20px;
	color: #000;
	transition: all .3s;
}

#product-list .wrap li a h4 {
	font-size: 15px;
	color: #999;
}

#product-list .wrap li a h4 .key {
	color: #172b50;
	transition: all .3s;
}

#product-list .wrap li a:hover h3,
#product-list .wrap li a:hover h4,
#product-list .wrap li a:hover h4 .key {
	color: #4283ba
}

/* catalog */
#catalog {
}

#catalog dl {
	float: left;
	margin: 1%;
}

#catalog dt {
	position: relative;
	margin: 0 auto;
}

#catalog dt::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	opacity: 0;
	transition: all .3s;
}

#catalog dt img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#catalog dt .wrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: all .3s;
	z-index: 1
}

#catalog dt:hover::before,
#catalog dt:hover .wrap {
	opacity: 1;
}

#catalog dt .wrap a {
	display: inline-block;
	padding: 5%;
	border: 1px solid transparent;
	color: #f1f1f1;
	opacity: .5;
	transition: all .3s;
}

#catalog dt .wrap a::before {
	content: "";
	display: block;
	width: 38px;
	height: 35px;
	margin: 0 auto;
	background: url(../images/file_icon.png) no-repeat;
}

#catalog dt .wrap .view::before {
	background-position: left top;
}

#catalog dt .wrap .download::before {
	background-position: right top;
}

#catalog dt .wrap a:hover {
	border-color: #5b5b5b;
	opacity: 1;
}

#catalog dd {
	padding-top: 20px;
	font-size: 15px;
	color: #000;
	text-align: center;
}

#catalog .main {
	padding-bottom: 5%;
	border-bottom: 1px solid #e4e4e4;
	overflow: hidden;
}

#catalog .main dl {
	width: 23%;
}

#catalog .main dt {
	max-width: 277px;
}

#catalog .main dt .wrap a {
	font-size: 17px;
}

#catalog .main dt .wrap a::before {
	margin-bottom: 15px;
}

#catalog .list {
	padding: 5% 0;
	overflow: hidden;
}

#catalog .list dl {
	width: 18%;
}

#catalog .list dt {
	max-width: 180px;
}

#catalog .list dt .wrap a {
	font-size: 13px;
}

#catalog .list dt .wrap a::before {
	margin-bottom: 10px;
}

/* new-product */
#new-product {
	padding: 2%;
}

#new-product h2 {
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#new-product h2 span {
	padding-left: 10px;
	font-size: 17px;
	color: #555;
}

#new-product .wrap {
	overflow: hidden;
}

#new-product .wrap dl {
	float: left;
	width: 15.5%;
	margin-top: 30px;
}

#new-product .wrap dt img {
	display: block;
	width: 100%;
	height: auto;
}

#new-product .wrap dd {
	background: #000;
	padding: 20px;
	font-size: 22px;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#new-product .wrap ul {
	float: left;
	width: 84.5%;
	overflow: hidden;
}

#new-product .wrap li {
	position: relative;
	float: left;
	width: 20%;
	margin: 30px 0;
	padding-bottom: 15px;
	border-right: 1px solid #efefef;
	text-align: center;
	box-sizing: border-box;
}

#new-product .wrap li:nth-child(5n),#new-product .wrap li:last-child {
	border: none;
}

#new-product .wrap li a {
	display: block;
	transition: all .3s;
}

#new-product .wrap li a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#new-product .wrap li a h3,
#new-product .wrap li a h4 {
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#new-product .wrap li a h3 {
	margin-bottom: 5px;
	font-size: 20px;
	color: #000;
}

#new-product .wrap li a h4 {
	font-size: 15px;
	color: #999;
}

#new-product .wrap li a:hover h3,
#new-product .wrap li a:hover h4 {
	color: #4283ba;
}

/* product-detail */
#product-detail {
	max-width: 1200px;
	margin: 0 auto 5% auto;
	overflow: hidden;
}

#product-detail .img-show {
	float: left;
	width: 48%;
}

#product-detail .img-show img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#product-detail .img-show .small-img {
	text-align: center;
}

#product-detail .img-show .small-img li {
	display: inline-block;
	margin: 1% .5%;
	border: 1px solid transparent;
	cursor: pointer;
	box-sizing: border-box;
	transition: all .3s;
}

#product-detail .img-show .small-img li img {
	max-width: 50px;
}

#product-detail .img-show .small-img li:hover,
#product-detail .img-show .small-img li.active {
	border-color: #aaa;
}

#product-detail .feature {
	position: relative;
	float: right;
	width: 48%;
	padding-right: 30px;
	box-sizing: border-box;
}

#product-detail .feature h2 {
	display: block;
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#product-detail .feature h3 {
	display: inline-block;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	vertical-align: top;
}

#product-detail .feature .price {
	display: inline-block;
	font-size: 15px;
	float: right;
	font-family: arial;
	vertical-align: top;
	padding-top: 2px;
	margin-right: 0%;
}

#product-detail .feature .tabs {
	margin-top: 30px;
	overflow: hidden;
}

#product-detail .feature .tabs li {
	float: left;
	width: 50%;
	padding: 15px 0;
	border-bottom: 1px solid #d8d8d8;
	font-size: 15px;
	color: #172b50;
	text-align: center;
	cursor: pointer;
	transition: all .3s;
}

#product-detail .feature .tabs li::before {
	content: "";
	display: inline-block;
	width: 9px;
	height: 10px;
	margin-right: 5px;
	background-image: url(../images/product_deatil_tab.png);
}

#product-detail .feature .tabs li:nth-child(1)::before {
	background-position: left top;
}

#product-detail .feature .tabs li:nth-child(2)::before {
	background-position: right top;
}

#product-detail .feature .tabs li:hover,
#product-detail .feature .tabs li.active {
	background-color: #f3f3f4;
	border-bottom-color: #c4c4c4;
	color: #000;
}

#product-detail .feature .tabs li:nth-child(1):hover::before,
#product-detail .feature .tabs li:nth-child(1).active::before {
	background-position: left bottom;
}

#product-detail .feature .tabs li:nth-child(2):hover::before,
#product-detail .feature .tabs li:nth-child(2).active::before {
	background-position: right bottom;
}

#product-detail .tab-content > li {
	display: none;
	padding: 20px 10px;
}

#product-detail .tab-content > li .format,
#product-detail .tab-content > li .format ul {
	overflow: hidden;
}

#product-detail .tab-content > li .format li {
	float: left;
	width: 50%;
	padding-right: 20px;
	font-size: 15px;
	color: #777;
	line-height: 30px;
	box-sizing: border-box;
}

#product-detail .tab-content > li .format li a {
	color: #172b50;
	transition: all .3s;
}

#product-detail .tab-content > li .format li a:hover {
	color: #367eb3;
}

#product-detail .tab-content > li .format li.hide {
	display: none;
}

#product-detail .tab-content > li .format li span {
	padding-left: 14px;
	color: #333;
	word-break: break-all;
}

#product-detail .tab-content > li .format li .suggestion {
	display: inline-block;
	vertical-align: top;
}

#product-detail .tab-content > li .format li.full {
	clear: both;
	float: none;
	width: 100%;
}

#product-detail .tab-content > li .format li.full span {
	clear: both;
}

#product-detail .tab-content > li .format .more {
	float: right;
	font-size: 15px;
	color: #172b50;
}

#product-detail .tab-content > li .format .more::after {
	content: "";
	position: relative;
	top: -2px;
	display: inline-block;
	width: 9px;
	height: 5px;
	margin: 0 10px;
	background: url(../images/product_detail_feature.png) left top;
}

#product-detail .tab-content > li .format .more.active::after {
	background-position: left bottom;
}

	#product-detail .tab-content > li .other {
		 
		padding-top: 30px;
		padding-left:0px;
	}

#product-detail .tab-content > li .other a {
	display: inline-block;
	line-height: 45px;
	transition: all .3s;
}

#product-detail .tab-content > li .other a:hover {
	opacity: .8;
}

#product-detail .tab-content > li .other a.location {
	margin-right: 20px;
	padding: 0 45px;
	background: #3252a3;
	border-radius: 25px;
	font-size: 18px;
	color: #FFF;
	font-weight: bold;
}

#product-detail .tab-content > li .other a.location:hover {
	background: #797979;
}

#product-detail .tab-content > li .other a.location::before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	width: 16px;
	height: 20px;
	margin-right: 5px;
	background: url(../images/product_detail_location.png);
}

#product-detail .tab-content > li .other a.compare {
	margin-right: 15px;
	font-size: 15px;
	color: #172b50;
}

#product-detail .tab-content > li .other a.compare:hover {
	color: #367eb3;
}

#product-detail .tab-content > li .other a.compare::before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	width: 20px;
	height: 17px;
	margin-right: 6px;
	background: url(../images/compare_icon.png);
}

	#product-detail .tab-content > li .other a.setup {
		font-size: 15px;
		color: #333;
		margin-right: 15px;
	}

#product-detail .tab-content > li .other a.setup:hover {
	color: #367eb3;
}

#product-detail .tab-content > li .other a.setup::before {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 6px;
	background: url(../images/setup_icon.png);
}




	#product-detail .tab-content > li .other a.downfile {
		font-size: 15px;
		color: #333;
		margin-right: 15px;
	}

		#product-detail .tab-content > li .other a.downfile:hover {
			color: #367eb3;
		}

		#product-detail .tab-content > li .other a.downfile::before {
			content: "";
			position: relative;
			top: 2px;
			display: inline-block;
			width: 19px;
			height: 19px;
			margin-right: 6px;
			background: url(../images/icon_file.png);
		}


#product-detail .tab-content > li .tech h2 {
	font-size: 17px;
	color: #000;
	font-weight: normal;
}

#product-detail .tab-content > li .tech a {
	display: inline-block;
	margin: 0 13px 15px 0;
	transition: all .3s;
}

#product-detail .tab-content > li .tech a img {
	display: block;
	width: auto;
	height: 45px;
}

#product-detail .tab-content > li .tech .up {
	padding: 25px 0;
	overflow: hidden;
}

#product-detail .tab-content > li .tech .up a {
	float: left;
}

#product-detail .tab-content > li .tech .up a:hover {
	opacity: .6;
}

#product-detail .tab-content > li .tech .down {
	overflow: hidden;
}

#product-detail .tab-content > li .tech .down a {
	width: 45px;
	opacity: .6;
}

#product-detail .tab-content > li .tech .down a:hover {
	opacity: .3;
}

#product-detail .tab-content > li .tech ul {
	margin-top: 20px;
}

#product-detail .tab-content > li .tech li {
	padding-left: 20px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
	text-indent: -17px;
}

#product-detail .tab-content > li .tech li::before {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin-right: 10px;
	background: #CCC;
	border-radius: 50%;
}

#product-detail .tab-content > li .download h2 {
	margin-bottom: 15px;
	font-size: 17px;
	color: #000;
	font-weight: normal;
	overflow: hidden;
}

#product-detail .tab-content > li .download h2 .time {
	float: right;
	font-size: 13px;
	color: #999;
}

	#product-detail .tab-content > li .download  .arrow_0 {
		cursor: pointer;
	}

	#product-detail .tab-content > li .download h2 .arrow_down {
		display: inline-block;
		width: 15px;
		height: 12px;
		margin-right: 10px;
		background-image: url(../images/down.png); 
		background-repeat: no-repeat;
		background-position: center;
	}

	#product-detail .tab-content > li .download h2 .arrow_up {
		display: inline-block;
		width: 15px;
		height: 12px;
		margin-right: 10px;
		background-image: url(../images/up.png); 
		background-repeat: no-repeat;
		background-position: center;
	}

	#product-detail .tab-content > li .download .line2 {
		margin-top: -5px;
		height: 20px;
		border-top: 1px solid #d8d8d8;
	}

#product-detail .tab-content > li .download .wrap {
	margin-bottom: 20px;
	padding-bottom: 15px;
	/*border-bottom: 1px solid #d8d8d8;*/
}

#product-detail .tab-content > li .download .wrap a {
	display: inline-block;
	margin: 5px;
	padding: 10px 20px;
	background: #f1f1f1;
	font-size: 15px;
	color: #172b50;
	transition: all .3s;
}

#product-detail .tab-content > li .download .wrap a::after {
	content: "";
	position: relative;
	top: 1px;
	display: inline-block;
	width: 23px;
	height: 13px;
	margin-left: 10px;
	background: url(../images/file_format.png);
}

#product-detail .tab-content > li .download .wrap a.jpg::after {
	background-position: left top;
}

#product-detail .tab-content > li .download .wrap a.pdf::after {
	background-position: left -13px;
}

#product-detail .tab-content > li .download .wrap a.doc::after {
	background-position: left -26px;
}

#product-detail .tab-content > li .download .wrap a.zip::after {
	background-position: left -39px;
}

#product-detail .tab-content > li .download .wrap a.ppt::after {
	background-position: left -52px;
}

#product-detail .tab-content > li .download .wrap a.pptx::after {
	background-position: left -65px;
}

#product-detail .tab-content > li .download .wrap a.xls::after {
	background-position: left -78px;
}

#product-detail .tab-content > li .download .wrap a.xlsx::after {
	background-position: left -91px;
}

#product-detail .tab-content > li .download .wrap a.docx::after {
	background-position: left -104px;
}

#product-detail .tab-content > li .download .wrap a.tif::after {
	background-position: left -117px;
}

#product-detail .tab-content > li .download .wrap a.cad::after {
	background-position: left -130px;
}

#product-detail .tab-content > li .download .wrap a.dwg::after {
	background-position: left -143px;
}

#product-detail .tab-content > li .download .wrap a.dxf::after {
	background-position: left -156px;
}


#product-detail .tab-content > li .download .wrap a.stp::after {
	background-position: left -169px;
}

#product-detail .tab-content > li .download .wrap a:hover {
	background: #e1e1e1;
}

#product-detail .tab-content > li .login {
	padding: 0 5px;
	font-size: 15px;
	color: #000;
	line-height: 32px;
}

#product-detail .tab-content > li .login a {
	display: inline-block;
	margin-left: 20px;
	padding: 0 25px;
	background: #3252a3;
	border-radius: 20px;
	color: #FFF;
	font-weight: bold;
	transition: all .3s;
}

#product-detail .tab-content > li .login a:hover {
	color: #797979;
}

#product-detail .feature .share {
	position: absolute;
	right: 0;
	top: 105px;
	z-index: 1
}

#product-detail .feature .share span {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/product_detail_share.png);
	text-indent: -9999px;
	cursor: pointer;
	transition: all .3s;
}

#product-detail .feature .share span:hover {
	opacity: .8;
}

#product-detail .feature .share .wrap {
	position: absolute;
	right: 0;
	top: 30px;
	display: none;
	width: 140px;
	padding: 5px 15px;
	background: #FFF;
	border: 1px solid #999;
	box-sizing: border-box;
}

#product-detail .feature .share .wrap a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#product-detail .feature .share .wrap a:hover {
	opacity: .6;
}

#product-detail .feature .share .wrap a::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 28px;
	margin-right: 10px;
	background: url(../images/share_icon.png);
	vertical-align: middle;
}

#product-detail .feature .share .wrap .copy::before {
	background-position: left top;
}

#product-detail .feature .share .wrap .fb::before {
	background-position: center top;
}

#product-detail .feature .share .wrap .email::before {
	background-position: right top;
}

/* suggest-product */
#suggest-product {
	padding: 2%;
}

#suggest-product h2 {
	overflow: hidden;
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#suggest-product h2 .more {
	float: right;
	margin-top: 5px;
	font-size: 15px;
	color: #315ab6;
}

#suggest-product h2 .more::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 10px;
	background: url(../images/produt_more.png);
	transition: all .3s;
}

#suggest-product h2 .more:hover::after {
	margin-left: 20px;
}

#suggest-product ul {
	overflow: hidden;
}

#suggest-product li {
	float: left;
	width: 16.66%;
	text-align: center;
}

#suggest-product li a {
	display: block;
	transition: all .3s;
}

#suggest-product li a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 15px auto;
}

#suggest-product li a h3 {
	font-size: 20px;
	color: #000;
	font-weight: normal;
	transition: all .3s;
}

#suggest-product li a h4 {
	font-size: 15px;
	color: #666;
	font-weight: normal;
	transition: all .3s;
}

#suggest-product li a:hover h3,
#suggest-product li a:hover h4 {
	color: #4283ba;
}

/* product-editor */
#product-editor {
	padding: 5% 0;
	background: #f6f6f6;
}

#product-editor .wrap {
	max-width: 900px;
	margin: 0 auto;
}

#product-editor .more {
	display: inline-block;
	margin: 10px 0 0 78px;
	font-size: 15px;
	color: #315ab6;
}

#product-editor .more::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-left: 10px;
	background: url(../images/index_news_more.png);
	transition: all .3s;
}

#product-editor .more:hover::after {
	margin-left: 20px;
}

#product-editor .section-1 {
	margin-bottom: 75px;
	overflow: hidden;
}

#product-editor .section-1 .left {
	float: left;
	width: 41%;
}

#product-editor .section-1 .left h2 img {
	display: block;
	max-width: 100%;
	height: auto;
}

#product-editor .section-1 .left p {
	padding: 10px 0 10px 78px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#product-editor .section-1 .left ol {
	list-style: decimal;
	padding-left: 95px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#product-editor .section-1 .right {
	float: right;
	width: 50%;
}

#product-editor .section-1 .right img {
	display: block;
	max-width: 100%;
	height: auto;
}

#product-editor .section-2 {
	margin-bottom: 75px;
	overflow: hidden;
}

#product-editor .section-2 h2 img {
	display: block;
	max-width: 100%;
	height: auto;
}

#product-editor .section-2 p {
	padding: 10px 0 10px 60px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#product-editor .section-2 .more {
	display: block;
	width: 90px;
	margin: 0;
}

#product-editor .section-2 .left {
	float: left;
	width: 42%;
	padding-left: 60px;
	box-sizing: border-box;
}

#product-editor .section-2 .left dl {
	margin-bottom: 45px;
	color: #000;
}

#product-editor .section-2 .left dt {
	font-size: 17px;
	line-height: 50px;
	font-weight: bold;
}

#product-editor .section-2 .left dt img {
	position: relative;
	top: 20px;
	display: inline-block;
	max-width: 50px;
	height: auto;
	margin-right: 10px;
}

#product-editor .section-2 .left dd {
	padding-left: 60px;
	font-size: 15px;
	line-height: 30px;
}

#product-editor .section-2 .right {
	float: right;
	width: 50%;
}

#product-editor .section-3 li {
	display: table;
	width: 100%;
	padding: 50px 0;
}

#product-editor .section-3 li .img {
	display: table-cell;
	width: 50%;
	padding-right: 9%;
	vertical-align: middle;
	box-sizing: border-box;
}

#product-editor .section-3 li dl {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

#product-editor .section-3 li .img img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#product-editor .section-3 li dt {
	margin-bottom: 10px;
	font-size: 17px;
	line-height: 50px;
	font-weight: bold;
}

#product-editor .section-3 li dt img {
	position: relative;
	top: 20px;
	display: inline-block;
	max-width: 50px;
	height: auto;
	margin-right: 10px;
}

#product-editor .section-3 li dd {
	font-size: 15px;
	line-height: 30px;
}

#product-editor .section-3 li dd .more {
	display: block;
	width: 90px;
	margin: 0;
}

#product-editor .section-3 li.green dt {
	color: #45a84e;
	line-height: 30px;
}

/* viewed-product */
#viewed-product {
	max-width: 1200px;
	margin: 5% auto;
}

#viewed-product > h2 {
	padding: 0 1%;
	font-size: 24px;
	color: #000;
	font-weight: normal;
	overflow: hidden;
}

#viewed-product > h2 > .more {
	float: right;
	margin-top: 5px;
	font-size: 15px;
	color: #315ab6;
}

#viewed-product > h2 > .more::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 10px;
	background: url(../images/produt_more.png);
	transition: all .3s;
}

#viewed-product > h2 > .more:hover::after {
	margin-left: 20px;
}

#viewed-product ul {
	overflow: hidden;
}

#viewed-product li {
	float: left;
	width: 14.66%;
	margin: 1%;
	border: 1px solid #dbdbdb;
	text-align: center;
	box-sizing: border-box;
}

#viewed-product li a {
	display: block;
}

#viewed-product li a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#viewed-product li a h3 {
	padding: 0 10px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
	font-weight: normal;
	transition: all .3s;
}

#viewed-product li a h4 {
	padding: 0 10px 10px 10px;
	font-size: 15px;
	color: #666;
	font-weight: normal;
	transition: all .3s;
}

#viewed-product li a:hover h3,
#viewed-product li a:hover h4 {
	color: #4283ba
}

/* technology-list */
#technology-list {
}

#technology-list .tabs {
	padding-top: 30px;
	text-align: center;
}

#technology-list .tabs li {
	display: inline-block;
	margin: 0 10px;
	padding: 15px 20px;
	border-bottom: 2px solid #284173;
	font-size: 15px;
	color: #333;
	cursor: pointer;
	box-sizing: border-box;
	transition: all .3s;
}

#technology-list .tabs li:hover {
	background: #efefef;
}

#technology-list .list {
	padding: 45px 0;
	border-bottom: 1px solid #e4e4e4;
}

#technology-list .list:last-child {
	border: none;
}

#technology-list .list h2 {
	padding: 0 10px;
	font-size: 25px;
	color: #000;
	font-weight: normal;
}

#technology-list .list ul {
	margin-top: 20px;
	overflow: hidden;
}

#technology-list .list li {
	float: left;
	width: 33.33%;
	padding: 15px 10px;
	box-sizing: border-box;
}

#technology-list .list li a {
	display: block;
}

#technology-list .list li a > img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#technology-list .list li a .wrap {
	position: relative;
	padding-left: 60px;
	font-size: 15px;
	color: #000;
}

#technology-list .list li a .wrap span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
}

#technology-list .list li a .wrap span img {
	display: block;
	width: 100%;
	height: auto;
}

#technology-list .list li a .wrap span.tech-17 {
	height: auto;
}

#technology-list .list li a .wrap h3 {
	margin-bottom: 5px;
	font-size: 15px;
	transition: all .3s;
}

#technology-list .list li a .wrap p {
	line-height: 25px;
	transition: all .3s;
}

#technology-list .list li a:hover h3,
#technology-list .list li a:hover p {
	color: #4283ba;
}

#technology-list .list li.tech-1 a .wrap {
	padding-left: 155px;
}

#technology-list .list li.tech-1 a .wrap span {
	width: 145px;
}

#technology-list .list li.tech-2 a .wrap {
	padding-left: 160px;
}

#technology-list .list li.tech-2 a .wrap span {
	width: 150px;
}

/* technology-info */
#technology-info .other {
	position: relative;
	text-align: left;
}

#technology-info .other .date {
	font-size: 15px;
	color: #000;
}

#technology-info .other .date .category {
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	background: #f1f1f1;
	font-size: 13px;
	color: #172b50;
}

#technology-info .other .share {
	position: absolute;
	right: 0;
	top: 6px;
	z-index: 1
}

#technology-info .other .share span {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/product_detail_share.png);
	text-indent: -9999px;
	cursor: pointer;
	transition: all .3s;
}

#technology-info .other .share span:hover {
	opacity: .8;
}

#technology-info .other .share .wrap {
	position: absolute;
	right: 0;
	top: 30px;
	display: none;
	width: 140px;
	margin: 0;
	padding: 5px 15px;
	background: #FFF;
	border: 1px solid #999;
	box-sizing: border-box;
}

#technology-info .other .share .wrap a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#technology-info .other .share .wrap a:hover {
	opacity: .6;
}

#technology-info .other .share .wrap a::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 28px;
	margin-right: 10px;
	background: url(../images/share_icon.png);
	vertical-align: middle;
}

#technology-info .other .share .wrap .copy::before {
	background-position: left top;
}

#technology-info .other .share .wrap .fb::before {
	background-position: center top;
}

#technology-info .other .share .wrap .email::before {
	background-position: right top;
}

#technology-info .media {
	text-align: center;
}

#technology-info .media h2 {
	font-size: 40px;
	color: #000;
	font-weight: normal;
}

#technology-info .media h2 img {
	position: relative;
	top: 7px;
	display: inline-block;
	width: auto;
	height: 40px;
	margin-right: 10px;
}

#technology-info .media h3 {
	padding: 10px 0 5px 0;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#technology-info .media h4 {
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#technology-info .media .wrap {
	position: relative;
	margin-top: 20px;
	padding-bottom: 52.65%;
}

#technology-info .media .wrap iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#technology-info dl {
	margin-bottom: 40px;
}

#technology-info dt {
	margin-bottom: 10px;
	font-size: 23px;
	color: #000;
	line-height: 50px;
}

#technology-info dt img {
	position: relative;
	top: 15px;
	display: inline-block;
	height: 50px;
	margin-right: 10px;
}

#technology-info dd {
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#technology-info dd .img {
	margin-bottom: 10px;
}

/*#technology-info dd .img img{display:block; max-width:100%; height:auto;}*/
#technology-info dd .img p {
	padding: 10px 15px;
	background: #d9d9d9;
	font-size: 13px;
	color: #000;
}

#technology-info dl .wrap {
	position: relative;
	margin: 0 0 20px 0;
	padding-bottom: 52.65%;
}

#technology-info dl .wrap iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#technology-info dd .more {
	display: block;
	width: 90px;
	margin: 0;
	font-size: 15px;
	color: #315ab6;
}

#technology-info dd .more::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-left: 10px;
	background: url(../images/index_news_more.png);
	transition: all .3s;
}

#technology-info dd .more:hover::after {
	margin-left: 20px;
}

/* dealer-list */
#dealer-list .filter {
	margin-bottom: 10px;
}

#dealer-list .filter .tabs {
	overflow: hidden;
}

#dealer-list .filter .tabs a {
	float: left;
	display: block;
	width: 33.33%;
	padding: 20px 0;
	border-bottom: 1px solid #d7d7d7;
	font-size: 18px;
	color: #333;
	text-align: center;
}

#dealer-list .filter .tabs a.active {
	background: #f1f1f1;
	border-color: transparent;
	font-weight: bold;
}

#dealer-list .filter .tabs a img {
	vertical-align: bottom;
	padding-left: 6px;
	padding-bottom: 2px;
}

#dealer-list .filter .outer {
	padding: 50px 0;
	background: #f1f1f1;
}

#dealer-list .filter .inner {
	width: 800px;
	margin: 0 auto;
}

#dealer-list .filter .location {
	overflow: hidden;
}

#dealer-list .filter .location a {
	position: relative;
	float: left;
	display: block;
	width: 185px;
	margin: 0 20px 20px 0;
	padding: 0 20px;
	border: 1px solid #999;
	font-size: 15px;
	color: #333;
	line-height: 45px;
	box-sizing: border-box;
	transition: all .3s;
}

#dealer-list .filter .location a:nth-child(4n) {
	margin-right: 0;
}

#dealer-list .filter .location a::before,
#dealer-list .filter .location a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 10px;
	border-color: transparent;
}

#dealer-list .filter .location a::before {
	position: absolute;
	right: 20px;
	top: 15px;
	margin-right: 1px;
	border-left-color: #f1f1f1;
	transition: all .3s;
}

#dealer-list .filter .location a::after {
	float: right;
	margin-top: 15px;
	border-left-color: #5f5f5f;
}

#dealer-list .filter .location a:hover {
	background: #CCC;
}

#dealer-list .filter .location a:hover::before {
	border-left-color: #CCC;
}

#dealer-list .filter .address p {
	margin-bottom: 10px;
	font-size: 17px;
	color: #333;
}

#dealer-list .filter .address input {
	display: block;
	width: 100%;
	height: 45px;
	margin-bottom: 40px;
	padding: 10px 15px;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #000;
	box-sizing: border-box;
}

#dealer-list .filter .address input::-webkit-input-placeholder {
	color: #aaa;
}

#dealer-list .filter .result {
	margin-bottom: 30px;
	padding: 20px 30px;
	background: #e4e4e4;
	font-size: 15px;
	color: #333;
}

#dealer-list .filter .address button {
	display: block;
	width: 120px;
	margin: 0 auto;
	background: #23439c;
	border: 1px solid #797979;
	font-size: 17px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
}

#dealer-list .filter .address button:hover {
	background: #000;
}

#dealer-list .filter .product .note {
	margin-bottom: 20px;
	font-size: 15px;
	color: #999;
	text-align: center;
}

#dealer-list .filter .product .option {
	margin-bottom: 15px;
	text-align: center;
}

#dealer-list .filter .product .option label {
	font-size: 15px;
	color: #333;
}

#dealer-list .filter .product .option label:nth-child(2) {
	margin: 0 120px;
}

#dealer-list .filter .product .option label input {
	margin-right: 5px;
}

#dealer-list .filter .product .wrap {
	width: 1140px;
	margin: 0 auto;
	padding: 20px;
	background: #fafafa;
	box-sizing: border-box;
}

#dealer-list .filter .product .wrap.narrow {
	width: 800px;
}

#dealer-list .filter .product .wrap .items {
	overflow: hidden;
}

#dealer-list .filter .product .wrap .items div {
	display: inline-block;
}

#dealer-list .filter .product .wrap .items div:not(:first-child) {
	margin-top: 15px;
}

#dealer-list .filter .product .wrap .items input {
	display: none;
}

#dealer-list .filter .product .wrap .items label {
	position: relative;
	display: inline-block;
	width: 120px;
	border: 3px solid #f2f2f2;
	margin-right: 30px;
	box-sizing: border-box;
	cursor: pointer;
}

#dealer-list .filter .product .wrap.narrow .items label {
	float: left;
	margin-right: 40px;
}

#dealer-list .filter .product .wrap .items label:last-child,
#dealer-list .filter .product .wrap.narrow .items label:nth-child(5n) {
	margin-right: 0;
}

#dealer-list .filter .product .wrap .items label img {
	display: block;
	width: 100%;
	height: auto;
}

#dealer-list .filter .product .wrap .items label span {
	display: block;
	padding: 5px;
	background: #fafafa;
	font-size: 15px;
	color: #333;
}

#dealer-list .filter .product .wrap .items label::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 32px;
	height: 28px;
	background: url('../images/dealer_check2.png') center center no-repeat #f2f2f2;
}

#dealer-list .filter .product .wrap .items input:checked + label {
	border-color: #007cdf;
}

#dealer-list .filter .product .wrap .items input:checked + label::before {
	background-color: #007cdf;
}

#dealer-list .filter .product .wrap .category {
	margin-bottom: 20px;
}

#dealer-list .filter .product .wrap .category .row {
	padding-top: 10px;
	border-bottom: 1px solid #d7d7d7;
}

#dealer-list .filter .product .wrap .category .row a {
	position: relative;
	display: inline-block;
	margin: 0 7px 10px 0;
	padding: 10px;
}

#dealer-list .filter .product .wrap .category .row a:last-child {
	margin-right: 0;
}

#dealer-list .filter .product .wrap .category .row a span {
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
	width: 20px;
	height: 20px;
	background: #797979;
	border-radius: 50%;
	font-size: 12px;
	color: #FFF;
	line-height: 20px;
	text-align: center;
}

#dealer-list .filter .product .wrap .category .row a.active {
	background: #e4e4e4;
	border: 1px solid #797979;
}

#dealer-list .filter .product .select-item {
	position: relative;
	margin-top: 30px;
	padding: 0 50px 0 140px;
}

#dealer-list .filter .product .select-item span {
	position: absolute;
	left: 50px;
	top: 10px;
	font-size: 15px;
	color: #000;
}

#dealer-list .filter .product .select-item div p {
	padding-left: 20px;
	padding-top: 10px;
}

#dealer-list .filter .product .tags li {
	display: inline-block;
	margin: 0 10px 10px 0;
	padding: 10px;
	font-size: 15px;
	color: #333;
	background: #FFF;
	border: 1px solid #bebebe;
	border-radius: 5px;
}

#dealer-list .filter .product .tags li .del {
	position: relative;
	top: 2px;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	background: #aaa;
	border-radius: 50%;
	text-indent: -9999px;
	transition: all .3s;
}

#dealer-list .filter .product .tags li .del::before,
#dealer-list .filter .product .tags li .del::after {
	content: "";
	position: absolute;
	left: 3px;
	top: 50%;
	display: block;
	width: 10px;
	height: 1px;
	background: #FFF;
}

#dealer-list .filter .product .tags li .del::before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#dealer-list .filter .product .tags li .del::after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

#dealer-list .filter .product .tags li .del:hover {
	background-color: #000;
}

#dealer-list .filter .product .wrap.narrow .search-box {
	margin-bottom: 15px;
	padding: 0 10px;
	background: #FFF;
}

#dealer-list .filter .product .wrap.narrow .search-box .search {
	position: relative;
}

#dealer-list .filter .product .wrap.narrow .search-box .search input {
	display: block;
	width: 100%;
	padding: 15px 0;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #000;
}

#dealer-list .filter .product .wrap.narrow .search-box .search input::-webkit-input-placeholder {
	color: #aaa;
}

#dealer-list .filter .product .wrap.narrow .search-box .search .list {
	position: absolute;
	left: 0;
	top: 100%;
	display: none;
	width: 100%;
	background: #FFF;
	border: 1px solid #d7d7d7;
	z-index: 1
}

#dealer-list .filter .product .wrap.narrow .search-box .search .list li a {
	display: block;
	padding: 5px 10px;
}

#dealer-list .filter .product .wrap.narrow .search-box .search .list li a span {
	color: #007cdf;
}

#dealer-list .filter .product .wrap.narrow .search-box .search .list li a:hover {
	background: #f2f2f2
}

#dealer-list .filter .product .wrap.narrow .search-box .tags {
	padding-top: 10px;
	border-top: 1px solid #eee;
}

#dealer-list .filter .product .wrap.narrow .series {
	font-size: 15px;
	color: #333;
}

#dealer-list .filter .product .wrap.narrow .series a {
	display: inline-block;
	margin-left: 20px;
	color: #169BD5;
}

#dealer-list .filter .product .wrap.narrow .series a:hover {
	text-decoration: underline;
}

#series1 {
	display: inline-block;
	width: 14%;
}

#series2 {
	display: inline-block;
	width: 86%;
	vertical-align: top;
}

#dealer-list .filter .product button {
	display: block;
	width: 120px;
	margin: 40px auto 0 auto;
	background: #23439c;
	border: 1px solid #797979;
	font-size: 17px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
}

#dealer-list .filter .product button:hover {
	background: #000;
}

#dealer_filter_div, .dealer_list1, .dealer_list2 {
	display: none;
}

.dealer_list1 tbody tr, .dealer_list2 tbody tr {
	cursor: pointer;
}

#dealer-list #filter2, #dealer-list #filter3, #dealer-list #div_option2, #dealer-list #div_option3, #dealer-list #select_items2 {
	display: none;
}

#dealer-list .filter .result b {
	font-size: 18px;
}

#dealer-list .filter .result .toggle {
	display: inline-block;
	margin-left: 20px;
	color: #169BD5;
}

#dealer-list .filter .result .toggle:hover {
	text-decoration: underline;
}

#dealer-list .list-note {
	margin-bottom: 10px;
	font-size: 15px;
	color: #999;
}

#dealer-list table {
	width: 100%;
	margin-bottom: 30px;
}

#dealer-list thead td {
	background: #555;
	color: #FFF;
}

#dealer-list tbody tr {
	border-bottom: 1px solid #8b95a7;
}

#dealer-list tbody tr:hover {
	background: #f7f7f7;
	border-bottomcolor: #FFF;
}

#dealer-list td {
	padding: 20px 0;
}

#dealer-list td b {
	display: block;
	width: 18px;
	height: 26px;
	margin: 0 auto;
	background: url(../images/dealer_type.png);
	text-indent: -9999px;
}

#dealer-list td b.top {
	background-position: left top;
}

#dealer-list td b.fix {
	background-position: right top;
}

#dealer-list td a {
	font-size: 15px;
	color: #172b50;
}

#dealer-list td a:hover {
	color: #000;
}

#dealer-list td span {
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto;
	background: url(../images/dealer_check.png);
	text-indent: -9999px;
	opacity: .2;
}

#dealer-list td span.active {
	opacity: 1;
}

#dealer-list td.col-1 {
	width: 50px;
}

#dealer-list td.col-2 {
	width: 200px;
}

#dealer-list td.col-3 {
	width: 170px;
}

#dealer-list td.col-4 {
}

#dealer-list td.col-5 {
	width: 90px;
	text-align: center
}

#dealer-list td.col-6 {
	width: 150px;
	text-align: center
}

#dealer-list td.col-7 {
	width: 70px;
	padding-right: 30px;
	text-align: center
}

/* dealer-info */
#dealer-info .medals {
	margin-bottom: 10px;
	font-size: 14px;
	color: #172b50;
	text-align: center;
}

#dealer-info .medals::before {
	content: "";
	position: relative;
	top: 7px;
	display: inline-block;
	width: 18px;
	height: 26px;
	margin-right: 10px;
	background: url(../images/dealer_detail_medals.png);
}

#dealer-info .description {
	margin-bottom: 10px;
	font-size: 15px;
	color: #333;
	line-height: 30px;
	text-align: center;
}

#dealer-info .fixing {
	padding: 10px 0;
	background: #f2f2f2;
	font-size: 15px;
	color: #d91d1d;
	text-align: center;
}

#dealer-info .fixing::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	width: 22px;
	height: 23px;
	margin-right: 10px;
	background: url(../images/dealer_detail_fix.png);
}

#dealer-info .reality iframe {
	width: 100%;
	height: 500px;
}

#dealer-info .map-info {
	display: table;
	width: 100%;
	min-height: 550px;
	margin-bottom: 5%;
	padding: 30px 0;
}

#dealer-info .map-info .left {
	position: relative;
	display: table-cell;
	width: 50%;
	padding-right: 2%;
	box-sizing: border-box;
}

#dealer-info .map-info .left iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#dealer-info .map-info .right {
	position: relative;
	display: table-cell;
	width: 50%;
	padding-left: 2%;
	box-sizing: border-box;
}

#dealer-info .map-info .right .share {
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 1
}

#dealer-info .map-info .right .share span {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/product_detail_share.png);
	text-indent: -9999px;
	cursor: pointer;
	transition: all .3s;
}

#dealer-info .map-info .right .share span:hover {
	opacity: .8;
}

#dealer-info .map-info .right .share .wrap {
	position: absolute;
	right: 0;
	top: 30px;
	display: none;
	width: 140px;
	padding: 5px 15px;
	background: #FFF;
	border: 1px solid #999;
	box-sizing: border-box;
}

#dealer-info .map-info .right .share .wrap a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#dealer-info .map-info .right .share .wrap a:hover {
	opacity: .6;
}

#dealer-info .map-info .right .share .wrap a::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 28px;
	margin-right: 10px;
	background: url(../images/share_icon.png);
	vertical-align: middle;
}

#dealer-info .map-info .right .share .wrap .copy::before {
	background-position: left top;
}

#dealer-info .map-info .right .share .wrap .fb::before {
	background-position: center top;
}

#dealer-info .map-info .right .share .wrap .email::before {
	background-position: right top;
}

#dealer-info .map-info .right .info {
	margin-bottom: 25px;
}

#dealer-info .map-info .right .info li {
	position: relative;
	padding-left: 80px;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#dealer-info .map-info .right .info li span {
	position: absolute;
	left: 0;
	top: 0;
	color: #777;
}

#dealer-info .map-info .right .info li p {
	padding-left: 16px;
	text-indent: -13px;
}

#dealer-info .map-info .right .info li .location {
	display: inline-block;
	margin-left: 20px;
}

#dealer-info .map-info .right .info li .location::before {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 11px;
	height: 16px;
	margin-right: 5px;
	background: url(../images/dealer_detail_location.png);
}

#dealer-info .map-info .right .info li > a {
	color: #172b50;
}

#dealer-info .map-info .right .info li > a:hover {
	color: #4283ba;
}

#dealer-info .map-info .right h2 {
	margin-bottom: 10px;
	font-size: 17px;
	color: #000;
	font-weight: normal;
}

#dealer-info .map-info .right .list {
	margin-bottom: 25px;
	overflow: hidden;
}

#dealer-info .map-info .right .list ul {
	float: left;
	width: 48%;
	margin-right: 2%;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#dealer-info .map-info .right .list li {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#dealer-info .map-info .right .service {
	margin-bottom: 25px;
	overflow: hidden;
}

#dealer-info .map-info .right .service dl {
	position: relative;
	float: left;
	width: 31%;
	margin-right: 2%;
	padding-left: 55px;
	color: #333;
	box-sizing: border-box;
	height:100px;
}

	#dealer-info .map-info .right .service dl::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		/*width: 49px;*/
		width: 48px;
		height: 43px;
		background: url(../images/dealer_detail_service.png);
	}

#dealer-info .map-info .right .service .fix::before {
	background-position: left top;
}
 
#dealer-info .map-info .right .service .washlet::before {
	background-position: 147px top; 
}

#dealer-info .map-info .right .service .parking::before {
	background-position: 95px top;
}

#dealer-info .map-info .right .service .component::before {
	background-position: right top;
}  /* mity 20230718 */

#dealer-info .map-info .right .service dt {
	font-size: 15px;
}

#dealer-info .map-info .right .service dd {
	font-size: 12px;
}

#dealer-info .map-info .right .notice h3 {
	margin-bottom: 10px;
	font-size: 15px;
	color: #777;
	font-weight: normal;
}

#dealer-info .map-info .right .notice ol {
	list-style: decimal;
	padding-left: 20px;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#dealer-info .map-info .right .note {
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#dealer-info .special {
	margin-bottom: 5%;
	overflow: hidden;
}

#dealer-info .special .left {
	float: left;
	width: 48%;
}

#dealer-info .special .left h2 {
	margin-bottom: 50px;
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#dealer-info .special .left dl {
	position: relative;
	min-height: 137px;
	margin-bottom: 50px;
	padding-left: 180px;
}

#dealer-info .special .left dt {
	position: absolute;
	left: 0;
	top: 0;
	width: 137px;
}

#dealer-info .special .left dt img {
	display: block;
	width: 100%;
	height: auto;
}

#dealer-info .special .left dd h3 {
	margin-bottom: 15px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#dealer-info .special .left dd p {
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#dealer-info .special .right {
	float: right;
	width: 48%;
}

#dealer-info .special .right img {
	display: block;
	max-width: 100%;
	height: auto;
	margin-bottom: 50px;
}

/* dealer-album */
#dealer-album {
	margin-bottom: 5%;
}

#dealer-album h2 {
	margin-bottom: 20px;
	font-size: 17px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#dealer-album ul {
	overflow: hidden;
	text-align: center;
}

#dealer-album li {
	width: 12%;
	padding: 0;
	margin: 0 -1px;
	display: inline-block;
	box-sizing: border-box;
}

#dealer-album li a {
	display: block;
	height: 200px;
	background-size: cover;
	overflow: hidden;
	opacity: .6;
	transition: all .3s;
}

#dealer-album li a:hover {
	opacity: 1;
}

/* service */
#service .list .service-announcement {
	margin: 40px auto 60px;
	padding: 40px 0;
	width: 100%;
	background: #e5eff9;
	text-align: center;
}

#service .list .service-announcement a {
	color: -webkit-link;
}

#service .list {
	padding: 5% 0;
	overflow: hidden;
}

#service .list h2 {
	font-size: 30px;
	color: #000;
	font-weight: normal;
	text-align: center
}

#service .list h3 {
	margin-bottom: 20px;
	font-size: 15px;
	color: #333;
	font-weight: normal;
	text-align: center
}

#service .list table {
	width: 100%;
	margin: auto;
	margin-bottom: 5px;
}

	#service .list td {
		width: 26%;
		padding: 2% 1% 2% 1%;
		background: #f4f4f4;
		border: 0px solid #FFF;
		vertical-align: top;
		box-sizing: border-box; 
	}

#service .list dl {
	position: relative;
	padding-left: 100px;
}

#service .list dt {
	position: absolute;
	left: 8px;
	top: 0;
	width: 74px;
	height: 69px;
	background: url(../images/service_list_icon.png);
	text-indent: -9999px;
}

#service .list .list-1 dt {
	background-position: left top;
}

#service .list .list-2 dt {
	background-position: center top;
}

#service .list .list-3 dt {
	background-position: right top;
}

#service .list dd h4 {
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#service .list dd p {
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

#service .list > p {
	font-size: 13px;
	color: #000;
	line-height: 25px;
}

#service .special {
	position: relative;
	padding-right: 30%;
	overflow: hidden;
}

#service .special .wrap {
	position: relative;
	padding: 5% 8%;
	background: #000;
}

#service .special .wrap h2 {
	margin-bottom: 4%;
	font-size: 30px;
	color: #FFF;
	font-weight: normal;
}

#service .special .wrap table {
	width: 100%;
}

#service .special .wrap td {
	width: 50%;
	padding: 30px;
	color: #FFF;
	vertical-align: top;
	box-sizing: border-box;
}

#service .special .wrap td.col-1 {
	border-right: 1px solid #1a1a1a;
	border-bottom: 1px solid #1a1a1a;
}

#service .special .wrap td.col-4 {
	border-top: 1px solid #1a1a1a;
	border-left: 1px solid #1a1a1a;
}

#service .special .wrap td dl {
	position: relative;
	padding-left: 90px;
}

#service .special .wrap td dt {
	position: absolute;
	left: 0;
	top: 0;
	width: 63px;
	height: 62px;
	background: url(../images/service_special_icon.png);
	text-indent: -9999px;
}

#service .special .wrap td.col-1 dt {
	background-position: left top;
}

#service .special .wrap td.col-2 dt {
	background-position: -63px top;
}

#service .special .wrap td.col-3 dt {
	background-position: -126px top;
}

#service .special .wrap td.col-4 dt {
	background-position: right top;
}

#service .special .wrap td dd h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
}

#service .special .wrap td dd p {
	font-size: 15px;
	line-height: 25px;
}

#service .special .wrap td dd a {
	display: inline-block;
	margin-top: 10px;
	padding: 10px 30px;
	border: 1px solid #666;
	border-radius: 20px;
	font-size: 15px;
	color: #FFF;
	transition: all .3s;
}

#service .special .wrap td dd a:hover {
	background: rgba(255, 255, 255, .1);
}

#service .special::after {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 30%;
	height: 100%;
	background: url(../images/upload/service_special_bg.jpg) right center no-repeat;
	background-size: cover;
}

/* training */
#training {
	padding: 5%;
	background: url(../images/upload/training_bg.jpg) center center no-repeat;
	background-size: cover;
}

#training .intro {
	margin-bottom: 5%;
}

#training .intro h2 {
	margin-bottom: 10px;
	font-size: 30px;
	color: #000;
	font-weight: normal;
	text-align: center
}

#training .intro h2::before {
	content: "";
	display: block;
	width: 85px;
	height: 85px;
	margin: 0 auto 10px auto;
	background: url(../images/training_icon.png);
}

#training .intro p {
	font-size: 15px;
	color: #000;
	line-height: 25px;
	text-align: center;
}

#training .rank {
	padding: 3%;
	background: #FFF;
}

#training .rank h2 {
	margin-bottom: 10px;
	font-size: 30px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#training .rank p {
	font-size: 15px;
	color: #000;
	line-height: 25px;
	text-align: center;
}

#training .rank .wrap {
	max-width: 850px;
	margin: 0 auto;
	padding-top: 3%;
	overflow: hidden;
}

#training .rank .wrap dl {
	float: left;
	width: 27.33%;
	margin: 0 3%;
}

#training .rank .wrap dt {
	width: 130px;
	height: 130px;
	margin: 0 auto;
	border: 1px solid #333;
	border-radius: 50%;
	font-size: 36px;
	color: #000;
	line-height: 130px;
	text-align: center;
}

#training .rank .wrap dd h3 {
	margin: 10px 0;
	font-size: 20px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#training .rank .wrap dd p {
	font-size: 15px;
	color: #000;
	line-height: 25px;
	text-align: left;
}

#training .rank .wrap dd span {
	display: block;
	padding-top: 10px;
	font-size: 13px;
	color: #666;
	line-height: 20px;
}

/* service-part */
#service-part .search {
	margin-bottom: 3%;
	padding: 5% 0;
	background: url(../images/upload/service_part_b.jpg) center center no-repeat;
	background-size: cover;
}

#service-part .search h2 {
	margin-bottom: 3%;
	font-size: 30px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#service-part .search .wrap {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

#service-part .search .wrap input,
#service-part .search .wrap select {
	display: inline-block;
	height: 45px;
	margin-right: 7px;
	padding: 10px 30px;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#service-part .search .wrap h3 {
	margin-bottom: 10px;
	font-size: 17px;
	color: #333;
	font-weight: normal;
}

#service-part .search .wrap button {
	display: inline-block;
	width: 75px;
	height: 45px;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
}

#service-part .search .wrap button:hover {
	background: #797979;
}

#service-part .search .wrap .category {
	float: left;
	width: 50%;
	padding-right: 40px;
	border-right: 1px solid #cfd4d8;
	box-sizing: border-box;
}

#service-part .search .wrap .category select.s1 {
	width: 140px;
}

#service-part .search .wrap .category select.s2 {
	width: 214px;
}

#service-part .search .wrap .series {
	float: right;
	width: 50%;
	padding-left: 40px;
	box-sizing: border-box;
}

#service-part .search .wrap .series input {
	width: 370px;
}

#service-part .search .notice {
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
}

#service-part .search .notice h3 {
	font-size: 17px;
	color: #333;
	font-weight: normal;
}

#service-part .search .notice p {
	font-size: 13px;
	color: #333;
	line-height:
}

#service-part .list h2 {
	font-size: 18px;
	color: #000;
	font-weight: normal;
}

#service-part .list h2 span {
	padding-left: 20px;
}

#service-part .list ul {
	padding: 3% 0;
	overflow: hidden;
}

#service-part .list li {
	float: left;
	width: 16.66%;
	margin: 2% 0;
	border-right: 1px solid #efefef;
	box-sizing: border-box;
}

#service-part .list li:nth-child(6n) {
	border: none;
}

#service-part .list li a {
	display: block;
	text-align: center;
	transition: all .3s;
}

#service-part .list li a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 10px auto;
}

#service-part .list li a h3 {
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#service-part .list li a h4 {
	font-size: 15px;
	color: #666;
	font-weight: normal;
}

#service-part .list li a:hover h3,
#service-part .list li a:hover h4 {
	color: #4283ba;
}

#service-part .part h2 {
	margin-bottom: 25px;
	overflow: hidden;
	font-size: 18px;
	color: #000;
	font-weight: normal;
}

#service-part .part h2 span {
	padding-left: 20px;
}

#service-part .part h2 .download {
	float: right;
	display: inline-block;
	padding: 8px 25px;
	background: #172b50;
	border-radius: 25px;
	font-size: 15px;
	color: #FFF;
	transition: all .3s;
}

#service-part .part h2 .download::before {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(../images/download.png);
	margin-right: 5px;
}

#service-part .part h2 .download:hover {
	background: #999;
}

#service-part .part table {
	width: 100%;
	font-size: 15px;
}

#service-part .part thead td {
	background: #555;
	color: #FFF;
}

#service-part .part tbody td {
	border-bottom: 1px solid #e7e7e7;
	color: #333;
	line-height: 20px;
}

#service-part .part td {
	padding: 20px 10px;
	box-sizing: border-box;
}

#service-part .part td input {
	position: relative;
	top: 3px;
	display: inline-block;
	width: 15px;
	height: 15px;
}

#service-part .part td.col-1 {
	width: 80px;
}

#service-part .part td.col-2 {
	width: 130px;
	text-align: center;
}

#service-part .part td.col-2 img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

#service-part .part td.col-3 {
	width: 110px;
	text-align: center;
}

#service-part .part td.col-4 {
	width: 120px;
	text-align: center;
}

#service-part .part td.col-5 {
	vertical-align: top;
}

#service-part .part td.col-5 ul {
	float: left;
	width: 33%;
	min-height: 100px;
	padding-right: 20px;
	margin-bottom: 20px;
	font-size: 13px;
	box-sizing: border-box;
}

#service-part .part td.col-5 li {
	word-break: break-all;
}

#service-part .part td.col-6 {
	width: 110px;
	text-align: center;
}


#service-part .instructions h2 {
	margin-bottom: 25px;
	overflow: hidden;
	font-size: 18px;
	color: #000;
	font-weight: normal;
}

#service-part .instructions h2 span {
	padding-left: 20px;
}

#service-part .instructions h2 .download {
	float: right;
	display: inline-block;
	padding: 8px 25px;
	background: #172b50;
	border-radius: 25px;
	font-size: 15px;
	color: #FFF;
	transition: all .3s;
}

#service-part .instructions h2 .download::before {
	content: "";
	position: relative;
	top: 2px;
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(../images/download.png);
	margin-right: 5px;
}

#service-part .instructions h2 .download:hover {
	background: #999;
}

#service-part .instructions table {
	width: 100%;
	font-size: 15px;
}

#service-part .instructions thead td {
	background: #555;
	color: #FFF;
}

#service-part .instructions tbody td {
	border-bottom: 1px solid #e7e7e7;
	color: #333;
	line-height: 20px;
}

#service-part .instructions td {
	padding: 20px 10px;
	box-sizing: border-box;
}

#service-part .instructions td input {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
}

#service-part .instructions td a {
	color: #315ab6;
}

#service-part .instructions td a:hover {
	color: #000;
}

#service-part .instructions td.col-1 {
	width: 90px;
}

#service-part .instructions td.col-2 {
	width: 130px;
	text-align: center;
}

#service-part .instructions td.col-2 img {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	height: auto;
}

#service-part .instructions td.col-3 {
	text-align: center;
}

#service-part .instructions td.col-4 {
	width: 280px;
	text-align: center;
}

#service-part .instructions td.col-5 {
	width: 130px;
	text-align: center;
}

#service-part .instructions td.col-6 {
	width: 280px;
	text-align: center;
}

.tr-active {
	background: #f6f6f6;
}

/* clean-decorator */
#clean-decorator {
	margin-bottom: 5%;
}

#clean-decorator .date {
	margin-top: 15px;
	font-size: 15px;
	color: #000;
}

#clean-decorator .date .category {
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	background: #f1f1f1;
	font-size: 13px;
	color: #172b50;
}

#clean-decorator h2 {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d8d8d8;
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#clean-decorator h2 .share {
	position: absolute;
	right: 0;
	top: 12px;
	z-index: 1
}

#clean-decorator h2 .share span {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/product_detail_share.png);
	text-indent: -9999px;
	cursor: pointer;
	transition: all .3s;
}

#clean-decorator h2 .share span:hover {
	opacity: .8;
}

#clean-decorator h2 .share .wrap {
	position: absolute;
	right: 0;
	top: 30px;
	display: none;
	width: 140px;
	padding: 5px 15px;
	background: #FFF;
	border: 1px solid #999;
	box-sizing: border-box;
}

#clean-decorator h2 .share .wrap a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#clean-decorator h2 .share .wrap a:hover {
	opacity: .6;
}

#clean-decorator h2 .share .wrap a::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 28px;
	margin-right: 10px;
	background: url(../images/share_icon.png);
	vertical-align: middle;
}

#clean-decorator h2 .share .wrap .copy::before {
	background-position: left top;
}

#clean-decorator h2 .share .wrap .fb::before {
	background-position: center top;
}

#clean-decorator h2 .share .wrap .email::before {
	background-position: right top;
}

#clean-decorator .img {
	margin-bottom: 50px;
}

#clean-decorator .img img {
	display: block;
	width: 100%;
	height: auto;
}

#clean-decorator .wrap {
	margin-bottom: 30px;
	border-bottom: 1px solid #d8d8d8;
}

#clean-decorator .wrap dl {
	margin-bottom: 50px;
	overflow: hidden;
}

#clean-decorator .wrap dt {
	float: left;
	width: 50%;
}

#clean-decorator .wrap dt img {
	display: block;
	width: 100%;
	height: auto;
}

#clean-decorator .wrap dt p {
	padding: 10px 15px;
	background: #d9d9d9;
	font-size: 13px;
	color: #000;
	line-height: 20px;
}

#clean-decorator .wrap dd {
	float: right;
	width: 46%;
}

#clean-decorator .wrap dd h3 {
	margin-bottom: 10px;
	font-size: 23px;
	color: #000;
}

#clean-decorator .wrap dd p {
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#clean-decorator .wrap dd .more {
	display: inline-block;
	margin-top: 5px;
	font-size: 15px;
	color: #315ab6;
}

#clean-decorator .wrap dd .more::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 10px;
	background: url(../images/produt_more.png);
	transition: all .3s;
}

#clean-decorator .wrap dd .more:hover::after {
	margin-left: 20px;
}

#clean-decorator .back {
	display: block;
	width: 155px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #d8d8d8;
	border-radius: 25px;
	font-size: 15px;
	color: #333;
	text-align: center;
	transition: all .3s;
}

#clean-decorator .back::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-right: 5px;
	background: url(../images/back_list.png);
}

#clean-decorator .back:hover {
	background: #f1f1f1;
}

/* project */
#project {
	margin-bottom: 5%;
}

#project .date {
	margin-top: 15px;
	font-size: 15px;
	color: #000;
}

#project .date .category {
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	background: #f1f1f1;
	font-size: 13px;
	color: #172b50;
}

#project h2 {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #d8d8d8;
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#project h2 .share {
	position: absolute;
	right: 0;
	top: 12px;
	z-index: 1
}

#project h2 .share span {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/product_detail_share.png);
	text-indent: -9999px;
	cursor: pointer;
	transition: all .3s;
}

#project h2 .share span:hover {
	opacity: .8;
}

#project h2 .share .wrap {
	position: absolute;
	right: 0;
	top: 30px;
	display: none;
	width: 140px;
	padding: 5px 15px;
	background: #FFF;
	border: 1px solid #999;
	box-sizing: border-box;
}

#project h2 .share .wrap a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#project h2 .share .wrap a:hover {
	opacity: .6;
}

#project h2 .share .wrap a::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 28px;
	margin-right: 10px;
	background: url(../images/share_icon.png);
	vertical-align: middle;
}

#project h2 .share .wrap .copy::before {
	background-position: left top;
}

#project h2 .share .wrap .fb::before {
	background-position: center top;
}

#project h2 .share .wrap .email::before {
	background-position: right top;
}

#project .img {
	margin-bottom: 50px;
}

#project .img img {
	display: block;
	width: 100%;
	height: auto;
}

#project .wrap {
	margin-bottom: 30px;
}

#project .wrap dl {
	margin-bottom: 50px;
	overflow: hidden;
}

#project .wrap dt {
	float: right;
	width: 40%;
}

#project .wrap dt img {
	display: block;
	width: 100%;
	height: auto;
}

#project .wrap dt p {
	padding: 10px 15px;
	background: #d9d9d9;
	font-size: 13px;
	color: #000;
	line-height: 20px;
}

#project .wrap dd {
	float: left;
	width: 55%;
}

#project .wrap dd h3 {
	margin-bottom: 10px;
	font-size: 23px;
	color: #000;
}

#project .wrap dd p {
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#project .wrap dd .more {
	display: inline-block;
	margin-top: 5px;
	font-size: 15px;
	color: #315ab6;
}

#project .wrap dd .more::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 9px;
	margin-left: 10px;
	background: url(../images/produt_more.png);
	transition: all .3s;
}

#project .wrap dd .more:hover::after {
	margin-left: 20px;
}

#project .info {
	margin-bottom: 50px;
	padding: 30px 85px;
	background: #f1f1f1;
	overflow: hidden;
}

#project .info h3 {
	margin-bottom: 30px;
	font-size: 18px;
	color: #000;
	font-weight: normal;
}

#project .info table {
	width: 100%;
	font-size: 15px;
	line-height: 25px;
}

#project .info td.col-1 {
	width: 100px;
	color: #000;
}

#project .info td.col-2 {
	color: #555;
}

#project .info td.col-3 {
	color: #172b50;
}

#project .info .left {
	float: left;
	width: 30%;
}

#project .info .right {
	float: right;
	width: 50%;
}

#project .info .right table {
	border-bottom: 1px solid #dbdbdb;
}

#project .info .right td {
	padding: 10px 0;
	border-top: 1px solid #dbdbdb;
	vertical-align: top;
}

#project .back {
	display: block;
	width: 155px;
	margin: 0 auto;
	padding: 10px 0;
	border: 1px solid #d8d8d8;
	border-radius: 25px;
	font-size: 15px;
	color: #333;
	text-align: center;
	transition: all .3s;
}

#project .back::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-right: 5px;
	background: url(../images/back_list.png);
}

#project .back:hover {
	background: #f1f1f1;
}

/* signup */
#signup {
	padding: 5% 0;
	background: url(../images/upload/signup_bg.jpg) top center no-repeat;
	background-size: cover;
}

#signup .wrap {
	max-width: 900px;
	margin: 0 auto;
	padding-top: 30px;
	background: #FFF;
}

#signup .wrap h2 {
	position: relative;
	margin-bottom: 5px;
	font-size: 25px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#signup .wrap h2 span {
	position: absolute;
	right: 30px;
	top: 0;
	font-size: 15px;
	color: #000;
}

#signup .wrap h2 span a {
	display: inline-block;
	margin-left: 5px;
	color: #172b50;
	text-decoration: underline;
}

#signup .wrap h2 span a:hover {
	text-decoration: none;
	color: #367eb3;
}

#signup .wrap h3 {
	font-size: 15px;
	color: #888;
	font-weight: normal;
	text-align: center;
}

#signup .wrap .identity {
	margin-top: 30px;
	border-top: 1px solid #f2f2f2;
	overflow: hidden;
}

#signup .wrap .identity li {
	position: relative;
	float: left;
	width: 33.33%;
	border-right: 1px solid #f2f2f2;
	box-sizing: border-box;
}

#signup .wrap .identity li:last-child {
	border: none;
}

#signup .wrap .identity li a {
	display: block;
	padding: 20px 0 150px 0;
	transition: all .3s;
}

#signup .wrap .identity li a::before {
	content: "";
	display: block;
	width: 102px;
	height: 69px;
	margin: 25px auto;
	background: url(../images/signup_icon.png);
}

#signup .wrap .identity li.designer a::before {
	background-position: left top;
}

#signup .wrap .identity li.dealer a::before {
	background-position: center top;
}

#signup .wrap .identity li.office a::before {
	background-position: right top;
}

#signup .wrap .identity li h4 {
	margin-bottom: 20px;
	font-size: 25px;
	color: #000;
	text-align: center;
}

#signup .wrap .identity li h4 span {
	display: block;
	font-size: 15px;
	font-weight: normal;
}

#signup .wrap .identity li p {
	width: 170px;
	margin: 0 auto;
	font-size: 13px;
	color: #777;
	line-height: 23px;
}

#signup .wrap .identity li a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 50px;
	display: block;
	width: 49px;
	height: 50px;
	margin-left: -25px;
	background: url(../images/signup_check.png);
	text-indent: -9999px;
	opacity: .5;
	transition: all .3s;
}

#signup .wrap .identity li a:hover {
	background: #fafafa;
}

#signup .wrap .identity li a:hover::after {
	opacity: 1;
}

/* login */
#login {
	padding: 10% 0;
	background: url(../images/upload/signup_bg.jpg) top center no-repeat;
	background-size: cover;
}

#login .wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 40px;
	background: #FFF;
	overflow: hidden;
	box-sizing: border-box;
}

#login .wrap h2 {
	font-size: 25px;
	color: #000;
	font-weight: normal;
}

#login .wrap .left {
	position: relative;
	float: left;
	width: 48%;
}

#login .wrap .left img {
	display: block;
	width: 100%;
	height: auto;
}

#login .wrap .left .content {
	position: absolute;
	left: 0;
	top: 40%;
	width: 100%;
	text-align: center;
}

#login .wrap .left .content h2 {
	margin-bottom: 10px;
}

#login .wrap .left .content .more {
	display: inline-block;
	padding: 7px 30px;
	border: 1px solid #d9d9d9;
	border-radius: 20px;
	font-size: 15px;
	color: #000;
	transition: all .3s;
}

#login .wrap .left .content .more:hover {
	background: #f1f1f1;
}

#login .wrap .right {
	float: right;
	width: 48%;
	padding-top: 80px;
}

#login .wrap .right h2 {
	text-align: center;
}

#login .wrap .right form {
	width: 270px;
	margin: 0 auto 120px auto;
}

#login .wrap .right form ul {
	margin: 20px auto;
}

#login .wrap .right form input {
	display: block;
	width: 100%;
	height: 48px;
	padding: 15px 0;
	border: none;
	border-bottom: 1px solid #a0a0a0;
	font-size: 15px;
	box-sizing: border-box;
}

#login .wrap .right form button {
	display: block;
	width: 100%;
	margin: 0 auto;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	transition: all .3s;
}

#login .wrap .right form button:hover {
	background: #797979;
}

#login .wrap .right .other {
	overflow: hidden;
	font-size: 13px;
	padding-top: 20px;
}

#login .wrap .right .other .register {
	float: left;
	color: #777;
}

#login .wrap .right .other .register a {
	color: #172b50;
	transition: all .3s;
}

#login .wrap .right .other .register a:hover {
	color: #367eb3;
}

#login .wrap .right .other .forgot {
	float: right;
	color: #172b50;
	transition: all .3s;
}

#login .wrap .right .other .forgot:hover {
	color: #367eb3;
}

/* login-first */
#login-first {
	padding: 5% 0;
	background: url(../images/upload/signup_bg.jpg) top center no-repeat;
	background-size: cover;
}

#login-first .wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 70px;
	background: #FFF;
	overflow: hidden;
	box-sizing: border-box;
}

#login-first .wrap h2 {
	font-size: 25px;
	color: #000;
	line-height: 30px;
	font-weight: normal;
}

#login-first .wrap .left {
	position: relative;
	float: left;
	width: 40%;
	text-align: center;
}

#login-first .wrap .left::before {
	content: "";
	display: block;
	width: 143px;
	height: 144px;
	margin: 50px auto;
	background: url(../images/login_first.png);
}

#login-first .wrap .left p {
	margin-top: 20px;
	font-size: 15px;
	color: #000;
	line-height: 22px;
}

#login-first .wrap .right {
	float: right;
	width: 48%;
}

#login-first .wrap .right h2 {
	margin-bottom: 10px;
	text-align: center;
}

#login-first .wrap .right form {
	width: 330px;
	margin: 0 auto
}

#login-first .wrap .right form li {
	position: relative;
	height: 48px;
	padding-left: 100px;
	border-bottom: 1px solid #a0a0a0;
	font-size: 15px;
	line-height: 48px;
}

#login-first .wrap .right form li span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	color: #777;
	line-height: 48px;
}

#login-first .wrap .right form li input[type="email"],
#login-first .wrap .right form li input[type="tel"] {
	display: block;
	width: 100%;
	height: 48px;
	border: none;
	font-size: 15px;
	color: #000;
	box-sizing: border-box;
}

#login-first .wrap .right form li.no-line {
	border: none;
}

#login-first .wrap .right form li.note {
	padding: 0;
}

#login-first .wrap .right form li.check {
	padding: 10px 0 10px 20px;
	line-height: 22px;
}

#login-first .wrap .right form li.check input {
	position: absolute;
	left: 0;
	top: 13px;
	width: 15px;
	height: 15px;
}

#login-first .wrap .right form p {
	font-size: 15px;
	color: #000;
	line-height: 22px;
}

#login-first .wrap .right form .btn {
	margin-top: 15px;
	overflow: hidden;
}

#login-first .wrap .right form .btn button {
	float: right;
	display: block;
	width: 195px;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	transition: all .3s;
}

#login-first .wrap .right form .btn button:hover {
	background: #797979;
}

#login-first .wrap .right form .btn a {
	float: left;
	display: block;
	width: 125px;
	background: #CCC;
	font-size: 15px;
	color: #000;
	line-height: 40px;
	text-align: center;
}

/* fill-form */
#fill-form {
	width: 500px;
	margin: 0 auto;
	padding-bottom: 5%;
}

#fill-form h2 {
	margin: 50px 0 15px 0;
	font-size: 25px;
	color: #000;
	font-weight: normal;
	text-align: center
}

#fill-form .note {
	margin-bottom: 15px;
	font-size: 15px;
	color: #333;
	line-height: 24px;
	text-align: center;
}

#fill-form ul {
	margin-bottom: 20px;
}

#fill-form li {
	position: relative;
	padding: 10px 0 10px 120px;
	border-bottom: 1px solid #a0a0a0;
	overflow: hidden;
}

#fill-form li span {
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 15px;
	color: #333;
	line-height: 43px;
}

#fill-form li label {
	display: inline-block;
	margin-right: 10px;
	font-size: 15px;
	color: #333;
	line-height: 48px;
}

#fill-form li label:last-child {
	margin: 0;
}

#fill-form li input[type="radio"] {
	position: relative;
	top: 2px;
	width: 15px;
	height: 15px;
}

#fill-form li input[type="text"],
#fill-form li input[type="email"],
#fill-form li input[type="tel"],
#fill-form li input[type="password"] {
	display: block;
	width: 100%;
	height: 43px;
	padding: 10px;
	background: #eceaeb;
	border: none;
	border-radius: 5px;
	font-size: 15px;
	line-height: 43px;
	box-sizing: border-box;
}

#fill-form li select {
	display: block;
	width: 100%;
	height: 43px;
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #a0a0a0;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#fill-form li textarea {
	display: block;
	width: 100%;
	height: 150px;
	padding: 10px;
	background: #eceaeb;
	border: none;
	border-radius: 5px;
	box-sizing: border-box;
}

#fill-form button {
	display: block;
	width: 100%;
	margin: 0 auto;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	transition: all .3s;
}

#fill-form button:hover {
	background: #797979;
}

#fill-form li.name input[type="text"] {
	display: inline-block;
	width: 245px;
	margin-right: 13px;
}

#fill-form li.full {
	padding: 0 0 10px 0;
}

#fill-form li.full span {
	position: static;
	display: block;
}

#fill-form li.no-line {
	border: none;
}

#fill-form li.verify {
	padding-right: 150px;
}

#fill-form li.verify img {
	position: absolute;
	right: 50px;
	top: 20px;
}

#fill-form li.verify .refresh {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	width: 18px;
	height: 21px;
	background: url(../images/refresh.png);
	text-indent: -9999px;
	transition: all .3s;
}

#fill-form li.verify .refresh:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

#fill-form li.check {
	padding: 10px 0 10px 20px;
	font-size: 15px;
	color: #333;
	line-height: 22px;
}

#fill-form li.check input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 14px;
	width: 15px;
	height: 15px;
}

#fill-form li.alert {
	position: relative;
	top: -1px;
	display: none;
	padding: 0 0 10px 0;
	border-top: 1px solid #FFF;
	font-size: 15px;
	color: #b20000;
	line-height: 45px;
}

#fill-form li.alert::before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	width: 21px;
	height: 20px;
	margin-right: 5px;
	background: url(../images/alert.png);
}

#fill-form li.red span {
	color: #b20000 !important;
}

/* massage */
#massage {
	display: table;
	width: 600px;
	height: 600px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
	box-sizing: border-box;
}

#massage .wrap {
	display: table-cell;
	vertical-align: middle;
}

#massage .wrap h2 {
	margin-bottom: 15px;
	font-size: 25px;
	color: #000;
	font-weight: normal;
}

#massage .wrap h2::before {
	content: "";
	display: block;
	width: 105px;
	height: 83px;
	margin: 10px auto;
	background: url(../images/msg_icon.jpg);
}

#massage .wrap h2.ico-1::before {
	background-position: left top;
}

#massage .wrap h2.ico-2::before {
	background-position: -105px top;
}

#massage .wrap h2.ico-3::before {
	background-position: -210px top;
}

#massage .wrap h2.ico-4::before {
	background-position: -315px;
	top;
}

#massage .wrap h2.ico-5::before {
	background-position: -420px top;
}

#massage .wrap h2.ico-6::before {
	background-position: -525px top;
}

#massage .wrap h2.ico-7::before {
	background-position: right top;
}

#massage .wrap p {
	margin-bottom: 15px;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#massage .wrap .btn {
	margin-bottom: 15px
}

#massage .wrap .btn a,
#massage .wrap .btn button {
	display: inline-block;
	width: 140px;
	margin: 0 5px;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
	transition: all .3s;
}

#massage .wrap .btn a:hover,
#massage .wrap .btn button:hover {
	background: #797979;
}

#massage .wrap .btn .grey {
	background: #666;
}

#massage .wrap .btn .grey:hover {
	background: #999;
}

#massage .wrap .other {
	font-size: 15px;
}

#massage .wrap .other a {
	display: inline-block;
	margin-left: 5px;
	color: #172c49;
	text-decoration: underline;
}

#massage .wrap .other a:hover {
	text-decoration: none;
	color: #367eb3;
}

#massage .wrap .code {
	margin-bottom: 20px;
}

#massage .wrap .code input {
	display: inline-block;
	width: 55px;
	margin: 0 5px;
	padding: 5px 0;
	border: none;
	border-bottom: 1px solid #a0a0a0;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}

#massage .wrap .forgot {
	width: 380px;
	margin: 0 auto 20px auto;
}

#massage .wrap .forgot li {
	position: relative;
	border-bottom: 1px solid #a0a0a0;
	overflow: hidden;
}

#massage .wrap .forgot li input {
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 5px;
	border: none;
	font-size: 13px;
	line-height: 48px;
	box-sizing: border-box;
}

#massage .wrap .forgot li.verify {
	padding-right: 150px;
}

#massage .wrap .forgot li.verify img {
	position: absolute;
	right: 50px;
	top: 13px;
}

#massage .wrap .forgot li.verify .refresh {
	position: absolute;
	right: 20px;
	top: 15px;
	display: block;
	width: 18px;
	height: 21px;
	background: url(../images/refresh.png);
	text-indent: -9999px;
	transition: all .3s;
}

#massage .wrap .forgot li.verify .refresh:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg)
}

#massage .wrap .reset {
	width: 380px;
	margin: 0 auto 20px auto;
}

#massage .wrap .reset li {
	position: relative;
	padding-left: 100px;
	border-bottom: 1px solid #a0a0a0;
	overflow: hidden;
}

#massage .wrap .reset li span {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 15px;
	color: #333;
	line-height: 48px;
}

#massage .wrap .reset li b {
	display: block;
	font-size: 15px;
	color: #000;
	line-height: 48px;
	text-align: left;
	font-weight: normal;
}

#massage .wrap .reset li input {
	display: block;
	width: 100%;
	height: 48px;
	border: none;
	font-size: 13px;
	line-height: 48px;
	box-sizing: border-box;
}

/* designer-raise */
#designer-raise {
	margin: 2% 0 5% 0;
	padding: 5% 0;
	background: url(../images/upload/designer_raise_bg.jpg);
	text-align: center;
}

#designer-raise h2 {
	font-size: 24px;
	color: #000;
	font-weight: normal;
}

#designer-raise .wrap {
	padding: 3% 0;
	overflow: hidden;
}

#designer-raise .wrap dl {
	float: left;
	width: 27.33%;
	margin: 3%;
}

#designer-raise .wrap dl::before {
	content: "";
	display: block;
	width: 64px;
	height: 56px;
	margin: 20px auto;
	background: url(../images/designer_raise_icon.png);
}

#designer-raise .wrap dl.ico-1::before {
	background-position: left top;
}

#designer-raise .wrap dl.ico-2::before {
	background-position: center top;
}

#designer-raise .wrap dl.ico-3::before {
	background-position: right top;
}

#designer-raise .wrap dt {
	font-size: 24px;
	color: #000;
}

#designer-raise .wrap dd {
	margin-top: 10px;
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

#designer-raise a {
	display: inline-block;
	padding: 10px 35px;
	background: #3252a3;
	border-radius: 20px;
	font-size: 15px;
	color: #FFF;
	transition: all .3s;
}

#designer-raise a:hover {
	background: #797979;
}

/* advisory_lock */

#advisory_lock {
	width: 80%;
	padding-bottom: 60px;
}

#advisory_lock #lock_title {
	text-align: center;
	font-size: 26px;
	color: #000;
	font-weight: bold;
	padding: 30px 0;
	line-height: 40px;
}

#advisory_lock #lock_title #logo {
	float: none;
	display: inline-block;
	cursor: default;
}

#advisory_lock #lock_back {
	padding-top: 20px;
	text-align: center;
}

#advisory_lock #lock_back span {
	display: inline-block;
	margin-top: 20px;
	padding: 8px 30px;
	border: 1px solid #d8d8d8;
	border-radius: 20px;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#advisory_lock #lock_back a:hover span {
	background: #f9f9f9;
}

#advisory_lock .right .sub-title {
	position: relative;
	padding: 40px 50px;
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

/* member */
#member {
	position: relative;
	margin-bottom: 5%;
	padding-left: 255px;
	box-sizing: border-box;
}

#member .left {
	position: absolute;
	left: 0;
	top: 0;
	width: 225px;
	background: #FFF;
}

#member .left a {
	display: block;
	padding: 0 20px;
	font-size: 15px;
	line-height: 45px;
}

#member .left > li > a {
	background: #999;
	color: #FFF;
	cursor: default;
}

#member .left li.advisory {
	margin-bottom: 10px;
}

#member .left li.spacer {
	margin-bottom: 10px;
}

#member .left li.advisory a {
	position: relative;
	background: #333;
	cursor: pointer;
	transition: all .3s;
}

#member .left li.advisory a.momo {
	background: #3f67b2;
}

#member .left li.advisory a .tag {
	position: absolute;
	right: 35px;
	top: 13px;
	display: block;
	padding: 0 5px;
	background: #B70000;
	border-radius: 5px;
	font-size: 12px;
	line-height: 20px;
}

#member .left li.advisory a::before,
#member .left li.advisory a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent;
	transition: all .3s;
}

#member .left li.advisory a::before {
	position: absolute;
	top: 17px;
	right: 20px;
	margin-right: 3px;
	border-left-color: #333;
}

#member .left li.advisory a.momo::before {
	border-left-color: #3f67b2;
}

#member .left li.advisory a::after {
	float: right;
	margin-top: 17px;
	border-left-color: #FFF;
}

#member .left li.advisory a:hover {
	background: #666;
}

#member .left li.advisory a:hover::before {
	border-left-color: #666;
}

#member .left li.advisory a.momo:hover {
	background: #4777d3;
}

#member .left li.advisory a.momo:hover::before {
	border-left-color: #4777d3;
}

#member .left li.advisory.back a::before ,
#member .left li.advisory.back a::after {
	transform: rotate(180deg);
}

#member .left li.advisory.back a::before {
	position: static;
	float: left;
	margin: 16px 10px 0 0;
	border-left-color: #FFF;
	z-index: 2;
}

#member .left li.advisory.back a::after {
	position: absolute;
	left: 23px;
	top: 16px;
	margin: 0;
	border-left-color: #333;
	z-index: 1;
}

#member .left li.advisory.back a:hover::after {
	border-left-color: #666;
}

#member .left .sub-menu {
	background: #fafafa;
}

#member .left .sub-menu li a {
	color: #666;
	transition: all .3s;
	cursor: pointer;
}

#member .left .sub-menu li.active a {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

#member .left .sub-menu li a:hover {
	background: #e9e9e9;
	color: #000;
}

#member .left .sub-menu li a span {
	float: right;
	margin-top: 14px;
	display: block;
	width: 37px;
	height: 18px;
	background: url('../images/new_icon.png');
	text-indent: -9999px;
}

#member .left .sub-menu li a b {
	float: right;
	display: inline-block;
	margin-top: 13px;
	padding: 0 6px;
	background: #B70000;
	border: 1px solid transparent;
	border-radius: 5px;
	font-size: 12px;
	color: #FFF;
	line-height: 18px;
}

#member .left .sub-menu li a b.read {
	background: none;
	border-color: #666;
	color: #666;
}

#member .right {
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
	min-height: 800px;
}

#member .right .sub-title {
	position: relative;
	padding: 40px 50px;
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#member .right .sub-title .direct {
	position: absolute;
	right: 50px;
	display: inline-block;
	padding: 8px 15px;
	background: #e6e6e6;
	border-radius: 20px;
	font-size: 13px;
	color: #000;
	transition: all .3s;
}

#member .right .sub-title .direct::before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	width: 15px;
	height: 16px;
	margin-right: 5px;
	background: url(../images/direct_icon.png);
}

#member .right .sub-title .direct:hover {
	opacity: .6;
}

#member .right .tabs {
	padding: 0 50px;
	border-bottom: 1px solid #DDD;
	overflow: hidden;
}

#member .right .tabs a {
	position: relative;
	top: 1px;
	float: left;
	display: inline-block;
	margin-left: -1px;
	padding: 15px 20px;
	border: 1px solid #DDD;
	font-size: 15px;
	color: #000;
	transition: all .3s;
}

#member .right .tabs a.momo {
	margin-left: 10px;
	/*color: #FFF;
	background: #3f67b2;*/
}

#member .right .tabs a:hover {
	background: #666;
	color: #FFF;
}
#member .right .tabs a.active {
	background: #000;
	color: #FFF;
}
#member .right .tabs a.momo:hover {
	/* background: #4777d3; */
	background: #666;
	color: #FFF;
}
#member .right .tabs a.momo.active {
	background: #3f67b2;
	color: #FFF;
}

#member .right > .wrap {
	padding: 0 50px;
}

#member .right .overview {
	padding: 40px 50px;
}

#member .right .overview .wrap {
	padding: 20px 40px;
	background: #f1f1f1;
}

#member .right .overview ul {
	overflow: hidden;
}

#member .right .overview li {
	float: left;
	width: 25%;
	padding-right: 1%;
	box-sizing: border-box;
}

#member .right .overview li a {
	font-size: 15px;
	color: #555;
	line-height: 30px;
	transition: all .3s;
}

#member .right .overview li a:hover {
	color: #172b50;
}

#member .right .overview li a span {
	padding-left: 10px;
	font-size: 15px;
	color: #999;
}

#member .right .overview .other {
	margin-top: 15px;
	padding-top: 10px;
	border-top: 1px solid #CCC;
}

/* tutorial */
#tutorial {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .9);
	z-index: 10;
}

#tutorial img {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	max-width: 100%;
	height: auto;
}

#tutorial .t1 {
	margin: -185px 0 0 -237px
}

#tutorial .t2 {
	margin: -188px 0 0 -474px
}

/* news-info */
#news-info .time {
	font-size: 13px;
	color: #000;
}

#news-info .title {
	font-size: 23px;
	color: #000;
}

#news-info .editor {
	padding: 20px 0;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#news-info .file {
	padding: 30px;
	background: #f4f4f4;
}

#news-info .file .pocket {
	display: inline-block;
	margin-bottom: 10px;
	padding: 10px 25px;
	background: #172b50;
	border-radius: 20px;
	font-size: 15px;
	color: #FFF;
}

#news-info .file .pocket::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(../images/download.png);
	margin-right: 5px;
}

#news-info .file .wrap {
	overflow: hidden;
}

#news-info .file .wrap dl {
	float: left;
	width: 23%;
	margin: 1%;
}

#news-info .file .wrap dt {
	position: relative;
}

#news-info .file .wrap dt::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	transition: all .3s
}

#news-info .file .wrap dt img {
	display: block;
	width: 100%;
	height: auto;
}

#news-info .file .wrap dt .btn {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px;
	display: none;
}

#news-info .file .wrap dt .btn a {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	background: #797979;
	border-radius: 3px;
	text-indent: -9999px;
	transition: all .3s;
}

#news-info .file .wrap dt .btn a::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 7px;
	display: block;
	width: 28px;
	height: 25px;
	background: url(../images/file_icon.png);
	background-size: 56px auto
}

#news-info .file .wrap dt .btn a.view::before {
	background-position: left top;
}

#news-info .file .wrap dt .btn a.download::before {
	background-position: right top;
}

#news-info .file .wrap dt .btn a:hover {
	background: #333;
}

#news-info .file .wrap dt:hover::before {
	opacity: 1;
}

#news-info .file .wrap dt:hover .btn {
	display: block;
}

#news-info .file .wrap dd {
	position: relative;
	padding: 10px 0 10px 30px;
	font-size: 13px;
	color: #000;
}

#news-info .file .wrap dd::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	display: inline-block;
	width: 23px;
	height: 13px;
	background: url(../images/file_format.png);
}

#news-info .file .wrap .jpg dd::before {
	background-position: left top;
}

#news-info .file .wrap .pdf dd::before {
	background-position: left -13px;
}

#news-info .file .wrap .doc dd::before {
	background-position: left -26px;
}

#news-info .file .wrap .zip dd::before {
	background-position: left -39px;
}

#news-info .file .wrap .ppt dd::before {
	background-position: left -52px;
}

#news-info .file .wrap .pptx dd::before {
	background-position: left -65px;
}

#news-info .file .wrap .xls dd::before {
	background-position: left -78px;
}

#news-info .file .wrap .xlsx dd::before {
	background-position: left -91px;
}

#news-info .file .wrap .docx dd::before {
	background-position: left -104px;
}

#news-info .file .wrap .tif dd::before {
	background-position: left -117px;
}

#news-info .file .wrap .cad dd::before {
	background-position: left -130px;
}

#news-info .file .wrap .dwg dd::before {
	background-position: left -143px;
}

#news-info .file .wrap .dxf dd::before {
	background-position: left -156px;
}

#news-info .back {
	display: block;
	width: 155px;
	margin: 30px auto;
	padding: 10px 0;
	border: 1px solid #d8d8d8;
	border-radius: 25px;
	font-size: 15px;
	color: #333;
	text-align: center;
	transition: all .3s;
}

#news-info .back::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-right: 5px;
	background: url(../images/back_list.png);
}

#news-info .back:hover {
	background: #f1f1f1;
}

/* news-list */
#news-list {
}

#news-list li {
	position: relative;
	border-top: 1px solid #e7e7e7;
}

#news-list li.paperclip::before {
	content: "";
	position: absolute;
	right: 130px;
	top: 30px;
	display: block;
	width: 25px;
	height: 25px;
	background: url(../images/paperclip.png);
}

#news-list li a {
	display: block;
	padding: 20px 160px 20px 50px;
	transition: all .3s;
}

#news-list li a:hover {
	background: #f4f4f4;
}

#news-list li h3,
#news-list li p {
	font-size: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#news-list li h3 {
	color: #000;
}

#news-list li p {
	color: #666;
	padding: 5px 0;
}

#news-list li .time {
	position: absolute;
	right: 50px;
	bottom: 22px;
	font-size: 13px;
	color: #000;
}

#news-list #page {
	margin-top: 0;
}

/* downloat */
#download {
	padding: 30px 40px;
}

#download h2 {
	margin-bottom: 20px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#download h2 span {
	padding-left: 20px;
	font-size: 15px;
	color: #555;
}

#download .wrap {
	overflow: hidden;
}

#download .wrap dl {
	float: left;
	width: 23%;
	margin: 2% 1%;
}

#download .wrap dt {
	position: relative;
}

#download .wrap dt::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	opacity: 0;
	transition: all .3s
}

#download .wrap dt img {
	display: block;
	width: 100%;
	height: auto;
}

#download .wrap dt .btn {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px;
	display: none;
}

#download .wrap dt .btn a {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 5px;
	background: #797979;
	border-radius: 3px;
	text-indent: -9999px;
	transition: all .3s;
}

#download .wrap dt .btn a::before {
	content: "";
	position: absolute;
	left: 6px;
	top: 7px;
	display: block;
	width: 28px;
	height: 25px;
	background: url(../images/file_icon.png);
	background-size: 56px auto
}

#download .wrap dt .btn a.view::before {
	background-position: left top;
}

#download .wrap dt .btn a.download::before {
	background-position: right top;
}

#download .wrap dt .btn a:hover {
	background: #333;
}

#download .wrap dt:hover::before {
	opacity: 1;
}

#download .wrap dt:hover .btn {
	display: block;
}

#download .wrap dd {
	position: relative;
	padding: 10px 0 10px 30px;
	font-size: 13px;
	color: #000;
}

#download .wrap dd::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	display: inline-block;
	width: 23px;
	height: 13px;
	background: url(../images/file_format.png);
}

#download .wrap .jpg dd::before {
	background-position: left top;
}

#download .wrap .pdf dd::before {
	background-position: left -13px;
}

#download .wrap .doc dd::before {
	background-position: left -26px;
}

#download .wrap .zip dd::before {
	background-position: left -39px;
}

#download .wrap .ppt dd::before {
	background-position: left -52px;
}

#download .wrap .pptx dd::before {
	background-position: left -65px;
}

#download .wrap .xls dd::before {
	background-position: left -78px;
}

#download .wrap .xlsx dd::before {
	background-position: left -91px;
}

#download .wrap .docx dd::before {
	background-position: left -104px;
}

#download .wrap .tif dd::before {
	background-position: left -117px;
}

#download .wrap .cad dd::before {
	background-position: left -130px;
}

#download .wrap .dwg dd::before {
	background-position: left -143px;
}

#download .wrap .dxf dd::before {
	background-position: left -156px;
}

/* meeting-information */
#meeting-information {
	wdith: 790px;
	margin: 0 auto;
}

#meeting-information h1 {
	position: relative;
	padding-right: 180px;
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#meeting-information h1 .download {
	position: absolute;
	right: 10px;
	top: 0;
	display: inline-block;
	padding: 5px 15px;
	background: #797979;
	border-radius: 3px;
	font-size: 15px;
	color: #FFF;
	line-height: 25px;
	transition: all .3s;
}

#meeting-information h1 .download::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	width: 25px;
	height: 23px;
	margin-right: 5px;
	background: url(../images/file_icon.png) right top no-repeat;
	background-size: 50px auto;
}

#meeting-information h1 .download:hover {
	background: #000;
}

#meeting-information .intro {
	padding: 20px 0;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#meeting-information .img img {
	display: block;
	width: 100%;
	height: auto;
}

#meeting-information .series {
	margin-top: 20px;
}

#meeting-information .series h2 {
	font-size: 15px;
	color: #000;
}

#meeting-information .series p {
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

/* product-download */
#product-download {
	padding: 0 30px;
}

#product-download .search {
	margin-bottom: 2%;
	padding: 30px 45px;
	background: #f1f1f1;
	overflow: hidden;
}

#product-download .search input,
#product-download .search select {
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px 20px;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#product-download .search h3 {
	margin-bottom: 10px;
	font-size: 17px;
	color: #333;
	font-weight: normal;
}

#product-download .search button {
	display: block;
	width: 75px;
	height: 45px;
	background: #000;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
}

#product-download .search .category {
	float: left;
	width: 50%;
	padding-right: 40px;
	border-right: 1px solid #cfd4d8;
	box-sizing: border-box;
}

#product-download .search .category .row-1 {
	margin-bottom: 10px;
	overflow: hidden;
}

#product-download .search .category .row-1 .s1 {
	float: left;
	width: 40%;
}

#product-download .search .category .row-1 .s2 {
	float: right;
	width: 58%;
}

#product-download .search .category .row-2 {
	position: relative;
	padding-right: 85px;
}

#product-download .search .category .row-2 button {
	position: absolute;
	right: 0;
	top: 0;
}

#product-download .search .series {
	position: relative;
	float: right;
	width: 50%;
	padding: 0 85px 0 40px;
	box-sizing: border-box;
}

#product-download .search .series button {
	position: absolute;
	right: 0;
	bottom: 0;
}

#product-download .list .head {
	padding: 10px 0;
	overflow: hidden;
}

#product-download .list .head .download {
	display: inline-block;
	margin-bottom: 10px;
	padding: 8px 25px;
	background: #172b50;
	border-radius: 20px;
	font-size: 15px;
	color: #FFF;
}

#product-download .list .head .download::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 15px;
	background: url(../images/download.png);
	margin-right: 5px;
}

#product-download .list .head span {
	float: right;
	margin-top: 10px;
	font-size: 15px;
	color: #000;
}

#product-download .list table {
	width: 100%;
	font-size: 15px;
}

#product-download .list thead {
	background: #555;
	color: #FFF;
}

#product-download .list tr.select {
	background: #f7f7f7;
}

#product-download .list td {
	padding: 15px 0;
	text-align: center;
}

#product-download .list td .sequence {
	position: relative;
	top: 1px;
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-left: 5px;
	background: url(../images/sequence_arrow.png);
	border-radius: 3px;
	text-indent: -9999px;
}

#product-download .list td .sequence.down {
	background-position: left top;
}

#product-download .list td .sequence.up {
	background-position: left bottom;
}

#product-download .list td input {
	position: relative;
	top: 3px;
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 2px;
}

#product-download .list td.col-1 {
	width: 80px;
}

#product-download .list td.col-2 {
	width: 80px
}

#product-download .list td.col-2 img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

#product-download .list td.col-3 {
	width: 130px;
}

#product-download .list td.col-3 span {
	display: inline-block;
	text-align: left;
}

#product-download .list td.col-3 span b {
	display: block;
	color: #cb5b5b;
	font-weight: normal;
}

#product-download .list td.col-4 {
	overflow: hidden;
}

#product-download .list td.col-4 .group {
	display: inline-block;
	width: 100%;
	max-width: 400px;
}

#product-download .list td.col-4 .group label {
	float: left;
	display: block;
	width: 31%;
	margin-right: 1%;
	padding: 3px 0;
	text-align: left;
}

#product-download .list td.col-4 .group a {
	color: #315ab6;
}

#product-download .list td.col-4 .group a:hover {
	color: #172b50;
}

#product-download .list td.col-5 {
	width: 135px;
}

/* member-info */
#member-info {
	padding: 10% 0;
	border-top: 1px solid #DDD;
}

#member-info table,
#member-info ul {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	font-size: 15px;
	line-height: 48px;
}

#member-info td.col-1 {
	width: 120px;
	color: #777;
}

#member-info td.col-2 {
	color: #000;
}

#member-info td .status {
	float: right;
	margin-top: 3px;
	font-size: 13px;
	color: #a54344;
}

#member-info td .status a {
	display: inline-block;
	margin-left: 10px;
	padding: 0 15px;
	background: #e6e6e6;
	border-radius: 20px;
	color: #000;
	line-height: 30px;
	transition: all .3s;
}

#member-info td .status a:hover {
	background: #666;
	color: #FFF;
}

#member-info .pass-fix {
	color: #315ab6;
	text-decoration: underline;
}

#member-info .pass-fix:hover {
	text-decoration: none;
}

#member-info .info-fix,
#member-info button {
	display: block;
	width: 600px;
	margin: 20px auto;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	transition: all .3s;
}

#member-info .info-fix:hover,
#member-info button:hover {
	background: #797979;
}

#member-info li {
	padding: 10px 0;
}

#member-info li {
	position: relative;
	padding-left: 120px;
}

#member-info li span {
	position: absolute;
	left: 0;
	top: 10px;
	color: #777;
}

#member-info li input[type="email"],
#member-info li input[type="tel"] {
	display: block;
	width: 100%;
	height: 43px;
	padding: 10px;
	background: #eceaeb;
	border: none;
	border-radius: 5px;
	font-size: 15px;
	line-height: 43px;
	box-sizing: border-box;
}

#member-info li.check {
	padding: 0;
	color: #777;
}

#member-info li.check input {
	position: relative;
	top: 2px;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

/* search */
#search-page {
	padding: 5% 0;
	background: url(../images/upload/signup_bg.jpg) center top no-repeat;
	background-size: cover;
}

#search-page .wrap {
	width: 750px;
	margin: 0 auto;
}

#search-page .wrap .tab {
	text-align: center;
}

#search-page .wrap .tab a {
	display: inline-block;
	margin: 0 10px;
	padding: 0 5px 15px 5px;
	border-bottom: 2px solid transparent;
	font-size: 15px;
	color: #333;
	font-weight: bold;
	transition: all .3s;
}

#search-page .wrap .tab a:hover,
#search-page .wrap .tab a.active {
	border-bottom-color: #284173;
	color: #284173;
}

#search-page .wrap form {
	position: relative;
	margin-top: 30px;
}

#search-page .wrap form input {
	display: block;
	width: 100%;
	height: 55px;
	padding: 10px 70px 10px 30px;
	font-size: 20px;
	color: #000;
	box-sizing: border-box;
}

#search-page .wrap form button {
	position: absolute;
	right: 20px;
	top: 13px;
	display: block;
	width: 28px;
	height: 28px;
	background: url(../images/search2.png);
	border: none;
	text-indent: -9999px;
	transition: all .3s;
}

#search-page .wrap form button:hover {
	opacity: .6;
}

/* search-result */
#search-result {
	padding: 3% 0;
	text-align: center;
}

#search-result .true {
	font-size: 18px;
	color: #555;
}

#search-result .true span {
	display: inline-block;
	padding: 0 5px;
	color: #284173;
}

#search-result .false p {
	font-size: 25px;
	color: #000;
}

#search-result .false .note {
	padding-top: 20px;
	font-size: 15px;
	color: #333;
}

#search-result .false .note a {
	display: inline-block;
	margin-left: 10px;
	color: #315ab6;
}

#search-result .false .note a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-left: 10px;
	background: url(../images/index_news_more.png);
	transition: all .3s;
}

#search-result .false .note a:hover::after {
	margin-left: 20px;
}

/* epaper */
#epaper {
	padding: 5% 0;
}

#epaper form {
	width: 550px;
	margin: 0 auto;
	padding: 100px;
	background: #FFF;
	box-sizing: border-box;
}

#epaper form h2 {
	font-size: 25px;
	color: #000;
	font-weight: normal;
	text-align: center;
}

#epaper form p {
	padding: 20px;
	font-size: 15px;
	color: #666;
	text-align: center;
}

#epaper form input {
	display: block;
	width: 100%;
	height: 43px;
	padding: 10px;
	background: #eceaeb;
	border: none;
	border-radius: 5px;
	font-size: 15px;
	color: #000;
	box-sizing: border-box;
}

#epaper form button {
	display: block;
	width: 140px;
	margin: 30px auto 0 auto;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 40px;
	text-align: center;
	transition: all .3s;
}

#epaper form button:hover {
	background: #797979;
}

#epaper .other {
	padding-top: 10px;
	font-size: 15px;
	text-align: center;
}

#epaper .other a {
	display: inline-block;
	margin-left: 5px;
	color: #172c49;
	text-decoration: underline;
}

#epaper .other a:hover {
	text-decoration: none;
	color: #367eb3;
}

/* error-404 */
#error-404 {
	padding: 10% 0;
	background: url(../images/upload/signup_bg.jpg) center top no-repeat;
	background-size: cover;
}

	#error-404 .wrap {
		position: relative;
		width: 800px;
		margin: 0 auto;
		/*padding-left: 260px;*/
		box-sizing: border-box;
	}

	#error-404 .wrap::before {
		content: "";
		position: absolute;
		left: 0;
		top: 20px;
		display: block;
		/*width: 203px; 
		height: 261px;
		 background: url(../images/doll.png); */
	}

#error-404 .wrap h2 {
	font-size: 35px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

#error-404 .wrap h3 {
	font-size: 25px;
	color: #000;
	text-align: center;
	font-weight: normal;
}

#error-404 .wrap form {
	position: relative;
	margin: 30px 0;
}

#error-404 .wrap form input {
	display: block;
	width: 100%;
	height: 55px;
	padding: 10px 70px 10px 30px;
	font-size: 20px;
	color: #000;
	box-sizing: border-box;
}

#error-404 .wrap form button {
	position: absolute;
	right: 20px;
	top: 13px;
	display: block;
	width: 28px;
	height: 28px;
	background: url(../images/search2.png);
	border: none;
	text-indent: -9999px;
	transition: all .3s;
}

#error-404 .wrap form button:hover {
	opacity: .6;
}

#error-404 .wrap .link {
	overflow: hidden;
}

#error-404 .wrap .link span {
	display: block;
	padding-bottom: 10px;
	font-size: 15px;
	color: #172b50;
	text-align: center;
}

#error-404 .wrap .link a {
	float: left;
	display: block;
	width: 32%;
	margin: .5%;
	background: #3252a3;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	font-weight: bold;
	transition: all .3s;
}

#error-404 .wrap .link a.grey {
	background: #666;
}

#error-404 .wrap .link a:hover {
	background: #797979;
}

#error-404 .wrap .link a.grey:hover {
	background: #797979;
}

/* top-news */
#top-news {
	position: relative;
	margin: 5% auto;
	padding-left: 265px;
	box-sizing: border-box;
}

#top-news .left {
	position: absolute;
	left: 0;
	top: 0;
	width: 220px;
}

#top-news .left h2 {
	padding: 10px;
	border-bottom: 1px solid #8b95a7;
	font-size: 17px;
	color: #172b50;
	font-weight: normal;
}

#top-news .left > ul > li {
	padding: 0 10px;
	border-bottom: 1px solid #efefef;
}

#top-news .left > ul > li > a {
	font-size: 17px;
	color: #000;
	line-height: 43px;
	transition: all .3s;
}

#top-news .left .sub-menu li {
	padding-left: 20px;
	border-top: 1px solid #efefef;
}

#top-news .left .sub-menu li a {
	font-size: 15px;
	color: #666;
	line-height: 43px;
	transition: all .3s;
}

#top-news .left > ul > li > a:hover,
#top-news .left .sub-menu li a:hover {
	color: #4283ba;
}

#top-news .right ul {
	overflow: hidden;
}

#top-news .right li {
	float: left;
	width: 31.33%;
	margin: 1%;
}

#top-news .right li > a {
	display: block;
}

#top-news .right li > a img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

#top-news .right li .time {
	font-size: 13px;
	color: #000;
}

#top-news .right li .category {
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	background: #f1f1f1;
	font-size: 13px;
	color: #172b50;
	transition: all .3s;
}

#top-news .right li .category:hover {
	background: #CCC;
}

#top-news .right li h2 {
	padding: 10px 0;
	font-size: 15px;
	color: #000;
	font-weight: normal;
	transition: all .3s;
}

#top-news .right li p {
	font-size: 15px;
	color: #999;
	line-height: 30px;
	transition: all .3s;
}

#top-news .right li:hover h2,
#top-news .right li:hover p {
	color: #4283ba;
}

/* news-detail */
#news-detail {
	margin-bottom: 5%;
}

#news-detail .title {
	position: relative;
	padding-right: 80px;
}

#news-detail .title .time {
	font-size: 15px;
	color: #000;
}

#news-detail .title .category {
	display: inline-block;
	margin-left: 5px;
	padding: 5px;
	background: #f1f1f1;
	font-size: 13px;
	color: #172b50;
}

#news-detail .title h2 {
	padding: 20px 0;
	font-size: 30px;
	color: #000;
	line-height: 40px;
	font-weight: normal;
}

#news-detail .title .share {
	position: absolute;
	right: 0;
	top: 8px;
	z-index: 1
}

#news-detail .title .share span {
	display: block;
	width: 15px;
	height: 15px;
	background: url(../images/product_detail_share.png);
	text-indent: -9999px;
	cursor: pointer;
	transition: all .3s;
}

#news-detail .title .share span:hover {
	opacity: .8;
}

#news-detail .title .share .wrap {
	position: absolute;
	right: 0;
	top: 30px;
	display: none;
	width: 140px;
	padding: 5px 15px;
	background: #FFF;
	border: 1px solid #999;
	box-sizing: border-box;
}

#news-detail .title .share .wrap a {
	display: block;
	padding: 10px 0;
	font-size: 15px;
	color: #333;
	transition: all .3s;
}

#news-detail .title .share .wrap a:hover {
	opacity: .6;
}

#news-detail .title .share .wrap a::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 28px;
	margin-right: 10px;
	background: url(../images/share_icon.png);
	vertical-align: middle;
}

#news-detail .title .share .wrap .copy::before {
	background-position: left top;
}

#news-detail .title .share .wrap .fb::before {
	background-position: center top;
}

#news-detail .title .share .wrap .email::before {
	background-position: right top;
}

#news-detail .editor {
	padding: 30px 0;
	border-top: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}

/*#news-detail .editor img{display:block; max-width:100%; height:auto;}*/
#news-detail .editor a.more {
	display: inline-block;
	margin-top: 5%;
	color: #315ab6;
}

#news-detail .editor a.more::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 11px;
	margin-left: 10px;
	background: url(../images/index_news_more.png);
	transition: all .3s;
}

#news-detail .editor a.more:hover::after {
	margin-left: 20px;
}

#news-detail .back {
	display: block;
	width: 155px;
	margin: 30px auto;
	padding: 10px 0;
	border: 1px solid #d8d8d8;
	border-radius: 25px;
	font-size: 15px;
	color: #333;
	text-align: center;
	transition: all .3s;
}

#news-detail .back::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 12px;
	margin-right: 5px;
	background: url(../images/back_list.png);
}

#news-detail .back:hover {
	background: #f1f1f1;
}

/* waterlabel-tab */
#waterlabel-tab {
	margin: 2% auto;
	text-align: center;
}

#waterlabel-tab a {
	display: inline-block;
	padding: 15px 20px;
	border-bottom: 2px solid transparent;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
	transition: all .3s;
}

#waterlabel-tab a.w::before {
	content: "";
	position: relative;
	top: 3px;
	display: inline-block;
	width: 24px;
	height: 21px;
	margin-right: 5px;
	background: url(../images/navi_save.png);
}

#waterlabel-tab a.water-1::before {
	background-position: left top;
}

#waterlabel-tab a.water-2::before {
	background-position: right top;
}

#waterlabel-tab a:hover,
#waterlabel-tab a.active {
	background: #efefef;
	border-bottom-color: #284173;
}

#waterlabel-tab a img {
	height: 24px;
	vertical-align: middle;
	padding-right: 4px;
}

/* waterlabel */
#waterlabel {
	position: relative;
	max-width: 775px;
	height: 160px;
	margin: 5% auto;
	padding-left: 200px;
	box-sizing: border-box;
}

#waterlabel dt {
	position: absolute;
	left: 0;
	top: 0;
	height: 160px;
}

#waterlabel dt img {
	display: block;
	width: auto;
	height: 160px;
}

#waterlabel dd h2 {
	margin-bottom: 10px;
	font-size: 25px;
	color: #000;
	font-weight: normal;
}

#waterlabel dd p {
	font-size: 15px;
	color: #333;
	line-height: 26px;
}

/* award-tab */
#award-tab {
	margin: 2% auto;
	text-align: center;
}

#award-tab a {
	display: inline-block;
	padding: 15px 20px;
	border-bottom: 2px solid transparent;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
	transition: all .3s;
}

#award-tab a::before {
	content: "";
	position: relative;
	top: 5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;
	background: url(../images/navi_award_170104.png);
}

#award-tab a.award-1::before {
	background-position: left top;
}

#award-tab a.award-2::before {
	background-position: -20px top;
}

#award-tab a.award-3::before {
	background-position: -40px top;
}

#award-tab a.award-4::before {
	background-position: -60px top;
}

#award-tab a:hover,
#award-tab a.active {
	background: #efefef;
	border-bottom-color: #284173;
	color: #284173;
}

/* award */
#award {
	position: relative;
	max-width: 775px;
	margin: 5% auto;
	padding-left: 200px;
	box-sizing: border-box;
}

#award dt {
	position: absolute;
	left: 0;
	top: 0;
	height: 160px;
}

#award dt img {
	display: block;
	width: auto;
	height: 100%;
}

#award dd h2 {
	margin-bottom: 10px;
	font-size: 25px;
	color: #000;
	font-weight: normal;
}

#award dd p {
	font-size: 15px;
	color: #333;
	line-height: 26px;
}

/* year */
#year {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 5% auto;
}

#year-section {
	position: relative;
	margin: 0 auto;
	min-height: 460px;
	background: url(../images/grad-bg.png) repeat-x 0 bottom;
	overflow: hidden;
}

#year-section::before,
#year-section::after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 20%;
	height: 100%;
	z-index: 2;
}

#year-section::before {
	left: 0;
	background: url(../images/sec-mask-l.png) left top no-repeat;
}

#year-section::after {
	right: 0;
	background: url(../images/sec-mask-r.png) right top no-repeat;
}

#year-section .arrow {
	position: absolute;
	top: 55%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	padding: 5px;
	text-indent: -9999px;
	transition: all .4s;
	z-index: 3;
}

#year-section .arrow-r {
	right: 12%;
	background: url(../images/arrow-r.png) no-repeat 0 center;
}

#year-section .arrow-l {
	left: 12%;
	background: url(../images/arrow-l.png) no-repeat 10px center;
}

#year-section .arrow-r:hover {
	background: url(../images/arrow-r.png) no-repeat 10px center;
}

#year-section .arrow-l:hover {
	background: url(../images/arrow-l.png) no-repeat 0 center;
}

#year-section .year-txt {
	position: absolute;
	bottom: 22px;
	font-size: 18px;
	color: #4f4f4f;
}

#year-section .year-txt-l {
	left: 8%;
}

#year-section .year-txt-m {
	left: 50%;
	width: 62px;
	margin-left: -31px;
	text-align: center;
}

#year-section .year-txt-r {
	right: 8%;
}

#year-section li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0 20%;
	opacity: 0;
	text-align: center;
	box-sizing: border-box;
}

#year-section li.first {
	height: 100%;
	background: url(../images/year/begining.jpg) center top no-repeat;
	opacity: 1;
}

#year-section li dl {
	position: relative;
	top: 25%;
	max-width: 700px;
	margin: 0 auto;
	overflow: hidden;
}

#year-section li dt {
	float: right;
	width: 50%;
}

#year-section li dt img {
	display: block;
	width: 100%;
	height: auto;
}

#year-section li dd {
	float: left;
	width: 40%;
	margin-top: 5%;
	text-align: left;
}

#year-section li dd h3 {
	padding-bottom: 10px;
	border-bottom: 1px solid #a0a0a0;
	font-size: 26px;
	font-weight: normal;
}

#year-section li dd h3::before {
	content: "";
	display: inline-block;
	width: 34px;
	height: 34px;
	margin-right: 5px;
	background: url(../images/icon-water.jpg) no-repeat;
	vertical-align: bottom;
}

#year-section li dd p {
	padding: 10px 0;
	font-size: 16px;
	color: #666;
}

#year-section .numTxt {
	position: absolute;
	left: 50%;
	top: 325px;
	width: 425px;
	height: 66px;
	margin-left: -212px;
	background: url(../images/year/y1txt.png) no-repeat -8500px 0;
	overflow: hidden;
	font-size: 75px;
	color: #048d09;
	font-weight: bold;
	z-index: 2;
}

#year-section .numTxtRun {
	animation: numTxtimgRun 1.5s 0s steps(18, start) 1 both;
	-webkit-animation: numTxtimgRun 1.5s 0s steps(18, start) 1 both;
	-moz-animation: numTxtimgRun 1.5s 0s steps(18, start) 1 both;
	-ms-animation: numTxtimgRun 1.5s 0s steps(18, start) 1 both;
}

@keyframes numTxtimgRun {
	0% {
		background-position: 500px;
	}

	100% {
		background-position: -8500px;
	}

}

@-webkit-keyframes numTxtimgRun {
	0% {
		background-position: 500px;
	}

	100% {
		background-position: -8500px;
	}

}

@-moz-keyframes numTxtimgRun {
	0% {
		background-position: 500px;
	}

	100% {
		background-position: -8500px;
	}

}

@-ms-keyframes numTxtimgRun {
	0% {
		background-position: 500px;
	}

	100% {
		background-position: -8500px;
	}

}

#year-nav {
	margin: 20px auto;
	text-align: center;
}

#year-nav li {
	display: inline-block;
	margin: 0 5px;
}

#year-nav li a {
	display: inline-block;
	font-size: 13px;
	color: #3f3e3e;
}

#year-nav li a img {
	display: block;
	margin-bottom: 5px;
	border: 3px solid #d2d2d2;
	border-radius: 50%;
	transition: all .5s;
}

#year-nav li a:hover img,
#year-nav li a.active img {
	border: 3px solid #4f4f4f;
}

/* global */
#global .section-1 {
	max-width: 1200px;
	margin: 8% auto;
	overflow: hidden;
}

#global .section-1 .left {
	float: left;
	width: 45%;
}

#global .section-1 .left h2 {
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#global .section-1 .left p {
	margin-top: 30px;
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#global .section-1 .right {
	float: right;
	width: 45%;
}

#global .section-1 .right img {
	display: block;
	max-width: 100%;
	height: auto;
}

#global .section-2 {
	position: relative;
	padding-left: 100px;
}

#global .section-2 dt {
	position: absolute;
	left: 0;
	top: 0;
}

#global .section-2 dt img {
	display: inline-block;
	width: auto;
	max-height: 70px;
	margin-left: 18px;
	margin-right: 22px;
}

#global .section-2 dd h2 {
	margin-bottom: 10px;
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#global .section-2 dd p {
	font-size: 15px;
	color: #000;
	line-height: 30px;
}

#global .section-3 {
	position: relative;
	margin: 5% auto;
}

#global .section-3 img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

#global .section-3 a {
	position: absolute;
	width: 4%;
	height: 7%;
	text-indent: -9999px;
}

#global .section-3 a.ico-1 {
	left: 10%;
	top: 11.5%;
}

#global .section-3 a.ico-2 {
	left: 10%;
	top: 43%;
}

#global .section-3 a.ico-3 {
	left: 10.4%;
	top: 79.5%;
}

#global .section-3 a.ico-4 {
	left: 72.5%;
	top: 1%;
}

#global .section-3 a.ico-5 {
	left: 78.4%;
	top: 1%;
}

#global .section-3 a.ico-6 {
	left: 84%;
	top: 1%;
}

#global .section-3 a.ico-7 {
	left: 61.8%;
	top: 82.5%;
}

#global .section-3 a.ico-8 {
	left: 67.6%;
	top: 82.5%;
}

#global .section-3 a.ico-9 {
	left: 73.5%;
	top: 82.5%;
}

#global .section-3 a.ico-10 {
	left: 79.4%;
	top: 82.5%;
}

#global .section-3 a.ico-11 {
	left: 85%;
	top: 82.5%;
}

/* history */
#history {
	margin: 5% auto;
}

#history ul {
	padding: 5% 0;
	overflow: hidden;
}

#history li {
	float: left;
	width: 26.33%;
	margin: 0 3.5%;
}

#history li h2 {
	font-size: 30px;
	color: #000;
	font-weight: normal;
}

#history li p {
	margin: 25px 0;
	font-size: 15px;
	color: #333;
	line-height: 26px;
}

#history li img {
	display: block;
	width: 100%;
	height: auto;
}

#history .list-1 li.large {
	position: relative;
	width: 59.6%;
}

#history .list-1 li.large .wrap {
	position: absolute;
	right: 0;
	bottom: 0;
	max-width: 275px;
}

#history .list-2 li,
#history .list-3 li,
#history .list-4 li {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
}

#history .list-2 .wrap h2,
#history .list-2 .wrap p,
#history .list-3 .wrap h2,
#history .list-3 .wrap p {
	color: #FFF;
}

#history .list-2 .wrap {
	position: absolute;
	left: 8%;
	top: 10%;
	width: 280px;
}

#history .list-3 .wrap {
	position: absolute;
	right: 6%;
	top: 10%;
}

#history .list-4 .wrap {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -130px;
	text-align: center;
}

#history .list-4 .wrap h3 {
	font-size: 50px;
	color: #00b2ed;
	font-weight: normal;
}

#history .list-4 .wrap h4 {
	margin-bottom: 20px;
	font-size: 40px;
	color: #00b2ed;
	font-weight: normal;
}

/*copyright*/
#copyright2 {
	padding: 0 3%;
}

#copyright2 .section {
	margin: 0 0 10px 0;
}

#copyright2 h2 {
	margin-top: 10px;
}

#copyright2 h2:first-child {
	margin-bottom: 20px;
}

#copyright2 h3 {
	font-size: 20px;
	color: #000;
	font-weight: normal;
}

#copyright2 p {
	font-size: 15px;
	color: #000;
	line-height: 26px;
	padding: 2% 0;
}

/* life-anew */
#life-anew .video {
	position: relative;
	padding-bottom: 32%;
}

#life-anew .video iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

#life-anew .video .img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/life_anew_banner.jpg) center top no-repeat;
	background-size: 100% auto;
	z-index: 2;
}

#life-anew .video .bg {
	position: absolute;
	left: 21.5%;
	top: 0;
	display: block;
	width: 57%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	z-index: 2;
	display: none;
}

#life-anew .video h2 {
	position: absolute;
	right: 25%;
	top: 50%;
	margin-top: -30px;
	font-size: 34px;
	color: #FFF;
	z-index: 3;
}

#life-anew .video h2 span {
	display: block;
	font-size: 24px;
}

#life-anew .video h2 .replay {
	display: block;
	margin-top: 10px;
	font-size: 20px;
}

#life-anew .video h2 .replay::before {
	content: "";
	position: relative;
	top: 1px;
	display: inline-block;
	width: 0;
	height: 0;
	margin-right: 10px;
	border-style: solid;
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent #FFF;
}

#life-anew .video h2 .replay:hover {
	text-decoration: underline;
}

#life-anew .video h2 #span_reply {
	display: none;
}

#life-anew .video .control {
	position: absolute;
	left: 23%;
	bottom: 10px;
	z-index: 4;
	display: none;
}

#life-anew .video .control a {
	display: inline-block;
	width: 32px;
	height: 32px;
	margin: 0 5px;
	background: url(../images/video_control.png);
	background-size: 400% auto;
	text-indent: -9999px;
}

#life-anew .video .control a.play {
	background-position: left top;
}

#life-anew .video .control a.stop {
	background-position: -100% top;
}

#life-anew .video .control a.pause {
	background-position: -200% top;
}

#life-anew .video .control a.volume {
	background-position: right top;
}

#life-anew .video .control a.mute {
	position: relative;
	background-position: right top;
}

#life-anew .video .control a.mute::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	width: 100%;
	height: 3px;
	background: #FFF;
	transform: rotate(45deg);
}

#life-anew .video .control a:hover {
	opacity: .8;
}

#life-anew .video .control .volume-bar {
	position: relative;
	display: inline-block;
	margin-top: 12px;
	vertical-align: middle;
}

/* #life-anew .video .control .volume-bar::before{content:""; display:block; width:200px; height:10px; background:rgba(255,255,255,.6); border-radius:5px;} */

/* #life-anew .video .control .volume-bar span{position:absolute; top:-4px; display:block; width:18px; height:18px; background:#FFF; border-radius:50%; text-indent:-9999px; cursor:pointer; transition:all .3s;} */
#life-anew .video .control .volume-bar:hover {
	opacity: .8;
}

#life-anew input[type="range"] {
	-webkit-appearance: none;
	overflow: hidden;
	width: 200px;
	height: 20px;
	outline: none;
	background: none;
}

#life-anew input[type="range"]::-webkit-slider-runnable-track {
	-webkit-appearance: none;
	width: 200px;
	height: 10px;
	background-color: rgba(255, 255, 255, .6);
	border-radius: 5px;
}

#life-anew input[type="range"]::-moz-range-track {
	-webkit-appearance: none;
	width: 200px;
	height: 10px;
	background-color: rgba(255, 255, 255, .6);
	border-radius: 5px;
}

#life-anew input[type="range"]::-ms-track {
	-webkit-appearance: none;
	width: 200px;
	height: 10px;
	background-color: rgba(255, 255, 255, .6);
	border-radius: 5px;
}

#life-anew input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	position: relative;
	top: -4px;
	width: 19px;
	height: 19px;
	background: #FFF;
	border-radius: 50%;
	cursor: pointer;
}

#life-anew input[type="range"]::-moz-range-thumb {
	-webkit-appearance: none;
	position: relative;
	top: -4px;
	width: 19px;
	height: 19px;
	background: #FFF;
	border-radius: 50%;
	cursor: pointer;
}

#life-anew input[type="range"]::-ms-thumb {
	-webkit-appearance: none;
	position: relative;
	top: -4px;
	width: 19px;
	height: 19px;
	background: #FFF;
	border-radius: 50%;
	cursor: pointer;
}

#life-anew input[type="range"]::-ms-track {
	border: none;
	color: transparent;
}

#life-anew input[type="range"]::-ms-fill-lower,
#life-anew input[type="range"]::-ms-fill-upper {
	background: transparent;
}

#life-anew input[type="range"]::-ms-tooltip {
	display: none;
}

#life-anew input[type="range"]::-moz-focus-outer {
	border: none;
}

#life-anew .intro {
	padding: 60px 0;
	background: url(../images/life_anew_bg_1.jpg) left center no-repeat;
	background-size: cover;
	text-align: center;
}

#life-anew .intro h2 {
	margin-bottom: 35px;
	font-size: 28px;
	color: #666;
}

#life-anew .intro p {
	font-size: 16px;
	color: #666;
	line-height: 28px;
}

#life-anew .intro .btn {
	margin-top: 35px;
}

#life-anew .intro .btn a {
	display: inline-block;
	width: 140px;
	margin: 0 50px;
	padding: 15px 0;
	background: #FFF;
	border: 1px solid #666;
	font-size: 16px;
	color: #666;
	transition: all .3s;
}

#life-anew .intro .btn a:hover {
	background: #666;
	color: #FFF;
}

#life-anew #la-1 {
	padding: 60px 0;
	background: url(../images/life_anew_bg_2.jpg) -35% top no-repeat #000;
	background-size: 68%;
}

#life-anew #la-1 .wrap {
	margin-bottom: 100px;
	text-align: center;
}

#life-anew #la-1 .wrap h2 {
	margin-bottom: 35px;
	font-size: 28px;
	color: #FFF;
}

#life-anew #la-1 .wrap p {
	font-size: 16px;
	color: #FFF;
	line-height: 28px;
}

#life-anew #la-1 .wrap p::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 35px auto;
	background: #FFF;
}

#life-anew #la-1 dl {
	width: 90%;
	max-width: 1000px;
	display: table;
	margin: 80px auto 0 auto;
}

#life-anew #la-1 dt {
	display: table-cell;
	width: 50%;
	padding-right: 2%;
	vertical-align: middle;
	box-sizing: border-box;
}

#life-anew #la-1 dt h2 {
	margin-bottom: 20px;
	font-size: 20px;
	color: #FFF;
}

#life-anew #la-1 dt h2 img {
	display: inline-block;
	width: 45px;
	height: auto;
	margin-right: 10px;
	vertical-align: middle;
}

#life-anew #la-1 dt p {
	font-size: 16px;
	color: #FFF;
	line-height: 28px;
}

#life-anew #la-1 dt .more {
	display: block;
	width: 140px;
	margin-top: 20px;
	padding: 15px 0;
	border: 1px solid #FFF;
	font-size: 16px;
	color: #FFF;
	text-align: center;
	transition: all .3s;
}

#life-anew #la-1 dt .more:hover {
	background: #FFF;
	color: #333;
}

#life-anew #la-1 dd {
	display: table-cell;
	width: 50%;
	padding-left: 2%;
	vertical-align: middle;
	box-sizing: border-box;
}

#life-anew #la-1 dd a {
	position: relative;
	display: block;
	transition: all .3s;
}

#life-anew #la-1 dd a img {
	display: block;
	width: 100%;
	height: auto;
}

#life-anew #la-1 dd a::after {
	content: "";
	position: absolute;
	right: 20px;
	bottom: 20px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 20px;
	border-color: transparent transparent transparent #FFF;
}

#life-anew #la-1 dd a:hover {
	opacity: .6;
}

@media screen and (min-width:1701px) {
	#life-anew #la-1 dl {
		padding-top: 3%;
	}

}

#life-anew #la-2 {
	margin-bottom: 50px;
	padding-top: 60px;
	background: #ebecef;
}

#life-anew #la-2 h2 {
	font-size: 28px;
	color: #666;
	text-align: center;
}

#life-anew #la-2 h2::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 35px auto;
	background: #666;
}

#life-anew #la-2 .wrap {
	overflow: hidden;
}

#life-anew #la-2 .wrap li {
	position: relative;
	float: left;
	width: 25%;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100% auto;
	box-sizing: border-box;
}

#life-anew #la-2 .wrap li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	transition: all .3s;
	z-index: 1;
}

#life-anew #la-2 .wrap li .inner {
	position: relative;
	padding: 20px;
	z-index: 2
}

#life-anew #la-2 .wrap li h3 {
	margin-bottom: 20px;
	font-size: 18px;
	color: #666;
	white-space: nowrap;
}

#life-anew #la-2 .wrap li h3::before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background-size: 100% auto;
	vertical-align: middle;
}

#life-anew #la-2 .wrap .tech-1 h3::before {
	background-image: url(../images/tech_icon_24.png);
}

#life-anew #la-2 .wrap .tech-2 h3::before {
	background-image: url(../images/tech_icon_15.png);
}

#life-anew #la-2 .wrap .tech-3 h3::before {
	background-image: url(../images/tech_icon_25.png);
}

#life-anew #la-2 .wrap .tech-4 h3::before {
	background-image: url(../images/tech_icon_26.png);
}

#life-anew #la-2 .wrap li p {
	margin-bottom: 20px;
	font-size: 14px;
	color: #666;
	line-height: 28px;
}

#life-anew #la-2 .wrap li .more {
	display: block;
	width: 140px;
	margin: 0 auto 5px auto;
	padding: 15px 0;
	border: 1px solid #666;
	font-size: 14px;
	color: #666;
	text-align: center;
	transition: all .3s;
}

#life-anew #la-2 .wrap li img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	z-index: 0
}

#life-anew #la-2 .wrap li:hover::before {
	opacity: 1;
}

#life-anew #la-2 .wrap li:hover h3 {
	color: #FFF;
}

#life-anew #la-2 .wrap .tech-1:hover h3::before {
	background-image: url(../images/tech_icon_24_w.png);
}

#life-anew #la-2 .wrap .tech-2:hover h3::before {
	background-image: url(../images/tech_icon_15_w.png);
}

#life-anew #la-2 .wrap .tech-3:hover h3::before {
	background-image: url(../images/tech_icon_25_w.png);
}

#life-anew #la-2 .wrap .tech-4:hover h3::before {
	background-image: url(../images/tech_icon_26_w.png);
}

#life-anew #la-2 .wrap li:hover p {
	color: #FFF;
}

#life-anew #la-2 .wrap li:hover .more {
	border-color: #FFF;
	color: #FFF;
}

#life-anew #la-2 .wrap li .more:hover {
	background: #FFF;
	border-color: #666;
	color: #666
}

#life-anew .red-dot h2 {
	margin-bottom: 30px;
	font-size: 28px;
	color: #666;
	text-align: center;
}

#life-anew .red-dot h2::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	background: url(../images/life_anew_reddot.png);
	background-size: 100% auto;
	vertical-align: middle;
}

#life-anew .red-dot h3 {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	text-align: center;
}

#life-anew .red-dot h3::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 15px auto 25px auto;
	background: #666;
}

#life-anew .red-dot h4 {
	font-size: 20px;
	color: #666;
	font-weight: normal;
	text-align: center;
}

#life-anew .red-dot .wrap {
	max-width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}

#life-anew .red-dot .wrap dl {
	float: left;
	display: table;
	width: 50%;
	overflow: hidden;
}

#life-anew .red-dot .wrap dt {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

#life-anew .red-dot .wrap dt img {
	display: block;
	width: 100%;
	height: auto;
}

#life-anew .red-dot .wrap dd {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

#life-anew .red-dot .wrap dd h5 {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 20px;
	color: #666;
	font-weight: normal;
	cursor: pointer;
}

#life-anew .red-dot .wrap dd h5 span {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

#life-anew .red-dot .wrap dd p {
	display: block;
	width: 160px;
	white-space: nowrap;
	margin-bottom: 15px;
	font-size: 16px;
	color: #999;
	cursor: pointer;
}

#life-anew .red-dot .wrap dd .more {
	display: inline-block;
	width: 145px;
	padding: 15px 0;
	border: 1px solid #999;
	font-size: 16px;
	color: #666;
	text-align: center;
	transition: all .3s;
}

#life-anew .red-dot .wrap dd .more:hover {
	background: #999;
	color: #FFF;
}

#life-anew .series .wrap h2 {
	font-size: 28px;
	color: #666;
	font-weight: normal;
}

#life-anew .series .wrap p {
	font-size: 16px;
	color: #666;
}

#life-anew .series .wrap .more {
	display: inline-block;
	padding: 15px 40px;
	background: #FFF;
	border: 1px solid #999;
	font-size: 16px;
	color: #666;
	transition: all .3s;
}

#life-anew .series .wrap .more:hover {
	background: #999;
	color: #FFF;
}

#life-anew .series .go {
	margin-bottom: 10px;
	padding: 60px 0;
	background: url(../images/life_anew_go.jpg) center bottom no-repeat;
	background-size: cover;
}

#life-anew .series .go .title {
	margin-bottom: 60px;
	text-align: center;
}

#life-anew .series .go .title h2 {
	margin-bottom: 30px;
	font-size: 28px;
	color: #666;
}

#life-anew .series .go .title p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-align: center;
}

#life-anew .series .go .title::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 25px auto;
	background: #666;
}

#life-anew .series .go .wrap {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 60px auto;
}

#life-anew .series .go .wrap p {
	margin: 20px 0;
}

#life-anew .series .gr {
	margin-bottom: 10px;
	padding: 150px 0;
	background: url(../images/life_anew_gr.jpg) center top no-repeat;
	background-size: cover;
}

#life-anew .series .gr .title {
	margin-bottom: 60px;
	text-align: center;
}

#life-anew .series .gr .title h2 {
	margin-bottom: 30px;
	font-size: 28px;
	color: #666;
	font-weight: normal;
}

#life-anew .series .gr .title p {
	font-size: 16px;
	color: #666;
	line-height: 30px;
	text-align: center;
}

#life-anew .series .gr .title::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 25px auto;
	background: #FFF;
}

#life-anew .series .gr .wrap {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

#life-anew .series .gr .wrap p {
	margin: 20px 0;
}

#life-anew .series .list {
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}

#life-anew .series .list dl {
	float: left;
	width: 46%;
	margin: 2%;
}

#life-anew .series .list dt img {
	display: block;
	width: 100%;
	height: auto;
}

#life-anew .series .list dd {
	position: relative;
	padding: 25px 180px 25px 25px;
	background: #f2f2f2;
}

#life-anew .series .list dd .more {
	position: absolute;
	right: 25px;
	top: 35px;
}

#life-anew .series .list dd h2 {
	margin-bottom: 10px;
}

#life-anew .product-list {
	padding: 60px 0;
	text-align: center;
}

#life-anew .product-list h2 {
	font-size: 28px;
	color: #666;
	font-weight: normal;
}

#life-anew .product-list h2::after {
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	margin: 25px auto;
	background: #666;
}

#life-anew .product-list ul {
	margin-bottom: 50px;
	overflow: hidden;
}

#life-anew .product-list li {
	float: left;
	width: 20%;
}

#life-anew .product-list li a {
	display: block;
	transition: all .3s;
}

#life-anew .product-list li a img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 50px auto;
}

#life-anew .product-list li a h3 {
	font-size: 20px;
	color: #666;
	font-weight: normal;
	transition: all .3s;
}

#life-anew .product-list li a h4 {
	font-size: 16px;
	color: #666;
	font-weight: normal;
	transition: all .3s;
}

#life-anew .product-list li a:hover h3,
#life-anew .product-list li a:hover h4 {
	color: #4283ba;
}

#life-anew .product-list .more {
	display: inline-block;
	margin: 0 auto;
	padding: 15px 40px;
	border: 1px solid #999;
	font-size: 16px;
	color: #666;
	text-align: center;
	transition: all .3s;
}

#life-anew .product-list .more:hover {
	background: #999;
	color: #FFF;
}

/* advisory */
#advisory .banner {
	display: table;
	width: 100%;
	margin-bottom: 80px;
	background: url('../images/advisory_banner.png') center center;
	background-size: cover;
}

#advisory .advisory_flow {
	max-width: 100%;
	padding-bottom: 20px;
}

#advisory .banner .wrap {
	display: table-cell;
	padding: 130px 20px;
	vertical-align: middle;
	text-align: center;
}

#advisory .banner .wrap h2 {
	margin-bottom: 30px;
	font-size: 30px;
	color: #000;
}

#advisory .banner .wrap p {
	font-size: 15px;
	color: #333;
}

#advisory .knowledge {
	margin-bottom: 70px;
	overflow: hidden;
}

#advisory .knowledge li {
	float: left;
	width: 27.33%;
	margin: 0 3%;
	text-align: center;
}

#advisory .knowledge li::before {
	content: "";
	display: block;
	width: 60px;
	height: 60px;
	margin: 0 auto 30px auto;
	background: url('../images/advisory_icon.png');
}

#advisory .knowledge li.know-1::before {
	background-position: left top;
}

#advisory .knowledge li.know-2::before {
	background-position: center top;
}

#advisory .knowledge li.know-3::before {
	background-position: right top;
}

#advisory .knowledge li h3 {
	height: 60px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 24px;
	color: #000;
	line-height: 30px;
	font-weight: normal;
}

#advisory .knowledge li p {
	margin-bottom: 10px;
	font-size: 15px;
	color: #000;
	line-height: 25px;
}

#advisory .knowledge li .more {
	font-size: 15px;
	color: #22439C;
	transition: all .3s;
}

#advisory .knowledge li .more::after {
	content: "";
    display: inline-block;
    width: 6px;
    height: 11px;
    margin-left: 10px;
    background: url('../images/index_news_more.png');
    transition: all .3s;
}


#advisory .knowledge li .more:hover::after {
	margin-left: 20px;
}

#advisory .contact .title {
	margin-bottom: 30px;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	text-align: center;
}

#advisory .contact .wrap {
	padding: 40px 120px;
	background: #f2f2f2;
}

#advisory .contact .wrap form {
	width: 673px;
	margin: 0 auto;
}

#advisory .contact .wrap form .note {
	margin-bottom: 25px;
	font-size: 15px;
	color: #333;
	line-height: 45px;
	text-align: center;
}

#advisory .contact .wrap form .note span {
	color: #FF0000;
}

#advisory .contact .wrap form li {
	position: relative;
	margin-bottom: 25px;
	padding-left: 185px;
	font-size: 15px;
	color: #333;
	line-height: 45px;
}

#advisory .contact .wrap form li span {
	position: absolute;
	left: 0;
	top: 0;
}

#advisory .contact .wrap form li span b, #advisory .contact .wrap form li label b {
	padding-left: 5px;
	color: #FF0000;
}

#advisory .contact .wrap form li a {
	color: #4283ba;
	text-decoration: underline;
}

#advisory .contact .wrap form li a:hover {
	color: #000;
}

#advisory .contact .wrap form li input[type="text"],
#advisory .contact .wrap form li input[type="email"],
#advisory .contact .wrap form li input[type="number"],
#advisory .contact .wrap form li select, #dealer-report form li select,
#advisory .contact .wrap form li textarea {
	display: inline-block;
	height: 45px;
	padding: 10px 20px;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#advisory .contact .wrap form li input.address {
	width: 14%;
	margin-top: 10px;
	margin-right: 1%;
}

#advisory .contact .wrap form li input.txt-1 {
	width: 245px;
	margin-right: 20px;
}

#advisory .contact .wrap form li input.txt-2 {
	width: 478px;
}

#advisory .contact .wrap form li input.txt-3 {
	width: 393px;
}

#advisory .contact .wrap form li input.txt-4 {
	width: 245px;
}

#advisory .contact .wrap form li select {
	width: 140px;
	margin-right: 10px;
}

#advisory .contact .wrap form li input[type="number"]::-webkit-inner-spin-button {
	-webkit-appearance: none;
}

#advisory .contact .wrap form li label {
	display: inline-block;
	margin-right: 33px;
	white-space: nowrap;
}

#advisory .contact .wrap form li label input[type="radio"],
#advisory .contact .wrap form li label input[type="checkbox"] {
	float: left;
	margin: 16px 5px 0 0;
}

#advisory .contact .wrap form li .row {
	margin-bottom: 10px;
}

#advisory .contact .wrap form li textarea {
	display: block;
	width: 99%;
	height: 200px;
}

#advisory .contact .wrap form li.verify .code {
	position: absolute;
	left: 440px;
	top: 13px;
	display: block;
	max-width: 100%;
	height: auto;
}

#advisory .contact .wrap form li.verify .refresh {
	position: absolute;
	left: 520px;
	top: 13px;
	display: block;
	width: 18px;
	height: 21px;
	background: url('../images/refresh.png');
	text-indent: -9999px;
	transition: all .3s;
}

#advisory .contact .wrap form li.verify .refresh:hover {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

#advisory .contact .wrap form li.check {
	padding-left: 0;
}

#advisory .contact .wrap form button {
	display: block;
	width: 270px;
	height: 45px;
	margin: 0 auto;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
}

#advisory .contact .wrap form button:hover {
	background: #797979;
}

/* questionnaire */
#questionnaire .container {
	max-width: 600px;
	margin: 0 auto;
}

#questionnaire .header {
	background: #000;
}

#questionnaire .header .wrap {
	max-width: 600px;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

#questionnaire .header .wrap .logo {
	display: block;
	width: 126px;
	height: 29px;
	background: url('../images/logo_w.png');
	text-indent: -9999px;
}

#questionnaire .container {
	max-width: 600px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#questionnaire .banner {
	margin-bottom: 25px;
	padding: 40px 30px;
	background: url('../images/questionnaire.png') right center no-repeat;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}

#questionnaire .step {
	position: relative;
	margin-bottom: 20px;
	overflow: hidden;
}

#questionnaire .step li {
	position: relative;
	float: left;
	width: 33.33%;
	font-size: 15px;
	color: #999;
	text-align: center;
}

#questionnaire .step li::before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 10px auto;
	background: #FFF;
	border: 2px solid #999;
	border-radius: 50%;
	z-index: 2;
}

#questionnaire .step li::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 10px;
	width: 100%;
	height: 0px;
	border-top: 1px dashed #999;
}

#questionnaire .step li:last-child::after {
	display: none;
}

#questionnaire .step li.active {
	color: #22459b;
}

#questionnaire .step li.active::before {
	background: url('../images/step_check.png') center center no-repeat #FFF;
	border-color: #22459b;
}

#questionnaire .step li.active::after {
	border-color: #22459b;
}

#questionnaire .step-success {
	margin-top: 34px;
	margin-bottom: 24px;
	font-size: 18px;
	color: #039705;
	font-weight: bold;
	text-align: center;
}

#questionnaire .step-success::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background: url('../images/step_success.png');
	vertical-align: middle;
}

#questionnaire .message {
	margin-bottom: 30px;
	padding: 0 30px;
	font-size: 15px;
	color: #333;
	line-height: 30px;
}

#questionnaire .message .start {
	display: block;
	width: 270px;
	height: 45px;
	margin: 30px auto 0 auto;
	background: #000;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
}

#questionnaire .message .start:hover {
	background: #666;
}

#questionnaire .notice {
	margin-bottom: 10px;
	font-size: 15px;
	color: #FF0000;
}

#questionnaire form {
	padding: 30px;
	background: #f2f2f2;
}

#questionnaire form li {
	margin-bottom: 25px;
	font-size: 15px;
	color: #333;
	line-height: 45px;
}

#questionnaire form li h2 {
	font-size: 18px;
}

#questionnaire form li h2 span {
	font-size: 14px;
	color: #FF0000;
}

#questionnaire form li label {
	display: block;
	padding-right: 10px;
}

#questionnaire form li label.other {
	display: inline-block;
}

#questionnaire form li label input[type="radio"],
#questionnaire form li label input[type="checkbox"] {
	float: left;
	margin: 16px 5px 0 0;
}

#questionnaire form li input[type="text"] {
	display: inline-block;
	width: 80%;
	height: 45px;
	padding: 10px 20px;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#questionnaire form button {
	display: block;
	width: 270px;
	height: 45px;
	margin: 0 auto;
	background: #000;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
}

#questionnaire form button:hover {
	background: #666;
}

/* tab-block */
.tab-block .tab-content > li {
	display: none;
}

/* company-manage */
#company-manage {
	padding: 50px;
}
#company-manage .overview {
	margin-bottom: 50px;
	padding: 0 !important;
	overflow: hidden;
}

#company-manage .overview a {
	float: left;
	display: block;
	width: 31.33%;
	padding: 30px 14px;
	background: #fafafa;
	border: 1px dashed #999;
	overflow: hidden;
	font-size: 15px;
	color: #666;
	/* line-height: 30px; */
	box-sizing: border-box;
	transition: all .3s;
}

#company-manage .overview a:nth-child(2) {
	margin: 0 3%;
}

#company-manage .overview a div {
	display: inline-block;	
	line-height: 22px;
	margin-right: 2px;
}

#company-manage .overview a b {
	float: right;
	font-size: 30px;
	color: #000;
}

#company-manage .overview a.active b::before {
	content: "";
	float: right;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: 5px;
	background: #B70000;
	border-radius: 50%;
	opacity: .6;
}

#company-manage .overview a:hover {
	background: #666;
	color: #FFF;
}

#company-manage .overview a:hover b {
	color: #FFF;
}

#company-manage .overview a:hover b::before {
	background: #FFF;
}

#company-manage .finish {
	margin-bottom: 50px;
}

#company-manage .finish .title {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	overflow: hidden;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

#company-manage .finish .title > span {
	padding-left: 10px;
	font-size: 12px;
	color: #999;
}

#company-manage .finish .title .star {
	float: right;
	font-size: 14px;
	color: #333;
}

#company-manage .finish .title .star span {
	padding: 0 5px;
}

#company-manage .finish .title .star .points {
	display: inline-block;
	margin-left: 5px;
}


#company-manage .finish .title .star .points li {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('../images/star.png') left top;
	text-indent: -9999px;
}

#company-manage .finish .title .star .points li.active {
	background-position: center top;
}

#company-manage .finish .title .star .points li.half {
	background-position: right top;
}

#company-manage .finish .result {
	display: block;
	padding: 20px;
	background: #fafafa;
	overflow: hidden;
	transition: all .3s;
}

#company-manage .finish .result p {
	position: relative;
	float: left;
	width: 33.33%;
	padding: 30px 20px;
	background: #FFF;
	font-size: 15px;
	color: #666;
	text-align: center;
	box-sizing: border-box;
}

#company-manage .finish .result p::after {
	content: "";
	position: absolute;
	right: 0;
	top: 20%;
	width: 1px;
	height: 60%;
	border-right: 1px dashed #CCC;
}

#company-manage .finish .result p:last-child::after {
	display: none;
}

#company-manage .finish .result p span {
	display: inline-block;
	margin-left: 10px;
	font-size: 15px;
	color: #999;
}

#company-manage .finish .result p span b {
	font-size: 30px;
	color: #000;
}

#company-manage .finish .result:hover {
	background: #666;
}

#company-manage .news .title {
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	overflow: hidden;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}

#company-manage .news .title span {
	padding-left: 10px;
	font-size: 12px;
	color: #999;
}

#company-manage .news .wrap li .link {
	position: relative;
	display: block;
	padding: 20px 140px 20px 20px;
	border-bottom: 1px solid #e7e7e7;
	transition: all .3s;
}

#company-manage .news .wrap li.file .link::after {
	content: "";
	position: absolute;
    right: 100px;
    top: 50%;
    display: block;
    width: 25px;
    height: 25px;
    margin-top: -12.5px;
    background: url('../images/paperclip.png');
}

#company-manage .news .wrap li .link h3 {
	margin-bottom: 5px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}   

#company-manage .news .wrap li .link:hover {
	background: #f4f4f4;
}

#company-manage .news .wrap li p {
	font-size: 14px;
	color: #666;
}

#company-manage .news .wrap li .date {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -6px;
	font-size: 12px;
	color: #CCC;

}

#dealer-manage {
	padding: 0 30px;
}

#dealer-manage .filter .title {
	overflow: hidden;
	font-size: 15px;
	color: #999;
}

#dealer-manage .filter .title .toggle {
	position: relative;
	float: right;
	display: inline-block;
	padding: 10px 20px;
	background: #f1f1f1;
	color: #333;
}

#dealer-manage .filter .title .toggle::before ,
#dealer-manage .filter .title .toggle::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: transparent;
}

#dealer-manage .filter .title .toggle::before {
	position: absolute;
	right: 20px;
	top: 15px;
	border-top-color: #f1f1f1;
	z-index: 1;
}

#dealer-manage .filter .title .toggle::after {
	float: right;
	margin: 7px 0 0 5px;
	border-top-color: #333;
}

#dealer-manage .filter .title .toggle.active::before ,
#dealer-manage .filter .title .toggle.active::after {
	transform: rotate(180deg);
}

#dealer-manage .filter .title .toggle.active::before {
	top: 19px;
}

#dealer-manage .filter form {
	position: relative;
	display: none;
	padding: 30px 90px 30px 20px;
	background: #f1f1f1;
	font-size: 15px;
	color: #333;
	line-height: 45px;
}

#dealer-manage .filter form input ,
#dealer-manage .filter form select {
	display: block;
	width: 100%;
	height: 45px;
	padding: 10px;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#dealer-manage .filter form button {
	position: absolute;
	right: 20px;
	top: 75px;
	display: inline-block;
	height: 45px;
	padding: 0 20px;
	background: #000;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
}

#dealer-manage .filter form button:hover {
	background: #666;
}

#dealer-manage .filter form ul {
	overflow: hidden;
}

#dealer-manage .filter form li {
	position: relative;
	float: left;
	padding-right: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

#dealer-manage .filter form li span {
	display: block;
}

#dealer-manage .filter form li.txt-1 ,
#dealer-manage .filter form li.txt-2 {
	width: 17%;
}

#dealer-manage .filter form li.txt-3 {
	width: 41%;
}

#dealer-manage .filter form li.txt-3 input {
	float: left;
	width: 49%;
}

#dealer-manage .filter form li.txt-3 input.from {
	margin-right: 2%;
}

#dealer-manage .filter form li.txt-4 {
	width: 40%;
}

#dealer-manage .filter form li.txt-5 {
	white-space: nowrap;
}

#dealer-manage .filter form .datepicker2 {
	font-size: 13px;
	display: inline;
	width: 102px;
}

#dealer-manage table {
	width: 100%;
	font-size: 15px;
}

#dealer-manage thead {
	background: #555;
}

#dealer-manage thead td {
	text-align: center;
	white-space: nowrap;
}

#dealer-manage tbody tr {
	border-bottom: 1px solid #f1f1f1;
	cursor: pointer;
	transition: all .3s;
}

#dealer-manage tbody tr.color-1 {
	background: #FFF8CB;
}

#dealer-manage tbody tr.color-2 {
	background: #FFCECE;
}

#dealer-manage tbody tr.color-3 {
	background: #FFCECE; /* E9A1A1 */
}

#dealer-manage tbody tr:hover {
	background: #f7f7f7;
}

#dealer-manage thead td {
	color: #FFF;
}

#dealer-manage tbody td {
	color: #333;
}

#dealer-manage td {
	padding: 15px;
	word-break: break-all;
}

#dealer-manage td a.report {
	white-space: nowrap;
}

.nowrap {
	white-space: nowrap;
}

.li_1, .li_2, .li_3, #li_date1, #li_date4 {
	display: none;
}

#body_product a {
	color: #315ab6;
}

#body_product a:hover {
	color: #333;
}

#body_product img {
	width: 43px;
	height: 43px;
}

#dealer-manage td span {
	display: block;
	font-size: 12px;
	color: #cb5b5b;
}

#dealer-manage td .report {
	color: #315ab6;
	transition: all .3s;
}

#dealer-manage td .report:hover {
	color: #333;
	text-decoration: underline;
}

#dealer-manage td .star {
	display: inline-block;
	color: #fac917;
}

#dealer-manage td .star::after {
	content: "";
	float: right;
	display: block;
	width: 20px;
	height: 20px;
	margin-left: 5px;
	background: url('../images/star.png') center top no-repeat;
}

#dealer-manage td .detail {
	position: relative;
	display: block;
	width: 6px;
	height: 11px;
	background: url('../images/index_news_more.png');
	text-indent: -9999px;

}

/* geobox */
#geomask {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .8);
	z-index: 10;
}

#geobox {
	position: fixed;
	left: 50%;
	top: 50%;
	display: none;
	width: 540px;
	margin: -171px 0 0 -270px;
	padding: 20px;
	background: #FFF;
	text-align: center;
	box-sizing: border-box;
	z-index: 11;
}

#geobox .close {
	position: absolute;
	right: -57px;
	top: 0;
	display: block;
	width: 37px;
	height: 37px;
	background: url('../css/fancybox_close.png');
	text-indent: -9999px;
}

#geobox .close:hover {
	opacity: .6;
}

#geobox form {
	width: 500px;
}

#geobox form h2 {
	margin-bottom: 20px;
	font-size: 20px;
	color: #000;
}

#geobox form li {
	margin-bottom: 20px;
	font-size: 15px;
	color: #333;
	text-align: left;
}

#geobox form li label {
	display: inline-block;
	margin-right: 20px;
}

#geobox form li label input {
	display: inline-block;
	margin-right: 5px;
}

#geobox form li textarea {
	display: block;
	width: 100%;
	height: 150px;
	padding: 10px 20px;
	background: #FFF;
	border: 1px solid #CCC;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#geobox form .button button {
	display: inline-block;
	height: 45px;
	padding: 0 50px;
	background: #CCC;
	border: none;
	font-size: 15px;
	color: #000;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
}

#geobox form .button button[type="submit"] {
	margin-left: 20px;
	background: #000;
	color: #FFF;
}

#geobox form .button button:hover {
	background: #666;
	color: #FFF;
}

/* dealer-report */
#dealer-report {
	padding: 0 30px;
}

.sub-title .reset, .sub-title .change, .sub-title .recoverreport {
	float: right;
	font-size: 16px;
	padding-top: 6px;
	display: none;
}

.sub-title .reset a, .sub-title .change a, .sub-title .recoverreport a {
	color:blue;
}

.sub-title span {
	display: inline-block;
	width: 70px;
	height: 28px;
	margin: -6px 0 0 6px;
	background: #3252a3;
	border: none;
	font-size: 14px;
	color: #FFF;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
}

#dealer-report .info {
	margin-bottom: 20px;
	overflow: hidden;
	font-size: 15px;
	color: #333;
}

#dealer-report .info li {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}

#dealer-report .info li span {
	display: inline-block;
	margin-right: 10px;
	font-weight: bold;
}

#dealer-report .step {
	position: relative;
	overflow: hidden;
}

#dealer-report .step li {
	position: relative;
	float: left;
	width: 50%;
	font-size: 15px;
	color: #999;
	text-align: center;
}

#dealer-report .step li::before {
	content: "";
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 auto 10px auto;
	background: #FFF;
	border: 2px solid #999;
	border-radius: 50%;
	z-index: 2;
}

#dealer-report .step li::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 10px;
	width: 100%;
	height: 0px;
	border-top: 1px dashed #999;
}

#dealer-report .step li.pass::after {
	border-color: #22459b;
}

#dealer-report .step li:last-child::after {
	display: none;
}

#dealer-report .step li.active {
	color: #22459b;
}

#dealer-report .step li.active::before {
	background: url('../images/step_check.png') center center no-repeat #FFF;
	border-color: #22459b;
}

#questionnaire .step li.active::after {
	border-color: #22459b;
}

#dealer-report .step li.active2 span::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	margin: 10px auto 0 auto;
	border-style: solid;
	border-width: 0 10px 15px 10px;
	border-color: transparent transparent #f1f1f1 transparent;
}

#dealer-report .step-success {
	margin-top: 10px;
	margin-bottom: 30px;
	font-size: 18px;
	color: #039705;
	font-weight: bold;
	text-align: center;
}

#dealer-report .step-success::before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	background: url('../images/step_success.png');
	vertical-align: middle;
}

#dealer-report form {
	margin-bottom: 30px;
	padding: 50px 20px;
	background: #f1f1f1;
	font-size: 15px;
	color: #333;
	line-height: 45px;
	display:none;
}

#dealer-report form div {
	text-align: left;
}

#dealer-report .red {
	color: red;
}

#dealer-report form div.button {
	margin-top: 20px;
	text-align: center;
}

#dealer-report form div.title {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

#dealer-report form div.intro {
	padding-bottom: 10px;
	text-align: center;
}

#dealer-report form div.memo {
	font-size: 14px;
	margin-top: -30px;
	margin-bottom: -10px;
	color: #666;
}

#dealer-report form ul {
	margin-bottom: 20px;
}

#dealer-report form li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 130px;
}

#dealer-report form li .tag-editor li {
	padding-left: 0px;
}

#dealer-report form li.ui-sortable-handle {
	padding-left: 0px;
}

#dealer-report form li span {
	position: absolute;
	left: 0;
	top: 0;
}

#dealer-report form #li_1 {
	display: none;
}

#dealer-report form li span b {
	padding-left: 5px;
	color: #FF0000;
}

#dealer-report form li label {
	display: inline-block;
	margin-right: 20px;
}

#dealer-report form li label input[type="radio"] ,
#dealer-report form li label input[type="checkbox"] {
	margin-right: 5px;
}

#dealer-report form li > input[type="text"] ,
#dealer-report form li > input[type="date"] ,
#geobox li > input[type="text"] ,
#dealer-report form li textarea {
	display: inline-block;
	width: 400px;
	height: 45px;
	padding: 10px 25px;
	background: #FFF;
	border: none;
	font-size: 15px;
	color: #333;
	box-sizing: border-box;
}

#geobox li > input[type="text"] {
	width: 150px;
	height: 32px;
	border: 1px solid #ccc;
}

#geobox li span b {
	padding-left: 5px;
	color: #FF0000;
}

#dealer-report form li > input[type="text"].address {
	width: 80px;
}

#dealer-report form li select {
	width: 150px;
	margin-right: 10px;
}

#dealer-report form li textarea {
	width: 100%;
	height: 150px;
}

#dealer-report form li .other {
	position: relative;
	display: block;
	margin: 0;
	padding: 10px 0 0 60px;
}

#dealer-report form li .other textarea {
	width: 100%;
	height: 100px;
}

#dealer-report form li table {
	width: 100%;
	line-height: 25px
}

#dealer-report form li td {
	padding: 10px;
}

#dealer-report form li td img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle
}

#dealer-report form li td input {
	display: inline-block;
    height: 30px;
    padding: 10px;
    background: #FFF;
    border: none;
    font-size: 15px;
    color: #333;
    text-align: center;
    box-sizing: border-box;
}

#dealer-report form li td input[type="text"] {
	width: 200px;
	margin-right: 10px;
}

#dealer-report form li td input[type="number"] {
	width: 80px;
	height: auto;
	-webkit-appearance: none;
}

#dealer-report form li td a.link {
	transition: all .3s;
}

#dealer-report form li td a.link:hover {
	opacity: .8;
}

#dealer-report form li td a.del ,
 #dealer-report form li td a.add {
	display: inline-block;
	padding: 3px 15px;
	background: #000;
	color: #FFF;
	transition: all .3s;
}

#dealer-report form li td a.del:hover ,
#dealer-report form li td a.add:hover {
	background: #666;
}

#dealer-report form button, #dealer-report form input[type="submit"] {
	display: inline-block;
	width: 270px;
	height: 45px;
	margin: 0 auto;
	background: #3252a3;
	border: none;
	font-size: 15px;
	color: #FFF;
	line-height: 45px;
	text-align: center;
	transition: all .3s;
	cursor: pointer;
}

#dealer-report form button:hover, #dealer-report form input[type="submit"]:hover {
	background: #797979;
}

#dealer-report form button.grey {
	background: #666;
}

#dealer-report form button.grey:hover {
	background: #797979;
}

#dealer-report .toggle-panel dl {
	margin-bottom: 20px;
	border: 1px solid #f1f1f1;
}

#dealer-report .toggle-panel dt {
	padding: 20px;
	font-size: 16px;
	color: #000;
	font-weight: bold;
	cursor: pointer;
}

#dealer-report .toggle-panel dt::after {
	content: "";
	display: inline-block;
	width: 20px;
	height: 12px;
	margin-left: 10px;
	background: url('../images/toggle_panel.png');
}

#dealer-report .toggle-panel dl.active dt::after {
	transform: rotate(180deg);
}

#dealer-report .toggle-panel dd {
	display: none;
	padding: 20px;
	font-size: 15px;
}

#dealer-report .toggle-panel dd ul li {
	position: relative;
	min-height: 20px;
	margin-bottom: 20px;
	padding-left: 200px;
}

#dealer-report .toggle-panel dd ol li {
	display: inline-block;
	width: 45%;
	line-height: 60px;
}

#dealer-report .toggle-panel dd ol li img {
	vertical-align: middle;
	border: none;
	padding-left: 10px;
	padding-right: 10px;
	width: 43px;
	height: 43px;
}

#dealer-report .toggle-panel dd li > span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 200px;
}

#dealer-report .toggle-panel dd li span b {
	display: block;
	color: #999;
	font-weight: normal;
}

#dealer-report .toggle-panel dd li .status {
	margin-bottom: 5px;
	font-weight: bold;
}

#dealer-report .toggle-panel dd li p {
	padding-bottom: 10px;
}

#dealer-report .toggle-panel dd li a {
	color: #0066FF;
}

#dealer-report .toggle-panel dd li a:hover {
	color: #4283ba;
}

/* report-box */
#report-box {
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	z-index: 10;
}

#report-box .outer {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#report-box .inner {
	position: relative;
	display: inline-block;
	width: 500px;
	padding: 50px 20px;
	background: #000;
}

#report-box .inner .title {
	margin-bottom: 20px;
	font-size: 30px;
	color: #FFF;
	line-height: 40px;
}

#report-box .inner .title::before {
	content: "";
	display: inline-block;
	width: 40px;
	height: 41px;
	margin-right: 10px;
	background: url('../images/report_box.png');
	vertical-align: middle;
}

#report-box .inner p {
	margin-bottom: 20px;
	font-size: 18px;
	color: #EEE;
}

#report-box .inner span {
	font-size: 13px;
	color: #CCC;
}

/* RWD */
@media screen and (max-width:1250px) {
	#service .special {
		padding-right: 0;
	}

	#service .special::after {
		display: none;
	}

}

@media screen and (max-width:1200px) {

	/* dealer-list */
	#dealer-list .filter .tag a {
		margin-right: 5px;
		padding: 15px 10px;
	}

	/* product-download */
	#product-download .list td.col-4 .group label {
		width: 49%;
	}

}

@media screen and (max-width:1000px) {

	/* header */
	#navigation {
		width: 70%;
	}

	/* path */
	#path {
		padding: 15px 2%;
	}

}