body{
	margin:0 auto;
	padding:0;
	width: 600px;
	font-family:微軟正黑體;
	font-weight: bold;
	overflow-x:hidden;
	background-color: #f8c400;
    border: solid 1px #ffffff;
    min-height: 100vh;
}
.logo{
	margin:0 auto;
	width:100%;
}
.logo h1 {
	background: url(/primary/logo.png) no-repeat scroll 0 0 transparent;
	width: 185px;
    height: 70px;
    text-indent: -9999px;
    margin: 10px auto 0;
}
.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;
	font-size:12pt;
	line-height:1.6;
	box-sizing:border-box;
	height:auto;
	overflow:hidden;
	width:98%;
	z-index:9998;
	margin:0 auto;
}
.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;
}
.main li.time{
	width: 98%;
	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;
	background: #EEA200;
}
.main li.img{
	width: 98%;
	margin: 2% 1%;
	float: left;
	list-style-type: none;
	text-align: center;
	height: auto;
}
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.refund {
	background: #fc1919 url(/images/refund.png) 5px 4px no-repeat;
	background-size: 40px;
	color:#ffffff;
	font-weight:bold;
	width: 45%;
    padding-left: 3%;
}
li.unlimited {
	background: #f1582c url(/images/unlimited.png) 2px 4px no-repeat;
    background-size: 40px;
}
li.about {
	background: #6a81a9 url(/images/about.png) 3px 3px no-repeat;
	background-size: 40px;
	color:#ffffff;
	font-weight:bold;
	width: 45%;
    padding-left: 3%;
	}
li.download {
	background: #e182e2 url(/images/download.png) 4px 7px no-repeat;
	background-size: 35px;
}
li.line {
	background: #00c300 url(/images/lineicon.png)-5px -6px no-repeat;
	background-size: 60px;
}
li.facebook {
	background: #3c5a99 url(/images/facebook.png)1px 4px no-repeat;
	background-size: 40px;
	}
li.messenger {
	background: #3692fb url(/images/messenger.png)-2px 0px no-repeat;
	background-size: 50px;
	width: 45%;
    padding-left: 3%;
	}
li.ruten {
	background: #ef7b2e url(/images/ruten.png)1px 0px no-repeat;
	background-size: 45px;
	}
li.phone {
	background: #dd5842 url(/images/phone.png)5px 4px no-repeat;
	background-size: 40px;
	}
img.logoimg {
    width: 90%;
    margin: 10px 5%;
}
@media (max-width: 600px) {
	body{
		width:100%;
	}
	.main li{
		font-size:12pt;
	}
	li.refund, li.unlimited, li.about, li.download, li.line {
		padding-left: 8%;
		width: 40%;
	}
}
@media (max-width: 320px){
	.main li{
		font-size:12pt;
	}
	li.refund, li.unlimited, li.about, li.download, li.line {
		padding-left: 8%;
		width: 40%;
	}
	
}