.content {
				text-align: center;
				background-color: #FAFBFB;
			}

			.content .width-limit {
				max-width: 1120px;
				margin: auto;
			}

			.content .width-limit .mix {
				display: table;
				width: 100%;
			}

			.content .width-limit .mix .left {
				display: table-cell;
				/*border: 1px solid #666;*/
				width: 60%;
				vertical-align: middle;
			}

			.content .width-limit .mix .right {
				display: table-cell;
				/*border: 1px solid #666;*/
				width: 30%;
				vertical-align: middle;
			}

			.content .width-limit .movie .left {}

			.content .width-limit .movie .right {
				margin-left: -30px;
			}


			.content .width-limit .mix .right .title {
				color: #b99365;
				border-bottom: 1px solid #eee;
				display: inline;
				padding-bottom: 4px;
				font-family: "Playfair Display", times, serif;
				font-weight: 500;
				font-size: 1.5em;
			}

			.content .width-limit .mix .right .passage {
				margin-top: 1em;
				font-family: "Rubik", arial, sans-serif;
				font-weight: 300;
				font-size: 15px;
				line-height: 1.8;
				color: #6c757d;
			}

			.content .width-limit .mix .right .subtitle {
				color: #ccc;
				margin-top: 0.8em;
				font-family: "Rubik", arial, sans-serif;
				font-size: 0.8em;
			}

			.content .width-limit .movie .swiper-container {
				width: 100%;
				padding-bottom: 40%;
				margin-left: auto;
				margin-right: auto;
				box-shadow: 1px 1px 3px #ccc;

			}

			.content .width-limit .movie .swiper-wrapper {
				position: absolute;
				width: 100%;
				height: 100%;

			}

			.content .width-limit .movie .swiper-slide {
				text-align: center;
				font-size: 18px;
				/*background: #fff;*/
				background-size: 100% !important;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				line-height: 200px;
				align-items: center;
				/*-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;*/

				/*box-shadow: rgb(102, 102, 102) 0px 0px 100px inset;*/
			}

			.swiper-pagination-bullet-active {
				background-color: #eee;
			}

			.swiper-pagination-bullet {
				background: #fff;
			}


			.slide_content .title {
				font-weight: 300;
			}

			.slide_content .overlay .text {
				background: rgba(255, 255, 255, 0.4);
				padding: 0 1em;
				font-size: 14px;
				font-family: 'Roboto', sans-serif;
				text-align: left;
			}

			.slide_content .overlay .text+.text {
				margin-top: 6px;
			}

			.content .width-limit .mix .post .img,
			.content .width-limit .mix .post .txt {
				float: left;
				text-align: justify;
				font-family: 'Roboto', sans-serif;
			}

			.content .width-limit .mix .post {
				text-align: left;
			}

			.content .width-limit .mix .post li {
				background: #fff;
				display: block;
				width: 490px;
				margin-bottom: 2em;
			}

			.content .width-limit .mix .post li::after {
				clear: both;
				content: '';
				display: block;
				visibility: hidden;
				height: 0;
			}

			.content .width-limit .mix .post .img {}

			.content .width-limit .mix .post .txt {
				padding: 0 1em;
				width: 300px;
				font-family: "Rubik", arial, sans-serif;
				font-weight: 300;
				font-size: 15px;
				color: #6c757d;
			}

			.content .width-limit .mix .post .txt .date {
				color: #ccc;
			}

			.content .width-limit .mix .post .img img {
				width: 87px;
				height: 50px;
			}

			.content .width-limit .product .left {
				vertical-align: top;
			}

			.content .width-limit .product .right {
				vertical-align: top;
			}

			.content .width-limit .product .right .overlay {
				position: relative;
				transition: 0.4s;
				cursor: pointer;
				-webkit-user-select: none;
			}


			.content .width-limit .product .right .overlay:after {
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0);
				clear: both;
				background-repeat: no-repeat;
				background-position: center;
			}

			.content .width-limit .product .right .overlay:hover:after {
				background: rgba(30, 30, 50, 0.5);
				transition: 0.6s;
				background-image: url(/static/web/images/play.png);
				background-repeat: no-repeat;
				background-position: center;
			}

			.content .width-limit .product .right .overlay:hover .img {
				background: #555;
			}


			.content .width-limit .product .imglist .img {
				padding-left: 1px;
				padding-top: 1px;
				width: 25%;
				float: left;
			}

			.content .width-limit .product h3 {
				font-family: "Playfair Display", times, serif;
			}

			.content .width-limit .product .imglist .img img {
				width: 100%;
			}

			.content .width-limit .mix .detail-0 .title {
				font-size: 38px;
				color: #b99365;
				;
				font-family: "Playfair Display", times, serif;
				margin-bottom: 10px;
				text-transform: uppercase;
			}

			.content .width-limit .mix .detail-0 .subtitle {
				font-size: 12px;
				text-transform: uppercase;
				letter-spacing: .1em;
				color: #ccc;
				font-family: "Rubik", arial, sans-serif;
				margin-bottom: 30px;
			}

			.content .width-limit .mix .detail-0 .passage {
				font-family: "Rubik", arial, sans-serif;
				font-weight: 300;
				font-size: 15px;
				line-height: 1.8;
				color: #6c757d;
				padding: 0 10em 2em;
			}

			.content .width-limit .mix .detail-0 .more {
				font-weight: bold;
				font-family: "Playfair Display", times, serif;
				transition: color 0.4s;
			}

			.content .width-limit .mix .detail-0 .more:hover {
				color: #8B6969;
				border-bottom: 1px solid #8B6969;
			}

			.content .width-limit .mix .detail-1 {
				background: #fff;
			}

			.content .width-limit .mix .detail-1 .left {
				padding: 3em 3em 0;
			}

			.content .width-limit .mix .detail-1 .subtitle {
				font-size: 12px;
				text-transform: uppercase;
				letter-spacing: .1em;
				color: #ccc;
				font-family: "Rubik", arial, sans-serif;
			}

			.content .width-limit .mix .detail-1 .title {
				font-size: 38px;
				margin-bottom: 30px;
				color: #b99365;
				;
				font-family: "Playfair Display", times, serif;
				text-transform: uppercase;
			}

			.content .width-limit .mix .detail-1 .passage {
				font-family: "Rubik", arial, sans-serif;
				font-weight: 300;
				font-size: 15px;
				line-height: 1.8;
				color: #6c757d;
			}

			.content .width-limit .mix .detail-1 .right {
				overflow: hidden;
			}

			.content .width-limit .mix .detail-1 .right .img_13_w {
				position: relative;
				cursor: pointer;
			}

			.content .width-limit .mix .detail-1 .right .img_13_w:after {
				content: '';
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0);
				clear: both;
				background-repeat: no-repeat;
				background-position: center;
			}

			.content .width-limit .mix .detail-1 .right .img_13_w:hover:after {
				background: rgba(0, 0, 0, 0.5);
				transition: 0.6s;
				background-image: url(/static/web/images/play.png);
				background-repeat: no-repeat;
				background-position: center;

			}


			.content .width-limit .mix .detail-2 .title {
				font-size: 38px;
				color: #b99365;
				;
				font-family: "Playfair Display", times, serif;
				margin-bottom: 10px;
				text-transform: uppercase;
			}

			.content .width-limit .mix .detail-2 .subtitle,
			.content .width-limit .mix .detail-3 .subtitle {
				font-size: 12px;
				text-transform: uppercase;
				letter-spacing: .1em;
				color: #ccc;
				font-family: "Rubik", arial, sans-serif;
				margin-bottom: 30px;
			}

			.content .width-limit .mix .detail-2 .passage {
				font-family: "Rubik", arial, sans-serif;
				font-weight: 300;
				font-size: 15px;
				line-height: 1.8;
				color: #6c757d;
				padding: 0 2em 2em;

				/*padding: 0 20em 2em;*/
			}



			.content .width-limit .mix .detail-2 .img {
				transition: 0.4s;
				position: relative;
			}

			/*
.content .width-limit .mix .detail-2 .img:after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: 0.4s;
}
*/

			.content .width-limit .mix .detail-2 .img:hover {
				transform: scale(1.3);
				filter: brightness(1.3);
				box-shadow: 0px 0px 3px #666;
				z-index: 10;
			}

			.content .width-limit .mix .detail-2 .img:hover:after {}

			.content .width-limit .mix .detail-3 {}

			.content .width-limit .mix .detail-3 .title {
				font-size: 38px;
				/*color: #555;*/
				color: #b99365;
				font-family: "Playfair Display", times, serif;
				margin-bottom: 10px;
				text-transform: uppercase;
			}

			.content .width-limit .mix .detail-3 .timeline {
				padding: 2em 0;
			}

			.content .width-limit .mix .detail-3 .timeline li {
				display: inline-block;
				float: left;
				position: relative;
				background: #fff;
			}

			.content .width-limit .mix .detail-3 .timeline .node {
				border: 1px solid #ccc;
				border-radius: 100%;
				width: 20px;
				height: 20px;
				margin-left: -1px;
				z-index: 0;
				cursor: pointer;

			}

			.content .width-limit .mix .detail-3 .passage {
				font-family: "Rubik", arial, sans-serif;
				font-weight: 300;
				font-size: 15px;
				line-height: 1.8;
				color: #6c757d;
				/*padding: 2em 20em 2em;*/
				padding: 2em 2em 2em;

			}

			.content .width-limit .mix .detail-3 .more {
				text-transform: uppercase;
				font-family: "Playfair Display", times, serif;
				font-weight: bold;
				transition: color 0.4s;
			}

			.content .width-limit .mix .detail-3 .more:hover {
				color: #8B6969;
				border-bottom: 1px solid #8B6969;
			}

			.content .width-limit .mix .detail-3 .timeline .node .text {
				display: relative;
				margin-top: 1.6em;
				transform: translateX(-25%);
				font-family: "Rubik", arial, sans-serif;
				color: #6c757d;
				width: max-content;

				width: -webkit-max-content;
				letter-spacing: 2px;
			}

			.content .width-limit .mix .detail-3 .timeline .node .ball {
				position: absolute;
				left: 3px;
				top: 3px;
				border: 1px solid #ccc;
				border-radius: 100%;
				width: 12px;
				height: 12px;
				background: #EEDFCC;
			}

			.content .width-limit .mix .detail-3 .timeline .line {
				display: inline-block;
				width: 300px;
				height: 6px;
				border-top: 1px solid #ccc;
				border-bottom: 1px solid #ccc;
				margin-top: 7px;
				margin-left: -1px;
				z-index: 1;
			}

			.content .width-limit .mix .detail-3 .timeline .clearfix {
				clear: both;
				display: block;
			}

			.content .width-limit .mix .product .swiper-container {
				width: 100%;
				height: auto;
				margin-left: auto;
				margin-right: auto;
			}

			.content .width-limit .mix .product .swiper-slide {
				text-align: center;
				font-size: 18px;
				background: #fff;
				height: 120px;

				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}


			.w30 {
				width: 30% !important;
			}

			.w40 {
				width: 40% !important;
			}

			.w45 {
				width: 45% !important;
			}

			.w50 {
				width: 50% !important;
			}

			.w60 {
				width: 60% !important;
			}

			.slide_01 {
				background-image: url(/static/web/images/e_x264.bg.jpg) !important;
			}

			@media screen and (max-device-width: 800px) {

				.right,
				.left {
					display: block !important;
					width: 100% !important;
					clear: both !important;
					margin: 0 !important;
				}

				.content .width-limit .mix .detail-0 .passage {
					padding: 0;
				}

				.content .width-limit .mix .detail-1 .left {
					padding: 1em 1em 0;
				}

				.content .width-limit .mix .detail-2 {
					width: 100%;
				}

				.content .width-limit .mix .detail-2 .passage {
					padding: 0 1em;
				}

				.content .width-limit .mix .detail-3 .passage {
					padding: 0;
				}

				.content .width-limit .movie {
					padding: 0 !important;
				}

				.content .width-limit .mix .detail-1 .passage {
					padding-bottom: 1.5em;
				}

				.content .width-limit .mix .detail-3 .timeline .line {
					width: 130px;
				}

				.content .width-limit .mix .detail-3 .timeline {
					padding: 1em 0 3em;
				}

				.content .width-limit .mix .detail-2 .image-list {
					padding: 1.2em 0 1em;
				}

				.content .width-limit .mix .detail-0 .more,
				.content .width-limit .mix .detail-3 .more {
					margin-top: 1em;
					display: inline-block;
				}

				.slide_01 {
					background-image: url(/static/web/images/e_x264.bg.jpg) !important;
				}

				.slide_content:first-child .video-wrapper {
					display: none;
				}
			}	
			
			dl {
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				margin: 50px auto;
			
			}
			
			dd {
				margin-top: 10px;
				width: 25%;
				padding: 10px;
				box-shadow: 0 0 3px #fff;
			}
			
			dd img {
				max-width: 100%;
				max-height: 100%;
				box-shadow: 0 0 3px #d7d7d7;
			}