@charset "utf-8";

header{width:100%;z-index: 2;}
.footer_box, .header_top, .HOME_CONTAINER{width:1000px;max-width: 90%;margin:0 auto;}
.header_top{padding:1em 0;}
.LOGO{max-width:480px;}


.LAN{float:right;margin-top:10px;}
.LAN a{color:#e83428;margin:0 5px;display: inline-block;}

.MENU2{display: none;}

.BANNER img{margin:0 auto;}
.BANNER .bx-pager{display: none;}

footer{background: #e6e6e6;color:#666;font-size:15px;}
.footer_box{padding:2em 0;}
.footer_nav{float:left;width:15%;}
.footer_nav li{list-style: disc;margin:8px 0;}
.footer_icon{display: inline-flex;}
.footer_icon li{margin:10px;}
.footer_info{float:right;}
.footer_info h1{font-size:1.4em;letter-spacing: 1px;color:#3f3f3f;margin-bottom:1em;}
.footer_info h1>span{font-size:14.5px;letter-spacing: 0;display: block; margin-top: 3px;}
.footer_info>ul>li{padding-left:30px;margin:10px 0;}
.footer_info>ul>li:nth-of-type(1){background: url(../images/footer_info01.png) left center no-repeat;}
.footer_info>ul>li:nth-of-type(2){background: url(../images/footer_info02.png) left center no-repeat;}
.footer_info>ul>li:nth-of-type(3){background: url(../images/footer_info03.png) left center no-repeat;}
.copyright{background: #75a6b5;color:#fff;text-align: center;padding: 8px;}



/*--首頁 index--*/

.HOME_CONTAINER{margin:2em auto;}
.HOME_TITLE{margin-bottom:20px;}
.HOME_TITLE h2{float:left;font-size:1.5em;color:#79a9b9;}
.MORE{
	float: right;
	font-size: 13px;
	margin-top: 10px;
	vertical-align: middle;
	color: #e83428;
	border: 1px solid #e83428;
	border-radius: 30px;
	padding: 3px 10px;
}
#HOME_ABOUT, #HOME_NEWS{width:46%}

#HOME_NEWS .LIST li * { vertical-align: inherit;}
#HOME_NEWS .LIST>li{overflow: hidden;border-bottom:1px solid #ccc; padding: 0.8em 0;}
#HOME_NEWS .LIST>li:first-of-type{border-top:1px solid #ccc;}
#HOME_NEWS .LIST_LEFT{margin-right:15px;}

div.products {margin-top: 2rem; padding: 0 2.5em}

div.item {
	border: #b8d6e0 2px solid;
	border-radius: 1rem;
	overflow: hidden
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	top: 15%
}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span {display: none}

.owl-theme .owl-nav [class*='owl-']:hover {background: none !important}

.owl-carousel .owl-nav button.owl-prev::after, .owl-carousel .owl-nav button.owl-next::after {
	font-family: "Font Awesome 5 Free";
	font-size: 3rem;
	font-weight: 900;
	color: #7cb5c7;
}
.owl-carousel .owl-nav button.owl-prev {left: -2rem}
.owl-carousel .owl-nav button.owl-prev::after {content: "\f104"; left: -2.5rem}
.owl-carousel .owl-nav button.owl-next {right: -2.5rem}
.owl-carousel .owl-nav button.owl-next::after {content: "\f105"}
.owl-carousel .owl-nav button.owl-prev:hover::after, .owl-carousel .owl-nav button.owl-next:hover::after {
	background: #7cb5c7;
	border-radius: .25rem;
	color: #fff
}

/*goTOP use only*/
.cd-top {
    width: 2rem;
    height: 2rem;
    background: url(../images/gotop.png) no-repeat center 50% #5273a6;
    border-radius: .5rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    text-indent: 100%;
    white-space: nowrap;
    visibility: hidden;
    display: inline-block;
    position: fixed;
    bottom: 40px;
    right: 10px;
    z-index: 9999;
    /* image replacement properties */
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s
}
.cd-top.cd-is-visible {visibility: visible; opacity: .75}
/* the button becomes visible */
/* .cd-top.cd-fade-out {opacity: .25} */
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
.cd-top:hover {background: url(../images/gotop.png) no-repeat center 50% #ff3a1e; opacity: 1} /*改變按鈕顏色*/
@media only screen and (min-width: 1024px) {
    .cd-top {right: 30px; bottom: 30px}
}
@media only screen and (min-width: 768px) {
    .cd-top {right: 1.5rem; bottom: 6.5rem}
}



/*字數限制*/
.text_limit{
	width:100%;
	/*max-width:768px;*/
	/*text-align:justify;
	padding:5px;*/

	/*單行文字限制*/
	overflow:hidden;
	text-overflow : ellipsis;
	white-space : nowrap;
}


/*----------------RWD----------------*/

@media screen and (max-width:1366px){

}

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

}

@media screen and (max-width:768px) {
	#HOME_ABOUT, #HOME_NEWS{float:none;width:100%;}
	#HOME_NEWS{margin-top:1.5em;}

	#navigation,
	.footer_nav{
		display: none;
	}

	.MENU2{
		display: block;
	}

	.footer_box{text-align: center;}

	.footer_icon {display: block; margin: 0 auto; width: 200px;}
	.footer_icon li {float: left;}
	.footer_info {
		float: none;
		margin-top: 10px;
		display: inline-block;
	}
	.footer_info>ul>li{text-align: left;}
}


@media screen and (max-width:650px) {

}

@media screen and (max-width:550px) {

}


@media screen and (max-width:480px) {

}


@media screen and (max-width:375px) {

}