@charset "utf-8";
/* CSS Document */
body {margin:0; padding:0; font-size:12px; line-height:160%; font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; color:#333; background:url(images/easter/banner.jpg) no-repeat center top #fffeed; height:100%; width:100%; }
html, body, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, img { margin:0; padding:0; }
ul, ol, li, dl, dt, dd { list-style:none; }
input, select, option { font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px; margin:0;}
img { border:0px; }
.clear{ clear:both}

#nav { width:100%; background:url(images/easter/topline.jpg) repeat-x; height:50px;}
#navs { width:976px; margin:0 auto; padding:0 10px;}
#navs .logo { float:left; width:172px;}
#navs .home { float:right; width:128px;}

.by { width:996px; margin:0 auto; position:relative; height:325px;}
.pray { position:absolute; width:302px; height:238px; background:url(images/easter/pray_bg.png) no-repeat; padding:60px 60px 20px 70px;left:595px; top:10px; line-height:18px;}
.pray p { padding:2px 0;}
.pray p span{ font-weight:bold;}
.pray .box { padding-top:10px;}
.pray .text { width:210px; height:70px; margin-right:3px;}

.body { width:996px; margin:0 auto;}
.bodybg { background:url(images/easter/bodyline.jpg) repeat-y; width:996px; padding-bottom:50px;}
.tabs { padding: 10px 32px;}
.tab {height:41px;margin:0;padding:0; background:url(images/easter/tab.jpg) no-repeat; padding-left:15px;}
.tab li {list-style:none;float:left;width:93px;height:41px;margin-right:0px;text-align:center;line-height:41px;cursor:pointer; color:#fff;}
.tab li.curr {border-bottom:none;margin-bottom:-1px;}
.tab_cont {width:907px;}
.tab_top { background:url(images/easter/tab_top.png) no-repeat; width:907px; height:19px; margin-top:-5px;}
.tab_body { background:url(images/easter/tabline.jpg) repeat-y; width:907px;}
.tab_body .left { width:561px; float:left; padding-left:18px; font-size:12px; line-height:20px;}
.tab_body .left h2 { font-size:16px; color:#00820c; line-height:28px; padding-top:20px;}
.tab_body .mid { background:url(images/easter/tabmid.jpg) no-repeat; width:44px; height:316px; float:left;}
.tab_body .right { float:left; width:273px; line-height:20px; padding-left:5px;}
.tab_body .right .img { text-align:center; padding-top:20px; }
.tab_body .right h2 { font-size:20px; color:#00820c; font-weight:normal; text-align:center; line-height:30px; padding:8px 0 6px 0;}
.tab_body .right .text { float:left; width:105px; padding-top:8px;}
.tab_body .right .star { float:left; padding:0 2px; width:20px; padding-top:8px;}
.tab_bottom { background:url(images/easter/tab_bottom.jpg) no-repeat; height:17px; width:907px;}

.share { width:880px; padding:12px 20px; background-color:#f3f7f0; margin:0 auto; margin-bottom:8px;}
.product_box { width:277px; float:left; margin: 0 40px 0 50px;_ margin: 0 40px 0 20px;}
.product_text { width:590px; float:left;}
.product_text .text { padding-bottom:5px;}
.product_text h2 { font-size:20px; padding:30px 0 20px 0; font-weight:normal; color:#000;}
.product_text h2 a {color:#000; text-decoration:none;}
.product_text h2 a:hover { color:#09F;}
.product_text p a { color:#09F;text-decoration:none;}
.product_text .down { float:left; width:178px; height:50px; margin:4px 8px 0 0;}
.product_text .buy { float:left; }
.product_text .buy a { color:#900; text-decoration:none;display:block; width:90px; background:url(images/easter/buy.jpg) no-repeat; height:25px; padding:25px 0 0 60px;}

.facebook { background:url(images/easter/Facebook_line.jpg) repeat-x; margin:15px 25px 0 0; height:106px;}
.faceimg { padding: 0 15px; float:left; width:116px;}
.facer { float:left; width:735px;}
.facer p a { line-height:14px;}
.facer p span { color:#ababab;}
.facetitle { border-bottom:1px solid #ddd; padding-top:13px; margin-bottom:15px;}
.facetitle a { color:#555;}
.facebook h2 { float:left; width:500; font-size:16px; color:#333; font-weight:normal; line-height:18px;}
.facemore { float:right;}
.scroll {width:735px;height:36px;overflow:hidden;}
.scroll ul {padding:0;margin:0;}
.scroll ul li {padding-left:12px;height:36px;line-height:18px;list-style:none;}
.scroll ul li a {color:#555; text-decoration:none;}
.scroll ul li span { color:#ababab;}

.title3_left { float:left; width:630px;}
.title3_left .text { padding-left: 50px; padding-top:5px; line-height:24px; line-height:16px;}
.title3_left .text p {padding-bottom:10px;}
.title3_right { float:left; width:263px; padding:60px 0 0 50px;}

.body_bottom { background:url(images/easter/body_bottom.jpg) no-repeat; width:996px; height:11px; margin:0 auto;}

#footer { text-align:center; border-top:solid 1px #ccc; padding:10px;}
#footer a {color:#333; text-decoration:none;}
#footer a:hover {text-decoration:underline;}



/*==Show Content===================*/
.newsLetter_box {position:absolute; z-index: 200; width:540px;display:block;}
.newsLetter_box .column { background:url(../images/popping.png) no-repeat left top; padding:10px 15px 0 20px; height:30px; line-height:30px; font-size:14px; font-weight:bold;}
.newsLetter_box .column a { float:right; display:block; width:25px; margin-top:2px; height:25px; background:url(../images/popping.png) no-repeat right 2px;}
.newsLetter_box .boxMain {background:url(../images/popping.png) no-repeat left bottom; padding:10px 30px 30px 30px;}
.newsLetter_box .boxMain input,.newsLetter_box .boxMain textarea {font-size:12px;font-family:Arial, Helvetica, sans-serif;}




.pop_title { font-size:18px; border-bottom:solid 1px #b2b1b1; padding:10px 0; margin:10px 0;}
.pop_input {padding:5px 0 5px 20px; font-size:14px;}
.pop_input input {width:250px; padding:3px; margin-bottom:-2px;}
.pop_input span {padding-right:3px;}
.pop_checkbox { padding:5px 0 5px 65px;}
.pop_table td {padding:5px;}
.pop_table input {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pop_table .input_but { background:url(../images/but_input.png) no-repeat; border:0; text-align:center; width:86px; height:21px; line-height:21px; color:#fff; font-weight:bold; font-size:11px; margin-right:10px;}