@charset "utf-8";
/* 自定義CSS集 */
.row div.co-px-0 {
	padding-left: 0;
	padding-right: 0;
}

.co-col-lg-3 {
	-ms-flex: 0 0 23%;
	flex: 0 0 23%;
	max-width: 23%;
}

.co-col-lg-4 {
	-ms-flex: 0 0 30.333333%;
	flex: 0 0 30.333333%;
	max-width: 30.333333%;
}
	
.co-col-lg-6 {
	-ms-flex: 0 0 47%;
	flex: 0 0 47%;
	max-width: 47%;
}

.btn2 {
	display: inline-block;
    transition: all .5s ease;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    background-color: #008080;
    border: 1px solid #008080;
    margin-top: 1.5em;
    margin-bottom: 1em;
	padding: 10px 1.6rem;
	cursor: pointer;
}

.btn2:hover, .btn2:focus {
    background-color: #fff;
    color: #008080;
}

.input-group_seach {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 60%;
}

.input-group_seach>.input-group-prepend>.input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

 .input-group_seach>.form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group_seach>.form-control, .input-group_seach>.form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0; 
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 中型設備（平板電腦，768px及以上） */
@media (max-width: 768px) {
	
	.co-col-md-4 {
		-ms-flex: 0 0 30.333333%;
		flex: 0 0 30.333333%;
		max-width: 30.333333%;
	}
	
	.co-col-md-6 {
		-ms-flex: 0 0 47%;
		flex: 0 0 47%;
		max-width: 47%;
	}
	
}

@media (max-width: 576px) {
	
	.row-mx-0 {
		margin-right: 0px;
		margin-left: 0px;
	}
	
	.table-content {
		margin: 0 auto;
	}
	
	.pl-50 {
		padding-left: 0;
	}
	
	.co-col-sm-6 {
		-ms-flex: 0 0 47%;
		flex: 0 0 47%;
		max-width: 47%;
	}
	
	.co-col-sm-8 {
		-ms-flex: 0 0 47%;
		flex: 0 0 47%;
		max-width: 47%;
	}
	
	.co-col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}
	
	.co-col-sm-12 {
		-ms-flex: 0 0 96%;
		flex: 0 0 96%;
		max-width: 96%;
	}
	
	.btn2 {
		width: 100%;
		display: block;
	}
	
	.btn {
		width: 100%;
	}
	
	.input-group_seach {
		width: 100%;
	}
	
}

/* 小型設備（景觀電話，576px及以上） */
@media (min-width: 576px) {
	
}

/* 中型設備（平板電腦，768px及以上） */
@media (min-width: 768px) {
		
}

/* 大型設備（台式機，992PX及以上） */
@media (min-width: 992px) {

}

/* 超大設備（大型台式機，1200px及以上） */
@media (min-width: 1200px) {
	
}