/* css document */
/*	
copyright 2006 sanyun inc.
common css	waney kflulu@hotmail.com
$revision: beta $ 界面设计制作--家有懒妻 QQ63622719
*/

*{
	padding:0;
	margin:0;
}
html,body { height:100%; } /* for ff */
*,html,div,ul,li,ol,span,font  a:link{
	
	font-weight: normal;
	text-decoration: none; 
	
}
a:link { font-size:12px; color:#666666;}
a:visited {
	color:#000;
	font-weight: normal;
	text-decoration: none;
}
a:hover {
	color:#FF0000;
	font-weight: normal;
	text-decoration: none;
}
 a:active {
    color:#000;
	font-weight: normal;
	text-decoration: none;
}
body{
	font-family:arial;
	background-color: #fff;
	background-image: url(../images/bj.jpg);
	color: #000; font-size:12px;
	background-repeat: repeat-x;
}
img { border:0px;}
strong { font-weight:bold;}
h1 { font-weight:bold; font-size:18px; color:#000000; width:100%; text-align:center;}
ul { margin:0px; padding:0px;}
li { margin:0px; padding:0px; list-style:none;} 
input { border:1px solid #C7C7C7; padding:1px; width:38px;}

.clear{height:10px;overflow:hidden;clear:both;}

.text {
	clear:right;line-height:25px; text-align:left; color:#000; padding:10px; padding-left:20px;/**/
}
.text h1{font-size:13px; display : inline; color:#790202;}
.text1 {
	clear:right;line-height:26px; text-align:left; color:#666666; padding:10px;/**/
}
.text1 h1{ margin:0px; text-align:center; color:#d64c04; font-size:14px}
.text1 .other{ text-align:center; line-height:35px;}
.text1.contxt{ margin:5px}
.map {
	float:left;
	margin:5px;
	padding:2px; margin-top:10px;
}

.head { width:1120px; margin:0 auto;  overflow:hidden; }
.logo { float:left; height:99px; width:433px; padding-top:20px;}
.add { float:right; text-align:right; line-height:25px; padding-top:10px; padding-right:150px; height:109px; background:url(../images/add-bj.jpg) right  bottom no-repeat; width:340px;}
.red a :link ,.red a:visited a:hover { color:#FF0000;}

.dh { clear:both; width:1120px; margin:0 auto;}
.dh ul {}
.dh li { width:123px; float:left; text-align:center;}
.dh li a:link , .dh li a:visited { color:#FFFFFF; font-size:16px;font-family:'Microsoft Yahei'; font-weight:bold; display:block; height:47px; line-height:47px;}
.dh li a:hover { display:block; background:#980000;}
.search { clear:both; width:980px; margin:0 auto; height:50px; color:#333333; display:none;}
.search ul { padding-top:5px;}
.search li { float:left;  text-align:left;}
.search li strong { padding-left:10px;  color:#999;}
.t-gg{ clear:both; width:100%; height:76px; background:url(../images/2016a.jpg)  center no-repeat; display:none;}

#full-screen-slider { width:100%; height:400px; float:left; position:relative; z-index:9; overflow:hidden;}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative; }
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:370px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#ccc }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0B5A00}


.flash { clear:both; text-align:center; width:100%; padding-bottom:20px;}
.flash img { width:100%;}
.i-r { float:left; margin-left:10px; width:220px;}
.i-news { clear:both;width:218px; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5;}
.i-newsa {  padding-top:10px;}
.i-newsa ul { padding:10px;}
.i-newsa li { clear:both; margin-left:10px; line-height:20px; background:url(../images/ico.jpg) left center no-repeat; padding-left:10px;}
.i-zs { padding-top:10px; clear:both;}
.main { width:1200px; margin:0 auto; overflow:hidden; padding:10px;}
.i-left { width:230px; float:left; font-size:14px}
.left-fl { border:1px solid #D5D5D5; }
.left-fl ul  { padding:5px; padding-left:10px;}
.left-fl li { clear:both; line-height:22px; padding-left:25px; color:#666666;}
.left-fl li a:link ,.left-fl li a:visited { color:#333333; font-size:14px}
.left-fl li a:hover { color:#ff0000; text-decoration:underline;}
.fla { clear:both; padding-left:20px; text-align:left; font-weight:bold; font-size:14px; border:1px solid #ccc; padding:5px;}

.l-aa { clear:both; border:1px solid #D5D5D5;}
.l-aa ul { padding:0px;}
.l-aa li { clear:both;}
.l-tit { clear:both; background:#C20000; padding:5px 10px; text-align:left; color:#FFFFFF;font-family:'Microsoft Yahei'; font-size:18px;}

.l-newsa { border:1px solid #D5D5D5; overflow:hidden;}
.l-newsa ul { clear:both;}
.l-newsa li { float:left; width:110px; text-align:center;font-size:12px; padding-top:8px; line-height:20px; height:130px;}
.l-newsa li a { font-size:12px;}
.l-newsa li img { width:95px; height:95px; border:1px solid #ccc;}
.l-newsb { border:1px solid #D5D5D5; overflow:hidden;}
.l-newsb ul { clear:both;}
.l-newsb li { clear:both; text-align:left;font-size:12px; padding-top:8px; line-height:20px;}
.l-newsb li a { font-size:12px;}


.i-right { float:right;margin-left:0px; width:960px;}
.i-jj { padding:1px; float:left; border:1px solid #D5D5D5; width:771px;}
.i-jjtit { background:#F0F0F0; padding-left:10px; padding-top:8px; height:22px; text-align:left; font-size:14px; font-weight:bold;}
.i-jjtit span { float:right; padding-right:10px;}

.index-tj { float:left; background:url(../images/tjcp.jpg) no-repeat; padding-top:37px; text-align:center; height:187px; width:237px;}
.i-xptj { clear:both;  background:url(../images/xptj-bj.jpg) bottom repeat-x; padding-bottom:5px; border:1px solid #ccc; border-bottom:0px;}
.i-xptj span { float:right; padding-right:5px; padding-top:15px;}

#demo {background: #FFF;overflow:hidden; margin:0 auto;padding:10px; padding-bottom:10px; border:1px solid #ccc; border-top:0px;}
#demo  li { float:left; padding: 0px 5px}


#indemo {float: left;width: 500%;}
#demo1 {float: left; }
#demo2 {float: left;}


.index-titb { clear:both; background:#F0F0F0;width:960px;text-align:left;  color:#C72121; font-weight:bold ; height:33px;}
.index-titb span { color:#C72121; float:right; padding-right:10px; padding-top:8px;}
.index-titb a:link , .index-titb a:visited { color:#C72121;}
.index-titb a:hover { text-decoration:underline;}
.index-product {clear:both; width:960px;  padding-bottom:40px; padding-top:10px; overflow:hidden;}
.index-product ul {}
.index-product li { float:left; width:240px; text-align:center; line-height:30px; height:275px;}

.i-cp { width:960px; clear:both; padding-top:10px;}
.i-cp ul { padding:0px;}
.i-cp li { float:left; text-align:left;}

.pica{width:230px;height:230px;display:table;text-align:center; border:1px solid #ccc; clear:both; }
.pica span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle; max-height:230px;}
.pica img {width: expression(this.width > 230 ? 230: true); max-width: 230px; height: expression(this.height > 230 ? 230: true); max-height: 230px;}

.picc{width:170px;height:225px;display:table;text-align:center; border:1px solid #E7E7E7; clear:both; }
.picc span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picc img {width: expression(this.width > 165 ? 165: true); max-width: 165px; height: expression(this.height > 225 ? 225: true); max-height: 225px;}



.left-lxwm {   border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8; background:#FFFFFF;}
.left-lxwm ul { padding:10px; padding-left:15PX; }
.left-lxwm li { clear:both; width:221px; text-align:left; line-height:22PX;}


.right { float:left; width:960px; margin-left:10px;}
.dqwz { clear:both; background:url(../images/ico2.jpg) left center no-repeat; padding-left:100px; line-height:25px; border-bottom:1px solid #CCCCCC; color:#666; width:860px}
.cpfl { clear:both; margin-top:10px; border:1px solid #E1E1E1; background:#EFEFEF; padding:5px; width:950px; overflow:hidden;}
.cpfl ul { border:1px solid  #E5DDC7; background:#F5F4EC; padding:5px; width:940px; margin:0 auto; overflow:hidden;}
.cpfl li { float:left; line-height:25px; color:#666666; padding-right:10px;}
.cpfl li a:link , .cpfl li a:visited { color:#3366CC;}
.cpfl li a:hover { text-decoration:underline;}
.about { width:740px; clear:both; }


.news {clear:both; padding:2px;  overflow:hidden; padding:10px; padding-bottom:20px;}
.news ul { padding-left:5px;}
.news li {background:url(../images/right-newsbj.gif) no-repeat; clear:both; line-height:32px; text-align:left; padding-left:15px;}
.news li span { text-align:right; float:right; padding-right:10px; color:#999999;}



.yqlj { width:1188px; margin:0 auto; clear:both; border:1px solid #DDDDDD; padding:1px; line-height:25px; text-align:left; padding-bottom:10px;} 
.yqlj ul { padding:8px;}
.yqlj li { line-height:20px;}
.foot { width:100%; background:url(../images/foot-bj.jpg) repeat-x; }
.foot-dh { width:950px; clear:both; margin:0 auto; background:#EEEEEE; padding:5px; text-align:center;}
.foot-bq { clear:both; padding-top:15px;}
.foot-bq ul {}
.foot-bq li { clear:both; text-align:center; line-height:25px;}

.foot-a { clear:both; width:792px; margin:0 auto;background:url(../images/foot-a.jpg) no-repeat; overflow:hidden;padding-left:184px; padding-top:50px; padding-bottom:10px;}
.foot-a ul { float:left; width:196px;}
.foot-a li { clear:both; line-height:20px;background:url(../images/ico4.jpg) left center no-repeat; padding-left:10px; }

.product {clear:both; width:960px; background:url(../images/p-bj.jpg) bottom no-repeat; padding-bottom:40px; padding-top:10px; overflow:hidden;}
.product ul {}
.product li { float:left; width:240px; text-align:center; line-height:30px; height:280px;}
.p-sm { clear:both; text-align:center; padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #ccc;}


.p-l { width:500px; float:left; padding-top:20px;}
.p-img { clear:both; padding-top:10px;}
.p-img ul { padding:0px;}
.p-img li { float:left; width:60px; text-align:center;}
.p-img li img { width:50px; height:50px; border:1px solid #dadada; padding:1px;} 
.p-r { float:left; margin-left:10px; width:400px; padding-top:20px;}
.p-r h1 { text-align:left; border-bottom:1px dashed #CCCCCC;}
.p-r ul { padding:10px; width:300px; overflow:hidden;}
.p-r li { float:left; width:210px; padding-right:10px; line-height:25px;}

.picb{width:500px;height:500px;display:table;text-align:center; border:1px solid #E7E7E7; clear:both; }
.picb span{display:table-cell;vertical-align:middle;vertical-align: middle;height:100%; 
    writing-mode: tb-rl; 
    vertical-align: middle;}
.picb img {width: expression(this.width > 500 ? 500: true); max-width: 500px; height: expression(this.height > 500 ? 500: true); max-height: 500px;}

.bzzx { clear:both; width:1200px; margin:0 auto;text-align:left; border-bottom:1px solid #000;}
.flb { clear:both; border-bottom:1px solid #EEEEEE; font-weight:bold; text-align:left; padding-left:5px; font-size:13px;}
.bzzx-l { float:left;  background:url(../images/l-bj.jpg) right repeat-y; padding-left:10px; padding-top:30px; width:188px; overflow:hidden;}
.bzzx-fl { clear:both; }
.bzzx-fl ul { width:188px; float:right;  padding-top:10px; }
.bzzx-fl li { clear:both; text-align:right;}
.bzzx-fl li a:link , .bzzx-fl li a:visited {   padding-right:25px; width:163px;display:block; padding-top:8px; height:22px; padding-right:5px;}
.bzzx-fl li a:hover { display:block; background:url(../images/f-bja.jpg) right no-repeat;  padding-right:25px; width:163px; padding-top:8px; height:22px; padding-right:25px;}

.bzzx-r { float:left; padding-left:10px; width:900px;}


.hbdxl { float:left; width:580px;}
.hbdxl-nav { float:right;background:url(../images/p-bj.jpg) bottom no-repeat; width:574px; border-bottom:1px solid #D5D5D5; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; padding-bottom:20px;}
.hbdxl-nav ul { padding:5px;}
.hbdxl-nav li { float:left; width:180px; text-align:center; line-height:30px;}
.r-a { width:610px; margin-left:10px; float:left;}
.r-newa { border:1px solid #D5D5D5; padding:1px; clear:both; height:180px;}
.r-newa ul { padding:5px;}
.r-newa li { float:left; width:165px; text-align:left;background:url(../images/ico1.jpg) left center no-repeat; padding-left:8px; line-height:22px;} 
.r-tita { clear:both; background:url(../images/r-tita.jpg) repeat-x; padding-top:5px; height:21px; padding-left:10px; font-weight:bold;}
.r-tita span { float:right; padding-right:5px;}


.r-newb { border:1px solid #D5D5D5; padding:1px; clear:both; height:390px; }
.r-newb ul {padding:15px;}
.r-newb li { float:left; width:240px; text-align:left;background:url(../images/ico3.jpg) left center no-repeat; padding-left:15px; line-height:22px;} 


.ttl{height:18px;}
.ctt{height:auto;padding:6px;clear:both;border-top:0;text-align:left;}





.tb_{background-image: url('images/barbg_tab.gif'); background-repeat: repeat-x;background-color: #E6F2FF;}
.tb_ ul{height:24px;padding-left:0px;}
.tb_ li{float:left;height: 24px;line-height:1.9;width: 210px;cursor:pointer; text-align:left; font-weight:bold; padding-left:10px;}


.normaltab   { background:#F3F3F3; padding-top:5px; color:#666; border:1px solid #D5D5D5;}
.hovertab    {  background:url(../images/tit1.jpg) repeat-x; padding-top:5px; color:#FF0000; }
.dis{display:block;}
.undis{display:none;}


.news-xx { width:950px; margin:0 auto; clear:both;  padding:20px;}
.news-tit { clear:both; width:920px; margin:0 auto; text-align:center; font-size:20px; font-weight:bold;}
.news-sm { clear:both; width:920px; margin:0 auto; border-bottom:1px dashed #CCCCCC; padding-top:10px; color:#999999; padding-bottom:5px; text-align:center}
.news-text { width:100%; margin:0 auto; clear:both; line-height:25px; text-align:left; color:#000; padding-top:20px;}



.ColColorGray{background:#efefef;}.ColColorGraydark{background:#efefef;}.ColColorGreen{background:#eefbee;}
div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24,div.span-auto{float:left;margin-right:10px;}div.last{margin-right:0;}.span-0{width:10px;}.span-1{width:30px;}.span-2{width:70px;}.span-3{width:110px;}.span-4{width:150px;}.span-5{width:190px;}.span-6{width:230px;}.span-7{width:270px;}.span-8{width:310px;}.span-9{width:350px;}.span-10{width:390px;}.span-11{width:430px;}.span-12{width:470px;}.span-13{width:510px;}.span-14{width:550px;}
.liststyle{border:1px solid #ddd;width:100%;margin:0;}.liststyle a{padding-right:5px;text-decoration:underline;}.liststyle a.lnk{text-decoration:none;}.liststyle thead th{text-align:center;font-size:12px;white-space:nowrap;font-weight:700;background:url(tablethbg.gif);border-bottom:1px solid #ccc;border-top:1px solid #fff;border-right:1px solid #ddd;border-left:1px solid #fff;padding:4px 3px;}.liststyle td,.liststyle th{padding:4px;word-break:break-word;text-align:center;border-right:1px solid #ddd;border-left:1px solid #fff;border-bottom:1px solid #ddd;border-top:1px solid #fff;}.liststyle.data td,.liststyle.data th{word-break:break-word;}.liststyle.data tbody th{text-align:right;color:#000;font-size:14px;}.liststyle.data td{text-align:left;}.liststyle.data .colspan{text-align:center;border-bottom:1px solid #aaa;border-top:1px solid #fff;color:#000;font-weight:700;}.liststyle_option th,.liststyle_option td{padding:5px;text-align:center;background:#eee;text-align:left;}.liststyle .viewpic{text-indent:-9999px;display:block;width:20px;height:20px;background:url(goodsgallary_icon.gif) 0 -25px no-repeat;}.liststyle .addtocart{text-indent:-9999px;display:block;width:20px;height:20px;background:url(goodsgallary_icon.gif) 0 -100px no-repeat;}.liststyle .phone-group li{list-style:none;line-height:30px;}.thumbnailPic ul{float:left;text-align:center;margin-right:10px;}.thumbnailPic ul li.pic a{display:block;height:50px;width:50px;border:1px solid #ccc;}


.preload1 {background: url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}

#nav {padding:0; margin:0; list-style:none; height:38px; padding-top:4px;position:relative; z-index:500; font-family:arial, verdana, sans-serif; float:left; width:780px;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#ccc; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; color:#FFFFFF; font-weight:bold; font-size:14px;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px;}

#nav li:hover a.top_link {color:#fff; background: url(../images/three_1.gif) no-repeat;}
#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top; color:#000000;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top; color:#000000;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{left:1px; top:35px; background: #FFFFFF;  border:1px solid #D8E2EC; white-space:nowrap; width:95%; padding:5px; height:auto; z-index:300; overflow:hidden;}
#nav li:hover ul.sub li
{display:block; height:30px; position:relative; float:left; width:90px; font-weight:normal; width:95%;}
#nav li:hover ul.sub li a
{display:block;  height:25px;  line-height:20px; text-indent:5px; color:#000; text-decoration:none; color:#CC0000; font-weight:bold; font-size:14px; margin-top:5px;}

#nav li:hover ul.sub li a:hover 
{background:#EEEEEE;  border-color:#fff;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px; top:-4px; background: #bbd37e; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:90px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background:#6a812c url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background:#bbd37e url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 
.xla { padding-left:15px;}
.xla li a:link , .xla li a:visited { color:#666666; font-weight:100; font-size:12px;}
.kf_top{
	background-image:url(/Template/images/KF_1.gif);
	background-repeat: no-repeat;
	width:99px;
	height:61px;}
.kf_bg{
	background-image: url(/Template/images/KF_2.jpg);
	background-repeat: repeat-y;
	text-align:center;
	width:99px;
	padding:10px 0px;	
}
.kf_bg li{ padding:5px 0px}
.kf_bottom{
	background-image: url(/Template/images/KF_3.gif);
	background-repeat: no-repeat;	
	width:99px;
	height:28px;
}
#pager_List{ text-align:center}





.code{ height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;}
.code pre{ font-family:"Courier New";font-size:14px;}
.code pre code.note{ color:#999}
.code2{border:1px solid #FEB0B0; background:#FFF1F1; margin-top:10px;}
.code2 pre{ margin-left:20px; font-size:12px;}
.info{ font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;}
.info p{ margin:0; padding:0; line-height:22px; text-indent:40px;}

.importInfo{ font-family:Verdana; font-size:14px;}



.ddindex_content_lz {
	FLOAT: left; WIDTH: 726px; HEIGHT: 420px;
}

#lantern {
	BORDER-RIGHT: #878787 1px solid; BORDER-TOP: #878787 1px solid; FONT-SIZE: 10.5pt; OVERFLOW: hidden; BORDER-LEFT: #878787 1px solid; WIDTH: 726px; CURSOR: pointer; LINE-HEIGHT: 23px; BORDER-BOTTOM: #878787 1px solid; HEIGHT: 412px
}

#lanternMain {
	WIDTH: 726px; HEIGHT: 390px; BACKGROUND-COLOR: #ffffff
}

#lanternImg {
	OVERFLOW: hidden; WIDTH: 726px; POSITION: absolute; HEIGHT: 390px
}

#lanternNavy {
	BORDER-TOP: #ffffff 1px solid; FONT-SIZE: 10.5pt; FLOAT: left; OVERFLOW: hidden; WIDTH: 686px; COLOR: #853200; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center
}

#lanternNavy .div_off1 {
	FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center
}
#lanternNavy .div_on1 {
	PADDING-RIGHT: 0px; BORDER-TOP: #cccabe 1px solid; PADDING-LEFT: 0px; FLOAT: left; OVERFLOW: hidden; BORDER-BOTTOM: #cccabe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f5f4f2; TEXT-ALIGN: center
}
#lanternNavy .div_off2 {
	FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center
}
#lanternNavy .div_on2 {
	PADDING-RIGHT: 0px; BORDER-TOP: #cccabe 1px solid; PADDING-LEFT: 0px; FLOAT: left; OVERFLOW: hidden; BORDER-BOTTOM: #cccabe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f5f4f2; TEXT-ALIGN: center
}
#lanternNavy .div_off3 {
	FLOAT: left; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 22px; BACKGROUND-COLOR: #cccabe; TEXT-ALIGN: center
}
#lanternNavy .div_on3 {
	PADDING-RIGHT: 0px; BORDER-TOP: #cccabe 1px solid; PADDING-LEFT: 0px; FLOAT: left; OVERFLOW: hidden; BORDER-BOTTOM: #cccabe 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f5f4f2; TEXT-ALIGN: center
}

.liclass {
	BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 3px; FLOAT: left; MARGIN-LEFT: 6px; BORDER-LEFT: #ffffff 1px solid; WIDTH: 15px; COLOR: #ffffff; LINE-HEIGHT: 14px; MARGIN-RIGHT: 6px; BORDER-BOTTOM: #ffffff 1px solid; HEIGHT: 15px; BACKGROUND-COLOR: #cc3300; TEXT-ALIGN: center; _margin-left: 2.5px; _margin-right: 2.5px
}


.qqserver p img{display:inline;margin:-5px 5px 0 0;vertical-align:middle;}
.scrollsidebar{position:absolute;z-index:999;top:220px;}
.side_content{width:167px;height:auto;overflow:hidden;float:left;}
.side_content .side_list{width:167px;overflow:hidden;}
.show_btn{width:0;height:144px;overflow:hidden;margin-top:50px;float:left;cursor:pointer;}
.show_btn span{display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn{background:url(../images/sidebar_bg.png) no-repeat;_background:url(../images/sidebar_bg.gif) no-repeat;}
.side_title{height:46px;}
.side_title{height:46px;}
.side_bottom{height:8px;}
.side_center{font-family:Verdana, Geneva, sans-serif;padding:10px 12px 5px 12px;font-size:12px;}
.close_btn{float:right;display:block;width:19px;height:19px;margin:16px 7px 0 0;_margin:16px 3px 0 0;}
.close_btn span{display:none;}
.side_center .qqserver p{text-align:left;padding:6px 0;margin:0;vertical-align:middle;}
.phoneserver {font-size:14px;text-align:center;}
.phoneserver p{padding:2px 0;_height:16px;margin:0;color:#666666;}
.msgserver{border-top:1px dotted #ccc;text-align:center;margin-top:6px;padding:10px 0 3px 0;}
.msgserver a{background:url(../images/sidebar_bg.gif) no-repeat -119px -154px;padding:3px 0 3px 23px;}
.side_content hr{border-bottom:1px solid #E6E6E6;height:1px;margin:10px 0;clear:both;}

/* green skin  */
.side_green .side_title{background-position:-505px 0;}
.side_green .side_center{background:url(../images/green_line.gif) repeat-y center;}
.side_green .side_bottom{background-position:-505px -60px;}
.side_green .close_btn{background-position:-44px -45px;}
.side_green .close_btn:hover{background-position:-65px -45px;}
.side_green .show_btn{background-position:-187px 0;}
.side_green .msgserver a{color:#68c40b;}
.side_green hr{border-bottom:1px solid #edf2e5;}