
* { margin: 0px; padding: 0px;}
html { overflow: -moz-scrollbars-vertical;}
html, body { width: 100%; height: 100%;}
body { font-family: 'Verdana'; font-size: 11px; color: #666; background: #FFF;}
img { border: 0px;}
a , a:hover { color: #666; text-decoration: none;}

a.HNlink, a.HNlink:hover { color: #B2A667; text-decoration: none;}
a.pages, a.pages:hover, span.curnev { color: #B2A667; text-decoration: none; font-weight: bold;}

a.nev_pre { width:61px; height:18px; background:url('../images/btn_back.gif'); display:block; margin-right:5px; }
a.nev_next { width:61px; height:18px; background:url('../images/btn_next.gif'); display:block;margin-left:5px; }


/*************** General Style ***************/
div.clear { clear:both; border:none; width:auto; height: 0px !important; _height: 0px; font-size: 1px; }
p { margin: 0 0 1em 0;}

input , select , textarea { font-family: 'Verdana'; font-size: 11px; color: #666; border: none;}
input.subscribe { width: 180px; height: 18px; background-color: transparent;}
input.txtbox { width: 250px; height: 18px; background-color: #FFF;}
input.txtbox2 { width: 38px; height: 18px; background-color: #FFF;}
input.txtbox3 { width: 68px; height: 18px; background-color: #FFF;}
select.selectbox { width: 120px; height: 18px; background-color: #FFF;}
select.selectbox_country { width: 250px; height: 18px; background-color: #FFF;}
textarea.Message { width: 330px; height: 100px; background-color: #FFF; overflow: hidden;}

input#Username { position: absolute; width: 95px; left: 10px; top: 11px; background-color: transparent;}
input#Password { position: absolute; width: 95px; left: 113px; top: 11px; background-color: transparent;}
#dvPass_temp { position: absolute; width: 95px; left: 113px; top: 11px; background-color: transparent;}
#dvPass_temp input { width: 95px; background-color: transparent;}
input#Searchbx { position: absolute; width: 125px; height: 16px; top: 13px; right: 64px; background: transparent url('../images/searchbx.gif') no-repeat; background-color:#fff; padding: 3px 0 0 25px; overflow:hidden; }

input.post , select.post { width: 180px; height: 18px; background-color: #FFF;}
textarea.post { width: 180px; height: 70px; background-color: #FFF; overflow: hidden;}

.post2 { width: 100px; border: 1px solid #91ABC3;}
.zoom { padding-bottom: 4px;}
.Padt8 { padding-top: 8px;}
label { display: block; padding: 5px 0px; font-size: 13px; color: #B2A667; font-weight: bold;}
span { color: #B2A667; font-weight: bold;}
.txt15b { display: block; padding: 5px 0px; font-size: 15px; color: #B2A667; font-weight: bold;}

input.month { width: 50px; height: 14px; padding: 2px 0px; border: 1px solid #91ABC3;}
input.Ninput { width: 150px; height: 14px; padding: 2px 0px; border: 1px solid #91ABC3;}
input.Ninput_s { width: 50px; height: 14px; padding: 2px 0px; border: 1px solid #91ABC3;}

/******************************/
div#Wrapper { width: 960px; padding-top: 5px; margin: auto;}
div#Wrapper div#navTop { position: relative; width: 960px; height: 73px; background: url('../images/top.jpg') no-repeat;}
div#navTop a#Home { display: block; position: absolute; width: 230px; height: 55px; top: 12px; left: 10px;}
div#navTop a#Member { display: block; position: absolute; width: 75px; height: 24px; top: 9px; right: 382px; background: url('../images/btn_member.jpg') no-repeat;}
div#navTop a#Profile { display: block; position: absolute; width: 75px; height: 24px; top: 9px; right: 382px; background: url('../images/btn_member.jpg') no-repeat;}
div#navTop a#Online { display: block; position: absolute; width: 135px; height: 24px; top: 9px; right: 228px; background: url('../images/btn_online.jpg') no-repeat;}
div#navTop .btnSearch { display: block; position: absolute; width: 50px; height: 24px; top: 9px; right: 14px; background: url('../images/btn_search.jpg') no-repeat; cursor:pointer; }

div#navTop div#FLogin { position: relative; width: 450px; height: 32px; background: url('../images/flogin.jpg') no-repeat; display: none; top: 38px; left: 500px;}

div#navTop div#FLogout { position: relative; width: 450px; height: 32px; background: url('../images/flogout.jpg') no-repeat; display: none; top: 38px; left: 500px; }
div#navTop div#FLogout #dv_Name { width:205px; height:20px; float:left; padding:10px 0px 0px 80px; }
div#navTop div#FLogout #dv_profile { width:45px; height:28px; display:block; float:left; }
div#navTop div#FLogout #dv_history { width:50px; height:28px; display:block; float:left; }
div#navTop div#FLogout #dv_Logout { width:60px; height:28px; display:block; float:left; }


div#FLogin div.FLUp { position: absolute; width: 20px; height: 10px; top: -10px; left: 41px; z-index: 1;}
div#FLogout div.FLUp { position: absolute; width: 20px; height: 10px; top: -10px; left: 41px; z-index: 1;}
div#FLogin .Login {  position: absolute; width: 50px; height: 20px; left: 215px; top: 8px; border:1px solid red; background:transparent; border:0px; cursor:pointer; }
div#FLogin a#Forget { display: block; position: absolute; width: 100px; height: 20px; right: 60px; top: 8px;}
div#FLogin a#Regis { display: block; position: absolute; width: 45px; height: 20px; right: 8px; top: 8px;}

div#Wrapper div#Menu { display: block; height: 51px; margin-top: 1px; background: url('../images/menu.jpg') no-repeat;}
div#Wrapper div#Banner { display: block; padding: 4px 0px;}

div#Wrapper div#Container { display: block;}
/*div#Container div.Home_News { float: left; width: 252px; height: 261px;}*/
div#Container div.Home_News { float: left; width: 248px; height: 261px; padding-top:6px;}
div.Home_News div.CHNews { padding: 3px 0px 5px 0px;}
div.Home_News div.CHNtxt { padding-bottom: 10px; line-height: 14px;}

div.Home_News div.HNInner { width: 245px; height: 61px; padding-top: 6px; border-bottom: 1px solid #B2A667;}
div.HNInner div.HNImg { float: left; width: 88px; height:60px; overflow:hidden; }
div.HNInner div.HNtxt { float: right; width: 152px; line-height: 15px;}

div#Container div#Online_Sub { float: right; width: 200px; height: 240px; padding-top: 21px;}
div#Online_Sub div#Enews { width: 200px; height: 110px; background: url('../images/sub_enews.jpg') no-repeat; margin-top: 6px;}
div#Enews div#Enewsbx { padding: 54px 0 0 9px;}
div#Enews div#Btnsub { padding: 7px;}

div#Wrapper div#Footer { display: block; text-align: center; height: 55px;}
div#Footer div#mnFoot { width: 960px; height: 25px; background-color: #FAF7F2;}
div#mnFoot a , div#mnFoot a:hover { color: #8D8452; text-decoration: none;}
div#mnFoot div#BGFL { float: left; width: 10px;}
div#mnFoot div#BGFC { float: left; width: 940px; padding-top: 7px;}
div#mnFoot div#BGFR { float: right; width: 10px;}
div#Footer div#Copyright { display: block; padding-top: 7px;}


/*Online_Sub_Inner*/
div#Container div#Online_Sub_Inner { float: right; width: 200px; height: 240px; padding-top: 42px;}
div#Online_Sub_Inner div#Enews_Inner { width: 200px; height: 110px; background: url('../images/sub_enews.jpg') no-repeat; margin-top: 6px;}
div#Enews_Inner div#Enewsbx { padding: 54px 0 0 9px;}
div#Enews_Inner div#Btnsub { padding: 7px;}

/*Articles*/
div#Online_Sub_Inner div#Articles { width: 198px; margin: auto;}
div#Articles div#Other { height: 23px; border-bottom: 1px solid #B2A667;}
div#Articles div.AOther { padding-top: 8px; height: 52px; border-bottom: 1px solid #E3E2C3;}
div.AOther div.AOL { float: left; width: 9px; padding: 3px;}
div.AOther div.AOR { float: right; width: 180px;}

/*Our Customer*/
div#Container div#Content { float: left; width: 745px; padding: 15px 0px;}
div#Content div#Topic { padding-bottom: 5px;}
div#Content div#Banners { width: 740px; border-top: 1px solid #B2A667; margin-left: 4px;}
div#Content div#OTxt { padding-top: 10px;}
div#Content div.OBG { width: 715px; height: 128px; background: url('../images/our_customer/bg.gif') no-repeat; margin: 12px 18px;}
div.OBG div.Our_Img { float: left; width: 153px; padding: 8px 0 0 12px;}
div.OBG div.Our_Txt { float: left; width: 535px; padding-top: 8px; line-height: 15px;}
div.OBG div.Our_Txt p { padding-bottom: 8px; margin: 0px;}

div#Content div#Pages { width: 715px; margin: 10px 18px; padding-top: 3px; text-align: center; border-top: 1px solid #B2A667;}

div#Content div.OBG2 { width: 715px; background: #F2F2F2 url('../images/our_customer/bg_bottom.gif') no-repeat bottom center; margin: 12px 18px; min-height:130px; *min-height:130px; _height:130px;}
div.OBG2 div.Our_Img { float: left; width: 153px; padding-left: 12px;}
div.OBG2 div.Our_Txt { float: left; width: 535px; line-height: 15px;}
div.OBG2 div.Our_Txt p { padding-bottom: 8px; margin: 0px;}
div#Content div#Back { width: 715px; margin: 10px 18px; padding-top: 3px;}

/*FAQ*/
div.Faq { width: 710px; margin: auto; padding-top: 12px;}
div.Faq div.Question { width: 710px;  background-color: #F2F2F2;}
div.Question div.No { float: left; width: 35px; height: 20px; background-color: #B2A667; color: #FFF; font-weight: bold; padding-top: 5px; text-align: center;}
 

div.Question div.Question_text { float: left; width: 660px; font-weight: bold; padding-top: 7px;padding-left: 10px;}
div.Question_text a { color: #B7AB70;}
div.Faq div.Answer { padding: 6px 0 10px 45px;}
div.Faq div.Btn_Close { padding-top: 10px;}

/*Contact*/
div#Contact { display: block; padding-top: 17px;}
div#Contact div#Contact_detail { float: left; width: 290px;}
div#Contact_detail div.Cdetail_txt { padding: 10px 5px; line-height: 16px;}
div#Contact div#Contact_form { float: right; width: 450px;}
div#Contact_form div#FContact { background-color: #FAF7F2; margin-top: 5px;}
div#FContact table td { padding-bottom: 5px;}

/*Update*/
/*div.Update { display: block; padding: 13px 0 0 13px; height: 97px; }*/
div.Update { display: block; padding: 13px 0 0 13px; width:740px; }
div.Update div.UpdateInner { float: left; width: 365px; padding-bottom:35px; }
div.UpdateInner div.UpdateImg { float: left; width: 150px;}
div.UpdateInner div.UpdateImg { float: left; width: 150px;}
div.UpdateInner div.UpdateImg .blok_img { width: 137px; height:80px; text-align:center; border: 1px solid #B2A667; overflow:hidden;}
div.UpdateImg img {  }
div.UpdateInner div.Updatetxt { float: left; width: 210px; line-height: 15px;}

/*Detail*/
div#Content div#Pages2 { width: 715px; margin: 10px 18px; padding-top: 3px; border-top: 1px solid #B2A667;}
div#Update { width: 730px; padding: 13px 0px 13px 15px;}
div#Update div#Update_Img { float: left; width: 395px; padding-left: 10px; padding-bottom: 8px;}
/*div#Update div#Update_Text { float: right; width: 310px; padding-right: 10px; line-height: 16px;}*/
div#Update div#Update_Text { padding-right: 10px; line-height: 16px;}
div#Update_Text div.txt { color: #B2A667; font-size: 13px;}
div#Update_Text div.txt2 { color: #B2A667; font-size: 13px; font-weight: bold;}
div.txt3 { padding-left: 15px;}
div#Download { padding: 40px 0 0 18px;}
div#Viewall { padding: 10px 0 15px 0;}

/*About*/
div#About { padding-top: 10px; width: 710px; margin: auto; line-height: 15px;}
ul.ullist { list-style: none; padding: 0 0 15px 25px; margin: 0px;}
ul.ullist li { display: block; padding-left: 20px; background: url('../images/bullet2.gif') no-repeat 0 5px;}
#About table.list { border-right:1px solid #eee;border-bottom:1px solid #eee; }
#About table.list td { border-top:1px solid #eee;border-left:1px solid #eee; padding:5px; vertical-align:top; }
#About table.list .title { font-weight:bold; font-style:italic; }

/*Institution*/
div.Institution { width: 715px; padding-top: 10px; margin: auto; line-height: 15px;}
div.Institution div.Inslist { display: block; padding-top: 10px; height: 25px;}
div.Inslist div.InNo { float: left; width: 35px; height: 20px; background-color: #B2A667; color: #FFF; font-weight: bold; padding-top: 5px; text-align: center;}
div.Inslist div.InText { float: left; width: 670px; height: 20px; font-weight: bold; padding: 5px 0 0 10px; background-color: #F2F2F2; color: #B7AB70;}
div.Institution div.AInslist { display: block; padding: 6px 0 10px 45px;}
div.AInslist div.Btn { padding-top: 10px;}

div.Inslist div.InTitle { float: left; width: 50px; height: 20px; background-color: #B2A667; color: #FFF; font-weight: bold; padding-top: 5px; text-align: center;}
div.Inslist div.InText2 { float: left; width: 655px; height: 20px; font-weight: bold; padding: 5px 0 0 10px; background-color: #F2F2F2; color: #B7AB70;}
div.Institution div.AInslist2 { display: block; padding: 6px 0 10px 60px;}

/*Affiliated*/
div.Cliniclist { width: 714px; border-bottom: 1px solid #E3E2C3; padding: 5px 0px;}
table#Affiliated_Clinic { width: 714px;}
table#Affiliated_Clinic td { border-bottom: 1px solid #E3E2C3; padding: 12px 0px; vertical-align: top;}

/*Forget*/
div#CForget { padding-top: 35px; width: 450px; height: 200px; margin: auto; line-height: 15px;}
div#CForget div#BG { width: 420px; height: 70px; padding: 15px; margin: auto; background: url('../images/member/bg.gif') no-repeat;}
div#BG div#Fleft { float: left; width: 120px;}
div#BG div#Fright { float: left; width: 300px;}

/*CRegister*/
div#CRegister { padding-top: 20px; width: 700px; margin: auto;}
div#CRegister div#BG { display: block; height: 660px; padding-top: 15px; background: url('../images/member/bg2.jpg') no-repeat;}
table#Register { width: 700px; margin: auto;}
table#Register td { padding: 5px 0px; vertical-align: top;}
table#Register td.BGW { padding: 7px 0px 10px 0px; _padding: 5px 0px 10px 0px; *padding: 5px 0px 10px 0px; border-bottom: 1px solid #FFF;}
table#Register td.Sub { padding: 13px 0px; border-bottom: 1px solid #FFF;}
table#Register td.Hear { padding: 10px 0px;}


/*History*/
div#History { width:701px;margin:0px auto;padding-top:20px; }



/*CWellness*/
div#CWellness { padding-top: 10px; width: 750px; margin: auto;}
div#CWellness div#Lab { width: 630px; margin: auto; padding-top: 25px;}
div#Lab ul { display: inline-block; width: 630px;}
div#Lab li { display: inline-block; width: 310px; height: 25px; float: left; list-style: none; margin: 2px 5px 0 0;}
div#Lab li a#lab1 , div#Lab li a#lab2 , div#Lab li a#lab3 , div#Lab li a#lab4 , div#Lab li a#lab5 , div#Lab li a#lab6 , div#Lab li a#lab7 , div#Lab li a#lab8 , div#Lab li a#lab9 , div#Lab li a#lab10 , div#Lab li a#lab11 , div#Lab li a#lab12 , div#Lab li a#lab13 , div#Lab li a#lab14 { display: inline-block; width: 310px; height: 25px; background: url('../images/wellness/tab.jpg') no-repeat;}
div#Lab li a#lab1 { background-position: 0 0;}
div#Lab li a#lab2 { background-position: 0 -27px;}
div#Lab li a#lab3 { background-position: 0 -54px;}
div#Lab li a#lab4 { background-position: 0 -81px;}
div#Lab li a#lab5 { background-position: 0 -108px;}
div#Lab li a#lab6 { background-position: 0 -135px;}
div#Lab li a#lab7 { background-position: 0 -162px;}
div#Lab li a#lab8 { background-position: -315px 0px;}
div#Lab li a#lab9 { background-position: -315px -27px;}
div#Lab li a#lab10 { background-position: -315px -54px;}
div#Lab li a#lab11 { background-position: -315px -81px;}
div#Lab li a#lab12 { background-position: -315px -108px;}
div#Lab li a#lab13 { background-position: -315px -135px;}
div#Lab li a#lab14 { background-position: -315px -162px;}

div#CWellness table#Lab { width: 710px; margin: auto; margin-top: 25px;}
table#Lab td { background-color: #F2F2F2; border-bottom: 2px solid #FFF; padding: 10px 15px 15px 15px; vertical-align: top;}
table#Lab .txt { color: #B2A667;}
table#Lab td.BG { background-color: #CCC78F; color: #FFF; font-weight: bold;}
table#Lab td.NoneBG { background: #FFF; line-height: 16px;}
table#Lab div.price { float: left; width: 250px;}
table#Lab div.more { float: right; width: 80px;}
table#Lab div.order { float: right; width: 151px;}

/*#CWellness table.list { border-right:1px solid #eee;border-bottom:1px solid #eee; }
#CWellness table.list td { border-top:1px solid #eee;border-left:1px solid #eee; padding:5px; vertical-align:top; }*/
#CWellness table.list { }
#CWellness table.list td { padding:5px; vertical-align:top; }
#CWellness table.list .title { font-weight:bold; font-style:italic; }

/*Nutra*/
div#CNutra { padding: 10px; width: 720px; margin: auto;}
div.Cnbg { width: 310px; height: 110px; padding: 10px 15px 0px 15px; background: url('../images/nutra/bg.gif') no-repeat;}
div#CNutra div#CNLBox { float: left;}
div#CNutra div#CNRBox { float: right;}
div.CNLBImg { float: left; width: 65px;}
div.CNLBDetail { float: left; width: 245px;}
div#CNutra div.ltxt { display: block; padding: 5px 0px;}

/*#CNutra table.list { border-right:1px solid #eee;border-bottom:1px solid #eee; }
#CNutra table.list td { border-top:1px solid #eee;border-left:1px solid #eee; padding:5px; vertical-align:top; }*/
#CNutra table.list {   }
#CNutra table.list td {  padding:5px; vertical-align:top; }
#CNutra table.list .title { font-weight:bold; font-style:italic; }

table#Nutralist { margin: auto;}
table#Nutralist td { height: 25px; padding-left: 10px; border: 1px solid #FFF;}
table#Nutralist th { height: 25px; border: 1px solid #FFF;}
table#Nutralist thead td , table#Nutralist thead th { height: 20px; background-color: #CCC78F; color: #FFF; font-weight: bold;}
table#Nutralist tbody th { font-weight: normal;}
table#Nutralist .bg { background-color: #F2F2F2;}

div.NFooter { width: 700px; margin: auto; padding-top: 10px;}
div.NFooter div.NBG { width: 685px; height:70px;  padding: 10px 0 10px 15px; margin: 4px auto; background: url('../images/nutra/bg2.gif') no-repeat; }

div.NFooter div.NBG label { font-size:11px; font-weight:normal; color:#666;}

div.NFooter div.NBG2 { width: 685px; height: 30px; padding: 10px 0 0 15px; margin: 4px auto; background: url('../images/nutra/bg3.gif') no-repeat;}
div.NBGL { float: left; width: 330px;}
div.NBGR { float: right; width: 350px;}
div.NCal { text-align: center; height: 60px;}

table#Nutralist2 { margin:13px 0 0 13px;}
table#Nutralist2 div.fimg { width: 137px; border: 2px solid #E3E2C3;}
table#Nutralist2 td { vertical-align: top; padding: 13px 0;}
table#Nutralist2 label { display: block; padding: 0 0 5px 0; font: bold 11px Verdana; color: #B7AB70;}

div#CNutraD { display: block; padding: 13px 0 0 13px;}
div#CNutraD div#CNutraF { float: left; width: 395px; text-align:center; }
div#CNutraD div#CNutraR { float: right; width: 310px;}
div#CNutraD ul { padding:5px 0 10px 35px;}
div#CNutraD ul li { padding: 3px 0 0 5px;}

/*Online*/
div#OnlineS { padding: 20px 0 0 20px; width: 720px;}
div.WOOrder , div.TOOrder , div.FOOrder { float: left; width: 230px; height: 50px; padding: 75px 0 0 10px;}
div.WOOrder { background: url('../images/online_shopping/well_order.jpg') no-repeat;}
div.TOOrder { background: url('../images/online_shopping/tailor_order.jpg') no-repeat;}
div.FOOrder { background: url('../images/online_shopping/finish_order.jpg') no-repeat;}
div#OnlineS .order { width: 75px; height: 20px; background-color: transparent; display:block;}


table#Orderlist { margin: auto; line-height: 15px;}
table#Orderlist thead td , table#Orderlist thead th { height: 20px; border: 1px solid #FFF; background-color: #CCC78F; color: #FFF; font-weight: bold;}
table#Orderlist tbody td , table#Orderlist tbody th { border: 1px solid #FFF; vertical-align: top; padding-top: 10px; padding-bottom: 10px;}
table#Orderlist td { padding-left: 10px;}
table#Orderlist .bg { background-color: #F2F2F2;}
table#Orderlist .center { padding-left: 0px; text-align: center;}
table#Orderlist div.box { float: left; width: 30px; height: 18px; padding-top: 2px; border: 1px solid #666; margin-right: 5px; text-align:center;}
table#Orderlist div.btnO { float: left; width: 20px; height: 14px; padding-top: 4px;}
table#Orderlist tfoot td { padding-top: 20px;}
table#Orderlist tfoot td.OBTN { border-top: 1px solid #E3E2C3; padding: 10px 0px; text-align: center;}

div.OnlineBG { width: 686px; padding-left: 15px; background: url('../images/online_shopping/center.gif') repeat-y;}
table.tbOnline td { padding: 3px 0px; vertical-align: top;}


table.tbOnline2 { margin: auto;}
table.tbOnline2 td { padding: 0px 0px 5px 0px; vertical-align: top; text-align: center;}
table.tbOnline2 td.left { text-align: left; padding-left: 10px;}
table.tbOnline2 thead td { color: #B2A667; font-weight: bold;}
table.tbOnline2 tbody th { font-weight: normal;}
table.tbOnline2 tfoot td {   text-align: left; font-size: 13px;}

/* Search */
#search { width:720px;border-bottom:1px solid #B2A667;min-height:300px; }
#search #bx_search { width:715px;margin:0px auto; padding:5px 0px 10px 0px; }
#search #bx_search .box { padding:5px 0px;  }
#search #bx_search .box .t { background: #F2F2F2 url('../images/search/top.gif') no-repeat top ; }
#search #bx_search .box .b { background: url('../images/search/bot.gif') no-repeat bottom ; }
#search #bx_search .box .t .b .item { padding:10px 20px; line-height:18px; }
#search #bx_search .box .t .b .item .more a { color:#B2A667; }
#search #bx_search .box .t .b .item .link { font-size:10px; color:#999; }
#search #bx_search .box .t .b .item span.hl { color:#B2A667; }

