/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #7A7D80; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #7A7D80; }
body { background: #dad8d9 url('../images/bg.jpg') center top no-repeat; }
img { border: 0px; display: block; }
a, input { outline: none; }
.clear { clear: both; height: 0px; overflow: hidden; }
/* template */
#template { position: relative; display: block; width: 100%; min-height: 100%; }
/* layout */
#layout { padding: 27px 0 0 0; margin: 0 auto; width: 1024px; }
/* header */
#header-part { position: relative; width: 1024px; height: 214px; }
#header-part a.trade { padding: 0px 0 0px 0; width: 310px; height: 99px; line-height: 90px; float: left; background: #8CAE40; font-size: 56px; color: #fff; text-decoration: none; text-align: center; cursor: default; }
#header-part .logo { float: left; width: 403px; height: 99px; }
#header-part .logo a { display: block; }
/* reed bar */
.reed-bar { padding: 5px 41px 0 0; float: right; width: 528px; }
.reed-bar h2 { padding: 3px 22px 0 0; font-size: 18px; color: #575756; line-height: 22px; font-weight: normal; float: left; }
.reed-bar h2 span { padding: 2px 5px; background: #FFED00; }
.reed-bar .text { float: right; overflow: hidden; display: block; }
.reed-bar ul { list-style: none; }
.reed-bar li { font-size: 18px; color: #fff; line-height: 28px; }
/* content */
#content-part { overflow: hidden; width: 1044px; }
/* center */
#center-part { width: 1024px; }
/* detail bar */
.detail-bar { margin: 0 auto; width: 1014px; }
.detail-bar .right, .detail-bar .first, .detail-bar .second { cursor: pointer; }
.detail-bar .left { margin: 0 11px 0 0; width: 298px; float: left; }
.detail-bar h2 { font-size: 48px; color: #7A7D80; font-weight: normal; }
.detail-bar img { float: right; }
.detail-bar .left img { padding: 9px 0 0 31px; float: none; }
.detail-bar .center { width: 393px; float: left; }
.detail-bar .center .first { margin: 0 0 3px 0; padding: 18px 0px 15px 0; width: 386px; float: left; border: 4px solid #8cad40; border-radius: 11px; background: #fff; }
.detail-bar .center .first h2 { padding: 10px 0 0 14px; float: left; font-size: 45px; }
.detail-bar .center .first img { padding: 0 9px 0 0; }
.detail-bar .center .second { padding: 10px 0px 7px 0; width: 387px; float: left; border: 4px solid #8cad40; border-radius: 11px; background: #fff; }
.detail-bar .center .second h2 { padding: 15px 0 0 42px; float: left; text-align: left; }
.detail-bar .center .second img { padding: 0 11px 0 0; }
.detail-bar .right { margin: 0 2px 0 0; width: 298px; float: right; }
.detail-bar .right .first, .detail-bar .left .first { margin: 0 0 3px 0; padding: 2px 0 10px 0; width: 290px; float: left; border: 4px solid #8cad40; border-radius: 11px; background: #fff; }
.detail-bar .right h2, .detail-bar .left .first h2 { font-size: 34px; letter-spacing: 1px; text-align: center; }
.detail-bar .left .first { padding: 2px 0 7px 0; cursor: default; }
.detail-bar .left .first h2 { font-size: 32px; }
.detail-bar .right .first img { padding: 4px 21px 0 0; }
.detail-bar .right .second, .detail-bar .left .second { padding: 6px 0 4px 0; width: 290px; float: left; border: 4px solid #8cad40; border-radius: 11px; background: #fff; }
.detail-bar .right .second h2, .detail-bar .left .second h2 { font-size: 32px; text-align: center; }
.detail-bar .right .second img { padding: 0 22px 0 0; }
.detail-bar .left .second img { float: right; margin: 0px 20px 0px 0px; }
.detail-bar .left .second { padding: 0px 0 4px 0; }
#mc_embed_signup { padding: 0px 18px 0px 0px; float: right; }
#mc_embed_signup input.email { padding: 3px 5px; width: 245px; height: 18px; text-align: right; font-family: 'Myriad pro', arial; color: #9D9D9C; font-size: 18px; border: #8cad40 solid 2px; background: #FFF; }
#mc_embed_signup input.button { padding-right: 5px; width: 258px; height: 28px; margin-top: 5px; text-align: right; font-family: 'Myriad pro', arial; color: #fff; font-size: 18px; cursor: pointer; border: 0px; background: #8cad40; }
#mc_embed_signup input.button:hover { background: #739328; }
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
/* text bar */
.text-bar { margin: 0 auto; width: 1002px; display: block; overflow: hidden; border-radius: 14px; background: #fff; border: 4px solid #8cad40; }
.text-bar .left { padding: 6px 5px 0px 15px; width: 475px; float: left; }
.text-bar h2 { padding: 0 0 5px 0; font-size: 48px; color: #7A7D80; font-weight: normal; }
.text-bar p { padding: 0 0 7px 0; font-size: 15px; color: #000; line-height: 18px; }
.text-bar a { color: #000; text-decoration: underline; }
.text-bar h3 { padding-top: 6px; font-size: 12px; color: #706F6F; font-weight: normal; }
.text-bar h3 span { color: #000; }
.text-bar h4 { font-size: 12px; color: #706F6F; font-weight: normal; }
.text-bar h5 { font-size: 12px; color: #000; font-weight: normal; }
.text-bar .right { padding: 1px 0 0 0; width: 503px; float: right; }
.text-bar ul { list-style: none; }
.text-bar li { padding: 0 0 0 24px; width: 216px; font-size: 16px; color: #706F6F; line-height: 26px; float: left; background: url('../images/li-bg.jpg') left center no-repeat; }
.text-bar li span { width: 143px; float: left; }
.text-bar li span.two { width: 108px; }
.text-bar li span.three { width: 36px; }
/* shop bar */
.shop-bar { margin: 1px 10px 3px 7px; padding: 4px 9px 0px 9px; width: 982px; overflow: hidden; float: left; border: 4px solid #8cad40; border-radius: 15px; background: #fff; }
.shop-bar .left { padding: 19px 0 7px 0; float: left; width: 333px; }
.shop-bar .left p { padding: 0 0 16px 0; color: #706F6F; font-size: 14px; line-height: 17px; }
.shop-bar .center { float: left; width: 311px; }
.shop-bar .center img { display: block; margin: 0 auto; }
.shop-bar .center h2 { padding: 0 0 7px 0; font-size: 48px; font-weight: normal; text-align: center; color: #706F6F; }
.shop-bar .right { padding: 2px 0px 0 0; float: right; }
/* link bar */
.link-bar { padding: 4px 7px 3px 7px; margin: 62px 0 0 0; width: 1010px; float: left; background: #fff; border-bottom: 4px solid #8cad40; border-top: 4px solid #8cad40; }
.link-bar span { float: left; font-size: 36px; color: #575756; }
.link-bar span.two { padding: 2px 0 0 45px; font-size: 33px; color: #7A7D80; }
.link-bar a { float: right; font-size: 36px; color: #575756; text-decoration: none; }
.link-bar a:hover { color: #000; }
/* footer part */
#footer-part { overflow: hidden; width: 1024px; }
/* footer bar */
.footer-bar { padding: 2px 0 10px 0; margin-bottom: 20px; height: 160px; overflow: hidden; position: relative; width: 1024px; }
.footer-bar p { font-size: 18px; text-align: justify; color: #8CAE40; line-height: 21px; }
.footer-bar a { color: #B4173C; text-decoration: none; }
.footer-bar a:hover { color: #000; }
.footer-bar a.img { position: absolute; left: 164px; top: 29px; }
.footer-bar a.text { position: absolute; right: 30px; top: 47px; }