@charset "utf-8";
* { background-repeat: no-repeat; margin: 0px; padding: 0px; }
a { outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
.banners { height: 60px; width: 195px; overflow: hidden; }
.indexadds { height: 77px; width: 217px; overflow: hidden; margin-top:7px; }
object { outline:none; }
a:focus { -moz-outline-style: none; }
p,
a,
span,
li,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
h7,
dl,
dd,
dt,
ol { margin:0; padding:0; font-weight:normal; }
img { border:none; }
.greenArea { background-color: #f8f8ee; display: block; margin-bottom: 10px; width: 638px; padding: 20px; float: left; }
.greenArea h3 { color:#0c4f11; font-size: 15px; margin-bottom: 15px; }
.greenArea2 { display: block; margin-bottom: 10px; width: 684px; padding: 0px; float: left; }
.greenArea2 h3 { color:#0c4f11; font-size: 12px; margin: 0 0 0 8pt; padding: 13px 0 0 35px; font-weight: bold; }
.notic { background-image:url(images/new01.gif); background-repeat :  no-repeat; margin: 0pt 0pt 0pt 0pt; height:31px; }
.notic2 { background-image:url(images/new02.gif); background-repeat: repeat-y; padding: 10pt 30pt 0pt 35pt; font-size: 12px; }
.notic3 { background-image:url(images/new03.gif); background-repeat: no-repeat; height:16px; }
.messa1 { background-image:url(images/new04.gif); width: 222px; height:270px; margin: 9pt 0pt 0pt 0pt; padding-top: 1px; float: left; }
.messa1 p { margin: 9pt 15px; height:52px; }
.messa1 a.newbtn,
.messa3 a.newbtn { margin-right: 6px; float: right; display: block; width: 39px; height:21px; color:#fff; background-image:url(images/newsBtn.png); padding-left: 8px; }
.messa1 a.newbtn:hover,
.messa3 a.newbtn:hover { background-position: -66px 0px; }
.messa1 .messa1a { background-image:url(images/new-pic01.gif); background-repeat: no-repeat; background-position : 3px 18px; height:167px; }
.messa1 .messa1a h4 { background-image:url(images/new07.gif); background-repeat: no-repeat; height:27px; color:#fff; font-size:12px; text-align: center; padding-top: 5px; }
.messa2 { background-image:url(images/new04.gif); width: 222px; height:270px; margin: 9pt 0pt 0pt 5pt; padding-top: 1px; float: left; }
.messa2 p { margin: 9pt 15px; height:52px; }
.messa2 a.newBtn { float: left; display: block; width: 61px; height:21px; color:#fff; background-image:url(images/newsBtn.png); background-position: 0px -21px; padding-left: 5px; margin-left: 6px; }
.messa2 a.newBtn:hover { background-position: -66px -21px; }
.messa2 .messa1b { background-image:url(images/new-pic02.gif); background-repeat: no-repeat; background-position : 3px 18px; height:167px; }
.messa2 .messa1b h4 { background-image:url(images/new07.gif); background-repeat: no-repeat; height:27px; color:#fff; font-size:12px; text-align: center; padding-top: 5px; }
.messa3 { background-image:url(images/new04.gif); width: 222px; height:270px; margin: 9pt 0pt 0pt 5pt; padding-top: 1px; float: left; }
.messa3 p { margin: 9pt 15px; height:52px; }
.messa3 .messa1c { background-image:url(images/new-pic03.gif); background-repeat: no-repeat; background-position : 3px 18px; height:167px; }
.messa3 .messa1c h4 { background-image:url(images/new07.gif); background-repeat: no-repeat; height:27px; color:#fff; font-size:12px; text-align: center; padding-top: 5px; }
body { margin: 0; padding: 0; color:#666666; line-height:18px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#FFFFFF; }
body.index { background-image:url(images/bg_index.jpg); background-color:#f5f5f5; background-repeat:repeat-x; }
a { color:#7b5d45; text-decoration:none; }
a:hover { }
ul,
ol { list-style:none; }
em { font-style:normal; }
.clear { clear:both; }
#container { width:1000px; margin:0 auto; }
#wrap { width:939px; float:left; padding-left:30px; padding-right:30px; position:relative; }
span.flower2 { background-image:url(images/bg_flower_footer.png); _background-image:url(images/bg_flower_footer.gif); background-repeat:no-repeat; width:59px; height:51px; position:absolute; bottom:-7px; left: 920px; }
#header { width:937px; float:left; height:67px; background-image:url(images/bg_header.jpg); background-repeat:repeat-x; border-bottom:2px solid #629d57; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; }
a.logo { float:left; width:111px; height:40px; display:inline; background-image:url(images/logo.jpg); text-indent:-9999px; margin-left:33px; margin-top:16px; }
#header .right { float:right; width:492px; line-height:24px; margin-top:5px; margin-right:16px; display:inline; }
#header .right form,
#header .right input,
#header .right span { float:left; }
#header .right span a,
#header .right span em { color:#84a633; }
#header .right span a:hover { color:#607925; }
#header .right form { margin-left:12px; display:inline; }
#header .right input { margin-top:1px; width:123px; background-image:url(images/bg_serach_input.gif); background-repeat:no-repeat; background-position:2px 2px; border: 1px solid #D5D5D5; padding-left: 22px; color: #666; }
#header .right a.circleBtn { margin-left:3px; }
#header .nav { display:inline; float:left; margin-left:73px; margin-top:8px; width:690px; }
#header .nav li { float:left; width:84px; height:24px; border-left:1px solid #d9d9d9; position: relative; }
#header .nav li.first { width:84px; border-left:none; }
#header .nav li a { width:84px; height:24px; float:left; display:block; line-height:24px; color:#333333; text-align:center; }
#header .nav li a:hover { color:#FFF; background-image:url(images/nav_hover.png); background-repeat:no-repeat; background-position:4px -25px; }
#header .nav li a span { background-image: url(images/construction.gif); background-repeat: no-repeat; height: 29px; width: 70px; color: #FFF; padding-left: 25px; position: absolute; top: -3px; line-height: 29px; display: block; visibility: hidden; right: 0px; }
#header .nav li a:hover span { visibility: visible; }
#header .nav li.on a { background-image:url(images/nav_hover.png); background-repeat:no-repeat; background-position:4px 0; color:#FFF; }
div.content { width:937px; float:left; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding-bottom:26px; }
#footer { width:913px; height:43px; background-image:url(images/bg_footer.jpg); background-repeat:no-repeat; float:left; color:#FFF; margin-left:25px; display:inline; padding-left:18px; padding-right:18px; }
#footer .nav { float:left; line-height:48px; }
#footer .nav a { color:#FFF; padding-left:5px; padding-right:5px; }
#footer a:hover { text-decoration:underline; }
#footer .copyright { float:right; line-height:48px; text-align:right; }
#footer .copyright span { margin-left: 20px; }
#footer .copyright a { color:#FFF; text-decoration:underline; }
#footer .copyright a:hover { text-decoration:none; }
a.circleBtn { float:left; line-height:23px; color:#FFF; background-image:url(images/btn.png); background-repeat:no-repeat; padding-left: 7px; margin-left:12px; height: 23px; display: block; }
a.circleBtn:hover { background-position: 0px -23px; }
a.circleBtn span { background-image:url(images/btn.png); background-repeat:no-repeat; background-position:right 0px; padding-right:7px; cursor:pointer; float: left; }
a.circleBtn:hover span { background-position:right -23px; height: 22px; padding-top: 1px; _height: 23px; _padding-top: 0px; }
div.content_L { width:237px; float:left; position:relative; }
div.content_L h1 { width:187px; height:50px; background-image:url(images/h1.gif); background-repeat:no-repeat; text-indent:-9999px; margin-top: 15px; margin-bottom: 15px; float: left; margin-left: 18px; }
div.content_L h1.h1_about_awards { background-position:0px -150px; }
div.content_L h1.h1_about_aboutus { background-position:0px 0px; }
div.content_L h1.h1_about_quality { background-position:0px -100px; }
div.content_L h1.h1_news_promotions { background-position:0px -300px; }
div.content_L h1.h1_about_concept { background-position:0px -50px; }
h1.news { background-position:0px -200px; }
h1.product_birdnest { background-position:0px -500px; }
h1.product_pearl { background-position:0px -550px; }
h1.product_aloe { background-position:0px -600px; }
h1.product_gift { background-position:0px -650px; }
h1.product_herbal { background-position:0px -700px; }
h1.product_health { background-position:0px -750px; }
h1.product_skin { background-position:0px -800px; }
h1.lecture { background-position:0px -350px; }
h1.knowledge_bird { background-position:0px -1200px; }
h1.knowledge_beauty { background-position:0px -1250px; }
h1.knowledge_health { background-position:0px -1300px; }
h1.newproduct { background-position:0px -250px; }
h1.media { background-position:0px -850px; }
h1.faq { background-position:0px -900px; }
h1.celebritys { background-position:0px -950px; }
h1.experience { background-position:0px -1000px; }
h1.magazines { background-position:0px -1050px; }
h1.forum { background-position:0px -1150px; }
h1.blog { background-position:0px -1100px; }
div.content_L ul { width:196px; margin-left:20px; float:left; display:inline; }
div.content_L ul li { border-bottom:1px dotted #91c388; float:left; width:196px; position: relative; }
div.content_L ul li.first { border-top:1px dotted #91c388; }
div.content_L ul a { color:#37793a; height:26px; line-height:26px; padding-left:27px; background-image:url(images/li_dot.gif); background-repeat:no-repeat; background-position:12px 11px; display:block; }
div.content_L ul a div { position: absolute; background-image: url(images/construction.gif); background-repeat: no-repeat; height: 29px; width: 65px; color: #FFF; padding-left: 30px; left: 82px; top: 7px; display: block; line-height: 29px; visibility: hidden; }
div.content_L ul a:hover .construction { visibility: visible; }
div.content_L ul a:hover { color:#030; }
div.content_L ul li span { color:#37793a; line-height:26px; padding-left:27px; background-image:url(images/nav_on.jpg); background-repeat:no-repeat; background-position:0px 6px; height:26px; display:block; float:left; width:169px; }
div.content_L dl { position:absolute; background-image:url(images/bg_serach.png); background-repeat:no-repeat; width:269px; height:170px; left:-32px; z-index:10; top: 0px; }
div.content_L dl dt { width:185px; height:26px; background-image:url(images/bg_serach_top.gif); line-height:26px; color:#FFF; padding-left:9px; margin-left:52px; margin-top:25px; font-size:13px; }
div.content_L dl dd { margin-left:52px; width:194px; height:97px; background-image:url(images/bg_serach_bottom.gif); padding-top:6px; background-repeat:no-repeat; }
div.content_L dl select { width:173px; height:22px; line-height:22px; color:#244f0c; margin-left:10px; margin-top:4px; float:left; }
div.content_L dl dd a.circleBtn { float:left; margin-left:10px; margin-top:6px; }
div.content_L div.banner { width:196px; padding-left:21px; float:left; display:block; position: relative; padding-top: 155px; }
.banner img { margin-bottom: 5px; }
div.content_R { width:700px; position: relative; float: left; overflow:hidden; }
div.content_R #tabs { height:auto; }
div.content_R div.bread { line-height:42px; }
div.content_R div.bread a { color:#84a633; }
div.content_R div.bread a:hover { text-decoration: underline; }
div.content_R div.detail { float:left; width:636px; background-color:#f8f8ee; padding: 10px 28px 22px; margin-bottom: 10px; }
div.content_R div.detail.details { float:none; padding: 0px; overflow:hidden; width:680px; background: url(images/details.gif); }
div.content_R div.detail2 { float:left; width:636px; background-color:#f8f8ee; padding: 10px 28px 22px; margin-bottom: 10px; }
div.detail h3 { color:#0c4f11; float:left; font-size:15px; line-height:30px; }
div.detail2 h3 { color:#0c4f11; float:left; font-size:15px; line-height:30px; }
div.detail div.nav { float:right; }
div.detail2 div.nav { float:right; }
div.detail div.nav a,
div.detail div.nav span { float:left; width:57px; height:57px; background-image:url(images/circleBtn2.png); background-repeat:no-repeat; text-align:center; color:#FFF; line-height:57px; margin-left:8px; }
div.detail div.nav a { background-position:-58px 0; }
div.detail div.nav span { background-position:0px 0; }
div.detail div.nav a:hover { background-position:-116px 0; }
div.detail2 div.nav a,
div.detail2 div.nav div { float:left; width:57px; height:57px; background-image:url(images/circleBtn2.png); background-repeat:no-repeat; text-align:center; color:#FFF; line-height:57px; margin-left:8px; }
div.detail2 div.nav a { background-position:-58px 0; }
div.detail2 div.nav span { background-position:0px 0; }
div.detail2 div.nav a:hover { background-position:-116px 0; }
#awqrds div.detail ul { float:left; width:400px; }
.normalpic { float:right; padding-left:3px; padding-top:3px; padding-right:5px; padding-bottom:5px; background-image:url(images/bg_proD_infoImg.jpg); background-repeat:no-repeat; background-position:right bottom; background-color: #FFF; }
div.detail div.content { float:left; /*width:640px;*/ width:640px; border:none; padding-bottom:0; margin-top:14px; }
div.detail2 div.content { float:left; /*width:640px;*/ width:640px; border:none; padding-bottom:0; margin-top:14px; }
div.detail2 div.content-right { padding-left: 0px; float: right; width:310px; }
div.detail2 div.content-left { float: left; width:310px; }
#awqrds div.detail ul li { float:left; /*margin-top:7px;*/ }
#awqrds div.detail ul li.last div { border:none; }
#awqrds div.detail2 ul li.last div { border:none; }
#awqrds div.detail ul strong { width:31px; height:15px; text-align:center; font-size:11px; line-height:15px; background-image:url(images/detail_strong.png); background-repeat:no-repeat; display:block; color:#FFF; font-weight:normal; float:left; margin-top:3px; }
#awqrds div.detail2 ul strong { width:31px; height:15px; text-align:center; font-size:11px; line-height:15px; background-image:url(images/detail_strong.png); background-repeat:no-repeat; display:block; color:#FFF; font-weight:normal; float:left; margin-top:3px; }
#awqrds div.detail ul div { float:left; width:352px; margin-left:15px; display:inline; border-bottom:1px dotted #c6c69f; padding-bottom:7px; }
#awqrds div.detail2 ul div { float:left; width:260px; margin-left:15px; display:inline; border-bottom:1px dotted #c6c69f; padding-bottom:7px; }
#awqrds div.detail ul div ul li { float:left; /*width:313px;*/ width:307px; background-image:url(images/win-dot.gif); background-repeat : no-repeat; padding-left:12px; display:inline; }
#awqrds div.detail2 ul div ul li { /*width:313px;*/ background-image:url(images/win-dot.gif); background-repeat : no-repeat; padding-left:12px; }
#aboutus div.detail p { width:310px; }
#aboutus div.detail2 p { width:310px; }
#quality div.content_R div.detail { width:272px; height:327px; background-image:url(images/bg_quality.jpg); padding:0; padding-left:407px; padding-top:44px; }
#quality div.content_R div.detail strong { width:206px; height:50px; display:block; background-image:url(images/about_quality_strong.jpg); text-indent:-9999px; }
#quality div.content_R div.detail p { width:233px; padding-top:22px; }
div.content_L ul.children { width:196px; float:left; display:inline; border-top:1px dotted #91c388; margin:0; }
div.content_L ul.children li { border:none; }
div.content_L ul.children a,
div.content_L ul.children li.on span { color:#37793a; height:26px; line-height:26px; display:block; background-image:url(images/arrow.gif); background-repeat:no-repeat; background-position:30px 10px; padding-left:40px; width:156px; color:#629d57; }
div.content_L ul.children a:hover { color:#030; }
div.content_L ul.children li.on a { background-color:#e5f4dd; }
#promotion_detail div.detail img,
#promotion_list div.detail img { width:636px; float:none; background-image: none; padding: 0px; border: 1px solid #FFF; }
#promotion_detail div.detail h3,
#promotion_list div.detail h3 { float:none; line-height:20px; display: block; margin-bottom: 10px; }
.eventlist { float:left; width:692px; }
.eventlist li { float:left; width:310px; margin-left:25px; _margin-left:12px; /*display:inline;*/ margin-bottom: 24px; }
.eventlist li div.image { float:left; }
.eventlist li .box { display: table-cell; vertical-align:middle; text-align:center; *display: block;width:100px;
/* *font-size:85px;
 *font-family:Arial;
 height:100px;*/ border:1px solid #cacaca; float:left; }
.eventlist div.right { padding-left:13px; width:190px; float:left; height:102px; overflow:hidden; }
.eventlist a { color:#71a966; text-decoration:underline; line-height:24px; }
.eventlist a:hover { text-decoration:none; }
.eventlist strong { color:#434343; font-weight:normal; line-height:24px; }
.eventlist span a { line-height:18px; color:#84a633; }
#index div.content_L div.banner { width:196px; margin-left:20px; float:left; padding-top:0px; height:107px; padding-left:1px; display:inline; }
#index div.content_L dl { position:absolute; background-image:url(images/bg_serach.png); background-repeat:no-repeat; width:269px; height:175px; left:-20px; top:-68px; }
div.flashBanner { width:1000px; height:447px; float:left; position:relative; left:-30px; }
#tabs-1 ul,
#tabs-2 ul,
#tabs-3 ul { width:460px; }
#tabs-1 ul a,
#tabs-2 ul a,
#tabs-3 ul a { color:#666666; }
#tabs-1 ul a:hover,
#tabs-2 ul a:hover,
#tabs-3 ul a:hover { color:#000000; }
#tabs-1 ul strong,
#tabs-2 ul strong,
#tabs-3 ul strong { color:#006d36; font-weight:normal; padding-right:5px; font-size: 11px; }
#tabs-1 ul li,
#tabs-2 ul li,
#tabs-3 ul li { line-height:26px; border-bottom:1px solid #d9d9d9; width:auto; width:428px; }
#tabs-1 ul li.last,
#tabs-2 ul li.last,
#tabs-3 ul li.last { border-bottom:none; }
#index div.content_L dl dt { margin-left:52px; margin-top:68px; font-size:13px; }
#tabs-1 a.more,
#tabs-2 a.more,
#tabs-3 a.more { float:right; background-image:url(images/pageBtn.png); background-repeat:no-repeat; color:#FFF; text-decoration:none; margin-left:5px; width:50px; padding-right:5px; background-position:0 -44px; text-align:center; height:21px; line-height:20px; display:inline; }
#tabs-1 a:hover.more,
#tabs-2 a:hover.more,
#tabs-3 a:hover.more { background-position:-64px -44px; text-align:center; }
#index div.content_R dl { width:216px; float:left; margin-left:13px; display:inline; }
#index div.content_R dl dt { color:#006d36; font-weight:bold; background-image:url(images/bg_index_dt.jpg); background-repeat:no-repeat; font-size:15px; padding-left:26px; line-height:18px; }
#index div.content_R dl dd a { border:1px solid #dcdee1; display:block; }
#index div.content_R dl dd a:hover { border:1px solid #a7a7a7; }
#index div.content_R dl dd a.more { color:#FFF; width:97px; height:23px; background-image:url(images/lectureBtn.png); text-align:center; line-height:23px; border:none; margin-top:12px; }
#index div.content_R dl dd a.more:hover { background-position: right 0px; border:none; }
#about_concept .concept { float:left; padding-bottom:22px; }
#about_concept .concept li { width:680px; float:left; background-image:url(images/bg_concept_li.jpg); margin-top:8px; }
#about_concept .concept li.first { height:137px; background-position:0px 0; margin-top:0px; }
#about_concept .concept li.second { height:111px; background-position:0 -137px; }
#about_concept .concept li.third { height:116px; background-position:0 -248px; }
#about_concept .concept li.fourth { height:134px; background-position:0 -364px; }
#about_concept .concept li.fifth { height:116px; background-position:0 -498px; }
#about_concept .concept dl { float:left; display:inline; width:430px; }
#about_concept .concept dt { line-height:27px; font-size:15px; color:#0c4f11; margin-top:12px; }
#about_concept .concept dt span { line-height:27px; display:block; text-align:center; width:27px; height:27px; background-image:url(images/bg_concept_dt_span.gif); background-repeat:no-repeat; color:#FFF; float:left; padding-right:4px; }
#about_concept .concept dd { margin-top:6px; line-height:18px; }
#about_concept .concept li.first dl,
#about_concept .concept li.third dl,
#about_concept .concept li.fifth dl { margin-left:18px; }
#about_concept .concept li.second dl,
#about_concept .concept li.fourth dl { margin-left:240px; }
#productList div.content_R div.banner { float:left; width:680px; background-color:none; padding-left:0px; padding-right:20px; padding-top:0px; }
#productSelected { float:left; width:680px; padding-right:20px; }
#productSelected li { width:657px; height:183px; float:left; background-image:url(images/bg_pro_ol_li.jpg); background-repeat:no-repeat; padding-top:14px; padding-left:23px; margin-top:10px; display:inline; overflow: hidden; }
#productSelected div.left { float:left; width:170x; height:170px; display:inline; border:1px solid #e6e6e6; background-color: #FFF; text-align: center; }
#productSelected div.right { padding-left:17px; width:450px; float:left; }
#productList div.right a,
#productSelected a { color:#046738; font-weight:bold; font-size:13px; }
#productSelected a:hover { text-decoration:underline; }
#productSelected .box { display: table-cell; vertical-align:middle; text-align:center; *display: block;
 *font-size: 148px;/*0.873*/
 *font-family:Arial;
width:170px; height:170px; }
#productSelected li div.right span,
#productSelected li div.right strong { width:450px; display:block; height:55px; overflow:hidden; padding-top:5px; }
#productSelected li div.right strong { color:#434343; font-weight:normal; }
#productSelected li div.path { float:right; margin-top:7px; margin-right: 25px; display: inline; }
#productSelected li div.path a { margin-left:5px; }
#productList div.content_R ul li { float:left; width:105px; padding-right:29px; padding-top:22px; padding-bottom:29px; }
#productList div.content_R ul li.firstRow { border-bottom:1px dotted #91c388; }
#productList div.content_R ul li.last { padding-right:19px; }
#productList div.content_R ul { width:680px; margin-left:20px; display:inline; float:left; }
#productList div.content_R ul li a.image { width:105px; height:105px; display:block; }
#productList div.content_R ul li a { width:105px; text-align:center; color:#84a633; text-decoration:underline; display:block; }
#productList div.content_R ul li a:hover { text-decoration:none; }
#productList div.content_R ul li strong { width:105px; text-align:center; color:#434343; display:block; font-weight: normal; }
#productList div.content_R ul li a.circleBtn { color:#FFF; text-decoration:none; margin-top:5px; margin-left:21px; display:inline; width:54px; }
#productList div.content_R li a.circleBtn span { padding-right:6px; }
.share_content a.more span,
#productSelected a.circleBtn span { color:#fff }
.share_content a.more:hover,
#productSelected a.circleBtn:hover { text-decoration:none; }
#productDetail div.content_R div.detail { float:left; width:646px; background-color:#f8f8ee; padding:17px; }
#productDetail div.content_R div.detail div.image { float:left; width:352px; background-color: #FFF; text-align: center; }
#productDetail div.content_R div.detail div.image img { overflow:hidden; }
#productDetail div.content_R div.detail div.right_top { float:left; width:260px; margin-left:20px; padding-bottom:15px; border-bottom:1px dotted #91c388; display:inline; overflow:hidden; }
#productDetail div.content_R div.detail div.right { float:left; width:290px; }
#productDetail h3 { color:#046738; font-size:15px; width:260px; float:left; font-weight: bold; }
#productDetail h4 { color:#390; font-size:12px; width:260px; float:left; font-weight: normal; padding: 0px; }
#productDetail div.content_R div.detail span { margin-top:10px; width:260px; float:left; }
#productDetail div.content_R div.detail div.right_top a { float:left; color:#84a633; margin-top:10px; text-decoration:underline; }
#productDetail div.content_R div.detail div.right_top a:hover { text-decoration:none; }
#productDetail div.content_R div.right_bottom { float:left; width:260px; margin-left:20px; display:inline; padding-top:15px; color:#434343; }
#productDetail div.content_R div.right_bottom ul { width:260px; float:left; }
#productDetail div.content_R div.detail ul li { line-height:20px; float:left; width:260px; }
#productDetail div.content_R div.detail ul li span,
#productDetail div.content_R div.detail ul li form { float:left; }
#productDetail div.content_R div.detail ul li.form { line-height:25px; }
#productDetail div.content_R div.detail ul li select { width:90px; margin-top:2px; }
#productDetail div.content_R div.detail div.right_bottom a { margin-top:5px; }
#productDetail div.content_R div.detail span.facebook { float:right; line-height:14px; margin-top:28px; width: auto; }
span.facebook img { padding:0; float:left; }
span.facebook a { float:left; color:#666666; text-decoration:underline; padding-left:5px; width:97px; }
span.facebook a:hover { color:#333; }
#productDetail div.content_R div.productList { width:682px; background-image:url(images/bg_product_detail-_ul_top.jpg); background-repeat:no-repeat; float:left; margin-top:10px; }
#productDetail div.content_R div.productList_bottom { width:682px; height:7px; background-image:url(images/bg_product_detail-_ul_bottom.jpg); background-repeat:no-repeat; float:left; }
#productDetail div.content_R div.productList h4 { font-size:13px; color:#046738; font-weight:bold; padding-left:14px; padding-right:14px; padding-top:14px; padding-bottom:9px; }
#productDetail div.content_R div.productList ul { width:680px; margin-left:20px; display:inline; float:left; }
#productDetail div.content_R div.productList ul li { float:left; width:105px; padding-right:29px; padding-bottom:27px; }
#productDetail .productList ul li a.image { width:105px; height:105px; display:block; border:1px solid #e2e2e2; }
#productDetail .productList ul li a:hover.image { border-color:#84a633; }
#productDetail div.content_R div.productList ul li .box { display: table-cell; vertical-align:middle; text-align:center; *display: block;
 *font-size: 92px;/*0.873*/
 *font-family:Arial;
width:105px; height:105px; }
.box img { vertical-align:middle; }
#productDetail div.content_R div.productList ul li a { width:105px; text-align:center; color:#84a633; text-decoration:underline; display:block; }
#productDetail div.content_R div.productList ul li a:hover { text-decoration:none; }
#productDetail div.content_R div.productList ul li strong { width:105px; text-align:center; color:#434343; display:block; font-weight: normal; }
#productDetail div.content_R div.productList ul li em { font-size:15px; color:#ff4200; }
#productDetail div.content_R div.productList ul li a.circleBtn { color:#FFF; text-decoration:none; margin-top:5px; margin-left:21px; display:inline; width:55px; }
.bannerlecture { background-image: url(images/banner_lecture.jpg); height: 93px; width: 675px; padding-top: 60px; margin-bottom: 10px; }
.bannerlecture strong { font-weight: normal; color: #629E58; display: block; width: 288px; margin-left: 375px; }
.selectedclip img { float: left; margin-right: 18px; border: 1px solid #e5e5e5; }
h2 { background-image: url(images/lectureH2.jpg); height: 25px; width: 670px; font-size: 13px; line-height: 25px; padding-left: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; clear: both; }
.selectedclip,
.lecturesignup { background-image: url(images/lectureClipBg.png); height: 180px; width: 634px; float: left; padding-top: 10px; padding-right: 23px; padding-left: 23px; margin-bottom: 10px; background-position: 0px bottom; }
.selectedclips { background-image: url(images/bg_pro_ol_li_s.gif); height: 137px; position:relative; }
.selectedclip2 { background: #F8F8EE url(none); padding:16px; height:auto; }
.selectedclips img { border: 1px solid #e6e6e6; }
.selectedclip2 img { margin-right:12px; }
.selectedclip { overflow:hidden; }
.lecturesignup { height:auto; padding-bottom: 15px; }
.selectedclip a.title,
.lecturesignup .title { font-size: 15px; font-weight: bold; color: #d35179; float: left; line-height: 44px; display: block; width: 435px; }
.selectedclip a.title:hover { color: #BB2F59; text-decoration: none; }
.lecturesignup .title { color: #EE904A; width: 630px; }
.lecturesignup a.title:hover { color: #F90; }
.selectedclip .title strong,
.lecturesignup .title strong { font-size: 12px; font-weight: normal; color: #FFF; background-image: url(images/lectureDate.jpg); height: 37px; width: 44px; display: block; float: left; text-align: center; margin-right: 5px; margin-bottom: 5px; line-height: 14px; padding-top: 7px; }
.lecturesignup .title strong { background-image: url(images/lecturesignDate.jpg); }
.selectedclip a { color: #84a633; }
.selectedclip a:hover { text-decoration:underline; }
.selectedclip a.circleBtn { color: #FFF; position:absolute; bottom:12px; right:12px;}
.selectedclip a.circleBtn:hover { text-decoration: none; }
.selectedclip .clipContent { float: left; width: 440px; }
.selectedclips .clipContent { width: 513px; }
.selectedclip2 .clipContent { }
.selectedclip2 .clipContent,
.selectedclip2 ol { margin-bottom:1em; width: 410px; float:left; }
.other ol li,
.selectedclip2 ol li { line-height: 1.8em; background: url(images/arrow2.gif) no-repeat left 5px; padding-left: 16px; float:left; width:46%; }
.other ol li a,
.selectedclip2 ol li a { color:#555555; text-decoration: underline; }
.other ol li a:hover,
.selectedclip2 ol li a:hover { color:#71a966; }
#lecture { width: 680px; float: left; border-collapse:collapse; }
#lecture td { border:#e1e1e1 solid 1px; padding: 4px; }
#lecture.lectureform tr:hover { background-color: #FFF; }
#lecture tr:hover { background-color: #ebebeb; }
#lecture th { background-color: #e2f2cd; color: #4f8b44; padding: 4px; border: 1px solid #e1e1e1; font-weight: normal; }
#lecture a.signbtn,
#lecture .close { background-image: url(images/signupBtn.jpg); height: 20px; width: 61px; display: block; text-align: center; color: #666; }
#lecture a.signbtn:hover { background-position: 0px -21px; height: 19px; padding-top: 1px; }
#lecture .close { background-position: 0px -42px; color: #999; }
#lecture .lecturetitle { font-weight: normal; float: left; width: 150px; display: block; }
#lecture .detail { float: right; color: #4F8B44; }
.detailRe { position: relative; }
#lecture a.detail:hover { color: #360; }
.lecturedetail { background-image: url(images/lecturedetailBG.png); background-repeat: no-repeat; background-position: 0px bottom; width: 310px; position: absolute; padding: 3px; z-index: 5; float: left; left: 30px; bottom: -10px; display:block; }
.lecturedetail .detailtop { background-image: url(images/lecturedetail.png); height: 3px; width: 316px; margin-left: -3px; margin-top: -3px; font-size: 0px; line-height: 0px; }
.lecturedetail strong { background-color: #95b44a; display: block; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; font-weight: normal; color: #FFF; }
.lecturedetail em { color: #ff6c00; float: left; display: block; width: 40px; }
.lecturedetail li { float: left; width: 290px; display: block; color: #666; }
.lecturedetail ul { float: left; width: 290px; margin-right: 10px; margin-left: 10px; margin-top: 5px; margin-bottom: 5px; }
.lecturedetail span { float: left; width: 250px; }
.lecturesignup ul { float: left; width: 620px; margin-left: 50px; display: inline; }
.lecturesignup em { color: #ff6c00; float: left; width: 40px; }
.lecturesignup li span { display: block; width: 540px; float: left; }
.lecturesignup li { float: left; }
.lectureform th { width: 80px; text-align: right; }
#lecture input { border: 1px solid #c2c2c2; }
.confirm { float: left; width: 300px; display: inline; margin-top: 10px; margin-left: 280px; }
.confirm a { background-image: url(images/confirm.png); display: block; float: left; height: 23px; width: 64px; margin-right: 5px; line-height: 23px; color: #FFF; padding-left: 10px; }
.confirm a:hover { background-position: 0px -23px; }
.confirm a.back { width: 76px; background-position: -74px 0px; color: #666; }
.confirm a.back:hover { background-position: -74px -23px; }
.notice { border: 3px solid #e7e7e7; background-color: #FFF; background-image: url(images/noticeBg.jpg); background-position: right bottom; background-repeat: no-repeat; padding: 25px; width: 320px; display: none; }
.notice .circleBtn { margin-left: 130px; display: inline; margin-top: 5px; }
.notice strong { color: #89AA2E; font-weight: normal; margin-top: 5px; display: block; }
.pager { margin-left: 25px; width: 650px; float: left; display: inline; }
.pager a.prev,
.pager a.next,
.pager a.back { display:inline-block; background-image: url(images/pageBtn.png); height: 21px; width: 55px; line-height: 21px; color: #FFF; text-align: center; margin-right: 5px; }
.pager a:hover { background-position: -64px 0px; }
.pager a.next { background-position: 0px -44px; /*margin-left:5px;*/ }
.pager a.next:hover { background-position: -64px -44px; }
.pager a.back { background-position: 0px -22px; width:63px; }
.pager a.back:hover { background-position: -64px -22px; }
.pager span { /*float: left;*/ }
.pager span a { color: #7e7e7e; padding-right: 5px; padding-left: 5px; }
.pager span strong { padding-right: 5px; padding-left: 5px; color: #71A966; text-decoration: underline; }
.detail .content strong { font-weight: normal; color: #333; display: block; margin-bottom: 5px; }
.pagerIn { /*width: 200px; margin-left: 250px;*/ display:block; float:none; margin:0; text-align:center; width:692px; clear:both; }
#editArea { min-height:380px; _height:380px; background-color: #f8f8ee; display: block; margin-bottom: 10px; width: 638px; padding: 20px; float: left; }
#editArea .floatR,
#editArea .floatL,
#editArea .nopic,
#editArea .floatSlider { float: left; margin-bottom: 15px; width: 638px; }
#editArea h2 { background-image: none; font-size: 15px; line-height: 20px; color: #0c4f11; font-weight: bold; display: block; width: auto; padding: 0px; height: auto; }
#editArea .knowledge { background-image: url(images/dot.gif); padding-left: 30px; margin-bottom: 3px; }
#forum #editArea h2 { clear:none; }
#editArea .date,
#editArea .location { color: #333; display: block; margin-top:3px; margin-bottom:3px; }
#editArea .location { margin-bottom: 10px; }
#editArea .textarea { float: left; width: 315px; display: block; text-align: justify; }
#editArea .pic { float: right; background-image: url(images/bg_proD_infoImg.jpg); background-repeat: no-repeat; background-position: left bottom; padding: 3px 4px 5px 3px; }
#editArea .floatL .textarea { float: right; }
#editArea .floatL .pic { float: left; }
div.contentpic { display: none; float: right; width: 310px; }
div.contentpic a,
div.navigation a { text-decoration: none; color: #777; }
div.contentpic a:focus,
div.contentpic a:hover,
div.contentpic a:active { text-decoration: underline; }
div.slideshow-container { position: relative; clear: both; height: 310px; }
div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; }
div.slideshow a.advance-link { display: block; width: 310px; height: 310px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 310px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; background-image:url(images/bg_proD_infoImg.jpg); background-repeat:no-repeat; background-position:right bottom; background-color: #FFF; padding: 0px 5px 0px 3px; }
div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited { text-decoration: none; }
div.slideshow img { vertical-align: middle; }
div.image-title { font-weight: bold; font-size: 1.4em; }
div.image-desc { line-height: 1.3em; padding-top: 12px; }
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
ul.thumbs li.selected a.thumb img { border: 1px solid #84A633; }
a.thumb:focus { outline: none; }
ul.thumbs img { border: 1px solid #FFF; }
#slide { float: right; width: 310px; }
#productList .pager { padding-top: 10px; }
#productDetail .pagerIn { padding-top: 10px; }
.adds { height:  105px; width:   680px; padding: 0; margin:  0; overflow: hidden; }
.adds img { top:  0; left: 0 }
.productbanner { background-image: url(images/banner_birdnest.jpg); background-repeat: no-repeat; height: 152px; width: 675px; text-indent: -8000px; }
#banner_pearl { background-image: url(images/banner_pearl.jpg); }
#banner_aloe { background-image: url(images/banner_aloe.jpg); }
#banner_gift { background-image: url(images/banner_gift.jpg); }
#banner_herbal { background-image: url(images/banner_herbal.jpg); }
#banner_health { background-image: url(images/banner_health.jpg); }
#banner_skin { background-image: url(images/banner_skin.jpg); }
#lecture .error { color: #d35179; display: block; padding-top: 3px; padding-bottom: 3px; }
.certification li { float: left; margin-right: 15px; }
.certification img { border: 1px solid #E9E9E9; }
.set_img { margin-left: -15px; margin-top: 10px; }
.bannerlecture em { display: block; margin-top: 10px; text-align: right; padding-right: 10px; }
#productlistS li .box { height: 100px; width: 100px; display: table-cell; vertical-align:middle; text-align:center; *display: block;
 *font-size: 87px;/*0.873*/
 *font-family:Arial;
}
#productDetail em,
#productSelected em,
#productList em { color:#84A633; font-size:15px; }
#productDetail .linethrough { text-decoration: line-through; color: #999; }
#productDetail .linethrough em { font-size: 12px; color: #999; }
#productDetail .s_price em,
#productSelected .s_price,
#productList .s_price { color: #ff4200; }
#faq { width:680px; }
#faq dt { background-image: url(images/Q.jpg); height: 37px; width: 625px; color: #84a633; line-height: 37px; padding-left: 55px; margin: 0px; }
#faq dd { background-image: url(images/faqBG.gif); background-position: bottom; margin: 0px 0px 7px; padding: 10px 10px 20px 25px; }
#faq dd strong { background-image: url(images/A.jpg); display: block; height: 25px; color: #FF8E05; font-weight: normal; line-height: 25px; padding-left: 30px; margin-bottom: 10px; }
.media { margin-bottom: 10px; }
#media img { float: left; }
#media .mediaContent { float: right; width: 315px; }
#media h3 { font-weight: bold; margin-bottom: 5px; }
#media a.open { background-image: url(images/zoomin.jpg); display: block; padding-left: 20px; background-position: 0px 3px; color: #84a633; text-decoration: underline; margin-top: 5px; margin-bottom: 10px; }
#media a.open:hover { text-decoration:none; }
#media object { float: left; }
.mediaContent em { display: block; color: #333; }
#fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #6a9e60; z-index: 1100; display: none; }
* html #fancybox-overlay {	/* IE6 */ position: absolute; width: 100%; }
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; }
#fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none; }
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF; }
#fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden; }
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; }
#fancybox-close { position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; background-image: url(images/close.gif); cursor: pointer; z-index: 1103; display: none; }
#fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0; }
#fancybox-content { height: auto; width: auto; padding: 0; margin: 0; }
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic; }
#fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block; }
#fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102; }
.fancybox-title-inside { padding: 10px 0; text-align: center; color: #333; }
.fancybox-title-outside { padding-top: 5px; color: #FFF; text-align: center; font-weight: bold; }
.content_R .celebrity,
.content_R .community {position:relative; background-image:url(images/bg_pro_ol_li.jpg); background-position: top; background-repeat: no-repeat; height:185px; padding-top:13px; }
.celebritylist,
.communitylist { background-color: #f8f8ee; padding-top: 20px; width: 680px; margin-bottom: 15px; _padding-bottom:24px;}
.communitylist li { margin-left: 22px; }
.clipContent h3 a { font-size: 15px; color: #046739; font-weight: bold; }
.clipContent .date { color: #666; display: block; margin-top: 3px; margin-bottom: 3px; }
.tag { margin-bottom:10px; }
.tag a { display:block; float:left; margin-left:4px; width:45px; height:21px; line-height:21px; text-align:center; background-image:url(images/media_tag.gif); color:#fff; background-position:0 top; }
.tag .news { background-position:0 0; }
.tag .mag { background-position:-45px 0; }
.tag .radio { background-position:-90px 0; }
.tag .video { background-position:-135px 0; }
.tag .news:hover { background-position:0 -21px; }
.tag .mag:hover { background-position:-45px -21px; }
.tag .radio:hover { background-position:-90px -21px; }
.tag .video:hover { background-position:-135px -21px; }
.newsList { width:682px; margin-bottom:20px; }
.newsList table { border-collapse:collapse; width:100%; text-align:center; }
.newsList td,
.newsList th { border:1px solid #e1e1e1; padding:7px 0; }
.newsList th { background-color:#e2f2cd; color:#4f8b44; font-weight:normal; }
.newsList table a { text-align:left; width:90%; display:block; margin-left:15px; color:#629d57; text-decoration:underline; }
.newsList table a:hover { color:#3b7331; }
.newsList .news { color:#629d57; }
.newsList .mag { color:#6280b7; }
.newsList .radio { color:#bf8744; }
.newsList .video { color:#c15996; }
#celebrity h2 { clear:both; height:auto; width:auto; background: url(none); margin: 0; padding-left:0px; color: #046738; font-size: 16px; font-weight: bold; }
#celebrity h2 a { font-weight: bold; }
#celebrity h3 { width:100%; }
#celebrity a.name { float:left; margin-top:3px; margin-right:0.5em; text-decoration: underline; }
#celebrity #editArea a.name { margin-top:0px; color:#71a966; text-decoration: none; }
/*************************** panel ************************************************/
/*
.panel{
	width:680px;
	height:183px;
	padding-top:14px;
	padding-left:0px;
	margin-top:10px;
	background: url(images/bg_pro_ol_li.jpg) no-repeat;
	position: relative;
	line-height:1.8em;
	font-family: Verdana, "?�細?��?";
	margin-bottom:10px;
}
.panel.panels{
	width:50%;
	height:100px;
	margin-top:0px;
	background: url(none);
	margin-bottom:0px;
	float:left;
	height:110px;
	padding-top:10px
}
.panel .img_box{
	position:absolute;
	top:14px;
	left:23px;
}
.panels .img_box{
	top:10px;
}
.panel .txt_box{
	margin-left:200px;
	padding-right:1.2em;
}
.panel .txt_box .share_tit,
.panel .txt_box .share_name{
	float:left;
}
.panel .txt_box .share_name a{
	color:#71a966;
	text-decoration: underline;
	margin-right:0.6em;
}
.panel .txt_box .more{
	position:absolute;
	right:24px;
	bottom:24px;
}

.panels .txt_box{
	margin-left:132px;
}
.panels .txt_box .share_date{
	clear:both;
	margin-top:-10px\9;
}
*/
/*************************** panel ************************************************/

.pagers { margin-left: 0px; text-align:center; /*width: 222px;*/ float: none; overflow:hidden; margin-left:auto; margin-right:auto; display:block; margin-bottom:2em; }
#magazines #editArea h2,
#celebrity #editArea h2 { background: url(images/dot.gif) no-repeat left top; padding-left: 30px; line-height:22px; }
#forum #editArea .pic,
#magazines #editArea .pic,
#celebrity #editArea .pic { float: left; padding: 0px 20px 10px 0px; background: url(none); }
#magazines #editArea .floatL .textarea,
#celebrity #editArea .floatL .textarea { float: none; width:auto; display:inline; line-height:1.6em; color:#514f50; }
#magazines #editArea .floatL .textarea img{ float: left; padding: 0px 20px 10px 0px; background: url(none); }
#magazines #editArea .floatL .textarea strong,
#magazines #editArea .floatL .textarea strong span{ font-weight: bold; color: #71A966; }
#magazines #editArea .floatL .textarea em{ color:#84A633;}
#forum #editArea .floatL .textarea { float: none; width:auto; line-height:1.6em; margin-left:190px; }
#forum #editArea .floatL .textarea p,
#celebrity #editArea .floatL .textarea p { margin-bottom:1.6em; }
#forum h3 { color:#71a966; font-weight: bold; margin: 0.8em 0em; font-size: 12px; }
#forum .pic dl { width:170px; }
#forum .pic dt { color:#71a966; }
#forum .pic dd { background: url(images/arrow3.gif) no-repeat 2px 7px; padding-left: 10px; color:#777777; }


#magazines #editArea h2 { background: none; padding-left: 0px; }
#magazines #editArea h2 .num{ display:none;}



.tit,
.tit a { color:#046739; font-size:15px; font-weight:bold; }
.num { margin-right:0.3em; }
.item_name { font-size: 13px; }
.item_name,
.num { color:#71a966; }
.selectedclip2 .pager { float:right; width:auto; }
.selectedclip3 { margin-bottom:10px; }
.col,
.other { float:left; position:relative; width:96%; padding-bottom:20px; }
.col ol { overflow:hidden; }
.col li { float:left; width:91px; text-align:center; margin-left:24px; _margin-left:10px; }
.col li.first { margin-left:0px; }
.col img { border:1px solid #E5E5E5; }
.col .txt { font-size:15px; padding-top: 5px; }
.col .txt,
.col .txt a { text-decoration: underline; font-weight: bold; color:#71A966; }
.col .back { position:absolute; right:4px; top:9px; color:#71A966; }
#magazines h4 { font-size: 12px; margin-bottom: 0.5em; color:#71a966; font-weight: bold; margin-top:3px; }
#magazines .other h4,
#magazines .col h4 { font-size: 15px; margin-bottom:1em; margin-top:0.5em; }
#magazines #editArea .date { float:left; margin-right:2em; }
#magazines h4 { display:none;}