@charset "utf-8";
html {font-size:100%;}
body { font:75%/1.6 'Trebuchet MS', Helvetica, sans-serif; color:#fff;  line-height:140%;  text-align:center; background:#1C2127; margin:0;}

a {text-decoration:none; color:#fff; cursor:pointer;}
a:hover {text-decoration:none; color:#ccc;}
a.bluelink {color:#00DAF9; text-decoration:underline;}
a:hover.bluelink {color:#00DAF9; text-decoration:underline;}

p{margin:0; color:#ddd; line-height:140%;}
img {border:0; margin:0;}
img a{border:0; margin:0;}
ul { margin:0; padding:0; text-align:left;}
li {list-style:none;}
label {margin:15px 0 0 0; display:block; font-size:120%;}

input {
border:1px solid #666; 
padding:9px 8px; 
margin:0.4em 0;
font-family:Trebuchet MS; 
font-size:160%;
overflow:visible;
display:block;
}

.error, .notice, .success { padding:.4em; margin-bottom:1em; border:2px solid #ddd; }
.error { background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4; }
.notice { background:#FFF6BF; color:#514721; border-color:#FFD324; }
.success { background:#E6EFC2; color:#264409; border-color:#C6D880; }

.clear {clear:both;}
.hidden {display:none;}


h1 {font-size:39px; line-height:110%;}
h2 {font-size:220%; font-weight:normal; margin:15px 0;}
h3 {font-size:150%; font-weight:normal; margin:0 0 10px 0; color:#00C0DB;}

#rightbar {
    position:absolute;
	border:0;
	margin-left:250px;
	left:50%;
	top:15px;
	text-align:center;
	height:350px;
	}

#utm { margin:0 auto; width:980px;font-size:95%;}
#utm ul {text-align:right; }
#utm ul li {display:inline; padding:0 3px; text-align:right; }

#wrap {background:#30353B; margin:15px auto 10px; width:980px; text-align:center;}
#content {margin:0 auto; width:950px; text-align:left; padding:20px 0;}

#logohead {margin:0 0 20px 0;}
#logohead .logo{float:left;}
#logohead .tmenu{float:right; font-size:110%; text-align:right; padding-top:6px;}
#logohead .tmenu .mailtit{color:#00C5E2;}
#logohead .tmenu .mailad {color:#fff;}

.homebanner {border:1px solid #49575A;}

#MainMenu 
{
	height:74px;
	background:#FFF url(../images/bmid_111.gif);
	border:0;
	margin:0;
}
#tab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#tab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
#tab a 
{
	background:url(../images/bright_111.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#tab a span 
{
	display:block;
	background:url(../images/bleft_111.gif) no-repeat left top;
	text-align:center;
	font-size:110%;
	color:#FFF;
	font-weight:bold;
	line-height:74px;
	width:190px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:bold;
}


#welcome h1 {font-size:39px; line-height:110%; margin:0 0 10px 0;}
#welcome .welcomeleft {float:left; width:212px;}
#welcome .welcomeright {float:right; width:315px; color:#ddd;}

#exihibition {padding-top:30px;}
#exihibition .hometitle {margin-bottom:10px;}
#exihibition .catetit {font-size:160%; float:left; font-weight:bold;}
#exihibition .viewall {float:right;}
#exihibition .photoexihib {float:left; width:242px; }
#exihibition .photoimg img {width:242px; height:135px;}
#exihibition .exihibtit {font-size:14px; margin:5px 0;}
#exihibition p {font-size:80%;}

#xleds {margin:20px 0 40px 7px;}

#homenotice {margin:30px 0 20px 20px; height: 250px;}
#homenotice h2 {font-size:200%;  margin:5px 0;}
#homenotice ul li {line-height:200%; font-size:120%;}
#homenotice ul li p{line-height:120%;font-size:80%; color:#fff;}
#homenotice a {color:#00DAF9;}

#quickmenu {background:#364A4B;}
#quickmenu .qbox {margin:0 10px; padding:10px 0; }
#quickmenu .qmenu {padding:7px 0; clear:both;}
#quickmenu .qmenu .qicon{float:left; margin-right:10px;}
#quickmenu .qmenu .qtitmenu{float:left; width:280px;}
#quickmenu .qmenu .qtitmenu .tit{font-size:150%; font-weight:bold;}
#quickmenu .qmenu .qtitmenu .pmenu {font-size:90%; margin-top:3px;}
#quickmenu .qmenu .qtitmenu .pmenu span{padding:0 3px;}

#submenu {width:190px;}
#submenu .menulist {margin:10px 15px 0 15px;}
#submenu .menulist ul li {border-bottom:1px solid #3E4245; line-height:160%; padding-bottom:7px; padding-top:7px; font-size:120%;}
#submenu .submenulist {margin:5px 15px 0 7px;}
#submenu .submenulist ul li {line-height:140%; padding-bottom:7px; padding-top:7px; font-size:75%; border:0;}
#submenu .submenulist ul li a{color:#88B5CC;}
#submenu .submenulist ul li.smcate {line-height:140%; padding:2px 0 2px 5px;color:#ffff00; border:0;}
#submenu .submenulist ul li.smcate a {line-height:140%; padding:2px 0 2px 10px; color:#ffffff; border:0;}
#submenu .submenulist ul li.cateled {line-height:140%; padding-bottom:1px; padding-top:2px; font-size:90%; border:0; color:#ff9900;}

.history {text-align:right; color:#999; padding:5px; font-size:90%; font-family:arial; background:#1C2127;}
.history span{color:#ccc;}

#rightbody {margin:0 10px 0 20px; padding:15px 0;}

#SubTabMenu 
{
	width:100%;
	height:25px;
	border-color:#000;
	border-style:solid;
	border-width:0 0 5px;
	margin:0;
}
#Subtab 
{
	top:0;
	height:0;
	background:repeat-x top;
	margin:0;
}
#Subtab ul 
{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
}
#Subtab li 
{
	display:inline;
	float:left;
	margin:0 1px 0 0;
	padding:0;
}
#Subtab a 
{
	background:#000 url(../images/bright_044.gif) no-repeat right top;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
	margin:0;
	padding:0;
}
#Subtab a span 
{
	display:block;
	background:url(../images/bleft_044.gif) no-repeat left top;
	font-family:'Trebuchet MS', Helvetica, sans-serif;
	font-size:11px;
	color:#FFF;
	font-weight:700;
	line-height:25px;
	padding:0 15px;
}
#Subtab a:hover,#Subtab li.menu_active a 
{
	background-position:right bottom;
	border-color:#FF9300;
}
#Subtab a:hover span,#Subtab li.menu_active a span 
{
	background-position:left bottom;
	color:#FFF;
	font-weight:700;
	font-style:normal;
	text-decoration:none;
}

#bizprint, #bizchina, #bizlighting, #bizled, #proprint, #ledlight, #ledpkg {margin-top:10px;}
ul.prolist {margin-top:25px;}
ul.prolist li {clear:both; padding:0 0 15px 0;}
.bizimg {float:left; width:245px; padding-top:5px;}
.biztext {float:left; width:480px;}
.biztit {font-size:150%; font-weight:bold; margin:25px 0 2px 0;}
h3 {font-size:150%; font-weight:bold; margin:5px 0 2px 0; color:#88B5CC;}
p {font-size:120%; color:#FF9900; margin:3px 0;}
ul.speclist li {background:url(../images/dot_01.gif) 0 11px no-repeat; padding:0 0 0 10px; line-height:200%;}

h1.cate01 {padding:3px 7px; background-color:#2B4C75; border:1px solid #CCD4DE; font-weight:bold; font-size:140%; width:100px;}
h2.cate02 {color:#FF9900; font-weight:bold; font-size:130%; padding-top:7px; margin:0;}
h3.product_tit {margin:5px 0 20px 0; font-size:180%;}
h3.product_tit span {font-size:12px; color:#FFCC00; padding-left:20px;}
.catsection {clear:both;}
.catsection h3{margin:5px 0 10px 0;}
.catsection ul {list-style:none; clear:both; margin-top:8px;}
.catsection ul li{display:inline; float:left; width:100px; margin-right:43px; height:170px;}
.prodimg {text-align:center;}
.prodimg img {border:1px solid #999; width:100px; height:100px;}
.prodname {margin-top:5px; text-align:center;}
.prodinfo {margin-top:1px; text-align:center; color:#FFCC00; font-size:10px; line-height:100%;}

.detailtop {clear:both;}
.thumimg {float:left; padding-right:15px; vertical-align:top; width:300px;}
.description {float:left; width:400px; vertical-align:top;}
.description h2 {font-size:160%;}
table.spec {background:#999; margin-top:25px; width:720px; font-size:100%;}
table.spec td {padding:5px; background:#30353B;}
table.spec td.level01 {background:#000; font-weight:bold;}
table.spec td.level02 {padding:10px; text-align:center;}

.historylist {border:1px dashed #666; padding:10px 0; margin-bottom:25px;}
.historylist ul {margin:0 15px;}
.historylist ul li{clear:both; line-height:230%;}
.historylist ul li .years {float:left; width:92px; height:24px; text-align:center; background:url(../images/year_bg.gif) no-repeat 0 3px; color:#333; font-weight:bold; margin-right:25px; }
.historylist ul li .yeartext {float:left; }

#development, #intellectual, #attestation {margin-top:10px;}

.attest {border:1px dashed #666; padding:10px 0; margin-bottom:25px;}
.attest ul {margin:0 15px;}
.attest ul li{clear:both; padding:10px 0;}
.attest ul li .years {float:left; width:65px; height:67px; text-align:center; background:url(../images/attest.jpg) no-repeat 0 0; color:#fff; font-weight:bold; margin-right:25px; font-size:160%; padding-top:25px;}
.attest ul li .yeartext {float:left; font-size:130%; padding-top:23px;}

.ex {margin-bottom:30px; clear:both;}
.ex .eximg {float:left; width:255px; padding-top:3px;}
.ex .eximg img {width:242px; height:135px;}
.ex .exright {float:left;}
.ex .extit {font-size: 150%; color: #00DAF9; margin-bottom:10px;}

.inner {padding:0 0 5px 0;}
.inner h2 {font-family:Helvetica; font-size:200%; color:#FF9900;}
.postorg {border:7px solid #999; margin:15px 0; padding:10px;}
.post {border:1px solid #666; margin:15px 0; padding:10px;}
.postheaderorg {padding:10px; background:#222;}
.postheaderorg h3 {color:#ff6600;}
.postheader {padding:10px; background:#222;}
.postheader h3 {font-size: 150%;}
.postorg .content {padding:10px 15px; min-height:3em;}
.post .content {padding:10px 15px; min-height:3em;}
.semibtn a {margin-left:10px; color:#ff9900;}
.textcontent {border:1px solid #666; width:720px; padding:10px; font-family:Trebuchet MS; font-size:120%; margin:0.4em 0;}
dl.icon {background:url(../images/article-32.gif) no-repeat 0 3px; margin-bottom:20px; height:32px;}
dl.icon dt {padding-left: 40px;font-size:120%; }
a.topictitle {font-size: 150%; color: #00DAF9; text-decoration: none;}
a.topictitle:hover {color: #00DAF9;	text-decoration: underline;}
a.topictitle:active {color: #00DAF9;}

.bbs_nav {font-size:90%;}
.bbs_nav ul { margin: 0;  padding: 0; text-align:right;}
.bbs_nav ul li { margin: 0;  padding: 2px 6px;  display:inline; margin-left: 12px; background-color:#2B4C75; border:1px solid #CCD4DE; color:#FFFFFF;}

.profileimg {float:left; width:256px;}
.profiletd {float:left;}
.profiletd table.prf {background:#999; font-size:100%; margin-top:12px;}
.profiletd table.prf th {background:#1C2127; padding:7px; width:120px;}
.profiletd table.prf td {background:#444;padding:7px; width:320px;}

.smallfile {clear:both;}
.fileinput {overflow:visible; padding:3px; font-size:12px; font-family:Trebuchet MS; width:400px; float:left;}
.fileadd {float:left; margin:6px 0 0 5px;}


#popreference, #popexihibition {padding:5px; background:#fff;}
.bigimg {float:left;}
.thumbnail {float:left; background:#fff; padding:5px 15px; width:100px;}
.thumbnail img{width:70px;}
.thumbnail ul li {margin:5px;}

.sitemap {margin-top:10px;}
.sitemap a:hover {color:#ffff00;}
.mlist {float:left; margin-right:5px; width:120px;}
.mlistm {float:left; width:190px; margin-right:5px;}
.mlistlast {float:left; width:120px;}
.mlist ul, .mlistlast ul, .mlistm ul {padding:10px 0 0 10px;}
.mlist ul li, .mlistlast ul li, .mlistm ul li {line-height:200%;}
.mlistbg {background:url(../images/map_bg.gif) repeat-x 0 0; height:28px; }
.mlistbg .mlistright {background:url(../images/map_bg_right.gif) no-repeat right center; height:28px;}
.mlistbg .mlistright p {background:url(../images/map_bg_left.gif) no-repeat left center; height:28px; padding:0 15px 0 15px; color:#fff;font-size:100%; font-weight:bold; margin:0; line-height:28px;} 


#pagenavi {text-align:center; margin:30px auto 0; }
#pagenavi span{padding:0 5px;}
#pagenavi span.selpage{color:#ff0000; font-weight:bold;}
#pagenavi span a{ font-weight:bold;}
#pagenavi span a:hover{text-decoration:underline;}


#footer {margin:0 auto; text-align:left; font-size:85%; width:980px; color:#ccc;}
#footer b {color:#fff;}