body {
    font-size: 1.6rem;
}
.container {
	width: 100%;
	text-align: center;
}
img.res {
	width: 100%;
	max-width: 800px;
}
img.qr-home {
	width: 100%;
}



.counter {
	background: green;
	color: #fff;
	text-align: center;
	letter-spacing: 5px;
	padding: 10px;
	margin: 5px 0px;
}
.counter h5 {
	margin: 0;
}
.counter span {
	border: 1px dotted;
}




a:link {
	text-decoration: none;
	color: #0000FF;
}
a:hover {
	color: #FF0000;
	font-size: 16px;
}
a:visited {
	text-decoration: none;
	color: #0000FF;
}

#toptitle td {
	font-size: 36px;
	color: #006600;
	font-weight: bold;
}

#toptitle1 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #006600;
}

#toplist td {
	font-size: 16px;
	font-family: "?L?n??????";
	text-align: center;
	letter-spacing: 1px;
	color:#333333;
	background-image: url(../image/topbutton.png);
}

#leftlist td {
	font-family:"?L?n??????";
	font-size: 16px;
	letter-spacing: 2px;
	background-image: url(../image/leftlist.png);
	text-align: left;
	text-indent: 45px;
	color: #333333;
	}

#button {
	font-size: 18px;
	font-family: "?s?????";
	color: #0000FF;
	background-image: url(../image/button.png);
	letter-spacing: 5px;
	font-weight: 900;
}

#logo {
	background-image: url(../image/logo.png);
}

#banner {
	background-image: url(../image/banner.png);
}

#subtitle {
	font-family: "Courier New","?????";
	font-size: 22px;
	color: #FF6600;
	letter-spacing: 8px;
	background-image: url(../image/subbanner.png);
	font-weight: 900;
	text-align: center;
}

#submain {
	font-family: "Arial", "?????";
	font-size: 24px;
	text-align: left;
	line-height: 50px;
	text-indent: 1em;
	padding-left: 120px;
	color: #006600;
}

#submain1 {
	font-family: "Arial", "?????";
	font-size: 24px;
	text-align: left;
	line-height: 34px;
	text-indent: -2em;
	padding-left: 170px;
	padding-right: 120px;
	color: #006600;
}
#tdbk01 {
	font-size:32px;
	text-align:left;
	color: #66FF00;
}

#tdbk02 {
	font-size:20px;
	text-align:left;
	color: #00FF00;
}