.product-listing{
    padding-bottom: 50px;
}
.product-listing.empty{
	padding-top: 50px;
}
.block-releteds img,
.banner-section img{
	max-width: 100%;
	width: 100%;
}
.block-releteds.empty{
	margin: 0;
	padding-bottom: 34px;
	pointer-events: none;
}
.chapternav-wrapper.container.container-1180{
	padding: 0;
}
.chapternav {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100vw;
	max-width: 100vw;
	height: 124px;
	z-index: 1;
}

.chapternav-wrapper {
	position: relative;
	height: 100%;
	z-index: 1;
}

.chapternav-items {
	list-style: none;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
	padding: 0 20px;
}
.chapternav-items::-webkit-scrollbar{
	width: 0;
	height: 0;
}
.chapternav-items .inner-item{
	display: flex;
	align-items: center;
    text-align: left;
    opacity: 0.5;
}
.chapternav-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 4.7rem 0 0;
	padding: 26px 0 25px;
	cursor: pointer;
	position: relative;
}
.chapternav .chapternav-items .chapternav-item{
    padding-right: 10px;
    padding-left: 0;
}
.chapternav-item.active .inner-item,
.chapternav-item:hover .inner-item{
	opacity: 1;
}
.chapternav-item:after{
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #5BBFDA;
	opacity: 0;
}
.chapternav-item.active:after,
.chapternav-item:hover:after{
	opacity: 1;
}
.chapternav-item .label{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 13px;
	line-height: 21px;
	letter-spacing: 0.015em;
	color: #F87513;
	text-transform: uppercase;
}
.chapternav-item .thumbnail{
    width: 56px;
    height: 73px;
}
.chapternav-item .thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.chapternav-item:first-child {
	margin-left: 0;
}
.chapternav-item:last-child {
	margin-right: 0;
}
.chapternav-icon {
	display: block;
	margin: 0 auto 6px;
	height: 36px;
}
.chapternav-label {
	font-size: 11px;
	line-height: 1.09091;
	font-weight: 400;
	letter-spacing: -0.008em;
	display: block;
	margin: 0 auto;
}
.chapternav-link {
	color: #111;
	display: block;
	margin-top: 3px;
	padding: 0;
	position: relative;
	z-index: 1;
	text-decoration: none;
}
.chapternav-link.current {
	color: #48b;
	cursor: default;
	opacity: 0.6;
}
.chapternav-link:hover {
	color: #48b;
	cursor: pointer;
	opacity: 0.6;
}
.chapternav-item .content .title{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	/*  font-size: 15px;*/
    font-size: 16px;
	line-height: 20px;
	color: #2D2D2D;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.chapternav-item .content{
    max-width: 176px;
    white-space: normal;
    padding-left: 20px;
}

/*@-webkit-keyframes chapternav-slidein {
	0% {
		opacity: 0;
	}

	1% {
		-webkit-transform: translateX(160px);
		transform: translateX(160px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes chapternav-slidein {
	0% {
		opacity: 0;
	}

	1% {
		-webkit-transform: translateX(160px);
		transform: translateX(160px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
.chapternav-item {
	-webkit-animation: chapternav-slidein 350ms backwards;
	animation: chapternav-slidein 350ms backwards;
}*/
main .chapternav ul li:before{
	display: none;
}
main .chapternav ul{
	padding: 0 20px;
}
.chapternav-paddle {
	opacity: 1;
	position: absolute;
	top: 0;
	bottom: 0;
	text-align: center;
	width: 32px;
	height: 100%;
	background: rgba(246, 247, 250, 0.9);
	-webkit-transition: opacity 150ms ease-out;
	transition: opacity 150ms ease-out;
    border: 0;
    padding: 0;
}
.chapternav-paddle:after {
	opacity: 0.8;
	-webkit-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
}
.chapternav-paddle:disabled {
	opacity: 0;
	pointer-events: none;
}
.chapternav-paddle:hover{
	background: rgba(246, 247, 250, 0.95);
}
.chapternav-paddle:focus {
	outline: none;
}
.chapternav-paddle:active {
	outline: none;
}
.chapternav-paddle-right{
	right: 0;
}
.chapternav-paddle-left {
	border-right-width: 1px;
	left: 0;
}
.chapternav-paddle-left::before {
	display: none;
}
.heading-section{
	text-align: center;
	padding: 50px 0;
}
.heading-section .content-section .subtitle{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #2D2D2D;
	text-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
	margin-bottom: 10px;
}
.heading-section .content-section .title-zh h2{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	letter-spacing: 0.025em;
	color: #2D2D2D;
	text-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
	margin-top: 15px;
}
.heading-section .content-section .title h1{
	font-size: 40px;
	line-height: 50px;
	text-transform: none;
}
.banner-section{
	margin-bottom: 35px;
}
.product-listing-page .background-image:before{
	top: 588px;
    left: -630px;
}
.introduction-section .content-section .content-inner h2{
	line-height: 40px;
	color: #2D2D2D;
	text-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
	margin-bottom: 15px;
    max-width: 455px;
}
.introduction-section .content-section .content{
	margin-bottom: 36px;
    max-width: 455px;
}
.introduction-section .content-section .content-inner{
    padding-left: 12.6%;
    padding-top: 13px;
}
.introduction-section .content-section{
	background: #F6F7FA;
	padding: 30px 85px 31px;
    display: flex;
    align-items: center;
}
.introduction-section .content-section .link:not(:last-child){
	margin-right: 27px;
}
.introduction-section .content-section .link{
	display: inline-block;
	margin-bottom: 13px;
}
.introduction-section .image{
	max-width: 380px;
}
.block-releteds{
	margin: 35px 0 0;
}
.block-releteds .lists .item .inner-item{
	background: #F6F7FA;
	border-radius: 3px;
    overflow: hidden;
}
.block-releteds .lists .item .content-bottom .short-desc{
	margin: 13px 0 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.block-releteds .lists .item .content-bottom .title a:hover h3{
	color: #1e4e90;
}
.block-releteds .lists .item .content-bottom .title h3{
	line-height: 35px;
	color: #2D2D2D;
	text-shadow: 0px 1px 2px rgba(105, 81, 255, 0.05);
}
html[lang="zh"] .block-releteds .lists .item .content-bottom .title h3{
	font-weight: 500;
}
.block-releteds .lists .item .content-bottom{
    padding: 40px 61px 36px;
}
.block-releteds .lists .item{
	padding: 0 18px;
	width: 50%;
	margin-bottom: 36px;
}
.block-releteds .lists{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -18px;
    margin-right: -18px;
}

body .fancybox-slide--video .fancybox-content {
	max-width: 1149px;
    padding-bottom: 38.092%;
    height: auto!important;
}
body .fancybox-slide--video .fancybox-content video{
    left: 0;
    position: absolute;
    top: 0;
}
body button.fancybox-button.fancybox-button--close:before{
    background: url(../images/close-image.svg) no-repeat;
    background-size: contain;
    width: 26px;
    height: 26px;
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
}
body button.fancybox-button.fancybox-button--close{
    width: 26px;
    height: 26px;
    background: transparent;
    border: 0;
    opacity: 1;
    position: absolute;
    right: 75px;
    display: table-column-group;
    padding: 0;
    top: 49px;
}
body .fancybox-button svg {
    display: none;
}
@media(max-width: 1199px){
	.introduction-section .content-section{
		padding: 30px 60px;
	}
	.introduction-section .content-section .content-inner{
	    padding-left: 60px;
	}
	.block-releteds .lists .item{
		padding: 0 15px;
	}
	.block-releteds .lists{
		margin-left: -15px;
		margin-right: -15px;
	}
	.block-releteds .lists .item{
	    margin-bottom: 30px;
	}
}
@media(max-width: 1024px){
	.introduction-section .content-section {
	    padding: 30px 40px;
	}
	.introduction-section .content-section .link:not(:last-child) {
	    margin-right: 20px;
	}
	.introduction-section .content-section .content {
    	margin-bottom: 25px;
    }
    .introduction-section .content-section .content-inner {
	    padding-left: 50px;
	}
	.block-releteds .lists .item .content-bottom {
	    padding: 30px 40px;
	}
	.block-releteds .lists .item .content-bottom .short-desc {
	    margin: 10px 0 30px;
	}
}
@media(max-width: 991px){
	.block-releteds .lists .item .content-bottom {
	    padding: 30px;
	}
	.introduction-section .content-section {
	    padding: 30px;
	}
	.introduction-section .content-section .content-inner {
	    padding-left: 30px;
	}
	.introduction-section .image img{
		max-width: 100%;
	}
	.introduction-section .image {
	    max-width: 320px;
	}
	body .fancybox-slide--video .fancybox-content{
	    padding-bottom: 50%;
	}
}
@media(min-width: 768px){
	.product-listing-page .background-image.background-image2:after{
		display: block;
        top: 2096px;
		right: -770px;
	    width: 1495px;
	    height: 1247px;
	}
}
@media(max-width: 767.98px){
	.chapternav-item .thumbnail{
	    width: 38px;
	    height: 50px;
	}
	.block-releteds.empty{
	    padding-bottom: 40px;
	}
	.chapternav-item .content{
		max-width: 114px;
	}
	.chapternav-item .content .title{
	    font-size: 10px;
    	line-height: 14px;
	}
	.chapternav-item{
		padding: 20px 0;
	}
	.chapternav{
		height: 90px;
	}
	.chapternav .chapternav-items .chapternav-item{
		padding-right: 0;
	    margin: 0 21px 0 0;
	}
	.chapternav-item .content{
	    padding-left: 10px;
	}
	.chapternav-item .label{
	    font-size: 8px;
    	line-height: 11px;
	}
	.heading-section .content-section .subtitle{
		/*  font-size: 15px;*/
    	font-size: 16px;
		line-height: 20px;
	}
	.heading-section .content-section .title-zh h2,
	.heading-section .content-section .title h1{
		font-size: 20px;
		line-height: 27px;
	}
	.heading-section .content-section .title-zh h2{
		margin-top: 10px;
	}
	.heading-section{
	    padding: 40px 0 30px;
	}
	.banner-section {
	    margin-bottom: 30px;
	}
	.introduction-section .content-section {
	    padding: 23px 20px 10px;
	    display: block;
	}
	.product-listing img{
		max-width: 100%;
	}
	.introduction-section .content-section .content-inner {
	    padding: 44px 0 0;
	}
	.introduction-section .content-section .content-inner h2{
	    font-size: 20px;
    	line-height: 27px;
    	margin-bottom: 10px;
	}
	.introduction-section .content-section .content {
	    margin-bottom: 30px;
	}
	.introduction-section .content-section .link{
		margin-bottom: 20px;
	}
	.block-releteds .lists {
	    display: block;
	}
	.block-releteds {
	    margin: 30px 0 0;
	}
	.block-releteds .lists .item{
		width: 100%;
	}
	.block-releteds .lists .item .content-bottom {
	    padding: 32px 20px 30px;
	}
	.block-releteds .lists .item .content-bottom .title h3{
		font-size: 18px;
		line-height: 25px;
	}
	.block-releteds .lists .item .content-bottom .short-desc{
		-webkit-line-clamp: 3;
	}
	.product-listing {
	    padding-bottom: 42px;
	}
	.introduction-section .image {
	    max-width: 231px;
	    margin: 0 auto;
	}
	a.link.arrow{
		letter-spacing: 0;
	}
	.fancybox-slide{
	    padding-left: 20px;
	    padding-right: 20px;
	}
	body .fancybox-slide--video .fancybox-content{
		padding-bottom: 56.5%;
	}
	body.admin-bar button.fancybox-button.fancybox-button--close{
		top: 66px;
	}
	body button.fancybox-button.fancybox-button--close{
		right: 20px;
		top: 20px;
	    width: 20px;
    	height: 20px;
	}
	body button.fancybox-button.fancybox-button--close:before {
	    width: 20px;
	    height: 20px;
	    top: 0;
	    left: 0;
	}
	.product-listing-page .background-image:before{
	    background-image: url(../images/product_listing_background_mobile.png);
    	background-size: contain;
    	width: 552px;
	    height: 552px;
	}
	.product-listing-page .background-image.background-image1:after{
		top: 602px;
    	right: -403px;
	}
	.product-listing-page .background-image.background-image1:before{
        top: 130px;
	    left: -405px;
	}
	.product-listing-page .background-image.background-image2:after{
		bottom: auto;
	    top: 1532px;
	    right: -407px;
	}
	.product-listing-page .background-image.background-image2:before{
	    top: 1064px;
    	left: -363px;
	}
	.product-listing-page .background-image.background-image3:before{
		top: 2389px;
	    left: auto;
	    right: -409px;
	}
}