body{
	margin:0 auto;
	padding:0;
	width: 600px;
	font-family:微軟正黑體;
	font-weight: bold;
	overflow-x:hidden;
	background: url(/images/bg.png) repeat scroll 0 0 transparent;
    border: solid 1px #951a1d;
    min-height: 100vh;
}
.logo{
	margin:0 auto;
	width:100%;
}
.logo h1 {
	background: url(/primary/logo.png) no-repeat scroll 0 0 transparent;
	width: 191px;
	height: 80px;
	text-indent: -9999px;
	margin: 0 auto;
}
.dobu{
	margin:0 auto;
	width:100%;
	text-align: center;
}
.dobu img{
	margin:0 auto;
	width:80%;
	vertical-align: middle;
	text-align: center;
}
.main a{
	color:#fff;
	text-decoration:none
}
.main{
	display:block;
	padding:5px;
	font-size:12pt;
	line-height:1.6;
	box-sizing:border-box;
	height:auto;
	overflow:hidden;
	width:100%;
	z-index:9998;
}
.main li{
	width: 48%;
	margin: 2% 1%;
	float: left;
	list-style-type: none;
	line-height: 50px;
	height: 50px;
	border-radius: 5px;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	font-size:14pt;
}
li.report {
	background: #EEA200 url(/images/report.png) 0px 5px no-repeat;
	background-size: 40px;
}
li.dm {
	background: #f33366 url(/images/catalog.png) -5px -5px no-repeat;
	background-size: 60px;
}
li.web {
	background: #FBB03B url(/images/web-logo.png) 0px 3px no-repeat;
	background-size: 45px;
}
li.map {
	background: #5686DA url(/images/Google-Maps.png) 4px 7px no-repeat;
	background-size: 35px;
}
li.line {
	background: #00c300 url(/images/lineicon.png)-11px -6px no-repeat;
	background-size: 60px;
}
li.service {
	background: #3c5a99 url(/images/facebook.png)1px 4px no-repeat;
	background-size: 40px;
	}
li.phone {
	background: #dd5842 url(/images/phone.png)1px 4px no-repeat;
	background-size: 40px;
	}
@media (max-width: 600px) {
	body{
		width:100%;
	}
	.main li{
		font-weight:normal;
	}
}
@media (max-width: 320px){
	.main li{
		font-size:14pt;
	}
}