@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400|Cantata+One');




@media screen and (max-width: 767px) {
.mz_rm_icon {
    height: 40px;
    width: 50%;
    padding: 0 5px;
    vertical-align: bottom;
    font-size: 2.1em;
    line-height: 40px;
    vertical-align: middle;
    text-align: left;
    position: relative;
    transition: 0s;
}
}



/*------------------- breadcrumb -------------------*/
.breadcrumbBOX{
	background-color:#Fff;
	height:0px;
	width:100%;
	color:#666;
	line-height:0px;
	padding-top:0px;
}
.breadcrumbBOX ol{
	margin:0px 0 0 5%;
	padding:0px;
}
.breadcrumbBOX ol li{
	list-style-type:none;
	display:inline-block;
}
.breadcrumbBOX ol li a:hover{
	text-decoration:underline;
}
.breadcrumbBOX ol > li + li:before {
	padding: 0 5px;
	color: #ccc;
	content: "/\00a0";
}




@media screen and (max-width: 767px) {
/*------------------- breadcrumb -------------------*/
	.breadcrumbBOX{
		background-color:#Fff;
		height:36px;
		font-size:15px;
		padding-top:5px;
	}
	
	}

@media screen and (max-width: 767px){
.copyR {
    font-size: 12px;
    padding: 5px 0px 60px 0%;
    position: relative;
    display: block;
    background-color: #000;
    width: 100%;
    text-align: center;
}
}