* { margin: 0; padding: 0; }
ul,ol { list-style: none; }
body { font-size: 12pt; font-family: Arial, Helvetica, sans-serif; line-height: 22px; color: #444; }
h1,h2,h3,h4,h5,h6 { font-size: 14pt; color: #000; }
h1 { font-size: 16pt; }
h2 { font-size: 15pt; }
small { font-size: 10pt; }
em,i,address { font-style: normal; }
strong { color: #000; }
a { color: #0099CC; text-decoration: none; }
a:hover { color: #FF3300; }
a img { border: 0; }


header { text-align: center; }

header #logo { text-align: center; padding: 15px 0; }

nav { height: 60px; background: #990000; border-bottom: #600 2px solid; }
nav li { float: left; width: 25%; }
nav li a { width: 100%; height: 60px; line-height: 60px; display: block; text-align: center; color: #fff; font-size: 12pt; }
nav li a:hover { background: #660000; color: #ffcc00; }
nav li a:visited { color: #fff; }
nav li.hover a { background: #660000; color: #ffcc00; }

#content { padding: 10px; }

ul.q_contact { background: #cb8b39; height: 80px; position: fixed; bottom: 0; left: 0; width: 100%;  }
ul.q_contact li { width: 50%; height: 80px; float: left; }
ul.q_contact a { width: 100%; text-align: center; color: #fff; display: block; height: 80px; }
ul.q_contact a span { height: 44px; width: 44px; margin: 5px auto 0; background-image:url(btm_appicon.png); background-repeat:no-repeat; display: block; text-indent: -9999999px; overflow: hidden; }
ul.q_contact li.sms span { background-position: 0 -42px; }
ul.q_contact li.tel span { background-position: 0 0; }

footer { text-align: center; background: #eee; margin-bottom: 80px; padding: 15px 0; border-top: #ddd 3px solid; }

.wrap { margin-bottom: 20px; }
.wrap h2 { background: url(l.jpg) no-repeat bottom left; padding-bottom: 10px; margin-bottom: 10px; height:26px; }
.wrap h2 span { display: block; float: left; padding: 0 15px; }
.wrap a.vmore { display: block; width: 100%; height: 40px; margin: 10px auto; background: #aaa; color: #fff; text-align: center; line-height: 40px; }
.wrap i { font-family: Georgia, "Times New Roman", Times, serif; font-size: 10pt; color: #888; text-transform: uppercase; font-weight: normal; }

#overview {}
#overview img { float: left; margin: 0 15px 0 0; width: 160px; height: auto; border: #ddd 1px solid; padding: 1px; }

#service {}
#service ul {}
#service li { width: 50%; float: left; text-align: center; margin-bottom: 10px; margin-top: 10px; }
#service li a { display: block; font-size: 14pt; font-weight: bold; }
#service li img { width: 96%; height: auto; display: block; margin: 0 auto 10px; }

#contact {}
#contact ul { padding: 0 10px; }
#contact li { padding: 3px 0; }

article {}
article img { width: 90%; margin: 10px auto; }
article p { margin: 15px 0; }
article p.aimg { text-align: center; }
article p.img { border: #ddd 1px solid; padding: 4px 0; }

.alist {}
.alist li { width: 50%; float: left; text-align: center; margin-bottom: 10px; margin-top: 10px; }
.alist li a { display: block; font-size: 14pt; font-weight: bold; }
.alist li img { width: 96%; height: auto; display: block; margin: 0 auto 10px; }

h1 { background: #f3f3f3 url(l.jpg) no-repeat bottom left; margin-bottom: 10px; height:26px; padding: 10px 0 10px 25px; }

#banner { margin: 0 auto 0; text-align: center; }
#banner img { width: 100%; height: auto; }

.clear { clear: both; }
.clearfix:after,.alist:after { content:"\0020"; display:block; clear:both; visibility:hidden; overflow:hidden; height:0; font-size:0;}
.clearfix,.alist { zoom:1}