#Header { height:172px;width:100%; margin:0; float:left;}



/* about */
.about {
	float:right;
	position:relative;
	display:block;
	height: 87px;
	width: 87px;
	background:url(../images/about.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin:46px 22px 0 0;
}	
.about span.hover {
	position: absolute;
	display: block;
	height: 87px;
	width: 87px;
	background: url(../images/about.png) no-repeat;
	background-position: bottom;
}

/* about hover */
.about_alt {
	display:block;
	height: 174px;
	width: 87px;
	background:url(../images/about.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.about_alt:hover {
	height: 174px;
	width: 87px;
	background: url(../images/about.png) no-repeat;
	background-position: bottom;
}
/* End about */


/* sale */
.sale {
	float:right;
	position:relative;
	display:block;
	height: 87px;
	width: 87px;
	background:url(../images/sale.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin:46px 22px 0 0;
}	
.sale span.hover {
	position: absolute;
	display: block;
	height: 87px;
	width: 87px;
	background: url(../images/sale.png) no-repeat;
	background-position: bottom;
}

/* sale hover */
.sale_alt {
	display:block;
	height: 174px;
	width: 87px;
	background:url(../images/sale.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.sale_alt:hover {
	height: 174px;
	width: 87px;
	background: url(../images/sale.png) no-repeat;
	background-position: bottom;
}
/* End sale */





/* service */
.service {
	float:right;
	position:relative;
	display:block;
	height: 87px;
	width: 87px;
	background:url(../images/service.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin:46px 22px 0 0;
}	
.service span.hover {
	position: absolute;
	display: block;
	height: 87px;
	width: 87px;
	background: url(../images/service.png) no-repeat;
	background-position: bottom;
}

/* service hover */
.service_alt {
	
	display:block;
	height: 174px;
	width: 87px;
	background:url(../images/service.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.service_alt:hover {
	height: 174px;
	width: 87px;
	background: url(../images/service.png) no-repeat;
	background-position: bottom;
}
/* End service */



/* inventory */
.inventory {
	float:right;
	position:relative;
	display:block;
	height: 87px;
	width: 87px;
	background:url(../images/inventory.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin:46px 22px 0 0;
}	
.inventory span.hover {
	position: absolute;
	display: block;
	height: 87px;
	width: 87px;
	background: url(../images/inventory.png) no-repeat;
	background-position: bottom;
}

/* inventory hover */
.inventory_alt {
	display:block;
	height: 174px;
	width: 87px;
	background:url(../images/inventory.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.inventory_alt:hover {
	height: 174px;
	width: 87px;
	background: url(../images/inventory.png) no-repeat;
	background-position: bottom;
}
/* End inventory */


/* rent */
.rent{
	float:right;
	position:relative;
	display:block;
	height: 87px;
	width: 87px;
	background:url(../images/rent.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin:46px 22px 0 0;
}	
.rent span.hover {
	position: absolute;
	display: block;
	height: 87px;
	width: 87px;
	background: url(../images/rent.png) no-repeat;
	background-position: bottom;
}

/* rent hover */
.rent_alt {
	display:block;
	height: 174px;
	width: 87px;
	background:url(../images/rent.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.rent_alt:hover {
	height: 174px;
	width: 87px;
	background: url(../images/rent.png) no-repeat;
	background-position: bottom;
}
/* End rent */

.NewsPageList {
	width:469px;
	}
ul.m-menu{
	display: none;
	}
a.url img{
	margin:48px 0 0 23px;
	}
@media screen and (max-width: 768px){
a.url{
	display: block;
	width: 100%;
	text-align: center;
	}	
a.url img{
	display: block;
	width: 60%;
	max-width: 255px;
	margin: 6% auto 4% auto;
	}
#Wrapper{
	min-width: 100%;
	}	
.Container,	
.MenuBox {
	width: 100%;
	}
#Header{
	float: none;
	display: block;
	height: auto;
    text-align: center;
    width: 100%;
	}	
#Header a{
	display: inline-block;
	}
#Header a.inventory,
#Header a.service,
#Header a.sale,
#Header a.about,
#Header a.rent{
	display: none;
	}
ul.m-menu{
	display: block;
	width: 90%;
	text-align: center;
	padding: 0;
	margin: 0 auto 5% auto;
	}
ul.m-menu li{
	display: inline-block;
	width: 30%;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius:12px;
	margin: 2px 0;
	}	
ul.m-menu li a{
	display: block;
	padding: 5px 0;	
	text-decoration: none;
	color: #222222;
	font-size: 16px;
	font-family: 'Noto Serif TC', serif;
	}	
.BannerBox {
	width: 100%;
	}	
.BannerBox img{
	display: block;
	width: 100%;
	}
.nav{
	width: 100%;
	height: auto;
	float: none;
	display: inline-block;
	}
ul.WlinkLeft {
	float: none;
	margin:5% 0;
	}
.IndexLRBox {
	width: 100%;
	height: auto;
	float: none;
	display: block;
	margin: 5% auto 0 auto;
	}
.ILBox {
	width: 95%;
	height: auto;
	float: none;
	margin: 0 auto;
	}
.ILBox img{
	display: block;
	width: 100%;	
	}
.IRBox {
	width: 100%;
	height: auto;
	float: none;
	margin:0;
	border-bottom: 0;
	}
.IRBox img{
    display: inline-block;
    width: 100%;
	}
.NewsPageList {
	padding: 18px;
	display: block;
	float: none;
	width: 95%;
	margin: 0 auto;
	font-size: 14.5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}
.copyright {
	display: block;
	line-height: 30px;
	height: auto;
	padding: 20px; 
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	}	
.Footer {
	height: auto;
	margin: 5% 0 0 0;
	}
}