html{ height:100%; overflow:hidden;}
body{ height:100%; margin:0px; padding:0px; font-size:8pt; font-family:arial; overflow:scroll; overflow-x:hidden;}
img{ border:0px;}
/* top */
#top{ height:267px; height:230px;}
#banner{ width:866px; height:230px;}
#logo{ width:204px; height:80px; margin-top:150px; margin-left:28px; float:left;}
#logo1{ width:3px; height:5px; margin-left:598px; margin-top:221px; float:left; border:0px; background-color:#6930fb;}
#logo2{ width:3px; height:5px; margin-left:1px; margin-top:221px; float:left; border:0px; background-color:#6930fb;}
#topmenu{ width:866px; height:17px; background-color:#cccccc;}
#topmenu ul{ width:866px; height:17px; display:inline; list-style:none; margin-left:30px;}
#topmenu ul li{ height:17px; line-height:17px; float:left;}
#topmenu ul li a{ color:#6a6a6a; text-decoration:none; font-size:8pt; width:60px;}
#topmenu ul li a:hover{  color:#6030f6; text-decoration:none;}

/* page */
#all{ width:100%; height:100%; text-align:center;}
#allin{ width:866px; height:auto; margin:0 auto; left:-433px; text-align:left;}
.page_space{ line-height:22px;}
.pageNum{ text-align:right; color:#6535f9; font-family:Arial; font-size:11px; letter-spacing:1px; cursor:auto; line-height:24px;}
.pageNum a{ text-decoration:none;}
#root{ line-height:50px;}
.code{width:200px;  height:30px; margin-left:17px; font-weight:bold; color:#666;}

/* index */
#news{ width:866px; height:330px; padding:0px;}
#root{ width:866px; height:17px; background-color:#cccccc;}
#copy{ width:866px; height:22px; color:#989898; text-align:right; vertical-align:middle; font-size:7pt; line-height:22px;}

/* gallery */
#gallery{ width:866px; text-align:left; margin-left:3px;}
.gallery_class{ width:555px; padding-left:28px;}
.gallery_title{ width:555px; height:21px;}
.gallery_title span{ padding-left:10px; line-height:21px; color:#696969; font-weight:bold;}
.gallery_lablein{ width:5px; height:13px; float:left;}
.gallery_lable{ width:5px; height:5px;}
.gallery_box{ width:593px; min-height:54px; height:auto; margin-left:14px;}
.gallery_box ul{ width:593px; min-height:54px; height:auto; display:table-row; list-style:none;}
* html .gallery_box ul{ width:593px; min-height:54px; height:auto; display:inline; list-style:none;}
*+html .gallery_box ul{ width:593px; min-height:54px; height:auto; display:inline; list-style:none;}
.gallery_box ul li{ width:50px; height:50px; margin:2px; float:left; cursor:pointer;}
* html .gallery_box ul li{ width:50px; height:50px; margin-left:4px; margin-top:2px; margin-bottom:0px; margin-right:0px; float:left; cursor:pointer;}
*+html .gallery_box ul li{ width:50px; height:50px; margin:2px; float:left; cursor:pointer;}
.gallery_space{ line-height:14px;}

/* profile */
#profile{ width:542px; height:auto; margin-left:16px; font-size:7pt;}

/* contact */
.contact{ width:866px; border-bottom:1px #656565 dotted; text-align:left;}
.contact_padding{ margin-left:28px; width:440px; height:auto;}
#contact{ height:24px; line-height:26px;}
#contact span{ color:#5a31f7;}
.contact_space{ line-height:8px;}
.contact_title{ width:450px; height:20px; line-height:20px; color:#696969; font-weight:bold; padding-left:18px;}
.contact_title span{ padding-right:110px;}
.contact_input{ width:450px; height:24px; padding-left:16px;}
.contact_input div{ width:150px; height:24px; float:left;}
#contact_textarea{ width:369px; height:112px; padding-left:16px;}
#post{ width:430px; height:40px; text-align:right;}
#bbsin{ width:420px; height:auto; text-align:left; margin-left:40px; color:#666666;}
.bbs{ width:330px; min-height:100px; height:auto; padding-top:10px; padding-bottom:10px; padding-left:5px;}
.bbs_info{ width:420px; height:18px; border-bottom:1px #999999 dotted; font-weight:bold;}
.bbs_name{ width:320px; height:18px; line-height:18px; float:left; padding-left:5px;}
.bbs_date{ width:95px; height:18px; float:left;}
.bbs_date img{ padding-right:3px; padding-top:5px; height:8px;}

/* press */
.press_box{ padding-left:30px; width:542px; height:auto; min-height:54px; margin-left:14px; font-size:7pt;}
.press_box img{ margin:2px;}

/* blog */
.blog_class{ width:866px;}
.blog_title{ width:838px; height:21px; border-bottom:1px #000000 dashed; padding-left:28px;}
.blog_title span{ padding-left:10px; line-height:21px; color:#696969; font-weight:bold;}
.blog_lablein{ width:5px; height:13px; float:left;}
.blog_lable{ width:5px; height:5px;}
.blog_content{ width:555px; padding-left:43px; font-size:7pt;}
.blog_content a{ color:#000000; text-decoration:none;}
.blog_content a:hover{ color:#999999; text-decoration:underline;}
.blog_space{ line-height:12px;}

/* shop */
#shop{ width:800px; height:auto;}
#shop div { width:800px; height:165px;}
#shop div ul{ width:800px; height:165px; display:inline; list-style:none;}
#shop div ul li{ width:150px; height:165px; margin-left:16px; margin-right:16px; margin-top:0px; float:left; cursor:pointer;}
#shop div ul li div{width:150px; height:150px; text-align:center; margin-bottom:2px;}
#shop div ul li div a img{ width:150px; height:150px;}
#shop div ul li a{ width:150px; height:8px; line-height:8px; font-size:8pt; text-decoration:none; color:#333333;}
#shop_box{ padding-left:30px; width:542px; height:auto; min-height:54px; margin-left:14px;}
#shop_box div br{ line-height:24px;}