body { background:#fff url('images/bg.gif') ; background-attachment:fixed;  margin-left: 0px; margin-top: 0px; margin-right: 0px;
 margin-bottom: 0px; font:11px Tahoma, Geneva, sans-serif;}
ul,li,a{ padding:0; margin:0; list-style:none; text-decoration:none;}

.clearall{ clear:both;}
.maintem{
	width:1030px;
	height:auto;
	margin:0 auto;
}


.header{ width:980px; height:auto; padding:0px 0 0px 0;}
.header .logo{ width:146px; height:146px; background:url(images/logo_greenista.png) no-repeat; padding:0 104px 0  0; float:left;}
.header .navmenu{ width:299px; height:auto; padding:80px 0 0 0; float: right;}/*Edit Class, Date 28-05-54*/
.header .navmenu .menu{ width:299px; height:auto; color:#666; font-weight:bold; padding:0 0 5px 0;}/*Edit Class, Date 28-05-54*/
.header .navmenu .menu li{ float:left; height:auto;}/*new class, Date 28-05-54*/
.header .navmenu .menu a{ color:#666; font-weight:bold; padding:3px;}
.header .navmenu .menu a:hover{ color:#000; font-weight:bold; padding:3px; text-decoration:underline;}
.search{ float:right; display:block; width:205px; height:15px; border:1px solid #249033; padding:1px;  background:#FFF;}
.search .input{ display:block; width:188px; height:15px; float:left;}
.search .input .box{ width:184px; height:13px; border:0; color:#CCC; font-size:11px;}
.search .btsearch{float:left; width:17px; height:15px; background:url(images/search.gif) no-repeat; border:0; padding:0 1px 0 0; }

.middle{width:980px; height:auto; padding:0 0 30px 0;}
.middle .left{width:220px; height:auto; padding:0 15px 0 0; float:left; overflow:hidden;}
.middle .right{width:745px; height:auto; float:left;  overflow:hidden;}

/*--------------------left-------------------*/
.pageleft{ width:219px; height:auto; border:1px solid #c5f1cb; margin:0 0 15px 0;}

.tree_greenista{ width:199px; height:auto; padding:10px 10px 0 10px;}
.tree_greenista .txt_update{ width:199px; height:auto; color:#666; font-size:13px;}
.tree_greenista .txt_update .main{ font-weight:bold; text-align:right;}
.tree_greenista .img_tree{ width:199px; height:190px;}

.pagemenu{ width:219px; height:auto;}
.login {width:219px; height:auto;}
.themelogin{ width:199px; height:auto; padding:8px 10px 0 10px; background:#d5f5d9;}
.themelogin .txt{ width:177px; height:18px; padding:2px 0 5px 22px; background:url(../images/UIbuttonIcons_greenista.png) no-repeat; font-weight:bold;}

.infor{ width:199px; height:auto; padding:10px; background:#FFF;}
.infor .boxlogin{ width:184px; height:24px; background:url(../images/UIbuttonIcons_greenista.png) -256px 0px no-repeat; border:0px; padding:0 5px; font-size:11px; }
.infor a.btlogin{ width:61px; height:20px; display:block; background:url(../images/UIbuttonIcons_greenista.png) -256px -24px no-repeat; color:#FFF; font-size:13px; font-weight:bold; text-align:center; padding:2px 0 0 0;}
.infor a.btlogin:hover{ width:61px; height:20px; display:block; background:url(../images/UIbuttonIcons_greenista.png) -317px -24px no-repeat; color:#333; font-size:13px; font-weight:bold; text-align:center; padding:2px 0 0 0;}
.infor a{ color:#666;}
.infor a:hover{ color:#000; text-decoration:underline;}

.infor .profile{ width:199px; height:auto;} 
.infor .profile .img_profile{ width:68px; height:58px; float:left; border:1px solid #39b54a;}
.infor .profile .txt_profile{ width:100px; height:auto; float:left; color:#333; font-size:13px; padding:0 0 0 10px;} 
.infor .profile .txt_profile .txt_name{ color:#333; font-size:13px; font-weight:bold;}
.infor .profile .txt_profile a{ color:#333; font-size:13px;}
.infor .profile .txt_profile a:hover{ color:#000; font-size:13px; text-decoration:underline;}
.infor .profile .txt_profile .bt{ width:53px; height:15px; padding:10px 0 0 0;}
.infor .profile .txt_profile .bt a{ width:53px; height:15px; display:block; background:url(../images/UIbuttonIcons_greenista.png) -256px -46px no-repeat; color:#39b54a; font-weight:bold; padding:3px 0 0 0; font-size:10px; text-align:center;}
.infor .profile .txt_profile .bt a:hover{ display:block; background:url(../images/UIbuttonIcons_greenista.png) -309px -46px no-repeat; color:#666; font-weight:bold; padding:3px 0 0 0; text-decoration:none; font-size:10px; text-align:center;}

.menutab{ width:219px; height:auto;}
.menutab .tab{ width:219px; height:28px; border-top:1px solid #d5f5d9;}
.menutab .tab a.home{ width:184px; height:22px; display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -24px no-repeat; color:#333;}
.menutab .tab a.home:hover{ display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -24px no-repeat #d5f5d9; color:#333; font-weight:bold;}
.menutab .tab a.webboard{ width:184px; height:22px; display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -210px no-repeat; color:#333;}
.menutab .tab a.webboard:hover{ display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -210px no-repeat #d5f5d9; color:#333; font-weight:bold;}
.menutab .tab a.event{ width:184px; height:22px; display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -77px no-repeat; color:#333;}
.menutab .tab a.event:hover{ display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -77px no-repeat #d5f5d9; color:#333; font-weight:bold;}
.menutab .tab a.help{ width:184px; height:22px; display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -104px no-repeat; color:#333;}
.menutab .tab a.help:hover{ display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -104px no-repeat #d5f5d9; color:#333; font-weight:bold;}
.menutab .tab a.news{ width:184px; height:22px; display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -140px no-repeat; color:#333;}
.menutab .tab a.news:hover{ display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -140px no-repeat #d5f5d9; color:#333; font-weight:bold;}
.menutab .tab a.market{ width:184px; height:22px; display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -175px no-repeat; color:#333;}
.menutab .tab a.market:hover{ display:block; padding:6px 0 0 35px; background:url(../images/UIbuttonIcons_greenista.png) 10px -175px no-repeat #d5f5d9; color:#333; font-weight:bold;}


/*--------------------right-------------------*/
.pageright{ width:722px; height:auto; border:1px solid #39b54a; padding:9px;}

.article{ width:725px; height:auto; padding:0 0 20px 0;overflow:hidden;}
.article .header{ width:725px; height:26px; border-bottom:1px solid #39b54a; padding: 0 0 5px 0;}
.article .header .txt{ width:642px; height:26px; background:url(../images/UIbuttonIcons_greenista.png) 0 -140px no-repeat; color:#0B0B0B; font-size:18px; float:left; padding:0 0 0 30px;}

/*----------------------- View pages----------------------------*/
.article .header .txt2{ width:526px; height:26px; background:url(../images/UIbuttonIcons_greenista.png) 0 -140px no-repeat; color:#0B0B0B; font-size:18px; float:left; padding:0 0 0 30px;}
.article .pages_bottom{ width:auto; height:auto; float:right; padding:10px 0 0 0;}
.article .pages_top{ width:auto; height:auto; float:left; padding:5px 0 0 0;}
.article .linktxt{ float:left; padding:0 5px;}
.article .linktxt a.link{ width:auto; height:auto; display:block; color:#999; padding:1px 0 0 0;}
.article .linktxt a.link:hover{display:block; color:#000; padding:1px 0 0 0; text-decoration:underline;}
.article .box{ width:15px; height:15px; float:left; padding:0 2px 0 0;}
.article .box a.page{ width:15px; height:15px; display:block; background:#95df9f; color:#999; padding:1px 0 0 0; text-align:center;}
.article .box a.page:hover{display:block; background:#39b54a; color:#fff; padding:1px 0 0 0; text-align:center;}
.article .box a.current{width:15px; height:15px; display:block; background:#39b54a; color:#fff; padding:1px 0 0 0; text-align:center;}

.groupview{ width:725px; height:auto; padding:10px 0; border-bottom:1px solid #95df9f;}
.groupview .txtview{ width:524px; height:auto; float:left; padding:0 10px;}
.groupview .txtview .head{ width:524px; height:auto; font-size:13px; font-weight:bold;}
.groupview .txtview .detail{ width:524px; height:auto;}
.groupview .txtview .products{ width:524px; height:auto; font-size:12px; padding:5px 0 0 0;}
.groupview .txtview .products span{ font-weight:bold; padding:0 3px; color:#39b54a;}
.groupview .txtview .bt{ width:73px; height:16px; float:left; padding:6px 0 0 0;}
.groupview .txtview .bt a.comment{ width:53px; height:15px; display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -247px no-repeat; color:#39b54a; padding:1px 0 0 20px;}
.groupview .txtview .bt a.comment:hover{display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -247px no-repeat; color:#39b54a; text-decoration:underline; padding:1px 0 0 20px;}
.groupview .txtview .bt a.like{ width:53px; height:15px; display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -270px no-repeat; color:#39b54a; padding:1px 0 0 20px;}
.groupview .txtview .bt a.like:hover{display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -270px no-repeat; color:#39b54a; text-decoration:underline; padding:1px 0 0 20px;}

/*-----------------------View end----------------------------*/

.article .header .bt{ width:53px; height:15px; padding:4px 0 0 0; float:left;}
.article .header .bt a{ width:53px; height:15px; display:block; background:url(../images/UIbuttonIcons_greenista.png) -256px -46px no-repeat; color:#39b54a; font-weight:bold; padding:3px 0 0 0; font-size:11px; text-align:center;}
.article .header .bt a:hover{ display:block; background:url(../images/UIbuttonIcons_greenista.png) -309px -46px no-repeat; color:#666; font-weight:bold; padding:3px 0 0 0; text-decoration:none; font-size:11px; text-align:center;}
.article .infor{ width:725px; height:auto; padding:10px 0 0 0;}
.article .infor .box_art{ width:725px; height:auto;}

.img_box{ width:116px; height:78px; border:1px solid #CCC; padding:3px; float:left; background:#FFF;}

.article .infor .box_art .txt{ width:156px; height:auto; float:left; padding:0 10px;}
.article .infor .box_art .txt .txthead_article{ width:156px; height:auto; font-size:13px; color:#333; font-weight:bold;}
.article .infor .box_art .txt .txtdetail_article{ width:156px; height:auto;}
.article .infor .box_art .txt .bt{ width:73px; height:16px; float:left; padding:6px 0 0 0;}
.article .infor .box_art .txt .bt a.comment{ width:53px; height:15px; display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -247px no-repeat; color:#39b54a; padding:1px 0 0 20px;}
.article .infor .box_art .txt .bt a.comment:hover{display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -247px no-repeat; color:#39b54a; text-decoration:underline; padding:1px 0 0 20px;}
.article .infor .box_art .txt .bt a.like{ width:53px; height:15px; display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -270px no-repeat; color:#39b54a; padding:1px 0 0 20px;}
.article .infor .box_art .txt .bt a.like:hover{display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -270px no-repeat; color:#39b54a; text-decoration:underline; padding:1px 0 0 20px;}

.box_social{ width:45px; height:auto; float:left; overflow:hidden;}
.box_social .like{ width:39px; height:37px; background:url(../images/UIbuttonIcons_greenista.png) -256px -64px no-repeat; padding:3px; margin:0 0 4px 0;}
.box_social .like .txt1{ color:#FFF; font-size:9px; text-align:center;}
.box_social .like .txt2{ color:#FFF; font-size:22px; text-align:center;}
.box_social .comment{ width:39px; height:37px; background:url(../images/UIbuttonIcons_greenista.png) -301px -64px no-repeat; padding:3px;}
.box_social .comment .txt1{ color:#999; font-size:9px;}
.box_social .comment .txt2{ color:#999; font-size:22px; text-align:center;}
.box_social .like_link a{ width:25px; height:13px; display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -270px no-repeat; padding:2px 0 5px 20px; color:#39b54a;}
.box_social .like_link a:hover{ display:block; background:url(../images/UIbuttonIcons_greenista.png) 0 -270px no-repeat; padding:2px 0 5px 20px; color:#39b54a; text-decoration:underline;}

.article .infor .box_art .box1{ width:352px; height:auto; padding:0 10px 10px 0; float:left; border-right:1px solid #95df9f; }
.article .infor .box_art .box2{ width:352px; height:auto; padding:0 0 10px 10px; float:left;}
.article .infor .box_art .box3{ width:352px; height:auto; padding:10px 10px 0 0; float:left; border-right:1px solid #95df9f; }
.article .infor .box_art .box4{ width:352px; height:auto; padding:10px 0 0 10px; float:left;}
.article .infor .box_art .line{ width:725px; height:1px; background:#95df9f; float:left;}
.article .infor .box_art .txthead{ width:350px; height:auto; font-size:14px; font-weight:bold; float:left;}
.article .infor .box_art .bt{ width:53px; height:15px; padding:4px 0 0 0; float:right;}
.article .infor .box_art .bt a{ width:53px; height:15px; display:block; background:url(../images/UIbuttonIcons_greenista.png) -256px -46px no-repeat; color:#39b54a; font-weight:bold; padding:3px 0 0 0; font-size:11px; text-align:center;}
.article .infor .box_art .bt a:hover{ display:block; background:url(../images/UIbuttonIcons_greenista.png) -309px -46px no-repeat; color:#666; font-weight:bold; padding:3px 0 0 0; text-decoration:none; font-size:11px; text-align:center;}

.sell{width:725px; height:auto; padding:0 0 20px 0;}
.sell .header{ width:680px; height:27px; background:url(../images/UIbuttonIcons_greenista.png) 10px -170px no-repeat #d5f5d9; padding:10px 0 0 45px;}
.sell .header .txthead{ width:180px; height:auto; font-size:14px; font-weight:bold; float:left;}
.sell .header .txtsearch{width:229px; height:auto; float:left;}
.sell .header .allsell{ width:71px; height:auto; padding:0 0 0 200px; float:left;}
.sell .header .allsell a{ color:#333; font-weight:bold; text-decoration:underline;}
.sell .header .allsell a:hover{ color:#868686; font-weight:bold; text-decoration:underline;}
.sell .product{ width:725px; height:auto; border-top:1px solid #FFF;}
.sell .product .navproduct{ width:705px; height:15px; padding:5px 10px; background:#EEE;}
.sell .product .navproduct .txt1{ width:435px; height:auto; float:left; color:#999;}
.sell .product .navproduct .txt2{ width:135px; height:auto; text-align:center; float:left; color:#999;}
.sell .product .navproduct .txt3{ width:135px; height:auto; text-align:center; float:left; color:#999;}
.sell .product .pageproduct{ width:705px; height:auto; padding:10px;}
.sell .product .pageproduct2{ width:705px; height:auto; padding:10px; background:#e4f9e6;}
.sell .product .txtproduct{ width:294px; height:auto; padding:0 5px 0 10px; float:left;}
.sell .product .txtproduct .txthead{ width:294px; height:13px; font-weight:bold;}
.sell .product .txtproduct .txtdetail{ width:294px; height:auto;}
.sell .product .price{ width:125px; height:auto; text-align:center; font-size:13px; font-weight:bold; padding:0 5px; float:left;}
.sell .product .telephone{ width:125px; height:auto; text-align:center; font-size:13px; font-weight:bold; padding: 0 0 0 5px; float:left;}

.social_link{ width:100%; height:auto; padding:6px 0; color:#39b54a;}
.social_link .comment{ width:auto; height:13px; background:url(../images/UIbuttonIcons_greenista.png) 0 -247px no-repeat; color:#39b54a; float:left; padding:2px 3px 0 20px;}
.social_link .like{ width:auto; height:13px; background:url(../images/UIbuttonIcons_greenista.png) 0 -270px no-repeat; color:#39b54a; float:left; padding:2px 5px 0 20px;}
.social_link .bt { width:auto; height:auto; float:left; padding:2px 0 0 0;}
.social_link .bt a{ color:#39b54a;}
.social_link .bt a:hover{ color:#39b54a; text-decoration:underline;}
.social_link .phone{ width:auto; height:13px; background:url(../images/UIbuttonIcons_greenista.png) 0 -314px no-repeat; padding:2px 3px 0 14px; float:left;}
.social_link .com{ width:auto; height:13px; background:url(../images/UIbuttonIcons_greenista.png) 0 -292px no-repeat; padding:2px 3px 0 20px; float:left;}

.post{width:725px; height:auto; padding:0 0 10px 0;}
.post .header{ width:695px; height:27px; background:url(../images/UIbuttonIcons_greenista.png) 0 -206px no-repeat; padding:10px 0 0 30px; font-size:14px; font-weight:bold;}
.post .txt_intro{ padding: 0 0 5px 0;}
.post .box_post{ width:705px; height:auto; background:#e4f9e6; padding:10px;}
.post .box_post .txtpost{ width:610px; height:65px;  float:left;}
.post .box_post .txtpost .boxtxt{ width:600px; height:50px; border:1px solid #b7eebe; padding:5px; background:#fff; font-size:11px;}
.post .box_post .btpost{ width:83px; height:27px; float:left; padding:0 0 0 10px;}
.post .box_post .btpost a{ width:83px; height:24px; display:block; background:url(../images/UIbuttonIcons_greenista.png) -256px -107px no-repeat; color:#FFF; font-size:14px; text-align:center; padding:3px 0 0 0; }
.post .box_post .btpost a:hover{ display:block; background:url(../images/UIbuttonIcons_greenista.png) -339px -107px no-repeat; color:#FFF; font-size:14px; text-align:center; padding:3px 0 0 0; }

.member_post{ width:725px; height:auto; padding:0 0 10px 0;}
.member_post .page_post{ width:725px; height:auto; padding:10px 0; border-bottom:1px solid #39b54a;}
.member_post .page_post .img_profile{ width:68px; height:58px; float:left; border:1px solid #39b54a;}
.member_post .page_post .txt_post{ width:645px; height:auto; padding:0 0 0 10px; float:left;}
.member_post .page_post .txt_post .txttitle{ width:645px; height:auto; color:#999; font-weight:bold;}
.member_post .page_post .txt_post .txttitle2{ width:645px; height:auto; color:#666;}
.member_post .page_post .txt_post .txttitle2 span{color:#39b54a; font-weight:bold; padding:0 5px 0 0;}
.member_post .page_post .txt_post .comment_member{ width:635px; height:auto; padding:5px; background:#e4f9e6; border-bottom:1px solid #fff;}
.member_post .page_post .txt_post .comment_member .img_com{ width:45px; height:39px; border:1px solid #39b54a; float:left;}
.member_post .page_post .txt_post .comment_member .img_com img{ width:45px; height:39px;}
.member_post .page_post .txt_post .comment_member .txt{width:558px; height:auto; padding:0 10px; float:left; color:#333;}
.member_post .page_post .txt_post .comment_member .txt span{ font-weight:bold; padding:0 5px 0 0; color:#128a1c;}
.member_post .page_post .txt_post .comment_member .txt .time_post{ width:558px; height:auto; color:#999;}
.member_post .page_post .txt_post .comment_member .txt .time_post a{ color:#39b54a;}
.member_post .page_post .txt_post .comment_member .txt .time_post a:hover{ color:#39b54a; text-decoration:underline;}
.member_post .page_post .txt_post .box{ width:637px; height:auto; padding:3px 0 0 0; }
.member_post .page_post .txt_post .box .boxtxt{ width:637px; height:14px; border:1px solid #b7eebe; padding:3px; font-size:11px; overflow:hidden;}
.older_post{ width:705px; height:auto; background:#e4f9e6; padding:10px; text-align:center;}
.older_post a{ font-weight:bold; font-size:12px; color:#666;}
.older_post a:hover{ font-weight:bold; font-size:12px; color:#000; text-decoration:underline;}

/*----------------------Detail page-------------------------------*/
.pagedetail{ width:725px; height:auto;}
.pagedetail .header{ width:725px; height:auto; padding:0 0 5px 0; font-size:20px; border-bottom:1px solid #39b54a;}
.pagedetail .datetime{ width:725px; height:auto; padding:5px 0 10px 0; font-weight:bold; color:#39b54a;}
.pagedetail .groupdetail{width:725px; height:auto; padding-bottom:20px;}
.pagedetail .groupdetail .detailtxt{ width:670px; height:auto; padding:0 9px 0 0; float:left; overflow:hidden;}
/*.pagedetail .groupdetail .detailtxt .img_detail img{ width:312px; height:208px; border:1px solid #39b54a; float:left;}*/
.pagedetail .groupdetail .detailtxt img{ display:block; width:auto; border:1px solid #39b54a; margin:8px auto;}
.pagedetail .groupdetail .detailtxt .txt{ width:346px; height:208px; padding:0 0 0 10px; float:left;}
.pagedetail .groupdetail .detailtxt .txt2{ width:670px; height:auto; padding:10px 0; float:left;}





/*----------------------bottom-------------------------------*/
.pagebottom{ width:100%; height:55px; background:url(../images/bg_02.gif) repeat-x center bottom;}
.pagebottom .navbottom{ width:980px; height:55px; margin:0 auto; color:#FFF; background:url(../images/UIbuttonIcons_greenista.png) -256px -232px no-repeat;}
.pagebottom .navbottom .txt{ width:300px; height:auto; float:left; padding:23px 295px 0 80px;}
.pagebottom .navbottom .bt{ width:auto; height:auto; float:left; padding:23px 0 0 0;}
.pagebottom .navbottom .bt a{ color:#FFF; padding:0 5px;}
.pagebottom .navbottom .bt a:hover{ color:#333; text-decoration:underline;}