@charset "utf-8";
body {
    background: #950608;
}
@font-face {
    font-family: 'Taipei-Sans';
    src: url('../font/Taipei-Sans.ttf');
}
/*容器*/
.container {
    width: 7.5rem;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: #950608;
    position: fixed;
    top: 1.09rem;
    left: 0rem;
    right: 0rem;
    margin: 0rem auto;
    z-index: 2;
    box-shadow: 2px -5px 5px #950608;
    -moz-box-shadow: 2px -5px 5px #950608;
}
.container .banner {
    width: 7.5rem;
    height: 8.32rem;
    overflow: hidden;
    background: #950608;
    touch-action: none;
}
.container .banner img {
    width: 7.5rem;/*750px*/
    height: 8.32rem;/*840px*/
    overflow: hidden;
    display: block;
	border: none;
}
.container .banner a {
    width: 7.5rem;
    height: 8.32rem;
    overflow: hidden;
    display: block;
}
.container .stores{
	width: 2.3rem;
	height: 3rem;
	float: left;
	margin: .3rem 0rem 0rem .15rem;
	background: #ffffff;
	border-radius: .1rem;
	overflow: hidden;
}
.container .stores img{
	width: 2.3rem;
	height: 3rem;
}
.container .stores .stores_title{
	width: 2.3rem;
	height: .3rem;
	line-height: .3rem;
	text-align: center;
	font-weight: bold;
	font-size: .3rem;
	color: #950608;
	position: absolute;
	margin-top: .3rem;
	z-index: 2;
}
.container .stores .stores_title span{
	width: 2.3rem;
	text-align: center;
	color: #999;
	font-size: .25rem;
	margin: .1rem 0rem 0rem 0rem;
	float: left;
}
.container .service{
	width: 2.3rem;
	height: 3rem;
	float: left;
	margin: .3rem 0rem 0rem .15rem;
	background: #ffffff;
	border-radius: .1rem;
	overflow: hidden;
}
.container .service img{
	width: 2.3rem;
	height: 3rem;
}
.container .service .service_title{
	width: 2.3rem;
	height: .3rem;
	line-height: .3rem;
	text-align: center;
	font-weight: bold;
	font-size: .3rem;
	color: #950608;
	position: absolute;
	margin-top: .3rem;
	z-index: 2;
}
.container .service .service_title span{
	width: 2.3rem;
	text-align: center;
	color: #999;
	font-size: .25rem;
	margin: .1rem 0rem 0rem 0rem;
	float: left;
}
.container .team{
	width: 2.3rem;
	height: 3rem;
	float: left;
	margin: .3rem 0rem 0rem .13rem;
	background: #ffffff;
	border-radius: .1rem;
	overflow: hidden;
}
.container .team img{
	width: 2.3rem;
	height: 3rem;
}
.container .team .team_title{
	width: 2.3rem;
	height: .3rem;
	line-height: .3rem;
	text-align: center;
	font-weight: bold;
	font-size: .3rem;
	color: #950608;
	position: absolute;
	margin-top: .3rem;
	z-index: 2;
}
.container .team .team_title span{
	width: 2.3rem;
	text-align: center;
	color: #999;
	font-size: .25rem;
	margin: .1rem 0rem 0rem 0rem;
	float: left;
}
.container .cases{
	width: 7.15rem;
	height: 4rem;
	float: left;
	background: #ffffff;
	margin: .3rem 0rem 0rem .15rem;
	border-radius: .05rem;
	overflow: hidden;
}
.container .cases img{
	width: 7.15rem;
	height: 4rem;
}
.container .cases .cases_title{
	width: 6.95rem;
	height: .3rem;
	line-height: .3rem;
	text-align: left;
	font-weight: bold;
	font-size: .3rem;
	color: #950608;
	position: absolute;
	margin: .3rem 0rem 0rem .2rem;
	z-index: 2;
}
.container .cases .cases_button{
	width: 2rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	font-weight: bold;
	font-size: .3rem;
	color: #fff;
	position: absolute;
	margin: 2.8rem 0rem 0rem 4.5rem;
	z-index: 2;
	background: #950608;
	border-radius: .3rem;
}
.container .bespoke{
	width: 7.15rem;
	height: 4rem;
	float: left;
	background: #ffffff;
	margin: .3rem 0rem 0rem .15rem;
	border-radius: .05rem;
	overflow: hidden;
}
.container .bespoke img{
	width: 7.15rem;
	height: 4rem;
}
.container .bespoke .bespoke_title{
	width: 6.95rem;
	height: .3rem;
	line-height: .3rem;
	text-align: left;
	font-weight: bold;
	font-size: .3rem;
	color: #950608;
	position: absolute;
	margin: .3rem 0rem 0rem .2rem;
	z-index: 2;
}
.container .bespoke .bespoke_button{
	width: 2rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	font-weight: bold;
	font-size: .3rem;
	color: #fff;
	position: absolute;
	margin: 2.8rem 0rem 0rem 4.5rem;
	z-index: 2;
	background: #950608;
	border-radius: .3rem;
}
.container .model{
	width: 7.15rem;
	height: 4rem;
	float: left;
	background: #ffffff;
	margin: .3rem 0rem 0rem .15rem;
	border-radius: .05rem;
	overflow: hidden;
}
.container .model img{
	width: 7.15rem;
	height: 4rem;
}
.container .model .model_title{
	width: 6.95rem;
	height: .3rem;
	line-height: .3rem;
	text-align: left;
	font-weight: bold;
	font-size: .3rem;
	color: #950608;
	position: absolute;
	margin: .3rem 0rem 0rem .2rem;
	z-index: 2;
}
.container .model .model_button{
	width: 2rem;
	height: .6rem;
	line-height: .6rem;
	text-align: center;
	font-weight: bold;
	font-size: .3rem;
	color: #fff;
	position: absolute;
	margin: 2.8rem 0rem 0rem 4.5rem;
	z-index: 2;
	background: #950608;
	border-radius: .3rem;
}
.container .contact{
	width: 7.15rem;
	height: 4rem;
	float: left;
	background: #ffffff;
	margin: .3rem 0rem 0rem .15rem;
	border-radius: .05rem;
	overflow: hidden;
}
.container .contact img{
	width: 7.15rem;
	height: 4rem;
}
.container .qrcode{
	width: 7.15rem;
	height: 3rem;
	float: left;
	background: #950608;
	margin: .3rem 0rem 0rem .15rem;
	border-radius: .05rem;
	overflow: hidden;
}
.container .qrcode img{
	width:  7.15rem;
}