/*********************************************************************************

	Template Name: Template Full Name Here
	Description: A perfect template to build beautiful and unique medical websites. It comes with nice and clean design.
	Version: 1.0

	Note: This is custom css.

**********************************************************************************/


.i_servicebg{
	background: url(../bg01.png) no-repeat top right, url(../bg02.png) no-repeat top left;
}

@media only screen and (max-width: 1199px) {
	.i_servicebg{
		background: url(../bg01.png) no-repeat top right -160px , url(../bg02.png) no-repeat top left -100px;
	}
}
@media only screen and (max-width: 767px) {
	.i_servicebg{
		background: none;
	}
}
.i_service{
	
}
.i_service .title{
	text-align: center;
}
.i_service h5.heading{
	font-weight: 500;
}

footer .logo img{
	width: 100%;
	max-width: 220px;
}


.i_design{}

@media only screen and (min-width: 1200px) {
	.i_design .row:nth-of-type(2){
		flex-flow: row-reverse;
	}
}

.i_design .thumb img{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 2/1.2;
}


.copyright{
	padding: 20px 0 0;
	color: #ccc;
	font-size: 13px;
}






/* 內頁 */

.pageswf{
	width: 100%;
	height: 360px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ccc;
}
.pageswf h1,
.pageswf h2{
	color: #fff;
	font-size: 46px;
	line-height: 150%;
	letter-spacing: 4px;
}
.pageswf.s01{
	background: url(../pageswf01.jpg) no-repeat center;
	background-size: cover;
}
.pageswf.s02{
	background: url(../pageswf02.jpg) no-repeat center;
	background-size: cover;
}
.pageswf.s03{
	background: url(../pageswf03.jpg) no-repeat center;
	background-size: cover;
}
.pageswf.s04{
	background: url(../pageswf04.jpg) no-repeat center;
	background-size: cover;
}
.pageswf.s05{
	background: url(../pageswf05.jpg) no-repeat center;
	background-size: cover;
}
.pageswf.s06{}



.pagecon{
	padding: 80px 0;
}
.pagecon .top{
	display: flex;
	flex-flow: row-reverse wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}


.breadcrumb{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: wrap;
}
.breadcrumb li{
	position: relative;
	white-space: nowrap;
}
.breadcrumb li:not(:last-of-type):after{
	content: "/";
	display: inline-block;
	margin: 0 10px;
}
.breadcrumb li a{
	display: inline-block;
}
.breadcrumb li.active{
	color: #448f72;
}


@media (min-width: 1500px){
	.pagecon .container, .pagecon .container-lg, .pagecon .container-md, .pagecon .container-sm, .pagecon .container-xl {
		max-width: 1440px;
	}
}

.pagetitle{
	font-size: 36px;
	line-height: 150%;
	margin: 0 ;
}

@media (max-width: 479px) {
	.breadcrumb{
		width: 100%;
		margin-bottom: 15px;
	}
	.pagecon .top h1{
		width: 100%;
	}
}


/* 產品 */

.product{}
.product .picstyle{
	box-shadow: 20px 20px 0 #6dbf9f;
}




/* 設備 */

.equip{
	width: 100%;
	max-width: 1600px;
	padding: 0 0;
	margin: 0 auto;
}
.equip .left{
}
.equip .right{
	display: flex;
	flex-flow: column;
	align-items: flex-end;
}
.equip .con{
	width: 100%;
	max-width: 560px;
}
.equip .con img{
	width: 100%;
	object-fit: cover;
	aspect-ratio: 2/1.3;
	margin-bottom: 30px;
}
.equip .edit{
	margin-bottom: 100px;
}
.equip .con ul{
	padding-left: 25px;
}



.equip02{
}
.equip02 .left{
}
.equip02 .right{
}
.equip02 img{
	width: 100%;
	aspect-ratio: 2/1.2;
	object-fit: cover;
	margin-bottom: 30px;
}


@media (max-width: 991px) {
	.equip{
		padding: 0 ;
	}
	.equip .right{
		text-align: left;
		align-items: flex-start;
		padding-top: 0;
	}
	.equip .edit{
		margin-bottom: 40px;
	}
}



.about{}
.about > div:nth-of-type(1){
	padding: 30px;
	background: rgba(255, 255, 255, 0.5);
	margin-bottom: 30px;
}
.about > div:nth-of-type(2){
	padding: 0 0 0 75px;
}
@media (max-width: 767px) {
	.about > div:nth-of-type(2){
		padding: 15px;
	}
}



.classic-address{}
.classic-address i{
	width: 15px;
	margin-right: 10px;
}




.video iframe{
	width: 100%;
	aspect-ratio: 2/1.4;
}