/* CSS Document */
#con_scroll { height: 525px; width: 610px; }
#where_scroll { height: 420px; width: 610px; padding-bottom: 20px; border-bottom: 2px solid #AECE4A; }
#about_scroll { height: 150px; width: 610px; margin-top: 15px; float: left; }
#main_scroll { height: 135px; width: 480px; margin-top: 15px; float: left; }
#water_scroll { height: 525px; width: 610px; background: url(../images/s_water.gif) 430px 40px no-repeat; display: block; }
#con_where { height: 420px; width: 594px; float: left; overflow: hidden; }
#con_about { width: 594px; float: left; overflow: hidden; }
#main_con { width: 460px; overflow: hidden; float: left; }
.m_news { width: 455px; font-size: 12px; line-height: 21px; float: left; margin-right: 5px; }
.m_news ul li { width: 448px; color: #436500; padding-left: 15px; padding-bottom: 2px; background: url(../images/list_ar.png) 0px 10px no-repeat; float: left; }
.m_news_text { width: 448px; float: left; }
.m_news_date { width: 440px; text-align: right; color: #FF4700; }
.m_news ul li a { color: #436500; }
.m_news ul li a:hover { color: #575757; }
.m_message { width: 480px; height: 130px;}
.m_message_fl { float: left; width: 150px; margin-top:25px; }
.m_message_fr { float: right; width: 330px; }
.m_message_tarea { float: left; height: 100px; width: 305px; border: 1px solid #b3b3b3; margin-top: 10px; color: #666; font-size: 12px; padding: 5px; }
.m_input { font-size: 12px; width: 140px; height: 20px; line-height: 18px; color: #333; border: 1px solid #BCBCBC; background: #f8f8f8; margin: 2px; }
.about_video_if { width: 610px; height: 340px; padding-bottom: 10px; border-bottom: 2px solid #AECE4A; float: left; }
.about_text { width: 585px; padding-right: 20px; text-indent: 2em; overflow: hidden; line-height: 24px; color: #575757; }
#content { height: 525px; width: 594px; float: left; overflow: hidden; }
.ambient { width: 594px; margin-bottom: 10px; }
.ambient img { width: 580px; margin-bottom: 10px; }
.w_select { width: 595px; height: 525px; float: left; }
.s_water { height: 525px; width: 400px; margin-left: 10px; padding-right: 140px; display: block; float: left; }
.water_sub { height: 60px; font-size: 20px; color: #575757; margin-top: 30px; letter-spacing: -1px; }
.water_img { margin-top: 10px; width: 384px; float: left; margin-bottom: 20px; }
.water_text { width: 380px; ; float: left; color: #575757; }
.w_content { font-size: 14px; text-align: justify; text-justify: inter-ideograph; line-height: 24px; width: 570px; ; padding-left: 10px; float: left; color: #575757; }
.fa_list { height: 520px; width: 568px; float: left; }
.fa_list ul li { height: 200px; width: 580px; float: left; padding: 15px; background: #E7ECDB; border-bottom: 1px dashed #A3C38B; }
.fa_left { float: left; width: 230px; height: 200px; margin-right: 20px; }
.fa_img { width: 229px; height: 194px; }
.fa_right { float: right; height: 200px; width: 310px; }
.fr_sub { float: left; height: 40px; font-size: 24px; color: #6DC9DB; text-align: left; width: 100%; }
.fr_sub2 { padding-left: 5px; color: #47831B; }
.fr_cont { width: 100%; float: left; font-size: 12px; margin-top: 5px; margin-bottom: 5px; color: #575757; }
.fr_m3 { width: 100%; float: left; margin-top: 5px; color: #7d7d7d; margin-bottom: 5px; }
.fr_m6 { width: 100%; float: left; margin-top: 5px; font-size: 12px; color: #7d7d7d; margin-bottom: 5px; }
.fr_m6 td{padding-right:10px;}
.ping { width: 100px; height: 16px; margin-bottom: 3px; border: 1px solid #BCBCBC; }
.fr_ml {height: 40px; float: left; color: #3939A3; font-size: 30px; }
.fr_money {height: 40px; font-size: 14px; line-height: 40px; color: #FE0000; }
#content p { margin-top: 4px; margin-left: 4px; /*height: 24px; line-height: 24px; */font-size: 14px; color: #585858; width: 580px; padding: 5px; }
#water_scroll #scroll { height: 500px; width: 16px; float: right; }
#where_scroll #scroll { height: 420px; width: 16px; float: right; }
#main_scroll #scroll { height: 140px; width: 16px; float: right; }
#about_scroll #scroll { height: 120px; width: 16px; float: right; }
#con_scroll #scroll { height: 500px; width: 16px; float: right; }
/*=========================================================*/
.b4-1 { font-size: 0px; height: 24px; width: 16px; background: url(../images/scroll_b.png); margin: 0px; }
.b4-2 { font-size: 0px; height: 480px; width: 16px; background: url(../images/scroll_bg.png); }
.b4-3 { background: url(../images/tab_ar.png); position: absolute; height: 49px; width: 14px; margin-left: 1px; margin-bottom: 5px; }
.b4-4 { font-size: 0px; height: 24px; width: 16px; background: url(../images/scroll_t.png); }
.wfb4-2 { font-size: 0px; height: 370px; width: 16px; background: url(../images/scroll_bg.png); }
.contactb4-2 { font-size: 0px; height: 100px; width: 16px; background: url(../images/scroll_bg.png); }
.mainb4-2 { font-size: 0px; height: 82px; width: 16px; background: url(../images/scroll_bg.png); }
.mainb4-3 { background: url(../images/tab_ar.png); position: absolute; height: 49px; width: 14px; margin-left: 1px; margin-bottom: 5px; }

.clearfix:before,.clearfix:after{content: "\20";display: block;height: 0;visibility: hidden;}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;} /* IE < 8 */

.gray{color: gray;}
.red{color: red;}
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.bar4login { position: relative; }
.clear{clear: both;}

.bar4login .welcome{font-size: 12px; text-align: right; height: 23px; line-height: 23px;}
.bar4login .welcome span{margin-left: 7px; color: #333;}
.bar4login .welcome a{margin-left: 7px; color: #333;}
.bar4login .welcome a:hover{color: #F30; text-decoration: underline;}
.bar4login .layerReg { position: absolute; width: 453px; height: 323px; background: url(../images/100.png) no-repeat; top: 30px; right: 0px; z-index: 10000; font-size: 12px; display: none;}
.bar4login .layerReg th { padding: 3px 3px; text-align: right; color: #446600; width: 130px; font-size: 14px; font-weight: normal; }
.bar4login .layerReg td { padding: 3px 3px; }
.bar4login .layerReg td .fl2{padding:2px 0px 0px 5px; float: left;}
.bar4login .layerReg input.txt { width: 160px; height: 16px; padding: 2px; border: 1px solid #ddd; border-radius: 2px; }
.bar4login .layerReg .title { padding: 40px 0px 20px 30px; font-size: 16px; color: #49a0b5; }
.bar4login .layerReg .regXY { }
.bar4login .layerReg .regXY span { margin-right: 5px; }
.bar4login .layerReg .buttons { padding-top: 10px; }

.boxCart{font-size: 12px; background: #FFF; padding:5px 5px 5px 5px;}
.cartTable{border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.cartTable table th{padding:5px 5px; border-left: 1px solid #eee;border-top: 1px solid #eee; text-align: left;}
.cartTable table td{padding:5px 5px; border-left: 1px solid #eee;border-top: 1px solid #eee; }
.cartTotalInfo{text-align: right; height: 24px; line-height: 24px; padding:5px 0px 5px 0px;}
.boxCart .buttons{text-align: right;}

.boxCheckout{font-size: 12px; background: #FFF; padding:5px 10px;}
.boxCheckout .addressInfo{}
.boxCheckout .addressInfo dl{}
.boxCheckout .addressInfo dt{padding:5px; line-height:22px; width: 70px; float: left; text-align: right;}
.boxCheckout .addressInfo dd{padding:5px; line-height:22px; float: left;}
.boxCheckout .addressInfo input.txt{height: 18px; padding:2px; line-height: 18px; border-radius: 2px; border:1px solid #ccc;}
.boxCheckout .addressInfo .addDetail{}
.boxCheckout .addressInfo .addDetail div{margin:0px 5px 5px 0px;}
.boxCheckout .ckTitle{border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-top: 10px; font-weight: bold; color: #369; padding-bottom: 5px; }
.boxCheckout .payment{ margin-bottom: 15px;}
.boxCheckout .payment li{width: 100px; height: 24px; line-height: 24px; border: 1px solid #ccc; background: #FFF; text-align: center; cursor: pointer; float: left; margin-right: 10px;}
.boxCheckout .payment li.checked{background: #8bc526; border:1px solid #8bc526;}
.cell-button{padding-top: 20px;}
.bluebtn{border:1px solid #a5c33d; background: #a5c33d; display: block; float: right; border-radius: 2px; margin-left: 10px;}
.submitorder {width: 160px;height: 32px; line-height: 32px; background: none;border: none;color: #FFF;cursor: pointer; display: block; font-size: 14px; font-family: 'Microsoft Yahei'; text-align: center;}

.box4alipay{width:200px; margin:0 auto; padding-top:20px;}
.btnSubmit{cursor:pointer; line-height:1; border:1px solid #a5c33d; background: #a5c33d;; padding:10px 10px; color:#fff; border-radius:2px; text-align:center;}
.btnSubmit input{border:none; background:none; cursor:pointer; color:#fff; font-size:14px;}

.orderBackup{}
.orderBackup textarea{padding:2px; line-height: 18px; border-radius: 2px; border:1px solid #ccc; width: 99%; height: 60px; font-family: Tahoma;}

.boxPayment{font-size: 12px; background: #FFF; padding:5px 10px;}
.boxPayment .pTitle{border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-top: 10px; font-weight: bold; color: #369; padding-bottom: 5px; }
.boxPayment .pContent{}
.boxPayment .pContent dl{}
.boxPayment .pContent dt{padding:5px; line-height:22px; width: 70px; float: left; text-align: right;}
.boxPayment .pContent dd{padding:5px; line-height:22px; float: left;}
.boxPayment .payNum .red{font-size: 16px; padding-right: 10px;}

.p-account{font-size: 12px; background: #FFF; padding:10px;}
.orders-table{width:100%;}
.orders-table th{padding:5px 2px; text-align: left; border-bottom: 1px solid #ccc;}
.orders-table td{padding:5px 2px; }
.p-account .pager{padding-top: 10px;}
.p-account .pager a, .p-account .pager span{padding:0px 5px;}
.p-account .pager a{color: #369;}
.p-account .pager table{margin:0 auto;}

.p-account .order-detail{}

.p-account .order-detail .pTitle{border-bottom: 1px solid #ccc; margin-bottom: 15px; padding-top: 10px; font-weight: bold; color: #369; padding-bottom: 5px;}
.p-account .order-detail .pContent{}
.p-account .order-detail .pContent dl{}
.p-account .order-detail .pContent dt{padding:5px; line-height:22px; width: 70px; float: left; text-align: right;}
.p-account .order-detail .pContent dd{padding:5px; line-height:22px; float: left;}
.p-account .order-detail .payNum .red{font-size: 16px; padding-right: 10px;}

html{-webkit-text-size-adjust: none;}

#indexBottomTab{ float: right; width:480px; font-size: 12px; padding:0px 65px 0px 0px;}
#indexBottomTab .tabNav{height: 32px; background: url(../images/tab_bg.png) 0px 26px repeat-x ;}
#indexBottomTab .tabNav li{ width: 70px; color: #575757; float: left; padding-top: 5px; height: 22px; line-height: 21px; text-align: center; border-bottom: 0; cursor: pointer; background: url(../images/zx-02.png) 0px 5px no-repeat; }
#indexBottomTab .tabNav li.active{width: 83px; color: #FF4700; font-size: 14px; font-weight: bold; height: 27px; background: url(../images/zx-01.png) no-repeat; }

#indexBottomTab .tabCon{width: 470px; height: 140px; overflow: hidden; padding:5px;}
#indexBottomTab .tabCon .content{display: none; width: 470px; height: 130px; overflow: hidden;}
#indexBottomTab .tabCon .m_input{color: #666;padding:2px 4px; height: 16px; line-height: 16px; width: 125px;}
#indexNews{height: 130px;}
#indexNews li{background: none; padding:0px; margin:0px;color: #F60; line-height: 16px;color:#4a592e}
#indexNews li a{color:#4a592e}
#indexNews li span.a{display: block; font-size: 10px; text-align: right;-webkit-text-size-adjust:none!important; color:#ff4800;}
#indexNews li span.b{display: block; background: url(../images/list_ar.png) 0px 5px no-repeat; padding-left: 10px;}
#indexNews li.odd{color:#585858;}

.userRegister{font-size: 14px; padding-top: 20px;}
.userRegister table{width: 100%;}
.userRegister th{font-weight: normal;text-align: right; width:170px;}
.userRegister th, .userRegister td{padding:5px 5px; font-weight: normal; line-height: 22px;}
.userRegister input.txt{height: 18px; line-height: 18px; padding:4px 4px; width: 220px; border:1px solid #ccc; border-radius: 2px;}
.userRegister .regXY{}
.userRegister .regXY span{float: left;}
.userRegister .regXY span.fla{padding:5px 10px 0px 0px;}


.userCenter{font-size: 13px;padding-top: 15px;}
.userCenter .userMenu{border-bottom: 1px solid #ccc;}
.userCenter .userMenu ul{padding-left: 5px;}
.userCenter .userMenu li{width: 100px; height: 24px; line-height: 24px; float: left; text-align: center;}
.userCenter .userMenu li.active{background: #cddf66;}
.userCenter .userMenu li.active a{font-weight: bold;}
.uProfile{padding-top: 20px;}
.uProfile table{width:100%;}
.uProfile table th{padding:5px;font-weight: normal;text-align: right;width: 90px;}
.uProfile table td{padding:5px;}
.uProfile table input.txt{height: 16px; line-height: 16px; padding:4px 4px; width: 220px; border:1px solid #ccc; border-radius: 2px;}
.uProfile table textarea{ padding:4px 4px; border:1px solid #ccc; border-radius: 2px;font-family: 'Tahoma';}
.uAddress{}
.uAddress .fl{margin-right: 5px;}
.uAddress .clear{padding-top: 10px;}

.noresult{text-align: center;padding:20px;}