@charset "UTF-8";
/* ====================== */
/* 分頁按鈕 pagination     */
/* ====================== */
.viewbox__card-more, .videobox__card-more, .videobox__item-more {
	-webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

.viewbox__card:hover, .videobox__view, .videobox__card, .videobox__show {
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.viewbox__img {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
	margin: 40px 0;
}

.viewbox__card {
	position: relative;
	width: calc(100% / 3 - 70px);
	margin: 30px 35px;
	overflow: hidden;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.viewbox__card:hover .viewbox__card-img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.viewbox__card:hover .viewbox__card-img:before {
	opacity: 0.6;
}

.viewbox__card:hover .viewbox__card-img:after {
	background-color: rgba(237, 28, 46, 0.8);
}

.viewbox__card:hover .viewbox__card-more {
	display: block;
}

.viewbox__card--app {
	position: relative;
	width: calc(100% / 4 - 80px);
	margin: 40px;
}

.viewbox__card-img {
	position: relative;
	overflow: hidden;
	height: auto;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.viewbox__card-img:before {
	opacity: 0;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
	width: 200%;
	height: 200%;
	background-image: url("../../images/cable_line.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transform: translate(66%, 40%);
	    -ms-transform: translate(66%, 40%);
	        transform: translate(66%, 40%);
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.viewbox__card-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	background-color: rgba(237, 28, 46, 0);
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.viewbox__card-body {
	padding: 30px 20px;
	display: block;
	position: relative;
}

.viewbox__card-title {
	padding: 0 0 20px 100px;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.625rem;
	overflow: hidden;
	color: #1c1c1c;
	font-weight: 500;
}

.viewbox__card-txt {
	padding: 0 0 0 100px;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.25rem;
	height: 80px;
	overflow: hidden;
	color: #6c757d;
	font-weight: 500;
	-o-text-overflow: ellipsis;
	   text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.viewbox__card-date {
	position: absolute;
	left: 20px;
	top: 40px;
	padding-top: 15px;
}

.viewbox__card-date::before {
	content: '';
	width: calc(100% - 1px);
	height: 4px;
	background: #ed1c2e;
	border-radius: 50em;
	position: absolute;
	top: 0;
	left: 3px;
}

.viewbox__card-day {
	display: block;
	color: #969696;
	font-family: 'Markazi Text';
	font-style: italic;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: -0.5px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.viewbox__card-year {
	display: block;
	color: #969696;
	font-family: 'Markazi Text';
	font-style: italic;
	font-size: 33px;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.viewbox__card-more {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 10;
	display: none;
	font-family: "Titillium Web", serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.938rem;
	color: #fff;
	text-align: center;
	vertical-align: sub;
}

.viewbox__card-more:after {
	content: '\e92b';
	margin-left: 5px;
	font-family: 'icomoon';
	font-size: 24px;
	line-height: 1;
	vertical-align: sub;
}

.viewbox__body {
	padding: 30px 20px;
	display: block;
	position: relative;
}

.viewbox__title {
	display: inline-block;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 2.5rem;
	color: #1c1c1c;
	font-weight: 500;
	vertical-align: top;
	padding-top: 15px;
}

.viewbox__date {
	display: inline-block;
	width: 65px;
	padding-top: 15px;
	margin: 0 20px;
	position: relative;
}

.viewbox__date::before {
	content: '';
	width: 65px;
	height: 4px;
	background: #ed1c2e;
	border-radius: 50em;
	position: absolute;
	top: 0;
	left: 0;
}

.viewbox__day {
	display: block;
	color: #969696;
	font-family: 'Markazi Text';
	font-style: italic;
	font-size: 35px;
	line-height: 35px;
	letter-spacing: -0.5px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.viewbox__year {
	display: block;
	color: #969696;
	font-family: 'Markazi Text';
	font-style: italic;
	font-size: 33px;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
}

@media only screen and (max-width: 1280px) {
	.viewbox__card {
		width: calc(100% / 3 - 80px);
		margin: 30px 40px;
	}
	.viewbox__card-title {
		padding: 10px 0 20px;
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 2.563rem;
	}
}

@media only screen and (max-width: 768px) {
	.viewbox__card {
		width: calc(100% / 2 - 60px);
		margin: 20px 30px;
	}
	.viewbox__card-body {
		padding: 20px;
	}
	.viewbox__card-title {
		padding: 0;
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 2.125rem;
	}
	.viewbox__card-txt {
		padding-left: 0;
	}
	.viewbox__card-img {
		border-radius: 10px;
	}
	.viewbox__card-date {
		position: inherit;
		left: inherit;
		top: inherit;
		padding: 0 0 0 40px;
		display: block;
	}
	.viewbox__card-date::before {
		content: '';
		width: 30px;
		height: 4px;
		position: absolute;
		top: 10px;
		left: 0;
	}
	.viewbox__card-day {
		display: inline-block;
		font-size: 28px;
		line-height: 20px;
	}
	.viewbox__card-year {
		display: inline-block;
		font-size: 28px;
		line-height: 20px;
		letter-spacing: 0;
	}
	.viewbox__date {
		padding: 0 0 0 75px;
		display: block;
		width: 100%;
		margin: 0;
	}
	.viewbox__date::before {
		top: 10px;
	}
	.viewbox__day {
		display: inline-block;
	}
	.viewbox__year {
		display: inline-block;
		font-size: 35px;
	}
}

@media only screen and (max-width: 480px) {
	.viewbox__img {
		margin: 0;
	}
	.viewbox__card {
		width: 100%;
		margin: 20px 20px 6px;
	}
	.viewbox__card-body {
		padding: 5px;
	}
	.viewbox__card-title {
		padding: 0;
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.25rem;
		font-weight: normal;
	}
	.viewbox__card-txt {
		display: none;
	}
	.viewbox__card-date {
		padding: 0 0 0 15px;
		display: block;
		line-height: 20px;
	}
	.viewbox__card-date::before {
		width: 10px;
	}
	.viewbox__card-day {
		font-size: 18px;
	}
	.viewbox__card-year {
		font-size: 18px;
	}
	.viewbox__body {
		padding: 5px;
	}
	.viewbox__title {
		padding: 0;
		font-size: 25px;
		font-size: 1.563rem;
		line-height: 1.875rem;
		font-weight: normal;
	}
	.viewbox__txt {
		display: none;
	}
	.viewbox__date {
		padding: 0 0 0 15px;
		display: block;
		line-height: 20px;
		width: 100%;
		margin: 0;
	}
	.viewbox__date::before {
		width: 10px;
		top: 10px;
	}
	.viewbox__day {
		display: inline-block;
		font-size: 18px;
		line-height: 20px;
	}
	.viewbox__year {
		display: inline-block;
		font-size: 18px;
		line-height: 20px;
	}
}

.edit-viewbox {
	display: block;
	padding: 30px;
	border: 1px solid #ced4da;
	border-width: 1px 0;
}

.edit-viewbox img {
	display: block;
	max-width: 100%;
	height: auto;
}

.videobox {
	margin-top: 45px;
}

@media only screen and (max-width: 1024px) {
	.videobox {
		margin-top: 15px;
	}
}

.videobox__img {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
	margin: 0 0 40px 0;
}

.videobox__view {
	display: block;
	padding: 30px;
}

.videobox__title {
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 2.75rem;
	padding: 0 0 30px 70px;
	overflow: hidden;
	color: #1c1c1c;
	font-weight: 500;
	position: relative;
}

@media only screen and (max-width: 1024px) {
	.videobox__title {
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 2.125rem;
		padding: 0 0 20px 70px;
	}
}

.videobox__title::before {
	content: '\e928';
	font-size: 40px;
	font-family: 'icomoon';
	color: #ed1c2e;
	position: absolute;
	left: 15px;
	top: 0;
}

.videobox__card {
	position: relative;
	width: calc(100% / 4 - 40px);
	margin: 20px;
	padding: 15px;
	overflow: hidden;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	border-radius: 7px;
}

.videobox__card:hover .videobox__card-img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.videobox__card:hover .videobox__card-img:before {
	opacity: 0.6;
}

.videobox__card:hover .videobox__card-img:after {
	background-color: rgba(237, 28, 46, 0.8);
}

.videobox__card:hover .videobox__card-more {
	display: block;
}

.videobox__card--app {
	position: relative;
	width: calc(100% / 4 - 80px);
	margin: 40px;
}

.videobox__card-img {
	position: relative;
	overflow: hidden;
	height: auto;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.videobox__card-img:before {
	opacity: 0;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
	width: 200%;
	height: 200%;
	background-image: url("../../images/cable_line.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transform: translate(66%, 40%);
	    -ms-transform: translate(66%, 40%);
	        transform: translate(66%, 40%);
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.videobox__card-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	background-color: rgba(237, 28, 46, 0);
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.videobox__card-body {
	padding-top: 15px;
	display: block;
	position: relative;
}

.videobox__card-title {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.438rem;
	padding-left: 35px;
	overflow: hidden;
	color: #1c1c1c;
	font-weight: 500;
	position: relative;
}

.videobox__card-title::before {
	content: '\e928';
	font-size: 26px;
	font-family: 'icomoon';
	color: #ed1c2e;
	position: absolute;
	left: 0;
	top: 0;
}

.videobox__card-more {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 10;
	display: none;
	font-family: "Titillium Web", serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.938rem;
	color: #fff;
	text-align: center;
	vertical-align: sub;
}

.videobox__card-more:after {
	content: '\e92b';
	margin-left: 5px;
	font-family: 'icomoon';
	font-size: 24px;
	line-height: 1;
	vertical-align: sub;
}

.videobox__main {
	padding: 30px;
	border: 1px solid #dee2e6;
	border-width: 1px 0;
}

@media only screen and (max-width: 768px) {
	.videobox__main {
		padding: 30px 0;
	}
}

.videobox__show {
	display: inline-block;
	width: calc(70% - 30px);
	margin-right: 30px;
	padding: 20px;
	vertical-align: top;
}

@media only screen and (max-width: 1024px) {
	.videobox__show {
		width: 100%;
	}
}

.videobox__list {
	display: inline-block;
	width: calc(29% - 4px);
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

@media only screen and (max-width: 1024px) {
	.videobox__list {
		display: block;
		width: 100%;
	}
}

.videobox__item {
	position: relative;
	padding: 15px 10px;
	border-bottom: 1px solid #dee2e6;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

@media only screen and (max-width: 1024px) {
	.videobox__item {
		overflow: hidden;
		padding: 0;
		border: none;
	}
}

.videobox__item:hover .videobox__item-img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.videobox__item:hover .videobox__item-img:before {
	opacity: 0.6;
}

.videobox__item:hover .videobox__item-img:after {
	background-color: rgba(237, 28, 46, 0.8);
}

.videobox__item:hover .videobox__item-more {
	display: block;
}

.videobox__item-img {
	position: relative;
	overflow: hidden;
	height: auto;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1);
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1);
	transition: all cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

@media only screen and (max-width: 1024px) {
	.videobox__item-img {
		display: inline-block;
		width: 100%;
	}
}

.videobox__item-img:before {
	opacity: 0;
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
	width: 200%;
	height: 200%;
	background-image: url("../../images/cable_line.svg");
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-transform: translate(66%, 40%);
	    -ms-transform: translate(66%, 40%);
	        transform: translate(66%, 40%);
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.videobox__item-img:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
	width: 100%;
	height: 100%;
	background-color: rgba(237, 28, 46, 0);
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}

.videobox__item-body {
	position: relative;
	display: inline-block;
	width: calc(50% - 7px);
	vertical-align: top;
}

@media only screen and (max-width: 1024px) {
	.videobox__item-body {
		display: inline-block;
		width: 100%;
	}
}

.videobox__item-title {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.438rem;
	padding-left: 15px;
	color: #1c1c1c;
	font-weight: 500;
	position: relative;
}

@media only screen and (max-width: 1024px) {
	.videobox__item-title {
		padding-left: 35px;
		margin-top: 15px;
		overflow: hidden;
	}
	.videobox__item-title::before {
		content: '\e928';
		font-size: 26px;
		font-family: 'icomoon';
		color: #ed1c2e;
		position: absolute;
		left: 0;
		top: 0;
	}
}

.videobox__item-more {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	z-index: 10;
	display: none;
	font-family: "Titillium Web", serif;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.938rem;
	color: #fff;
	text-align: center;
	vertical-align: sub;
}

.videobox__item-more:after {
	content: '\e92b';
	margin-left: 5px;
	font-family: 'icomoon';
	font-size: 24px;
	line-height: 1;
	vertical-align: sub;
}

@media only screen and (max-width: 1024px) {
	.videobox__item {
		width: calc(100% / 2 - 50px);
		margin: 20px 25px;
	}
}

@media only screen and (max-width: 768px) {
	.videobox__card {
		width: calc(100% / 2 - 50px);
		margin: 20px 25px;
	}
}

@media only screen and (max-width: 480px) {
	.videobox__card {
		width: 100%;
		margin: 20px 0;
		padding: 0;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	.videobox__item {
		width: 100%;
		margin: 20px 0  6px;
	}
}

.responsive-embed {
	position: relative;
	height: 0;
	margin-bottom: 1rem;
	padding-bottom: 75%;
	overflow: hidden;
}

.responsive-embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.responsive-embed.widescreen {
	padding-bottom: 56.25%;
}

.careers {
	display: block;
	margin: 20px 40px;
	padding: 50px;
	border: 1px solid #dee2e6;
}

@media only screen and (max-width: 1280px) {
	.careers {
		margin: 20px 0;
		padding: 20px;
	}
}

.careers__title {
	display: block;
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 2.625rem;
	font-weight: 500;
	color: #006fb7;
}

@media only screen and (max-width: 768px) {
	.careers__title {
		font-size: 30px;
		font-size: 1.875rem;
		line-height: 2.25rem;
	}
}

.careers__infotxt {
	display: block;
	margin: 30px 0;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 2.25rem;
	color: #333;
}

@media only screen and (max-width: 768px) {
	.careers__infotxt {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1.813rem;
		margin: 20px 0;
	}
}

.careers__tip {
	display: block;
	position: relative;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 2.125rem;
	margin-bottom: 15px;
	padding-left: 35px;
}

@media only screen and (max-width: 768px) {
	.careers__tip {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1.813rem;
		margin-bottom: 10px;
	}
}

.careers__tip::before {
	content: '\e918';
	font-family: 'icomoon';
	position: absolute;
	left: 0;
	top: 3px;
	font-size: 26px;
	color: #006fb7;
}

.careers__word {
	display: block;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.625rem;
	padding-left: 37px;
	margin-bottom: 20px;
	color: #333;
}

@media only screen and (max-width: 768px) {
	.careers__word {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
}

.careers__pointxt {
	display: block;
	position: relative;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 2.25rem;
	color: #333;
	padding-left: 65px;
	font-weight: 400;
}

@media only screen and (max-width: 768px) {
	.careers__pointxt {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.75rem;
	}
}

.careers__pointxt::before {
	content: '';
	position: absolute;
	left: 45px;
	top: 17px;
	width: 6px;
	height: 6px;
	border-radius: 50em;
	background: #b2b2b2;
}

@media only screen and (max-width: 768px) {
	.careers__pointxt::before {
		top: 10px;
	}
}

.careers__img {
	display: block;
}

.careers__img li {
	display: inline-block;
	width: calc(100%/4 - 26px);
	padding: 35px 30px;
	border-radius: 10px;
	margin: 0 30px 60px 0;
	min-height: 245px;
	vertical-align: top;
}

.careers__img li:nth-of-type(1) {
	background: -o-linear-gradient(45deg, #5b4a42, #9b857a);
	background: linear-gradient(45deg, #5b4a42, #9b857a);
}

.careers__img li:nth-of-type(2) {
	background: -o-linear-gradient(45deg, #21a5a7, #4ac2a6);
	background: linear-gradient(45deg, #21a5a7, #4ac2a6);
}

.careers__img li:nth-of-type(3) {
	background: -o-linear-gradient(45deg, #046681, #31b0d1);
	background: linear-gradient(45deg, #046681, #31b0d1);
}

.careers__img li:nth-of-type(4) {
	background: -o-linear-gradient(45deg, #f2991b, #f5ad25);
	background: linear-gradient(45deg, #f2991b, #f5ad25);
	margin-right: 0;
}

.careers__img p {
	display: block;
	font-size: 45px;
	font-size: 2.813rem;
	line-height: 3.125rem;
	color: #fff;
	text-align: center;
}

.careers__img img {
	display: block;
	margin: auto;
	text-align: center;
}

.careers__img--item {
	display: inline-block;
	width: calc(33.333% - 30px);
	margin: 30px 15px;
}

@media only screen and (max-width: 768px) {
	.careers__img--item {
		display: block;
		margin: 20px 0;
		width: 100%;
	}
}

.careers__img--item img {
	display: block;
	width: 100%;
	height: auto;
}

.careers__img--item:nth-of-type(3) {
	margin-right: 0;
}

.careers--sigleitem {
	display: block;
	margin: 60px auto;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.careers--sigleitem {
		width: 100%;
		height: auto;
		margin: 30px auto;
	}
	.careers--sigleitem img {
		width: 100%;
		height: auto;
	}
}

.careers--sigleitem img {
	display: block;
}

.careers__sourface {
	display: inline-block;
	width: calc(50% - 13px);
	vertical-align: top;
	margin: 0 20px 20px 0;
	min-height: 180px;
	border-radius: 8px;
	position: relative;
	padding: 25px 20px 20px 110px;
	overflow: hidden;
	color: #fff;
}

.careers__sourface::after {
	content: '';
	background: rgba(255, 255, 255, 0.1);
	width: 200px;
	height: 200px;
	border-radius: 100%;
	position: absolute;
	left: -100px;
	top: 0;
}

@media only screen and (max-width: 768px) {
	.careers__sourface {
		display: block;
		margin: 0 0 20px 0;
		width: 100%;
	}
}

.careers__sourface:nth-child(2n) {
	margin-right: 0;
}

.careers__sourface:nth-of-type(1) {
	background: -o-linear-gradient(45deg, #f2991b, #f5ad25);
	background: linear-gradient(45deg, #f2991b, #f5ad25);
}

.careers__sourface:nth-of-type(2) {
	background: -o-linear-gradient(45deg, #046681, #31b0d1);
	background: linear-gradient(45deg, #046681, #31b0d1);
}

.careers__sourface:nth-of-type(3) {
	background: -o-linear-gradient(45deg, #ee6164, #f29c78);
	background: linear-gradient(45deg, #ee6164, #f29c78);
}

.careers__sourface:nth-of-type(4) {
	background: -o-linear-gradient(45deg, #5b4a42, #9b857a);
	background: linear-gradient(45deg, #5b4a42, #9b857a);
}

.careers__sourface:nth-of-type(5) {
	background: -o-linear-gradient(45deg, #21a5a7, #4ac2a6);
	background: linear-gradient(45deg, #21a5a7, #4ac2a6);
}

.careers__sourface:nth-of-type(6) {
	background: -o-linear-gradient(45deg, #467f43, #9ac540);
	background: linear-gradient(45deg, #467f43, #9ac540);
}

.careers__sourface:nth-of-type(7) {
	background: -o-linear-gradient(45deg, #636363, #a2a19d);
	background: linear-gradient(45deg, #636363, #a2a19d);
	display: block;
	width: 100%;
	margin: 0 0 70px 0;
}

@media only screen and (max-width: 768px) {
	.careers__sourface:nth-of-type(7) {
		margin-bottom: 30px;
	}
}

.careers__sourface--number {
	position: absolute;
	left: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	font-size: 100px;
	text-align: center;
	color: #fff;
	font-family: 'Noto Sans TC';
}

.careers__sourface b {
	display: block;
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 600;
	margin-bottom: 20px;
}

.careers__sourface p {
	display: block;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.875rem;
}

.careers__circuit {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-right: -40px;
	padding: 120px 50px 0 20px;
	width: 13.7vw;
	height: 13.7vw;
}

.careers__circuit:nth-of-type(1) {
	z-index: 5;
	background-image: url("../../images/careers-09.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

.careers__circuit:nth-of-type(2) {
	z-index: 4;
	background-image: url("../../images/careers-10.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

.careers__circuit:nth-of-type(3) {
	z-index: 3;
	background-image: url("../../images/careers-11.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

.careers__circuit:nth-of-type(4) {
	z-index: 2;
	background-image: url("../../images/careers-12.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

.careers__circuit:nth-of-type(5) {
	z-index: 1;
	background-image: url("../../images/careers-13.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

.careers__circuit:nth-of-type(6) {
	z-index: 0;
	background-image: url("../../images/careers-14.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 100%;
}

@media only screen and (max-width: 1700px) {
	.careers__circuit {
		width: 15.3vw;
		height: 15.3vw;
		padding: 97px 50px 0 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.careers__circuit {
		width: 21vw;
		height: 21vw;
	}
}

@media only screen and (max-width: 768px) {
	.careers__circuit {
		width: 32vw;
		height: 32vw;
		padding: 110px 50px 0 20px;
	}
}

@media only screen and (max-width: 640px) {
	.careers__circuit {
		padding: 65px 40px 0 10px;
	}
}

@media only screen and (max-width: 480px) {
	.careers__circuit {
		width: 40vw;
		height: 40vw;
		margin-right: -10px;
	}
}

.careers__circuit p {
	display: block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.75rem;
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin: auto;
}

@media only screen and (max-width: 1700px) {
	.careers__circuit p {
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1.438rem;
	}
}

@media only screen and (max-width: 640px) {
	.careers__circuit p {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.375rem;
		font-weight: normal;
	}
}

.careers__info {
	display: inline-block;
	width: calc(50% - 15px);
	margin-bottom: 15px;
}

@media only screen and (max-width: 1280px) {
	.careers__info {
		width: 100%;
		margin: 0 0 15px 0;
	}
}

.careers__info:nth-of-type(1) {
	display: block;
	width: 100%;
}

.careers__info:nth-of-type(2) {
	margin-right: 11px;
}

.careers__info table {
	display: inline-table;
	width: 100%;
}

.careers__info table thead {
	background: #edf1f5;
}

.careers__info table thead th {
	color: #006fb8;
	font-size: 32px;
	padding: 20px 0 10px 40px;
	font-weight: 600;
}

.careers__info table thead td {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 2.25rem;
	padding: 0 0 20px 40px;
}

.careers__info table tbody {
	background: #fafbfc;
}

.careers__info table tbody th {
	color: #006fb8;
	font-size: 24px;
	padding: 20px 0 0 40px;
}

.careers__info table tbody td {
	padding: 20px 0 0 40px;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 2.188rem;
	vertical-align: top;
}

.careers__info table tbody td p {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 2.188rem;
	display: block;
	vertical-align: top;
	color: #000;
	text-align: left;
}

.careers__link {
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 1024px) {
	.careers__link {
		width: 100%;
	}
}

.careers__link--icon {
	display: block;
	border-radius: 8px;
	width: 340px;
	padding: 0 100px 0 50px;
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 4.375rem;
	color: #fff;
	position: relative;
	overflow: hidden;
	background: -o-linear-gradient(45deg, #6b7b87, #4d6168, #424f59);
	background: linear-gradient(45deg, #6b7b87, #4d6168, #424f59);
}

@media only screen and (max-width: 1024px) {
	.careers__link--icon {
		width: 100%;
		padding: 20px 90px 20px 30px;
		font-size: 25px;
		font-size: 1.563rem;
		line-height: 1.563rem;
	}
}

.careers__link--icon::after {
	content: '';
	font-family: 'icomoon';
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	width: 80px;
	height: 100%;
	text-align: center;
	background: -o-linear-gradient(45deg, #a30c13, #ef201d);
	background: linear-gradient(45deg, #a30c13, #ef201d);
}

.careers__link .link01::after {
	content: '\e910';
	font-size: 30px;
	font-size: 1.875rem;
	line-height: 4.375rem;
}

.careers__link .link02::after {
	content: '\e92c';
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 4.375rem;
}

.careers__linktxt {
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 4.375rem;
	padding: 0 20px;
	vertical-align: top;
}

@media only screen and (max-width: 1024px) {
	.careers__linktxt {
		display: none;
	}
}

.careers__linkword {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 2.188rem;
	margin: 20px 0 45px 0;
}

.careers__linkword font {
	color: #db3331;
}

.careers__linkword a {
	color: #db3331;
}

.careers--spacedown60 {
	margin-bottom: 60px;
}

.careers--spacedown40 {
	margin-bottom: 40px;
}

@media only screen and (max-width: 1280px) {
	.careers__img li {
		width: calc(100%/2 - 26px);
		margin: 0 30px 40px 0;
	}
	.careers__img li:nth-of-type(2) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.careers__title {
		font-size: 24px;
		font-size: 1.5rem;
		line-height: 2.125rem;
	}
}

.about__intro {
	display: block;
	margin: 30px 0 60px 0;
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 1024px) {
	.about__intro {
		margin: 30px 0;
	}
}

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

.about__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.about__info-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 30px;
	width: calc(100%/2 - 15px);
}

@media only screen and (max-width: 1280px) {
	.about__info-item {
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
}

.about__info-item img {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

.about__info-item:nth-child(2n) {
	margin-left: 20px;
}

@media only screen and (max-width: 1024px) {
	.about__info-item {
		width: 100%;
		margin: 0;
	}
	.about__info-item:nth-child(2n) {
		margin-left: 0;
	}
	.about__info-item:nth-of-type(1) {
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin-bottom: 20px;
	}
	.about__info-item:nth-of-type(2) {
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.about__info-item:nth-of-type(3) {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
	}
	.about__info-item:nth-of-type(4) {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
		margin-bottom: 20px;
	}
}

.about__title {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 2.5rem;
	font-weight: 500;
	color: #00599b;
	border-bottom: 1px solid #dee2e6;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

.about__tip {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 2.5rem;
	font-weight: 500;
	color: #00599b;
	margin-bottom: 20px;
}

.about__txt {
	font-size: 19px;
	font-size: 1.188rem;
	line-height: 2.25rem;
}

.about__word {
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75rem;
	margin-bottom: 40px;
}

.about__prove {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 30px;
}

@media only screen and (max-width: 1024px) {
	.about__prove {
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
}

.about__prove li {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: calc(20% - 25px);
	margin: 0 30px 20px 0;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.about__prove li:last-child {
	margin-right: 0;
}

@media only screen and (max-width: 1024px) {
	.about__prove li {
		width: calc(33.333% - 25px);
	}
	.about__prove li:nth-of-type(3) {
		margin-right: 0;
	}
}

.about__prove li img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}

.about--table {
	display: block;
}

@media only screen and (max-width: 1024px) {
	.about--table {
		display: none;
	}
}

.about--mobil {
	display: none;
}

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

.about--graybg {
	padding: 40px;
	background: #f1f1f1;
}

.about--bluebg {
	padding: 40px;
	background: #edf1f5;
}

.about--write {
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 1.625rem;
	text-align: center;
	width: 100%;
}

.about--lineshort {
	border: 1px solid #dee2e6;
	border-width: 1px 0 1px 0;
	padding: 8px;
	width: 90%;
}

.about--linelong {
	font-size: 36px;
	text-align: center;
	font-weight: 500;
	color: #195c99;
	border: 1px solid #dee2e6;
	border-width: 1px 0 1px 0;
	padding: 15px 0;
	margin-bottom: 30px;
	width: 100%;
}

.about--remarktxt {
	position: relative;
	display: block;
	font-size: 37px;
	font-size: 2.313rem;
	line-height: 2.625rem;
	font-weight: 500;
	text-align: center;
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	.about--remarktxt {
		font-size: 30px;
		font-size: 1.875rem;
		line-height: 2.375rem;
	}
}

.about--remarktxt::before, .about--remarktxt::after {
	content: '';
	position: absolute;
	width: 30%;
	height: 2px;
	background: #000;
	top: 20px;
}

@media only screen and (max-width: 1024px) {
	.about--remarktxt::before, .about--remarktxt::after {
		display: none;
	}
}

.about--remarktxt::before {
	left: 0;
}

.about--remarktxt::after {
	right: 0;
}

.about--remarktip {
	display: block;
	font-size: 24px;
	color: #ed1c2e;
	margin: 30px 0 10px 0;
	text-align: center;
}

.header__inquirt-cart {
	width: 20px;
	height: 20px;
	position: relative;
	margin-right: 14px;
}
@media only screen and (max-width: 1280px) {
	.header__inquirt-cart {
		display: none
	}
}
.header__inquirt-cart p {
	font-size: 11px;
	font-size: 0.688rem;
	line-height: 1.063rem;
	color: #fff;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 99em;
	background: #c20e1a;
	width: 17px;
	height: 17px;
	position: absolute;
	top: -6px;
	right: -2px;
	z-index: 10;
}

.header__inquirt-cart::after {
	content: '\e941';
	font-family: 'icomoon';
	font-size: 28px;
	color: #000;
	position: absolute;
	right: 5px;
	top: -4px;
	z-index: 1;
}

@media only screen and (max-width: 768px) {
	.header__inquirt-cart {
		width: 33px;
		height: 33px;
		position: fixed;
		right: 10px;
		bottom: 200px;
		border-radius: 99em;
		background: #c20e1a;
		margin-right: 0;
		z-index: 500;
	}
	.header__inquirt-cart p {
		font-size: 11px;
		font-size: 0.688rem;
		line-height: 1.063rem;
		color: #fff;
		text-align: center;
		font-family: Arial, Helvetica, sans-serif;
		border-radius: 99em;
		background: #c20e1a;
		border: 1px solid #fff;
		width: 17px;
		height: 17px;
		position: absolute;
		top: -6px;
		right: -2px;
	}
	.header__inquirt-cart::after {
		color: #fff;
		right: 5px;
		top: 4px;
		font-size: 22px;
	}
}

@media only screen and (max-width: 480px) {
	.header__inquirt-cart {
		bottom: 100px;
	}
}

.customer {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

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

.customer-imgtable {
	display: block;
}

@media only screen and (max-width: 768px) {
	.customer-imgtable {
		display: none;
	}
}

.customer-imgmobil {
	display: none;
}

@media only screen and (max-width: 768px) {
	.customer-imgmobil {
		display: block;
	}
}

.idxpewc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-image: url("../../images/pewcbg.jpg");
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}

.idxpewc__main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 1680px;
	margin: auto;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}

@media only screen and (max-width: 1200px) {
	.idxpewc__main {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}

.idxpewc__title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding: 100px 40px 0 50px;
	width: calc(33.333%);
	position: relative;
}

@media only screen and (max-width: 1680px) {
	.idxpewc__title {
		padding-right: 20px;
	}
}

@media only screen and (max-width: 1200px) {
	.idxpewc__title {
		width: 100%;
		padding: 20px;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

.idxpewc__title p {
	font-size: 110px;
	line-height: 90px;
	font-weight: 700;
	letter-spacing: 15px;
	color: #fff;
	font-family: "Titillium Web", serif;
	text-align: left;
	position: relative;
}

.idxpewc__title p:nth-of-type(1) {
	padding-bottom: 25px;
}

.idxpewc__title p:nth-of-type(2) {
	padding-left: 95px;
}

.idxpewc__title p:nth-of-type(2)::before {
	content: '\e90a';
	font-size: 65px;
	font-weight: 100;
	font-family: 'icomoon';
	color: #f17c59;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	position: absolute;
	left: 30px;
	top: 15px;
}

@media only screen and (max-width: 1600px) {
	.idxpewc__title p {
		font-size: 90px;
		line-height: 70px;
	}
}

@media only screen and (max-width: 1500px) {
	.idxpewc__title p {
		font-size: 70px;
		line-height: 70px;
		letter-spacing: 6px;
	}
}

@media only screen and (max-width: 1200px) {
	.idxpewc__title p {
		font-size: 58px;
		line-height: 65px;
		width: auto;
	}
	.idxpewc__title p:nth-of-type(1) {
		padding: 0 35px 0 0;
	}
	.idxpewc__title p:nth-of-type(2) {
		padding: 0;
	}
	.idxpewc__title p:nth-of-type(2)::before {
		display: none;
	}
}

@media only screen and (max-width: 480px) {
	.idxpewc__title p {
		font-size: 40px;
		line-height: 56px;
	}
}

.idxpewc__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	vertical-align: top;
	padding: 100px 0 100px 50px;
	width: calc(100% - 33.333% - 4px);
	background: rgba(20, 27, 49, 0.33);
}

@media only screen and (max-width: 1200px) {
	.idxpewc__info {
		padding: 40px;
		width: 100%;
	}
}

.idxpewc__txt {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 2.5rem;
	color: #fff;
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	.idxpewc__txt {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 2.125rem;
	}
}

.inquiry__name {
	color: #DB1A33;
}

.inquiry__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 5px;
}

.inquiry__unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 200px;
}

.inquiry__control {
	width: 80px;
	padding: 0 5px;
	border: 1px solid #cccc;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1.875rem;
	text-align: center;
}

.inquiry__control::-webkit-input-placeholder {
	color: #e1e1e1;
}

.inquiry__control::-moz-placeholder {
	color: #e1e1e1;
}

.inquiry__control:-ms-input-placeholder {
	color: #e1e1e1;
}

.inquiry__control::-ms-input-placeholder {
	color: #e1e1e1;
}

.inquiry__control::placeholder {
	color: #e1e1e1;
}

.inquiry__amount {
	margin: 0 5px 0 10px;
	color: #777;
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 2.375rem;
}

.inquiry__delicon {
	position: relative;
	width: 40px;
	height: 40px;
	font-size: 20px;
}

@media only screen and (max-width: 768px) {
	.inquiry__delicon {
		line-height: 40px;
	}
}

.inquiry__delicon i {
	color: #c1c1c1;
}

.inquiry__delicon i:hover {
	color: #000;
}

@media only screen and (max-width: 768px) {
	.inquiry__unit {
		width: calc(100% - 165px);
	}
	.inquiry__amount {
		width: 40px;
	}
}

.products__top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 60px 0;
	border-top: 1px solid #dee2e6;
	border-width: 1px 0;
}

@media only print {
	.products__top {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}

.products__photo-wrap {
	position: relative;
	width: 35%;
	padding: 0 70px;
}

@media only print {
	.products__photo-wrap {
		width: 100%;
		display: block;
	}
}

.products__info {
	width: 75%;
	min-height: 400px;
	padding-left: 60px;
	border-left: 1px solid #e9ecef;
}

@media only print {
	.products__info {
		width: 100%;
		display: block;
		padding: 0;
		border: 0;
	}
}

@media only screen and (max-width: 768px) {
	.products__top {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.products__photo-wrap {
		width: 100%;
		max-width: 500px;
		margin: auto;
		padding: 0 70px;
	}
	.products__info {
		width: 100%;
		min-height: auto;
		padding: 20px 20px 0;
		border: none;
	}
	.products__info .btn {
		display: block;
		margin: auto;
	}
}

@media only screen and (max-width: 480px) {
	.products__photo-wrap, .products__related-wrap {
		padding: 0 60px;
	}
	.products__photo, .products__related-item {
		padding: 0;
	}
	.products__directions {
		padding: 0 5px;
	}
}