@charset "utf-8"; 
/*-----------------------------------------------------------
	 RESET 
-----------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,object {margin:0; padding:0;}
ul,ol,li {list-style:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img,object {border:none;}
a {color:#222;}
a:link, a:visited, a:active {text-decoration:none;overflow:hidden;}
a:hover {text-decoration:underline;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}

/*-----------------------------------------------------------
	 DOU 
-----------------------------------------------------------*/
.imgtitleexpright,.imgtitleproductright,.imgtitleagencyright,.imgtitleaboutright,.imgtitlehomeright,.imgtitlenewsright,.productpagetitleright {float:right; background:url(images/yogo_lifetry.gif) no-repeat;width:150px; height:35px;}



/*-----------------------------------------------------------
	 TOP 
-----------------------------------------------------------*/
body {font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif, simsun;color:#333;}
p {line-height:21px; color:#444; margin-bottom:15px;}
#yogostyle {width:980px; margin:0 auto; position:relative;}

#top {height:83px; width:980px;clear:both; margin:0px 0 2px 0;}
.logo {padding:6px 0 2px 0;}
.logoimg {width:194px; height:38px; padding:2px 0 5px 0;  float:left;}
.logotab {float:right;}

.menu {clear:both;width:980px;}
.menu ul li {float:left;padding:0 0px 0 0;  font-weight:bold; color:#333;width:163px; height:30px;text-indent:-9999px; display:block;overflow:hidden;}
.menu a {width:163px; height:30px;text-decoration:none;display:block;}

.menu .yogoabout {float:left;padding:0 0px 0 0;  font-weight:bold; color:#333;width:165px; height:30px;text-indent:-9999px; display:block;}
.menu .yogoabout a {width:165px; height:30px;text-decoration:none;display:block;}

.yogohome {float:left; width:163px; height:30px;background: url(images/menu.gif) no-repeat -0px -0px;}
.yogohome a:hover {float:left; width:163px; height:30px;background:url(images/menu.gif) no-repeat -0px -30px;display: block;}
body#yogohome .yogohome {background:url(images/menu.gif) no-repeat -0px -30px;overflow:hidden;}

.yogonews {float:left; width:163px; height:30px;background: url(images/menu.gif) no-repeat -163px -0px;}
.yogonews a:hover {float:left; width:163px; height:30px;background:url(images/menu.gif) no-repeat -163px -30px;display: block;}
body#yogonews .yogonews {background:url(images/menu.gif) no-repeat -163px -30px;overflow:hidden;}

.yogoproduct {float:left; width:163px; height:30px;background: url(images/menu.gif) no-repeat -326px -0px;}
.yogoproduct a:hover {float:left; width:163px; height:30px;background:url(images/menu.gif) no-repeat -326px -30px;display: block;}
body#yogoproduct .yogoproduct {background:url(images/menu.gif) no-repeat -326px -30px;overflow:hidden;}

.yogoexp {float:left; width:163px; height:30px;background: url(images/menu.gif) no-repeat -489px -0px;}
.yogoexp a:hover {float:left; width:163px; height:30px;background:url(images/menu.gif) no-repeat -489px -30px;display: block;}
body#yogoexp .yogoexp {background:url(images/menu.gif) no-repeat -489px -30px;overflow:hidden;}

.yogoagency {float:left; width:163px; height:30px;background: url(images/menu.gif) no-repeat -652px -0px;}
.yogoagency a:hover {float:left; width:163px; height:30px;background:url(images/menu.gif) no-repeat -652px -30px;display: block;}
body#yogoagency .yogoagency {background:url(images/menu.gif) no-repeat -652px -30px;overflow:hidden;}

.yogoabout {float:left; width:165px; height:30px;background: url(images/menu.gif) no-repeat -815px -0px;}
.yogoabout a:hover {float:left; width:165px; height:30px;background:url(images/menu.gif) no-repeat -815px -30px;display: block;}
body#yogoabout .yogoabout {background:url(images/menu.gif) no-repeat -815px -30px;overflow:hidden;}

.tabwork a,.tabcontact a{color:#fff; text-decoration:none}
.tabchinese a{color:#999; text-decoration:none}
.tabchinese{padding:2px 8px 2px 28px; background:#eee url(images/china.gif) no-repeat 5px 3px; color:#fff; border:1px solid #ddd; float:left; margin:6px 8px 0 0;}
.tabenglish a{color:#999; text-decoration:none}
.tabenglish{padding:2px 8px 2px 28px; background:#eee url(images/usa.gif) no-repeat 5px 4px; color:#fff; border:1px solid #ddd; float:left; margin:6px 8px 0 0;}
.tabwork {padding:3px 8px; background:#555; color:#fff; border:1px solid #111; float:left; margin:6px 8px 0 0;}
.tabcontact {padding:3px 8px; background:#ae000f; color:#fff; border:1px solid #78010b; float:left; margin:6px 8px 0 0;}




.imgtitlehome {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.imgtitlehomeleft {float:left;background:url(images/imgtitle_home.gif) no-repeat; width:120px; height:30px;}
.imgtitlehomeright {float:right;}

.imgtitlenews {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.imgtitlenewsleft {float:left;background:url(images/imgtitle_news.gif) no-repeat; width:120px; height:30px;}
.imgtitlenewsright {float:right;}

.imgtitleproduct {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.imgtitleproductleft {float:left;background:url(images/imgtitle_product.gif) no-repeat; width:120px; height:30px;}
.imgtitleproductright {float:right;}

.imgtitleexp {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.imgtitleexpleft {float:left;background:url(images/imgtitle_exp.gif) no-repeat; width:120px; height:35px;}


.imgtitleagency {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.imgtitleagencyleft {float:left;background:url(images/imgtitle_agency.gif) no-repeat; width:120px; height:30px;}
.imgtitleagencyright {float:right;}

.imgtitleagencychina {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.imgtitleagencychinaleft {float:left;background:url(images/imgtitle_agency_china.gif) no-repeat; width:350px; height:30px;}
.imgtitleagencychinaright {float:right;}

.imgtitleabout {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.imgtitleaboutleft {float:left;background:url(images/imgtitle_about.gif) no-repeat; width:120px; height:30px;}
.imgtitleaboutright {float:right;}



/*-----------------------------------------------------------
	 MAIN 
-----------------------------------------------------------*/
#main {width:980px;}
.picshow {margin:8px 0 0 0;}
.picshow img {}
#roller {margin-top:0px;}
#show {clear:both; width:980px; height:379px;display:block;}
#roller ul {position:relative; float:right;  padding:2px 5px; margin-top:-28px; z-index:9;}
#roller ul li {float:left; margin:2px 2px;}
#roller ul li a {float:left; font:10px/16px tahoma,sans-serif; text-align:center; color:#fff; text-decoration:none; background:#999; padding:0px 6px;}
#roller ul li a:hover, #roller ul li a.over {color:#666; background: #ddd;}


.mainpaper {width:980px;}
.paperpic {width:400px; float:left; margin:0 5px 0 0;}
.paperbigpic img {padding:2px; border:1px solid #ddd;margin-bottom:10px;}
.paperproductpic {width:400px;height:60px;}
.paperproductpic ul li {float:left; border:1px solid #ddd;margin-right:11px;} 



.papertext {width:378px; float:left; margin:0 5px; }


.papertextbox {font:12px/18px tahoma,simsun;color:#333; border-top:1px dotted #ddd; padding:5px 0 1px 0;}
.papertextbox:hover {background:#f2f2f2;}
.papertextbox em {font:bold 10px tahoma;}
.papertextbox p a {color:#999;}
.papertextbox p {color:#333;line-height:20px; margin-bottom:8px;}
.papertextboxtitle {font-weight:bold;}
.papertextboxtitle a {background:url(images/icon_indexnews.gif) no-repeat right; padding:0 12px 0 0;}
.papertextboxtitle span{color:#f00; font:9px tahoma; font-weight:bold; }

.papertest {width:179px; float:right;}
.papertest ul li{margin:0 0 6px 0;}

/*-----------------------------------------------------------
	 NEWS 
-----------------------------------------------------------*/ 
.newsbar {width:200px; padding:0;border:1px solid #aaa; float:left; }
.newsbarproduct {margin:0 0 15px 0;}
.newsbarproduct h2{font:bold 12px/15px tahoma;background:#aaa;color:#fff;padding:4px 4px;}
.newsbarproduct ul li {line-height:25px;list-style:disc; margin: 0 0 0 20px;color:#666;}

.newsbarnews {margin:0 0 15px 0;}
.newsbarnews h2{font:bold 12px/15px tahoma;background:#aaa;color:#fff;padding:4px 4px;}
.newsbarnews ul li {line-height:25px;list-style:disc; margin: 0 0 0 20px;color:#666;}

.newslist {width:600px; padding:2px 2px; float:left; margin:0 0 0 10px; }
.newslistbox {border-top:2px dotted #eee; padding:6px 0 18px 0;height:120px; line-height:20px;}
.newslistbox em {font:bold italic 10px tahoma;}
.newslistboxtitle {height:20px;padding:0 0 2px 0;}
.newslistboxtitlename {float:left;font:bold 14px/16px tahoma;background:url(images/icon_news.gif) no-repeat;padding:0 0 0 20px;}
.newslistboxdate {float:right;font:bold 10px/18px tahoma;}
.newslistbox img {float:right;border:1px solid #eee;margin:0 0 0 5px;}
.newslistbox p {}


.newspaper {width:815px; float:left; margin:0 0 20px 0;}
.newspapertitle {width:815px; height:25px; clear:both;background:transparent url(images/logo_small.gif) no-repeat scroll 0 0;}
.newspapertitle h2 {float:left; font:bold 16px/15px tahoma; padding:0 0 0 18px; margin:0 0 5px 0;}
.newspapertitle span {float:right; font:bold 10px tahoma; margin:0 0 5px 0; color:#bbb;}
.newspaper p {font:12px/24px tahoma;}
.newspapertext {width:815px;}

.newspaper .imgleft {margin:0px 10px 0px 0px; float:left; border:1px solid #eee; display:inline;} 

.newsadds {text-indent:0px;font:12px/24px tahoma;}
.newsrightbar {float:right;}
.newsrightbar a {margin-bottom:5px;}

.productpagelink p { background:#fcfeeb url(images/icon_right.gif) no-repeat 2px 6px;display:inline;padding:4px 3px 4px 20px;}
.productpagelink p a {color:#333; font-weight:bold; font-size:12px; font-family:Tahoma, Geneva, sans-serif;}
.addpagelink { background:#fcfcf1;padding:2px 10px;width:300px;margin:15px 2px;color:#333;line-height:18px;}

/*-----------------------------------------------------------
	 PRODUCT 
-----------------------------------------------------------*/ 
#productlist {float:left;width:800px;margin:0 0 10px 0;}
#productlist ul li {float:left; margin:0 4px 15px 0;}
#productlist ul li img {border:1px solid #ddd; display:block; width:193px; height:80px;}
#productlist ul li a img:hover {border:1px solid #999; display:block; width:193px; height:80px;}
#productlistname {font:bold 12px/15px tahoma;padding:4px 0 0 0;}
#productlist ul li p {font:10px/13px tahoma;padding:2px 0 0 0;}



#productbar {float:right; width:175px;}
#productbar {width:175px;margin:0 0 0px 0;padding-bottom:20px;}
#productbar h2{font:bold 12px/15px tahoma;background:#444;color:#fff;}
#productbar h3{font:bold 12px/15px tahoma;color:#333;margin-bottom:5px;}
#productbarul li {clear:both;}
#productbar ul li {margin:0 0 4px 0;}



.productpagetitle {width:100%;height:35px;margin:7px 0 5px 0; clear:both;}
.productpagetitleleft {float:left; width:350px; height:30px; font:bold 20px tahoma;}
.productpagetitleright {float:right;}

/*-----------------------------------------------------------
	 PRODUCT  TIPS
-----------------------------------------------------------*/ 
.tipsdelicatepsp {position:absolute; top:570px; left:25px; width:370px; color:#666; line-height:18px;}
.tipsdelicatepsp span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipsdelicatepsp span h3 {color:#333; margin-bottom:4px;}


.tipsgrafftipsp {position:absolute; top:600px; left:2px; width:370px; color:#666; line-height:18px;}
.tipsgrafftipsp span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipsgrafftipsp span h3 {color:#333; margin-bottom:4px;}

.tipsstrengthpsp {position:absolute; top:790px; left:2px; width:370px; color:#666; line-height:18px;}
.tipsstrengthpsp span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipsstrengthpsp span h3 {color:#333; margin-bottom:4px;}


.tipsnobilitydsi {position:absolute; top:480px; left:15px; width:370px; color:#999; line-height:22px;}
.tipsnobilitydsi p {color:#999;}
.tipsnobilitydsi span {display:block; padding:8px 10px; background:#111; border-top:1px solid #333; border-bottom:2px solid #222; margin-right:8px;}
.tipsnobilitydsi span h3 {color:#ccc; margin-bottom:4px;}


.tipselegancydsi {position:absolute; top:550px; left:1px; width:360px; color:#999; line-height:18px;padding-left:5px;}
.tipselegancydsi p {color:#999;padding:5px 20px 5px 5px;margin-bottom:5px;}
.tipselegancydsi p span {display:block;  padding-top:5px; border-top:1px solid #eee;}
.tipselegancydsi span h3 {color:#333; margin-bottom:4px;}
.tipselegancydsiicon {width:360px;}


.tipsgrafftidsi {position:absolute; top:600px; left:0px; width:370px; color:#666; line-height:18px;}
.tipsgrafftidsi span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipsgrafftidsi span h3 {color:#333; margin-bottom:4px;}


.tipsaromaticpsp {position:absolute; top:4750px; left:20px; width:450px; color:#666; line-height:18px;}
.tipsaromaticpsp span {display:block; padding:8px 10px; border-top:1px solid #666;}
.tipsaromaticpsp span h3 {color:#333; margin-bottom:4px;}


.tipsnaturaldsi {position:absolute; top:975px; left:3px; width:330px; color:#666; line-height:18px;}
.tipsnaturaldsi span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipsnaturaldsi span h3 {color:#333; margin-bottom:4px;}


.tipsgrafftipspgo {position:absolute; top:600px; left:2px; width:370px; color:#666; line-height:18px;}
.tipsgrafftipspgo span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipsgrafftipspgo span h3 {color:#333; margin-bottom:4px;}


.tipspulsepsp {position:absolute; top:650px; left:140px; width:800px; color:#666; line-height:18px;}
.tipspulsepsp p {margin-bottom:5px;}
.tipspulsepsp span {display:block; padding:5px 2px; border-top:1px solid #dfdfdf;}
.tipspulsepsp span h3 {color:#333; margin-bottom:4px;}
.tipspulsepspleft {float:left;width:200px;}
.tipspulsepspright {float:left;width:480px;border-left:1px dashed #ccc;padding-left:30px;}
.tipspulsepspicon {clear:both;padding:15px 0 0 75px;}
.tipspulsepspicon img {margin-right:20px;}

.tipsspreadpsp {position:absolute; top:840px; left:30px; width:370px; color:#666; line-height:18px;}
.tipsspreadpsp span {display:block; padding:8px 10px;border-top:1px solid #eee;}
.tipsspreadpsp span h3 {color:#333; margin-bottom:4px;}


.tipsenigma {position:absolute; top:2050px; left:70px; width:898px; color:#666; line-height:18px;}
.tipsenigma p{ float:left; height:200px;}
.tipsenigma p.content1{ width:300px;}
.tipsenigma p.content2{ width:340px; position:absolute; top:140px; left:0;}
.tipsenigma p.content3{ width:600px; position:absolute; top:70px; left:250px;}
.tipsenigma p.content4{ width:518px; position:absolute; top:220px; left:250px;}
.tipsenigma span {display:block; padding:8px 10px;border-top:1px solid #eee; clear:both;}
.tipsenigma span h3 {color:#333; margin-bottom:4px;}

.tipsbright {position:absolute; top:2080px; left:70px; width:898px; color:#666; line-height:18px;}
.tipsbright p{ float:left; height:200px; color:#666;}
.tipsbright p.content1{ width:300px;}
.tipsbright p.content2{ width:340px; position:absolute; top:140px; left:0;}
.tipsbright p.content3{ width:600px; position:absolute; top:70px; left:250px;}
.tipsbright p.content4{ width:518px; position:absolute; top:220px; left:250px;}
.tipsbright span {display:block; padding:8px 10px;border-top:1px solid #eee; clear:both; color:#666;}
.tipsbright span h3 {color:#333; margin-bottom:4px;}

.tipscrystal {position:absolute; top:680px; right:350px; color:#666; line-height:18px;}
.tipscrystal p.content1{ width:530px; text-align:right;}
.tipscrystal span{ text-align:left;padding: 0 12px 0 0;}
.tipscrystal span.listOne{ text-indent:58px;}
.tipscrystal span strong{ font-size:24px; padding: 0 0 0 0;}

.tipsgraffitiipad {position:absolute; top:800px; right:319px; color:#666; line-height:18px;}
.tipsgraffitiipad p.content1{ width:650px; text-align:right;}
.tipsgraffitiipad span{ text-align:left;padding: 0 12px 0 0;}
.tipsgraffitiipad span.listOne{ text-indent:58px;}
.tipsgraffitiipad span strong{ font-size:24px; padding: 0 0 0 0;}

.tipssleek {position:absolute; top:2770px; left:32px; width:370px; color:#eee; line-height:18px;}
.tipssleek span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipssleek span h3 {color:#eee; margin-bottom:4px;}
.tipssleek1 {color:#eee;}
.tipssleek2 {color:#eee;}
.tipssleek3 {color:#eee;}
.tipssleek4 {color:#eee;}


.tipscleancut {position:absolute; top:760px; left:5px; width:370px; color:#666; line-height:18px;}
.tipscleancut span {display:block; padding:8px 10px; background:#f8f8f8; border-top:1px solid #eee; border-bottom:2px solid #eee;}
.tipscleancut span h3 {color:#333; margin-bottom:4px;}

/*-----------------------------------------------------------
	 EXP 
-----------------------------------------------------------*/ 
.expbar {float:left; width:200px; margin:0 5px 0 0;}
#expMenu a img {filter:Alpha(opacity=60); -moz-opacity:1.0; opacity:1.0;}
#expMenu a:hover img {filter:Alpha(opacity=100); -moz-opacity:0.5; opacity:0.5;}

.expbox {float:left; width:610px; margin:0 0px 20px 0;}

.expboxlist {width:610px; clear:both;}
.expboxlisttitle {height:22px; border-bottom:2px dotted #ddd; clear:both; font:bold 14px/20px tahoma;color:#333;  background:#f9f9f9 url(images/icon_exp.gif) no-repeat 1px 2px; margin:0 0 2px 0px;padding:0 0 0 20px;}
.expboxlisttitle h4{}

.expboxlisttext {padding:3px 1px;width:610px;clear:both;margin:0 0 5px 0;}
.expboxlisttext img { float:right; padding:2px; border:1px solid #ccc; margin:1px 1px 1px 5px;display:inline-block;}
.expboxlisttext p {line-height:20px;}

.expright {float:right; ;}





.expuserexp p {margin-bottom:15px;}
.expuserexp p a {font:bold 9px tahoma;}
.expuserexp img {padding:2px; border:1px solid #eee; margin:3px 0 0 5px;float:right;}

.expuserexptitle {height:22px; border-bottom:2px dotted #ccc; clear:both; background:#f9f9f9 url(images/icon_userexp.gif) no-repeat 1px 2px; margin:0 0 2px 0px; }
.expuserexptitle h2 {float:left; font:bold 14px tahoma;color:#333; padding:0 0 0 19px;}
.expuserexptitle h4 {float:right; font:bold 10px/19px tahoma;color:#333;}




.mediatesttab h2 {height:22px;  border-top:2px solid #ddd; border-bottom:1px solid #eee; clear:both; font:bold 14px/20px tahoma;color:#333; background:#f5f5f5 url(images/icon_mediatest.gif) no-repeat 1px 5px; margin:0 0 2px 0px; padding:4px 0 0 20px;}
.mediatestbox {clear:both;margin-bottom:50px;}
.mediatestboxlist {width:100%;height:18px;padding:3px 0; border-bottom:2px dotted #ccc;}
.mediatestboxicon {width:18px;height:18px;float:left;padding:1px 0 0 1px;}
.mediatestboxgroup {width:80px;height:18px;background:#fff;float:left;padding-left:5px;font:12px/20px simsun;}
.mediatestboxlink {width:400px;height:18px;float:left;font:12px/20px simsun; background:#fff url(images/icon_right.gif) no-repeat 2px 4px;padding-left:18px;color:#111;}
.mediatestinfo {padding-bottom:8px; border-bottom:2px dotted #ccc;}
.mediatestinfo img {margin:2px 10px 6px 0px; float:left; border:1px solid #dedede;}


/*-----------------------------------------------------------
	 AGENCY 
-----------------------------------------------------------*/ 
.agencybox {width:800PX; float:left; position:relative;}
.agencybox table{width:800px;}
.agencybox table tr td {width:400px;padding:4px 4px 2px 4px;}

.agencytdtitle {height:20px;font:12px/11px;color:#333; font-weight:bold;border-bottom:1px dashed #ccc;background:#f1f1f1;}
.agencytdtitle img {margin:0px 8px -1px 5px;}
.agencytdcontent {height:130px;line-height:16px;}

.agencysidebar {float:right; width:155px;}

.mapbox {width:800px;margin-bottom:10px;position:relative}
#map {float:left; margin-bottom:5px;}

#mapbar,#mapbartop {float:right;width:130px; border-left:1px dashed #eee; margin:0 0 5px 5px;  padding:2px 5px; }
#mapbartop {background:#333;color:#fff; font-weight:bold;border:none; }
#mapbaradds {}
#mapbaradds a {line-height:18px;}
#mapbaradds a:hover {background:#eaf9ae;padding-left:0px;text-decoration:none;}

/*-----------------------------------------------------------
	 ABOUT 
-----------------------------------------------------------*/ 
.aboutbox {width:800px; height:48px; border:1px solid #eee; background:url(images/aboutbox_bg.gif) }
.aboutbigboxleft {width:800px;float:left;margin:0 0 10px 0;}
.aboutbigboxright {width:155px; float:right;margin:0 0 10px 0;}

.aboutbox1 {width:170px; float:left;padding:0 0 0 5px;}

.aboutbox2 {width:157px; height:48px; float:left;border-right:1px solid #eee;margin-right:10px; background:url(images/aboutbox_line.gif) no-repeat right}
.aboutbox2cn {font:bold 14px tahoma; color:#333;padding:7px 0 0 0;}
.aboutbox2en {font:10px tahoma; color:#333;padding:6px 0 0 0;}


.aboutbox3 {width:450px; float:left;}
.aboutbox3 li a {text-decoration:none; color:#333; font:bold 12px tahoma;}
.aboutbox3 li {float:left; width:150px;padding:6px 0 0 0;}
.aboutbox3 li  em {font:10px tahoma; color:#333;}

.aboutinfo {width:800px; min-height:300px; margin:0 0 10px 0;}
.aboutinfoleft {width:240px; height:300px;float:left;}

.aboutinforight {width:550px; float:left; margin:0 0 0 10px;}
.aboutinforight h2 {font:bold 16px tahoma;color:#333;padding:10px 0 10px 0;}
.aboutinforight p {line-height:26px;}
.aboutinforight ul li {line-height:22px;}

.aboutlogo {float:left;}


/*-----------------------------------------------------------
	 FOOTER 
-----------------------------------------------------------*/
#footer {border-top:2px solid #ccc;padding:0 0 40px 0;clear:both;}
.footertips {height:40px;padding:10px 0 0 0; margin:2px 0 0 0;}
.footerlogo {float:left; padding:5px 0 0 5px;}
.footerhotline {float:right; padding:0 5px 0 0;}
.footercopy {font:10px tahoma;color:#999; text-indent:8px;}


/*-----------------------------------------------------------
	HONGKONG PAGE 
-----------------------------------------------------------*/
.hkpage {width:980px; margin-bottom:50px;}
.hkpagetop {clear:both;}
.hkpagetopl {float:left;}
.hkpagetopr {float:left;}

.hkpagetitle {clear:both;}

.hkpagemain {clear:both;}
.hkpagemainl {float:left;}
.hkpagemainr {float:left;}

.hkpageline {clear:both;}
.hkpageproduct {clear:both;}
.hkpageproduct ul li {float:left;}
.hkpageshopimg {clear:both;}
.hkpageshop {font:12px tahoma;padding:5px 5px; color:#555;}
.hkpageshoplist td {padding:3px 0;}