@charset "utf-8";
.float_left {
	float: left;
}
.float_right {
	float: right;
}
#index .content_R .GoInvoice   {
	width: 120px;
	float: left;
	margin: 25px 0 0 8px;
}
#index .content_R .GoInvoice .Content {
	height: 34px;
	background: no-repeat;
	margin: 0 0 4px 0;
}
#index .content_L {
	width: 170px;
}
#index .content_R {
	width: 765px;
}
#index .content_L dl dt { width:150px; height:26px; background-image:url(images/bg_serach_top_2.jpg); line-height:26px; color:#FFF; padding-left:9px; margin-left:52px; margin-top:25px; font-size:13px; }
#index .content_L dl dd { margin-left:52px; width:150px; height:97px; background-image:url(images/bg_serach_bottom.gif); padding-top:6px; background-repeat:no-repeat; }
#index .content_L dl select { width:132px; height:22px; line-height:22px; color:#244f0c; margin-left:10px; margin-top:4px; float:left; }
#index .content_L dl {
	background: url(none) no-repeat;
}
#index { width:937px; float:left; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; padding-bottom:50px; }
.__________________________ {
}
* { background-repeat: no-repeat; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif;}
a { outline: none; /* for Firefox */ hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
.banners { height: 60px; width: 195px; overflow: hidden; }
.indexadds { height: 77px; width: 219px; overflow: hidden; margin-top:7px; }
object { outline:none; }
table{ border-collapse:collapse; }
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, .messa3 a.newbtn_2 {
	margin-right: 6px;
	float: right;
	display: block;
	width: 57px;
	height:21px;
	color:#fff;
	padding-left: 8px;
	background: url(images/newsBtn.png) 0px -21px;
}
.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 .nav a.fb { text-indent:-9999px; background:url(images/icon_fb.gif) no-repeat 50% 50%; height:47px; width:20px; display:inline-block;}
#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:225px; 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; }
h1.service { background-position:0px -1350px; }
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:194px; height:26px; background-image:url(images/bg_serach_top.jpg); 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:175px; 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:710px; 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 ul.children a,
div.content_L ul.children 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:50px 10px; padding-left:60px; width:136px; 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-repeat:no-repeat; width:269px; height:175px; left:-40px; 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;
	width: 50px;
	display: block;
	float: left;
}
#tabs-1 ul li,
#tabs-2 ul li,
#tabs-3 ul li { line-height:26px; border-bottom:1px solid #d9d9d9; width:auto; width:380px; }
#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:219px; float:left; margin-left:7px; 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;
	bottom:12px;
	right:12px;
	float: right;
}
.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: 120px; 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); }
#banner_serviceFaq{  background-image: url(images/banner_service_faq.jpg); height:123px; margin-bottom:20px;}
#banner_member{  background-image: url(images/member/member_login_0211_05.jpg); height:123px; margin-bottom:20px;}
#banner_serviceCenter{  background-image: url(images/banner_service_center.jpg); margin-bottom:20px;}
#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;}

#knowledge h3 {
	color: #37793a;
	font-size: 13px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;
}
#knowledge .darkgreen {
	color: #0C4F11;
	font-weight: bold;
}
#knowledge .green {
	color: #629D57;
}
#knowledge .pink {
	color: #d35179;
}
#knowledge .orange {
	color: #e67623;
}
#editArea .video {
	width: 365px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	background-image: url(images/know_bg.gif);
	background-repeat: repeat-y;
}
#flashVideoPlayer{
	width: 367px;
	height:230px;
}
#editArea .video a {
	color: #555555;
	display: block;
	background-image: url(images/knowl_arrow.gif);
	background-position: 10px bottom;
	line-height: 20px;
	height: 20px;
	padding-left: 20px;
}#editArea .video a:hover{color: #629d57;}
#editArea .video ul {
	background-image: url(images/know_bg_bt.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}
#editArea .video li {
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px dotted #cdcdcd;
}
#editArea .video .on a {
	background-color: #e5f4dd;
	background-position: 10px top;
	color: #629d57;
}

/*會員優惠券*/

.coupon_list{
	line-height:35px;}

	
.coupon_list td{
	border:1px solid #e5e5e5;
	padding-left:10px;	}
	
.table_title{
	background-color:#e2f2cd;	}

.green_word{
	color:#690;
	}

#member_print{
	width:690px;

	}

.print_info{
	width:680px;
	line-height:30px;
	border-color:#CCC;
	}

.print_info th{
	color: #333;
	background-color: #E2F2CD;
	border: 1px solid #ccc;
	}
		
.print_info td{
	padding-left:8px;
	border:solid 1px #CCC;
	}
.info li{
	display:block;
	line-height:25px;
	
	}
	
#member_info{
	width:680px;

	margin-top:15px;
}

.info img{
	margin:15px 0px 0px 20px;
	
	}
.info{
	width:690px;

	}
	
.info h3{
	font-size:15px;
	font-weight:bold;
	color:#360;

	}
#member_info 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; }

.coupon_content{
	width:640px;
	margin:10px 0px 25px 25px;
	}

.print_btn{
	width:100px;
	height:23px;
	margin:0 auto;
	
	}

.print_btn a {
	display:block;
	width:100px;
	height:23px;
	background-image:url(images/member/member_btn.jpg);
	color:#FFF;
	line-height:23px;
	padding-left:20px;

}

.print_btn a:hover{
	background-image:url(images/member/member_print.jpg);
	background-position:bottom;
}




/*locationDetail*/
.location{margin-bottom:20px; float:left; width:680px;}
.location .info{ background:#84a633 url(images/bg_service_location_title.gif) no-repeat top;
padding:110px 13px 10px 13px; width:148px; height:370px; display:block; overflow:hidden; float:left; color:#fff; 
position:relative;}
.location .pager{ margin-left:45px; width:50px;}
.location .pager a{display:block; position:absolute; bottom:10px;}

.location .map{float:left; width:500px;}

/*locationTAB*/
.location .ui-tabs{ width:680px;}
.location .ui-tabs .ui-tabs-panel{ background:none;}
.location .ui-tabs .ui-tabs-nav li{ margin-right:1px;}
.location .top,.location .bottom{ height:7px;}
.location .top{ background:url(images/bg_locationtab_top.gif) no-repeat;}
.location .mid{background:url(images/bg_locationtab_mid.gif) repeat-y;}
.location .bottom{background:url(images/bg_locationtab_bottom.gif) no-repeat;}
.location .ui-state-default, .location .ui-widget-content .ui-state-default {
background-image:url(images/bg_tabsBtn2.gif);}
.location .ui-state-active, .location .ui-widget-content .ui-state-active{
background-image:url(images/bg_tabsBtn_hover_first2.jpg);	}
.location .ui-tabs .ui-tabs-nav a{ width:70px; font-size:12px; }
.location .ui-state-default a,.location .ui-state-default a:link, .location .ui-state-default a:visited {
color:#929292;}
.location .ui-state-active a, .location .ui-state-active a:link, .location .ui-state-active a:visited {
color:#84a633;}

.member_loginbox li {
    display: block;
    height: 30px;
    line-height: 30px;
    margin: 0 auto;
    padding-left: 10px;
    width: 250px;
}
#member_step {
    height: 35px;
    margin: 0 auto;
    padding: 10px 0 10px 5px;
    width: 610px;
}
#member_step li {
    display: block;
    float: left;
}
#member_step .step01 {
    background-image: url("images/member/member_step1_0211_13.jpg");
    background-position: left top;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 123px;
}
#member_step .step01_on {
    background-image: url("images/member/member_step1_0211_13.jpg");
    background-position: left bottom;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 123px;
}
#member_step .step02 {
    background-image: url("images/member/member_step1_0211_14.jpg");
    background-position: left top;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 123px;
}
#member_step .step02_on {
    background-image: url("images/member/member_step1_0211_14.jpg");
    background-position: left bottom;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 123px;
}
#member_step .step03 {
    background-image: url("images/member/member_step1_0211_15.jpg");
    background-position: left top;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 123px;
}
#member_step .step03_on {
    background-image: url("images/member/member_step1_0211_15.jpg");
    background-position: left bottom;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 123px;
}
#member_step .step04 {
    background-image: url("images/member/member_step1_0211_16.jpg");
    background-position: left top;
    height: 35px;
    line-height: 35px;
    padding-left: 8px;
    width: 98px;
}
#member_step .step04_on {
    background-image: url("images/member/member_step1_0211_16.jpg");
    background-position: left bottom;
    height: 35px;
    line-height: 35px;
    padding-left: 7px;
    width: 98px;
}
#member_step .step05 {
    background-image: url("images/member/member_step1_0211_17.jpg");
    background-position: left top;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 109px;
}
#member_step .step05_on {
    background-image: url("images/member/member_step1_0211_17.jpg");
    background-position: left bottom;
    height: 35px;
    line-height: 35px;
    padding-left: 5px;
    width: 109px;
}
.member_agreetitle {
    background-color: #ECEFE6;
    height: 30px;
    margin-bottom: 5px;
    width: 681px;
}
.member_agreetitle h3 {
    display: block;
    float: left;
    line-height: 30px;
    width: 200px;
}
.member_agreetitle img {
    display: block;
    float: left;
    line-height: 30px;
    width: 35px;
}
.member_steptitle {
    color: #E78943;
    font-size: 15px;
    font-weight: bold;
}
#member_rule {
    height: 300px;
    width: 100%;
}
.member_rule_content {
    border: 1px solid;
    height: 300px;
    margin: 10px auto;
    overflow: scroll;
    padding: 10px;
    width: 600px;
}
.member_rule_content h3 {
    background-color: #6EA164;
    color: #FFFFFF;
    display: block;
    line-height: 25px;
    margin-top: 10px;
    padding-left: 5px;
}
.member_rule_content p {
    display: block;
    line-height: 25px;
    padding: 5px;
}
#member_send {
    height: 300px;
    width: 100%;
}
.member_send_content {
    border: 1px solid #E3E3E3;
    height: 150px;
    margin: 10px auto;
    width: 600px;
}
.member_send_content h3 {
    background-color: #6EA164;
    color: #FFFFFF;
    display: block;
    line-height: 25px;
    padding-left: 5px;
}
.member_send_content p {
    display: block;
    line-height: 25px;
    margin: 0 auto;
    padding: 10px;
    width: 400px;
}
.send_word {
    color: #5C9252;
    font-weight: bold;
}
.member_checkpsw {
    border: 1px solid #E3E3E3;
    height: 150px;
    margin: 20px auto;
    width: 550px;
}
.member_checkpsw h3 {
    background-color: #6EA164;
    color: #FFFFFF;
    display: block;
    line-height: 25px;
    padding-left: 5px;
}
.member_checkpsw p {
    display: block;
    line-height: 25px;
    margin: 15px auto;
    padding: 10px;
    width: 400px;
}
.member_forgeterror {
    border: 1px solid #E3E3E3;
    height: 100px;
    margin: 20px auto;
    width: 500px;
}
.member_forgeterror h3 {
    background-color: #6EA164;
    color: #FFFFFF;
    display: block;
    line-height: 25px;
    padding-left: 5px;
}
.member_forgeterror p {
    display: block;
    line-height: 25px;
    margin: 15px auto;
    padding: 10px;
    width: 300px;
}
.member_forgetsend {
    border: 1px solid;
    height: 190px;
    margin: 20px auto;
    width: 500px;
}
.member_forgetsend h3 {
    background-color: #6EA164;
    color: #FFFFFF;
    display: block;
    line-height: 25px;
    padding-left: 5px;
}
.member_forgetsend p {
    display: block;
    line-height: 25px;
    margin: 15px auto;
    padding: 10px;
    width: 300px;
}
.member_active_content {
    border: 1px solid;
v    margin: 10px auto;
    width: 600px;
}
.member_active_content h3 {
    background-color: #6EA164;
    color: #FFFFFF;
    display: block;
    line-height: 25px;
    padding-left: 5px;
}
.member_active_content p {
    display: block;
    line-height: 25px;
    margin: 0 auto;
    padding: 10px;
    width: 400px;
}

.location small{ display:none;}
.location table td{ background:#ebebeb; color:#777; height:20px; line-height:20px;}
.location .even td{ background:#fff; color:#777; height:30px; line-height:30px;}
.location table .shop{ width:100px; text-indent:10px;}
.location table .tel{ width:120px;}
.location .link{ width:70px;}
.location .link a{ background:url(images/ico_arrow.gif) no-repeat left center;  display:block; padding-left:20px; 
*height:13px; *line-height:15px;
height:12px;line-height:12px;}
.location .link a:hover{ text-decoration:underline;}

#tabs .locationNav{ width:100%; margin-bottom:20px; float:left;}
#tabs .locationNav li{ float:left; height:13px; border-right:1px solid #ccc; font-size:12px; width:auto; padding:0 10px; border-bottom:none; line-height:14px;}
#tabs .locationNav li.end{ border:none;}
#tabs .locationNav .on{ color:#84a633;}

#banner_serviceCenter{position:relative;}
#banner_serviceCenter .text{ width:455px; position:absolute; top:25px; left:212px; color:#222;}
#banner_serviceCenter .text a:hover{ text-decoration:underline;}

























/*會員登入*/

.member_login_L{
	border:solid 1px;
	border-color:#e3e3e3;
	margin:10px 10px 0px 0px;
	width:327px;
	height:234px;
	float:left;
	background-color:f8f8ee;}

.member_login_L a{
	display:block;
	width:87px;
	margin:0 auto;
	line-height:23px;
	background-image:url(images/member/member_green.jpg);
	background-position:top;
	color:#FFF;
	padding-left:12px;
}

.member_login_L a:hover{
		background-image:url(images/member/member_green.jpg);
		background-position:bottom;
}

.member_loginbox{
	width:280px;
	margin:10px auto 10px 25px;
	padding-top:10px;
	background-color:#e5ebde;
	}
	
.member_loginbox li{
	display:block;
	width:250px;
	height:30px;
	margin:0 auto;
	line-height:30px;
	padding-left:10px;
	}
.member_loginbox li a{
	background-image:url(images/member/member_login_0211_13.jpg);
	width:87px;
	height:23px;
	line-height:23px;
	color:#FFF;
}

.member_login_L a.forget{
	display: inline;
	background-image: none;
	color: #666;
	text-decoration: underline;
	margin-left: 20px;
}
	
.member_login_R{
	border:solid 1px;
	background-image:url(images/member/member_login_0211_09.jpg);
	border-color:#e3e3e3;
	margin:10px;
	width:327px;
	height:234px;
	float:left;
	background-color:f8f8ee;}

.member_login_L h3{
	display:block;
	padding-left:20px;
	padding-top:20px;
	line-height:25px;
	color:#363;
	font-weight:bold;
	}

.member_login_R h3{
	display:block;
	padding-top:25px;
	padding-left:10px;
	line-height:25px;
	color:#363;
	font-weight:bold;
	}
.member_login_R p{
	display:block;
	width:200px;
	padding-left:10px;

	}

.member_login_L p{
	display:block;
	padding:10px;
	line-height:25px;
	width:280px;
	height:120px;
	margin:15px auto;
}

.mamber_loginbox_L{
	margin:10px auto 0 10px;
	width:310px;
	height:150px;
	background-color:#e5ebde;
	}
	
.mamber_loginbox_R{
	margin:10px auto 0 10px;
	width:220px;
	height:150px;
	}


.member_login_btn{
	width:100px;
	height:23px;
	margin:0 auto;
	}
	
 .member_login_btn a{
	display:block;
	width:100px;
	height:23px;
	padding-left:25px;
	background-image:url(images/member/member_btn.jpg);
	background-position:top;
	line-height:23px;
	color:#FFF;
	}
	
.member_login_btn a:hover{
	background-image:url(images/member/member_btn.jpg);
	background-position:bottom;
	}
	
	
 .member_register_btn_R a{
	display:block;
	width:87px;
	height:23px;
	background-image:url(images/member/member_green.jpg);
	background-position:top;
	line-height:23px;
	color:#FFF;
	float:left;
	margin:10px 0px 0px 10px;
	padding-left:10px;
	}

.member_register_btn_R a:hover{
	background-image:url(images/member/member_green.jpg);
	background-position:bottom;
	}
	
 .member_register_btn_L a{
	display:block;
	width:87px;
	height:23px;
	background-image:url(images/member/member_gray.jpg);
	background-position:top;
	line-height:23px;
	color:#333;
	float:left;
	margin:10px 10px 0px 0px;
	padding-left:20px;
	}

.member_register_btn_L a:hover{
	background-image:url(images/member/member_gray.jpg);
	background-position:bottom;
	}

/*沒有此會員信箱*/

.back_btn{
	width:100px;
	height:23px;
	margin:0 auto;
	}
	
.back_btn a{
	display:block;
	width:100px;
	height:23px;
	line-height:23px;
	background-image:url(images/member/member_btn.jpg);
	background-position:top;
	color:#FFF;
	padding-left:30px;
}

.back_btn a:hover{
	background-image:url(images/member/member_btn.jpg);
	background-position:bottom;}

/*member 會員專區5步驟流程圖*/
	
#member_step{
	margin:0 auto;
	width:610px;
	height:35px;
	padding:10px 0 10px 5px;
}
#member_step li {
	display:block;
	float:left;}
	
#member_step .step01{
	width:123px;
	height:35px;
	background-image:url(images/member/member_step1_0211_13.jpg);
	background-position:left top;
	line-height:35px;
	padding-left:5px;
	}
	
#member_step .step01_on{
	width:123px;
	height:35px;
	background-image:url(images/member/member_step1_0211_13.jpg);
	background-position:left bottom;
	line-height:35px;
	padding-left:5px;
	}


#member_step .step02{
	width:123px;
	height:35px;
	background-image:url(images/member/member_step1_0211_14.jpg);
	background-position:left top;
	line-height:35px;
	padding-left:5px;
	}
	
#member_step .step02_on{
	width:123px;
	height:35px;
	background-image:url(images/member/member_step1_0211_14.jpg);
	background-position:left bottom;
	line-height:35px;
	padding-left:5px;
	}
	
#member_step .step03{
	width:123px;
	height:35px;
	background-image:url(images/member/member_step1_0211_15.jpg);
	background-position:left top;
	line-height:35px;
	padding-left:5px;
	}
	
#member_step .step03_on{
	width:123px;
	height:35px;
	background-image:url(images/member/member_step1_0211_15.jpg);
	background-position:left bottom;
	line-height:35px;
	padding-left:5px;
	}
	
#member_step .step04{
	width:98px;
	height:35px;
	background-image:url(images/member/member_step1_0211_16.jpg);
	background-position:left top;
	line-height:35px;
	padding-left:8px;
	}
	
#member_step .step04_on{
	width:98px;
	height:35px;
	background-image:url(images/member/member_step1_0211_16.jpg);
	background-position:left bottom;
	line-height:35px;
	padding-left:7px;
	}
	
#member_step .step05{
	width:109px;
	height:35px;
	background-image:url(images/member/member_step1_0211_17.jpg);
	background-position:left top;
	line-height:35px;
	padding-left:5px;
	}
	
#member_step .step05_on{
	width:109px;
	height:35px;
	background-image:url(images/member/member_step1_0211_17.jpg);
	background-position:left bottom;
	line-height:35px;
	padding-left:5px;
	}

/*查詢帳號密碼*/

.send_btn{
	width:100px;
	height:23px;
	margin:0 auto;
	text-indent:-9999px;
	}
	
.send_btn a{
	display:block;
	width:100px;
	height:23px;
	background-image:url(images/member/send_btn.jpg);
	background-position:top;}

.send_btn a:hover{
	background-image:url(images/member/send_btn.jpg);
	background-position:bottom;}
	
/*補寄驗證信*/

.sendagain_btn{
	width:100px;
	height:23px;
	margin:0 auto;
	text-indent:-9999px;
	}
	
.sendagain_btn a{
	display:block;
	width:100px;
	height:23px;
	background-image:url(images/member/sendagain_btn.jpg);
	background-position:top;}

.sendagain_btn a:hover{
	background-image:url(images/member/sendagain_btn.jpg);
	background-position:bottom;}

/*----會員資料----*/

.member_profile{
	background-image:url(images/member/top_bg_02.jpg);
	background-position:right;
	background-repeat:no-repeat;
	width:681px;
	height:26px;
	margin-bottom:5px;
	}
	
.member_profile h3{
	background-image:url(images/member/top_bg_01.jpg);
	padding-left:8px;
	display:block;
	float:left;
	width:600px;
	line-height:26px;
	color:#FFF;
	}


/*step1_網路會員條款*/
.member_agreetitle{
	background-color:#ecefe6;
	width:681px;
	height:30px;
	margin-bottom:5px;
	}
	
.member_agreetitle h3{
	display:block;
	float:left;
	width:200px;
	line-height:30px;
	}

.member_agreetitle img{
	display:block;
	float:left;
	width:35px;
	line-height:30px;
	}
	
.member_steptitle{
	font-size:15px;
	color:#e78943;
	font-weight:bold;}


#member_rule{
	width:100%;
	height:300px;}
	
.member_rule_content{
	border:solid 1px;
	border-color:d6e2b3;
	margin:10px auto;
	width:600px;
	height:300px;
	overflow:scroll;
	padding:10px;}

.member_rule_content h3{
	margin-top:10px;
	display:block;
	padding-left:5px;
	background-color:#6ea164;
	line-height:25px;
	color:#FFF}

.member_rule_content p{
	display:block;
	padding:5px;
	line-height:25px;
}

#member_send{
	width:100%;
	height:300px;}
	
.member_send_content{
	border:solid 1px;
	border-color:#e3e3e3;
	margin:10px auto;
	width:600px;
	height:150px;
	background-color:f8f8ee;}

.member_send_content h3{
	display:block;
	padding-left:5px;
	background-color:#6ea164;
	line-height:25px;
	color:#FFF}

.member_send_content p{
	display:block;
	padding:10px;
	line-height:25px;
	width:400px;
	margin:0 auto;
}

.send_word{
	color:#5c9252;
	font-weight:bold;
	}
	
/*查詢帳號密碼*/

.member_checkpsw{
	border:solid 1px;
	border-color:#e3e3e3;
	margin:20px auto;
	width:550px;
	height:150px;
	background-color:f8f8ee;}

.member_checkpsw h3{
	display:block;
	padding-left:5px;
	background-color:#6ea164;
	line-height:25px;
	color:#FFF}

.member_checkpsw p{
	display:block;
	padding:10px;
	line-height:25px;
	width:400px;
	margin:15px auto;
}

/*忘記密碼錯誤訊息*/

.member_forgeterror{
	border:solid 1px;
	border-color:#e3e3e3;
	margin:20px auto;
	width:500px;
	height:100px;
	background-color:f8f8ee;}

.member_forgeterror h3{
	display:block;
	padding-left:5px;
	background-color:#6ea164;
	line-height:25px;
	color:#FFF}

.member_forgeterror p{
	display:block;
	padding:10px;
	line-height:25px;
	width:300px;
	margin:15px auto;
}

/*忘記密碼已送出查詢*/

.member_forgetsend{
	border:solid 1px;
	border-color:;
	margin:20px auto;
	width:500px;
	height:190px;
	background-color:f8f8ee;}

.member_forgetsend h3{
	display:block;
	padding-left:5px;
	background-color:#6ea164;
	line-height:25px;
	color:#FFF}

.member_forgetsend p{
	display:block;
	padding:10px;
	line-height:25px;
	width:300px;
	margin:15px auto;
}


/*----Setp5 帳戶啟動----*/

.member_active_content{
	border:solid 1px;
	border-color:;
	margin:10px auto;
	width:600px;
	height:150px;
	background-color:f8f8ee;}

.member_active_content h3{
	display:block;
	padding-left:5px;
	background-color:#6ea164;
	line-height:25px;
	color:#FFF}

.member_active_content p{
	display:block;
	padding:10px;
	line-height:25px;
	width:400px;
	margin:0 auto;
}

.active_word{
	color:#5c9252;
	font-weight:bold;
	}