@charset "utf-8";
/* CSS Document */
/*=================================================INDEX==========================================================*/
body{ background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-position:left top; background-color:#3f5111;font-family:Arial, Helvetica, sans-serif;}
#WRAPPER{ margin:0 auto; background-image:url(../images/bg_index.jpg); background-position:center top;}
#INDEX{ width:1000px; height:730px; display:block; margin:0 auto; position:relative; background-image:url(../images/bg_index2.jpg); background-repeat:no-repeat; background-position:left top;}
#INDEX_LOGO{ background-image:url(../images/logoindex.jpg); background-repeat:no-repeat; background-position:left top; width:180px; height:80px; text-indent:-9999px; position:absolute; top:18px; left:18px;}
#MENU{position:absolute; top:38px; left:265px; width:400px; height:35px; }
#MENU li{ float:left; width:100px; height:35px; }

.ABOUT a{ display:block;width:100px; height:35px;background-image:url(../images/btn1.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.ABOUT a:hover{background-image:url(../images/btn1_o.jpg);}
.INSHOP a{display:block;width:100px; height:35px;background-image:url(../images/btn2.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.INSHOP a:hover{background-image:url(../images/btn2_o.jpg);}
.SERVICE a{display:block;width:100px; height:35px;background-image:url(../images/btn3.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.SERVICE a:hover{background-image:url(../images/btn3_o.jpg);}
.CONTACT a{display:block;width:100px; height:35px;background-image:url(../images/btn4.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.CONTACT a:hover{background-image:url(../images/btn4_o.jpg);}

#NEWS_BOX{position:absolute; top:184px; left:18px;width:295px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#NEWS_TITLE{ background-image:url(../images/title_news.jpg); background-position:left top; background-repeat:no-repeat; display:block; width:295px; height:30px; }
#NEWS_TITLE h2{text-indent:-9999px;}
#NEWS_TITLE li{ float:left;}
.MORE2 a{ display:block; width:42px; height:12px; background-image:url(../images/more2.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; margin-top:10px; margin-left:250px;}
.MORE2 a:hover{background-image:url(../images/more2_o.gif); }
#NEWS_LIST{ font-size:12px; line-height:24px; margin-top:8px;}
#NEWS_LIST li{width:275px; height:24px; line-height:24px; padding-left:20px; background-image:url(../images/icon_1.gif); background-repeat:no-repeat; background-position:10px 10px;}
.NEWS_DATE{ float:right; width:70px; text-align:center; color:#8d8d8d; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.NEWS_ITEM{float:left;width:205px; font-size:12px; color:#5b5a5a;}
.NEWS_ITEM a{font-size:12px; color:#5b5a5a; text-decoration:none;}
.NEWS_ITEM a:hover{font-size:12px; color:#5b5a5a; text-decoration: underline;}


#ABOUT_BOX{position:absolute; top:184px; left:333px;width:295px; font-size:11px; line-height:18px; color:#6b8d19; z-index:10; font-family:Verdana, Arial, Helvetica, sans-serif; }
#ABOUT_BOX li a{color:#6b8d19; text-decoration:none;}
#ABOUT_BOX li a:hover{color:#6b8d19; text-decoration: underline;}
#ABOUT_TITLE{ background-image:url(../images/title_about.jpg); background-position:left top; background-repeat:no-repeat; width:295px; height:30px; text-indent:-9999px;}
.MORE1 a{ display:block; width:42px; height:12px; background-image:url(../images/more1.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px; }
.MORE1 a:hover{background-image:url(../images/more1_o.gif);}

#IMG1{position:absolute; top:310px; left:333px;width:230px; height:88px; z-index:5;}
#IMG2{position:absolute; top:330px; left:584px;width:325px; height:109px;}

/*=================================================FOOTER=========================================================*/
#FOOTER{ width:100%; text-align:center; background-image:url(../images/bgfoot.gif); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; overflow:hidden;background-color:#3f5111;}
#FOOTER_INFO{ width:1000px;height:115px;margin:0 auto; position:relative;}
#FOOTER_INFO ul { position:absolute; width:650px; line-height:24px; top:34px; left:230px;}
#FOOTER_INFO li{ float:left; color:#a4a4a4;  font-size:12px; padding-left:3px; padding-right:3px; vertical-align:bottom; }
#FOOTER_INFO li a{color:#94a34e; text-decoration:none;}
#FOOTER_INFO li a:hover{color:#b2b89f; background-color:#333333;}


#FOOTER_INFO h1 a{position:absolute; left:18px; top:12px;width:180px; height:80px;  background-image:url(../images/logofoot.gif); background-repeat:no-repeat; text-indent:-9999px; }
#FOOTER_INFO h1 a:hover{background-image:url(../images/logofoot_o.gif);}

p.COPYRIGHT{position:absolute; left:230px; top:65px;color:#94a34e;line-height:24px;  font-size:10px; position:absolute;padding-left:3px;}
p.BEGONIA {font-size:10px; color:#94a34e; text-decoration:none; float:right; width:200px; display:block; text-align:right;line-height:24px;position:absolute; left:680px; top:65px;}
p.BEGONIA a{color:#d4e279; text-decoration:none; font-size:10px;}
p.BEGONIA a:hover{ text-decoration:underline;}



/*=================================================PAGE=========================================================*/
#PAGEBODY{  background-color:#f6f5b5;}
#ONFOOTER{ background-image:url(../images/bg_foot.jpg); background-position:center top; background-repeat:no-repeat; width:100%; padding-top:176px;}
#HEADER{ width:100%; height:228px; margin:0 auto; background-image:url(../images/bg_page.jpg);background-repeat:no-repeat;background-position:center top; text-align:center;   }
#INHEAD{ width:1000px; margin:0 auto;height:228px; position:relative; background-image:url(../images/bg_page2.jpg); background-repeat:no-repeat; background-position:left top;}
#PAGE_LOGO a{position:absolute; top:16px; left:20px; background-image:url(../images/logopage.jpg); background-repeat:no-repeat; background-position:left top; width:180px; height:80px; text-indent:-9999px; }
#PAGE_LOGO a:hover{ background-image:url(../images/logopage_o.jpg); }
#PAGE_MENU{position:absolute; top:39px; left:265px; width:400px; height:35px; }
#PAGE_MENU li{ float:left; width:100px; height:35px; }
.PAGE_ABOUT {background-image:url(../images/pagebtn_1_o.jpg);}
.PAGE_ABOUT a{ display:block;width:100px; height:35px;background-image:url(../images/pagebtn_1.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.PAGE_ABOUT a:hover{background-image:url(../images/pagebtn_1_o.jpg);}
.PAGE_INSHOP {background-image:url(../images/pagebtn_2_o.jpg);}
.PAGE_INSHOP a{display:block;width:100px; height:35px;background-image:url(../images/pagebtn_2.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.PAGE_INSHOP a:hover{background-image:url(../images/pagebtn_2_o.jpg);}
.PAGE_SERVICE {background-image:url(../images/pagebtn_3_o.jpg); }
.PAGE_SERVICE a{display:block;width:100px; height:35px;background-image:url(../images/pagebtn_3.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.PAGE_SERVICE a:hover{background-image:url(../images/pagebtn_3_o.jpg);}
.PAGE_CONTACT {background-image:url(../images/pagebtn_4_o.jpg);}
.PAGE_CONTACT a{display:block;width:100px; height:35px;background-image:url(../images/pagebtn_4.jpg); background-repeat:no-repeat; text-indent:-9999px;}
.PAGE_CONTACT a:hover{background-image:url(../images/pagebtn_4_o.jpg);}
.ON{display:block;width:100px; height:35px;text-indent:-9999px;}

#PAGETITLE{position:absolute; top:108px; left:20px; width:240px; height:100px; text-align:left; }

#CONTENT{ width:980px; margin:0 auto; padding-left:20px; background-image:url(../images/bg_content1.gif); background-repeat:no-repeat; background-position:right top; padding-top:10px; }
#INCONTENT{ width:980px; overflow: hidden; background-color: #FFFFFF; padding-bottom:10px; background-image:url(../images/bg_content2.gif); background-repeat:no-repeat; background-position:right bottom; }

/*=================================================BRAND=========================================================*/
#PATH{width:950px; padding-right:30px;line-height:30px; text-align:right; font-size:12px; color:#f18317; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; }
#PATH a{ color:#ababab; font-weight:normal; text-decoration:none;}
#PATH a:hover{ text-decoration: underline;}
#LEFT_BOX{ width:192px; float:left; padding-left:20px; background-image:url(../images/left_1.gif); background-repeat:no-repeat; background-position:right top; padding-top:10px; }
#BRAND_CONTENT{ background-image: url(../images/left_5.gif); background-repeat:repeat-y; text-align:center;}
#BRAND_TITLE{ background-image:url(../images/brand.jpg); background-repeat:no-repeat; width:174px; height:36px; text-indent:-9999px; margin-left:auto; margin-right:auto; margin-bottom:15px;}


#BRAND_LIST{ text-align:center; margin-top:10px; margin-bottom:10px; height:690px; overflow: hidden; }
#BRAND_LIST li{ width:128px; margin-left:auto; margin-right:auto;clear:both; text-decoration:none; margin-bottom:20px; }
#BRAND_LIST li a{text-decoration:none;cursor:pointer;}
#BRAND_LIST li a img{border: 1px #d9ddb6 solid; width:128px; height:128px; margin:0px; padding:0px;}
#BRAND_LIST li a p{width:122px; border: 1px #d9ddb6 solid; padding:3px; background-color: #d9ddb6; color:#5e6614; font-size:12px; font-weight:bold;}
#BRAND_LIST li a:hover img{border: 1px #5e6614 solid;}
#BRAND_LIST li a:hover p{border: 1px #5e6614 solid; background-color:#5e6614; color:#d9ddb6;}

#LEFT_BOX_FOOT{ height:10px; width:192px;  background-image:url(../images/left_2.jpg); background-repeat:no-repeat;}

#RIGHT_BOX{ width:714px; float:left;margin-left:24px; }
#RIGHT_BOX_FOOT{ height:10px; width:714px; background-image:url(../images/right_2.gif); background-repeat:no-repeat;}
#BRAND_IMG{background-image:url(../images/right_1.gif); ; background-repeat:no-repeat; background-position:left top; padding-top:10px;}
#BRAND_R_CONTENT{ border-left:2px #f0f1e2 solid; border-right:2px #f0f1e2 solid;width:710px; background-color:#FFFFFF; text-align:center; padding-top:18px; padding-bottom:18px; }

#BRAND_INFO{ margin-top:10px;}
#BRAND_INFO h3{ background-color:#f0f1e2; font-size:13px; color:#5e6614; padding:8px 5px 5px 22px; background-image:url(../images/dot.gif); background-position: 12px 13px; background-repeat:no-repeat; display:block; width:687px; height:17px; line-height:17px; }
#BRAND_INFO div{padding:15px 5px 15px 10px; font-size:12px; line-height:20px; color:#666666;}
/*=================================================PRINT=========================================================*/
#PRINT_TITLE{ background-image:url(../images/print.jpg); background-repeat:no-repeat; width:174px; height:36px; text-indent:-9999px; margin-left:auto; margin-right:auto; margin-bottom:15px;}

/*=================================================NEWS=========================================================*/
#NEWS{width:874px; margin:10px auto 30px auto;}
.NEWS_CONTENT_TITLE{ background-image:url(../images/news_01.gif); background-repeat:no-repeat; background-position:left top; width:874px; height:50px;line-height:50px; text-indent:-9999px; padding-bottom:10px; }

#NEWS_CONTENT_LIST{ background-image:url(../images/news_02.gif); background-repeat:no-repeat; background-position:left center; display:block;width:874px; height:50px;line-height:50px; padding-top:10px; padding-bottom:10px; clear:both;}
#NEWS_CONTENT_LIST li{ float:left;  }
.NEWS_CONTENT_DATE{ margin-left:40px; width:170px;font-size:13px; color:#5e6614; font-family:Verdana, Arial, Helvetica, sans-serif;}
.NEWSLIST {width:480px;font-size:15px; }
.NEWSLIST a{ color:#5e6614; text-decoration:none;}
.NEWSLIST a:hover{color:#9ea91f; text-decoration: underline;}
.NEWSMORE{ width:47px; height:18px;  margin-left:40px;}
.NEWSMORE a{ display:block; width:47px; height:18px; background-image:url(../images/news_more.gif); background-repeat:no-repeat; text-indent:-9999px; margin-top:15px; float:right;}
.NEWSMORE a:hover{background-image:url(../images/news_more_o.gif); }

.NEWS_PAGE{ display:block;width:25px; height:25px; line-height:25px; margin:5px; text-align:center; border:1px #9ea91f solid; background-color:#9ea91f; color:#FFFFFF; }

#NEWS_PAGE{ clear:both; width:874px;  text-align:center; margin-top:15px; }
#NEWS_PAGE table{ clear:both; text-align:center; margin-top:15px; margin-left:auto; margin-right:auto; }
#NEWS_PAGE td a{ display:block;width:25px; height:25px; line-height:25px; margin:5px; text-align:center;  border:1px #9ea91f solid; text-decoration:none; color:#9ea91f; font-size:12px; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;}
#NEWS_PAGE td a:hover{ display:block;width:25px; height:25px; line-height:25px; margin:5px; text-align:center; border:1px #9ea91f solid; background-color:#9ea91f; color:#FFFFFF;}

.BACK a{ width:47px; height:18px; float:right; margin-top:15px; background-image:url(../images/back.gif); background-repeat:no-repeat; background-position:left top; text-indent:-9999px;}
.BACK a:hover{background-image:url(../images/back_o.gif);}

.NEWS_CONTENT_TITLE2{ background-image:url(../images/news_03.gif); background-repeat:no-repeat; background-position:left top; width:874px; height:50px; line-height:50px; }
.DETAL_DATE{ float: right; width:135px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;}
.DETAL_TITLE{ background-image: url(../images/detal_icon.gif); background-repeat:no-repeat; background-position:20px 20px; padding-left:40px; color:#FFFFFF; font-size:13px;width:690px; float:left; line-height:50px;}
.DETAL{  font-size:12px; line-height:20px; color:#5e6614; background-image:url(../images/news_05.jpg); background-repeat:no-repeat; background-position:bottom; padding-top:10px; padding-bottom:180px; margin-top:10px;  }
.DETAL ul{list-style-type:circle;} 
.DETAL a{ color:#9ea91f; text-decoration:underline;}
.DETAL a:hover{ color:#5e6614;}

.DETAL_INFO {padding:20px;border-left:2px #9ea91f solid;border-right:2px #9ea91f solid; }
.DETAL_BG{background-image:url(../images/news_04.gif); background-repeat:no-repeat; background-position:top; padding-top:10px;}

#ABOUT{ width:874px; margin:10px auto 30px auto; font-size:13px; line-height:40px;  }
#ABOUT_CONTENT p{ color:#666666;}
.ABOUT_BG1{ background-image:url(../images/about3.jpg); background-repeat:no-repeat; background-position:left top; width:874px; height:15px; line-height:15px; margin:0;padding:0;}
.ABOUT_BG2{ background-image:url(../images/about2.gif); background-repeat:no-repeat; background-position:left top; width:874px; height:15px; line-height:15px;margin:0; padding:0;}
.ABOUT_CONTENT{ height:620px; padding:10px 20px 0 20px; margin:0; border-left:2px #f0f1e3 solid; border-right:2px #f0f1e3 solid;background-image:url(../images/about.jpg); background-position:right top; background-repeat:no-repeat;}
#CONTACT{width:920px; margin:10px auto 20px auto; padding-bottom:180px;font-size:13px; line-height:40px; background-image:url(../images/mail.jpg); background-repeat:no-repeat; background-position:right bottom; }
#CONTACT h3{ line-height:40px;background-color:#f0f1e2; font-size:13px; color:#5e6614; padding-left:20px; margin-bottom:10px;}
#CONTACT p{padding-left:20px; color:#666666;}
#CONTACT p a{color:#5e6614; text-decoration:underline;}
#CONTACT p a:hover{ color:#666666; }
/*=================================================text=========================================================*/
.B15{ font-weight:bold; font-size:15px; color:#8ec31f;}
.B{font-weight:bold; }
.LINE{ text-decoration:underline;}
/*=================================================title=========================================================*/
#TITLE_BRAND{ background-image:url(../images/title_2.jpg); background-repeat:no-repeat; background-position:left top; width:180px; height:100px; text-indent:-9999px;}
#TITLE_NEWS{background-image:url(../images/title_0.jpg); background-repeat:no-repeat; background-position:left top; width:180px; height:100px; text-indent:-9999px;}
#TITLE_PRINT{background-image:url(../images/title_3.jpg); background-repeat:no-repeat; background-position:left top; width:180px; height:100px; text-indent:-9999px;}
#TITLE_ABOUT{background-image:url(../images/title_1.jpg); background-repeat:no-repeat; background-position:left top; width:240px; height:100px; text-indent:-9999px;}
#TITLE_CONTACT{background-image:url(../images/title_4.jpg); background-repeat:no-repeat; background-position:left top; width:240px; height:100px; text-indent:-9999px;}