html, body
{
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
background: #EFEFEF url(images/bg01.png) repeat;
font-family: 'Open Sans', sans-serif;
font-size: 10pt;
font-weight: 400;
color: #8d8d8d;
}
h1, h2, h3
{
margin: 0;
padding: 0;
color: #333;
}
p, ol, ul
{
margin-top: 0;
}
ol, ul
{
padding: 0;
list-style: none;
}
p
{
line-height: 180%;
}
strong
{
color: #525252;
}
a
{text-decoration:none;
color: #525252;
}
a:hover
{ text-decoration:none
}
.container
{
margin: 0px auto;
width: 1024px;
}
/*********************************************************************************/
/* Image Style */
/*********************************************************************************/
.image
{
display: inline-block;
}
.image img
{
display: block;
width: 100%;
}
.image-full
{
display: block;
width: 100%;
margin: 0 0 2em 0;
}
.image-left
{
float: left;
margin: 0 2em 2em 0;
}
.image-centered
{
display: block;
margin: 0 0 2em 0;
}
.image-centered img
{
margin: 0 auto;
width: auto;
}
/*********************************************************************************/
/* List Styles */
/*********************************************************************************/
ul.style1
{
}
/*********************************************************************************/
/* Social Icon Styles */
/*********************************************************************************/
ul.contact
{
margin: 0;
padding: 2em 0em 0em 0em;
list-style: none;
}
ul.contact li
{
display: inline-block;
padding: 0em 0.10em;
font-size: 1em;
}
ul.contact li span
{
display: none;
margin: 0;
padding: 0;
}
ul.contact li a
{
color: #FFF;
}
ul.contact li a:before
{
display: inline-block;
width: 30px;
height: 30px;
background: #3f3f3f;
line-height: 30px;
text-align: center;
color: #FFFFFF;
}
ul.contact li a.icon-twitter:before { background: #2DAAE4; }
ul.contact li a.icon-facebook:before { background: #39599F; }
ul.contact li a.icon-dribbble:before { background: #C4376B; }
ul.contact li a.icon-tumblr:before { background: #31516A; }
ul.contact li a.icon-rss:before { background: #F2600B; }
/*********************************************************************************/
/* Button Style */
/*********************************************************************************/
.button
{
display: inline-block;
padding: 1em 3em 1em 0em;
letter-spacing: 0.10em;
text-decoration: none;
text-transform: uppercase;
font-weight: 800;
font-size: 0.90em;
color: #333;
}
.button:before
{
display: inline-block;
background: #8aa2fc;
margin-right: 1em;
padding: 8px;
text-align: center;
color: #FFF;
}
/*********************************************************************************/
/* Header */
/*********************************************************************************/
#header
{
background: #56BD78;
border-top: 1px solid #47A665;
}
#page-wrapper .daoyu{ width:1024px; height:100px; margin:0 auto; background:#FFF; padding-top:20PX}
#page-wrapper .bt{ float:left; width:120px}
#page-wrapper .zw{
float: left;
line-height: 28px;
text-align: left;
width: 880px;
font-size: 12px;
padding-right: 10px;
color: #666;
padding-top: 10px;
}
/*********************************************************************************/
/* Logo */
/*********************************************************************************/
#logo
{
padding: 1em 0em;
text-transform: uppercase;
}
#logo h1
{
text-align: center;
font-weight: 900;
font-size: 2.5em;
}
#logo h1 a
{
}
#logo span
{
padding: 0em 0em 0em 0.5em;
}
#logo h1:before
{
}
#logo a
{
color: #51AD6F;
}
#logo table tr td h3{color: #51AD6F; line-height:50px; font-size:24px}
#logo table tr td .rq{color: #51AD6F; line-height:50px; font-size:18px }
/*********************************************************************************/
/* Menu */
/*********************************************************************************/
#menu ul
{
margin: 0;
padding: 20px 0px 20px 0px;
list-style: none;
line-height: normal;
}
#menu li
{
display: inline-block;
}
#menu a
{
display: block;
padding: 1em 2em;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-weight: 700;
color: #FFF;
}
#menu .current_page_item a
{
background: #7BDB99;
color: #FFF;
}
#menu a:hover
{
background: #7BDB99;
text-decoration: none;
color: #FFF;
}
/*********************************************************************************/
/* Banner */
/*********************************************************************************/
#banner
{
margin-bottom: 3em;
}
/*********************************************************************************/
/* Page */
/*********************************************************************************/
#page-wrapper
{
padding: 2em 0em 2em 0em;
background: #FFF;
border-top: 1px solid #47A665;
}
#page
{
overflow: hidden;
padding-top: 3em;
border-top: 1px solid #E5E5E5;
color: #717171;
}
#page .title
{
margin-bottom: 2em;
}
#page .title h2
{
font-size: 2em;
font-weight: 800;
color: #333;
}
/*********************************************************************************/
/* Content */
/*********************************************************************************/
#content
{
float: left;
width: 488px;
}
/*********************************************************************************/
/* Sidebar */
/*********************************************************************************/
#sidebar
{
float: right;
width: 500px;
}
/*********************************************************************************/
/* Footer */
/*********************************************************************************/
#footer-wrapper
{
padding: 4em 0em 4em 0em;
background: #f4f4f4;
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
}
#footer-wrapper h2{ padding-bottom:40px}
#footer {
overflow: hidden;
color: #666666;
}
#footer h2
{
letter-spacing: 0.10em;
padding-bottom: 1em;
font-size: 1.3em;
font-weight: 700;
color: #333;
}
#footer #fbox1 {
float: left;
width: 300px;
margin-right: 50px;
margin-left:20px;
padding-bottom:10px
}
#footer #fbox2 {
float: left;
width: 300px;
margin-right: 50px;
padding-bottom:10px
}
#footer #fbox3 {
float: left;
width: 300px;
padding-bottom:10px
}
/*********************************************************************************/
/* Copyright */
/*********************************************************************************/
#copyright
{
padding: 2em 0em;
font-size: 0.85em;
letter-spacing: 0.10em;
text-align: center;
color: #6A6A6A;
}
#copyright a
{
color: #747474; text-decoration:none
}
/*********************************************************************************/
/* Featured */
/*********************************************************************************/
#featured
{
overflow: hidden;
padding-bottom: 2em;
color: #717171;
}
#featured img
{
margin-bottom: 2em;
}
#featured .box
{
padding-bottom: 1.5em;
}
#featured .title
{
margin-bottom: 2em;
}
#featured .title h2
{
font-size: 2em;
font-weight: 800;
color: #333;
}
#featured .subtitle
{
padding-bottom: 1em;
font-size: 1.3em;
font-weight: 700;
color: #333;
}
#featured #box1 {
float: left;
width: 300px;
margin-right: 50px;
margin-left:20px
}
#featured #box2 {
float: left;
width: 300px;
margin-right: 50px;
}
#featured #box3 {
float: left;
width: 300px;
}