﻿
			.swiper-slide img {
				display: block;
				width: 100%;
			}

			.pc-common-pagination {
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				-o-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-webkit-transform: translateX(-50%);
			}

			.pc-common-pagination .swiper-pagination-bullet {
				width: 12px;
				height: 12px;
				background: #c9caca;
				margin: 0 4px;
				opacity: 1;
			}

			.pc-common-pagination .swiper-pagination-bullet-active {
				background: #ff7200;
			}

			.m-common-next,
			.m-common-prev {
				width: 36px;
				height: 36px;
				background-image: none;
				text-align: center;
				background-color: rgba(255, 255, 255, .65);
			}

			.m-common-next {
				right: 0;
			}

			.m-common-next .icon--8::before,
			.m-common-prev .icon---::before {
				font-size: 30px;
				line-height: 36px;
				color: #333;
			}

			.m-common-prev {
				left: 0;
			}

			.sample-item {
				line-height: 42px;
				cursor: pointer;
			}

			@media only screen and (max-width: 1599px) {
				.sample-item {
					line-height: 34px;
				}
			}

			@media only screen and (max-width: 1299px) {
				.sample-item {
					line-height: 32px;
				}
			}


			@media only screen and (max-width: 1599px) {
				/*.home-main-desc-swiper .swiper-slide {
		padding: 0 120px;
	}*/
			}

			@media only screen and (max-width: 1024px) {}

			.samples-swiper_m {
				display: none;
			}

			.samples-content {
				position: relative;
			}

			.swiper-button-prev,
			.swiper-button-next {
				margin-top: 0;
				top: 50%;
				transform: translateY(-50%);
				-o-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-webkit-transform: translateY(-50%);
			}

			.samples-content:hover .sample-prev {
				left: 17px;
				opacity: 0.75;
				-moz-opacity: 0.75;
				-webkit-opacity: 0.75;
			}

			.samples-content:hover .sample-next {
				right: 17px;
				opacity: 0.75;
				-moz-opacity: 0.75;
				-webkit-opacity: 0.75;
			}

			.samples-content:hover .sample-prev:hover,
			.samples-content:hover .sample-next:hover {
				opacity: 0.9;
			}

			.sample-item-desc {
				width: 100%;
				position: absolute;
				bottom: 0;
				left: 0;
				display: flex;
				display: -ms-flexbox;
				display: -webkit-flex;
				padding: 24px;
				align-items: flex-end;
				-webkit-align-items: flex-end;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				z-index: 9;
			}

			.sample-item {
				overflow: hidden;
				position: relative;
				font-family: "Helvetica LT Pro", "é˜¿é‡Œå·´å·´æ™®æƒ ä½“ Regular";
			}

			.sample-item:first-child {
				/*margin-bottom: 15px;*/
			}

			.sample-item .sample-item-img img {
				transition: all .4s;
				-o-transition: all .4s;
				-ms-transition: all .4s;
				-moz-transition: all .4s;
				-webkit-transition: all .4s;
				
				filter: brightness(0.7);
			}

			.sample-item:hover .sample-item-img img {
				transform: scale(1.1);
				-o-transform: scale(1.1);
				-ms-transform: scale(1.1);
				-moz-transform: scale(1.1);
				-webkit-transform: scale(1.1);
				
				filter: none;
			}

			.sample-item-desc .sample-item-info {
				flex: 1;
				-ms-flex: 1;
				-webkit-flex: 1;
				margin-right: 24px;
			}

			.sample-item-desc .sample-detail-btn {
				/* width: 132px;
    height: 42px; */
				/* line-height: 42px; */
				width: 102px;
				height: 32px;
				line-height: 32px;
				/* background-color: #ff7200; ä¿®æ”¹ */
				/* background: linear-gradient(to right bottom, #fc9b0e, #e45e31) !important; */
				background: linear-gradient(to right bottom, #b1331f, #de6800) !important;
				color: #fff;
				text-align: center;
				border-radius: 21px;
				font-family: "é˜¿é‡Œå·´å·´æ™®æƒ ä½“ Medium";
				font-size: 18px;
				cursor: pointer;
				padding: 0;
				border: none;
				vertical-align: baseline;
			}

			.sample-item-desc .effect-group-container {
				/* width: 132px; */
				width: 110px;
			}

			.sample-item-desc .sample-item-info .sample-item-tag {
				display: inline-block;
				padding: 0 12px;
				line-height: 28px;
				/* background-color: rgba(255, 255, 255, .8); */
				/* color: #333; */
				color: #FFF;
				background: linear-gradient(to right bottom, #b1331f, #de6800) !important;
				font-size: 18px;
				margin-bottom: 13px;
				border-radius: 10px;
			}

			.sample-item-desc .sample-item-info .sample-item-title {
				font-size: 20px;
				color: #ffffff;
				font-family: "é˜¿é‡Œå·´å·´æ™®æƒ ä½“ Bold";
				line-height: 34px;
			}

			@media only screen and (max-width: 1599px) {
				.sample-item-desc {
					padding: 15px 15px;
				}

				.sample-item-desc .sample-item-info {
					margin-right: 15px;
				}

				.sample-item-desc .sample-detail-btn {
					width: 114px;
					height: 36px;
					line-height: 36px;
					font-size: 16px;
				}

				.sample-item-desc .effect-group-container {
					width: 114px;
				}

				.sample-item-desc .sample-item-info .sample-item-title {
					font-size: 20px;
					line-height: 25px;
					margin-bottom: 10px;
				}

				.sample-item-desc .sample-item-info .sample-item-tag {
					line-height: 24px;
					font-size: 14px;
					padding: 0 8px;
					margin-bottom: 10px;
				}
			}

			@media only screen and (max-width: 1399px) {
				.samples-content:hover .sample-prev {
					left: 7px;
				}

				.samples-content:hover .sample-next {
					right: 7px;
				}
			}

			@media only screen and (max-width: 1299px) {
				.samples-content:hover .sample-prev {
					left: 47px;
				}

				.samples-content:hover .sample-next {
					right: 47px;
				}
			}

			@media only screen and (max-width: 1024px) {
				.samples-swiper_m {
					display: block;
				}

				.samples-swiper {
					display: none;
				}

				.samples-pagination {
					display: none;
				}

				.samples-swiper_m .swiper-slide {
					padding: 0 15px;
					box-sizing: border-box;
				}

				.samples-swiper_m .m-common-next,
				.samples-swiper_m .m-common-prev {
					margin-top: -20px;
				}

				.samples-swiper_m .swiper-slide .m-sample-front {
					position: relative;
				}

				.samples-swiper_m .m-sample-info .m-sample-front::after {
					content: '';
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					background-image: url(../image/machine-mask.png);
					background-size: cover;
					/* background-color: #000; */
				}

				.samples-swiper_m .m-img-info {
					position: absolute;
					bottom: 0;
					padding: 0 15px;
					z-index: 9;
				}

				.samples-swiper_m .m-img-info .m-img-tag span {
					display: inline-block;
					padding: 0 6px;
					margin-bottom: 9px;
					font-size: 11px;
					line-height: 18px;
					background-color: rgba(255, 255, 255, .8);
				}

				.samples-swiper_m .m-img-info .m-img-desc {
					margin-bottom: 14px;
					font-family: "é˜¿é‡Œå·´å·´æ™®æƒ ä½“ Bold";
					font-size: 16px;
					color: #fff;
				}

				.m-sample-info .sample-detail-btn {
					width: 116px;
					line-height: 36px;
					border-radius: 18px;
					background-color: #ff7200;
					color: #FFF;
					text-align: center;
					font-family: "é˜¿é‡Œå·´å·´æ™®æƒ ä½“ Medium";
					font-size: 16px;
					margin: 0 auto;
					margin-top: 16px;
				}
			}


			@media only screen and (max-width: 1024px) {}

