.show-slide {
    /*區隔上下距離，方便觀察*/
    margin-bottom: 30px;
	min-height: 100px;

}

.show-slide img{
	width:100%;
	height:auto;
	border:#FFF 2px solid;	
}


.show-col {
    /*區隔上下距離，方便觀察*/
    margin-bottom: 30px;
	min-height: 100px;
}

.show-col img{
	width:100%;
	height:auto;
}

.show-col-1 {
	background-color:#00acb6;
}

.show-col-1 img{
	width:100%;
}

.show-col-box1 {
	color: #FFF;
	font-size:20px;
	font-family:"微軟正黑體";
	line-height:105px;
	text-align:center;
	background-color:#00acb6;
}

.show-col-box2 {
	background-color:#f2963f;
}

.show-col-box3 {
	background-color:#af4e95;
}

.show-col-box4 {
	background-color:#94bf53;
}

.show-col-box1 img {
	width:78px;
}


.row:after {
	content: '';
	display: block;
	clear: both;
}

/*觀察用*/
[class*="col-"] + [class*="col-"] {
	opacity: 1
}

[class*="col-"] {
  float: left;
  padding: 0 15px;
  width: 100%;
}

.row {
	margin:0 0 0 2.5%;
}

.col-xs-1{
	width: 8.333333%;
}

.col-xs-2{
	width: 16.666667%;
}

.col-xs-3{
	width: 25%;
}

.col-xs-4{
	width: 33.333333%;
}

.col-xs-5{
	width: 41.666667%;
}

.col-xs-6{
	width: 50%;
}

.col-xs-7{
	width: 58.333333%;
}

.col-xs-8{
	width: 66.666667%;
}

.col-xs-9{
	width: 75%;
}

.col-xs-10{
	width: 83.333333%;
}

.col-xs-11{
	width: 91.666667%;
}

.col-xs-12{
	width: 100%;
}


.home-main_box {
	width:100%;
	margin:5px auto 20px auto;
    display: -webkit-flex;
    display: flex;	
	padding: 0 1.5%;
}

.boxbg1 {
	background-color:#00acb6;
}


.boxbg2 {
	background-color:#f2963f;
}

.boxbg3 {
	background-color:#af4e95;
}

.boxbg4 {
	background-color:#94bf53;
}

.main_box-pic {
	width:30%;
	float:left;
}

.main_box-pic img{
	width:100%;
	height:auto;
}

.main_box-text {
	color: #FFF;
	font-size:20px;
	font-family:"微軟正黑體";
	width:68%;
	float:left;
	line-height:68px;
	display:flex;
    align-items:center;
    justify-content:center;
}

.main_box-text img{
	width:60px;
	height:auto;
}

@media (min-width: 544px ) {
.row {
	margin:0;
}	

.home-main_box {
	width:50%;
	display:block;
	float:left;
	margin:5px auto;
}

.main_box-pic {
	width:100%;
}

.main_box-text {
	width:100%;
	line-height:105px;
}

.main_box-text img{
	width:78px;
	height:auto;
}
}

@media (min-width: 768px ) {
.row {
	margin: 0 -15px;
}

.home-main_box {
	width:25%;
	float:left;
	margin:5px auto;
}	


}


/*sm*/
@media (min-width: 544px ) {

	.col-sm-1{
		width: 8.333333%;
	}

	.col-sm-2{
		width: 16.666667%;
	}

	.col-sm-3{
		width: 25%;
	}

	.col-sm-4{
		width: 33.333333%;
	}

	.col-sm-5{
		width: 41.666667%;
	}

	.col-sm-6{
		width: 50%;
	}

	.col-sm-7{
		width: 58.333333%;
	}

	.col-sm-8{
		width: 66.666667%;
	}

	.col-sm-9{
		width: 75%;
	}

	.col-sm-10{
		width: 83.333333%;
	}

	.col-sm-11{
		width: 91.666667%;
	}

	.col-sm-12{
		width: 100%;
	}
	
	.col-md-3{
		width: 50%;
		margin-bottom:15px;
	}	

}

/*md*/
@media (min-width: 768px ) {

	.col-md-1{
		width: 8.333333%;
	}

	.col-md-2{
		width: 16.666667%;
	}

	.col-md-3{
		width: 25%;
	}

	.col-md-4{
		width: 33.333333%;
	}

	.col-md-5{
		width: 41.666667%;
	}

	.col-md-6{
		width: 50%;
	}

	.col-md-7{
		width: 58.333333%;
	}

	.col-md-8{
		width: 66.666667%;
	}

	.col-md-9{
		width: 75%;
	}

	.col-md-10{
		width: 83.333333%;
	}

	.col-md-11{
		width: 91.666667%;
	}

	.col-md-12{
		width: 100%;
	}
	


}

/*lg*/
@media (min-width: 992px ) {

	.col-lg-1{
		width: 8.333333%;
	}

	.col-lg-2{
		width: 16.666667%;
	}

	.col-lg-3{
		width: 25%;
	}

	.col-lg-4{
		width: 33.333333%;
	}

	.col-lg-5{
		width: 41.666667%;
	}

	.col-lg-6{
		width: 50%;
	}

	.col-lg-7{
		width: 58.333333%;
	}

	.col-lg-8{
		width: 66.666667%;
	}

	.col-lg-9{
		width: 75%;
	}

	.col-lg-10{
		width: 83.333333%;
	}

	.col-lg-11{
		width: 91.666667%;
	}

	.col-lg-12{
		width: 100%;
	}
	.col-md-3{
		width: 25%;
	}	

}

/*xl*/
@media (min-width: 1200px ) {

	.col-xl-1{
		width: 8.333333%;
	}

	.col-xl-2{
		width: 16.666667%;
	}

	.col-xl-3{
		width: 25%;
	}

	.col-xl-4{
		width: 33.333333%;
	}

	.col-xl-5{
		width: 41.666667%;
	}

	.col-xl-6{
		width: 50%;
	}

	.col-xl-7{
		width: 58.333333%;
	}

	.col-xl-8{
		width: 66.666667%;
	}

	.col-xl-9{
		width: 75%;
	}

	.col-xl-10{
		width: 83.333333%;
	}

	.col-xl-11{
		width: 91.666667%;
	}

	.col-xl-12{
		width: 100%;
	}

}