@charset "UTF-8";
/* CSS Document */


body { font-family:inherit; font-size:inherit; font-weight:inherit ;  line-height:100%; font: 13px/1.231  微軟正黑體, arial , monospace , helvetica , clean , sans-ferif ;   font-weight: normail; padding:0; margin:0 0 15px 0; 
background:url(images/picbg.jpg) center center no-repeat fixed; }
a { text-decoration:none;  text-transform: none;}
h1 , ul li , ul { margin:0; padding:0;}
.main h1 .toptitle{background : url(images/title.jpg) no-repeat left top  ; 
padding:0; margin:0; width:863px; height:40px; padding-left:60px; padding-top:8px;}
img a{ border:none;}


.map { margin-top:20px; width: 485px; height:313px; background:url(images/mapbg.jpg) left top no-repeat ; float:right; padding:40px 0 0 35px;}
.contactus{ width:340px; height:auto px; padding-top:40px; margin:0 ;float:left; padding-left:30px;}
.qa{ width:878px; height:auto; padding:10px 10px 10px 20px; margin-top:20px;}
.qa a { font-size: 16px; color: blue; line-height:1.5em; letter-spacing: 0.1em}
.qa a:hover { color : #C00}
.qa h2 a, .qa h2 a:hover { color: #000; font-size: 20px ;}
.qa h2 { margin-top:60px; margin-left:30px; background: url(images/qa.jpg) no-repeat top left; height:35px; padding-left:40px; padding-top:5px; }
.qa .ans {margin-left:90px; background: url(images/qa.jpg) no-repeat 0 -52px ; padding:5px 30px 0 60px ; min-height:28px; line-height:1.5em; letter-spacing: 0.1em}
.qa ul li { margin-left:20px; }
.qa .top { float : right; width:40px; height:auto; background: #fff; margin-right:50px; }
.qa .top a.GOTOP{   color: red; font-size :12px; padding:5px;  }
.qa .top a:hover {    color:#39F }


.index a{
color: rgb(255, 255, 255);
background-color: transparent;
text-shadow: rgb(3, 3, 3) 2px 2px 2px;
}
.index a:hover{
color: rgb(88, 165, 3);
background-color: transparent;
text-shadow: rgb(3, 3, 3) 2px 2px 2px;
}
.index { background:url(images/indexbg.png) no-repeat bottom  center;color:#fff; font-size:5px; padding:26% 0 0 60%; margin: 0 auto ;height: auto; z-index:10; position:relative;}
.indxflash {   z-index:2; position: absolute; left:30%; bottom:-20%;}
.index .fot { width: auto px; height:auto px;   font-size:12px;  padding:0px 0px 0px 0px;  position:relative;  text-align: left; }
.indtop {
	z-index:40;
	position:absolute;
	top:-40px;
	left:10%;
	overflow:hidden;
	padding:0 0px;
	margin:0;
	width:770px;
	height:100px;
}
.indtop h1 { position:absolute;  left:10px; top:10px;  text-indent: -9999px;margin: 0px;padding: 0px;}
.indtop h1 a {text-indent: -9999px; display: block; height: 56px; width: 158px; background:url(images/logo.png) no-repeat left top;}
.indtop h1 a:hover {background:url(images/logo.png) no-repeat left top;}
.index .et a{ z-index:5; color:#fff;font-weight:bold; position:absolute; top :340px;left:650px;font-size:18px;
	}
.index .et a:hover {padding:2px; color:#fff; border:1px solid #FFF ; font-weight:bold; position:absolute; top :340px;left:650px;font-size:18px;
	}


#container { padding:0; margin:0 auto; width:995px ; height: auto; min-height: 600px; position:relative; }
.top{ width : 995px ;   height: 25px; background:url(images/top.png) no-repeat left top ;}
.topmenu { overflow:hidden; padding:0 20px; margin:0; background:url(images/bg.png) repeat-y left top; width:955px; height:50px;}
.topmenu h1 {text-indent: -9999px;margin: 0px;padding: 0px;}
.topmenu h1 a {text-indent: -9999px; display: block; height: 56px; width: 158px; background:url(images/logo.png) no-repeat left top;}
.topmenu h1 a:hover {background:url(images/logo.png) no-repeat left top;}


.mainbg {width:995px; height: auto; min-height:70px; padding: 0; margin:0; background:url(images/bg.png) repeat-y left top;}
.mainbgbottom { width:995px; height:30px; background:url(images/footer.png) no-repeat left top; }

.mainbg .topflash { width:948px; height: 221px;  padding:0; margin: 0 auto; z-index:1}

/* T5 燈具左側選單 */
.mainbg .main { width: 908px; height:auto; min-height:300px; background:url(images/main_bg.png) repeat-y ; padding:10px 20px; margin:0 auto;}
.mainbg .main ul.t5nav { background:# 9F9 ;width:167px; height:auto ; list-style:none; padding: 0; margin-right:15px;  }
.mainbg .main ul.t5nav li { margin-bottom:3px; display:block; width: 167px; height: 32px; list-style: none; }
.mainbg .main ul.t5nav li a { font-size:14px; font-weight:normal; width: 141px; height: 25px; display: block; color: #000; background:url(images/leftnav_bg.jpg) 0 0;  padding:7px 0 0 28px; margin:0;}
.mainbg .main ul.t5nav li a:hover , .mainbg .main ul.t5nav li .active { background:url(images/leftnav_bg.jpg) right top;  color:#ffffff;}


/* LED 燈具左側選單 */
.mainbg .main ul.lednav { background:# 9F9 ;width:167px; height:auto ; list-style:none; padding: 0; margin-right:15px;  }
.mainbg .main ul.lednav li { margin-bottom:3px; display:block; width: 167px; height: 32px; list-style: none; }
.mainbg .main ul.lednav li a { font-size:14px; font-weight:normal; width: 141px; height: 26px; display: block; color: #000; background:url(images/leftnav_bg.jpg) left bottom;  padding:7px 0 0 28px; margin:0;}
.mainbg .main ul.lednav li a:hover , .mainbg .main ul.lednav li .active { background:url(images/leftnav_bg.jpg) right bottom;  color:#ffffff;}



/* 產品首頁右側 */
.mainbg .main .rightarea {  width:717px;  min-height:300px; height:auto; margin:0; padding:0; float:right;}
.mainbg .main .rightarea h1 { 
       overflow:hidden; 
	   background:url(images/t_title.png) no-repeat left top ;  
	   width:717px;height:48px; display:block;  
	   paddng:0; 
	   margin:0; 
	   text-indent:-9999px;  }
	   
.mainbg .main .rightarea h1.led { 
       overflow:hidden; 
	   background:url(images/l_title.png) no-repeat left top ;  
	   width:717px;height:48px; display:block;  
	   paddng:0; 
	   margin:0; 
	   text-indent:-9999px;  }	   
	   

/* 產品首頁右上導覽連結 */
.mainbg .main .linkmap { 
         position: static; margin-bottom:10px;
	     border-bottom: 1px solid #e0e0e0; 
		 font-size:11px;  color:#333333; width :712px; height:auto; 
		 text-align:right; 
		 padding:0 5px 2px 0;  }
.mainbg .main .linkmap a { color:#007dcd;}
.mainbg .main .linkmap a:hover { text-decoration: underline; }

/*產品介紹內容*/
.mainbg .main .p_top {  
       background : url(images/p_top.png) no-repeat left top; width : 718px ; height: 20px ;}
.mainbg .main .p_text { 
       margin:0; padding :10px; background :url(images/p_main.jpg) repeat-y left top ;
	   clear:both; width:698px; height:auto; min-height:300px; }
.mainbg .main .p_text .info { 
       /*position:relative; top :0; left :410px;  */
	   float:right;
	   width : 280px; height : auto; min-height:200px; 
	   background : url(images/p_title1.jpg) left top no-repeat; 
	   padding-top: 50px;  }
.mainbg .main .p_text .info table { width :280px;}
.mainbg .main .p_text .info table tr th { 
       border-bottom : 1px dotted #606060;
	   border-top:0px;
	   border-left:0;
	   border-right:0;  
	   padding:5px 0; font-size :14px; margin:0; 
	   text-align:left;  font-weight:normal;}
.mainbg .main .p_text .info table tr th ul li { 
       margin-bottom:3px; list-style: none; 
	   background : url(images/dot.gif) 0 3px no-repeat ; 
	   padding-left :15px; }
.mainbg .main .p_bottom {
	   background:url(images/p_bottom.png) left bottom no-repeat ;
	    padding:0 ; margin:0; 
		width: 718px; 
		height: 18px;}


.mainbg .main .rightarea .proimg { width:167px;  height:192px; border-bottom :1px solid #e0e0e0; text-align:center; background:#f4f4f4; float: left ; font-size:14px;margin:0 6px 5px 6px; padding-bottom:5px;}
.mainbg .main .rightarea .proimg  a  img{ border:0 ;background:url(images/p_a.jpg) left top no-repeat;   margin:0 auto;  width:159px;  height:130px; padding:22px 4px;}
.mainbg .main .rightarea .proimg  a:hover img  {  border:0; background:url(images/p_ahover.jpg) left top no-repeat ;    }
.mainbg .main .rightarea .proimg a { color:#000000; }
.mainbg .main .rightarea .proimg a:hover { color:#ff003c}


.mainbg .main .rightarea  .spc table {margin-bottom:10px ; border-bottom:1px solid #b2b2b2;}
.mainbg .main .rightarea  .spc { margin-top:20px;  }
.mainbg .main .rightarea  .spc  tr, th , td { padding:0px; border :1px dotted #e0e0e0;  }
.mainbg .main .rightarea  .spc  td {padding:0px 5px;}
.mainbg .main .rightarea  .spc table thead tr th{ width: 707px; background:url(images/pro_info.jpg)  no-repeat left top; height: 37px; text-indent:-9999px; }
.mainbg .main .rightarea  .spc table tr td { text-align:center;  padding:5px; }
.mainbg .main .rightarea  .spc table tr.color  { background-color:#f2f2f2 }
.mainbg .main .rightarea  .spc table tr th { background-color:#e0e0e0 ; color:#000; text-align:center;  padding:4px; font-size:12px; border:1px solid #f0f0f0; }


.mainbg .main .rightarea  .spc table.led thead tr th { width: 707px; background:url(images/pro_infoled.jpg)  no-repeat left top; height: 37px; text-indent:-9999px; }



.mainbg .mainbottom { clear:both; width:948px; height: 13px; background:url(images/main_bottom.png) no-repeat top left; padding:0 0 10px 0; margin:0 auto; }

.footer {font-size:12px; width:810px; height:82px; padding:0px 25px 0px 160px; background:url(images/footer_mail_pic.png) 40px 0  no-repeat; }

 .footernav {  padding:5px 0 0 0; width:390px; height:auto px; float:right; position:relative;  text-align: right;}
  .footerindx {  color: #000; padding:5px 0 0 5px; width:auto px; height:auto px;  text-align:center;}
 .footernav h3, .footerindx h3{ padding:0; margin:0; font-size:12px; font-weight: normal;}
 .footernav ul {  height:auto px; padding:0; margin:0;}
 .footernav ul li {float:right ; display:inline; border-right:1px solid #e0e0e0; padding:2px 3px; }
 .footernav ul li a {color:#000000; padding:2px 3px; }
 .footernav ul li a:hover { color:#06F; position:relative; left:1px; top:2px; background:none;}



/* font  */
.red { color:#C00; }
.clear { clear:both; }
.line { border-bottom:1px solid #fff; border-left:0; border-top:0; border-right:0; }




/* top menu */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
		position:absolute;
		top:35px; left:520px;  z-index: 50;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:82px; 
			background:url(images/navwhite.png) no-repeat left top;
			position:relative;
			z-index:50; 
			list-style: none;
	        margin-right: 10px;
	        padding: 0px;
		}
		
		/* this is the parent menu */
		#nav li a {
	   padding-top:7px;
	   height: 24px;
	   width:82px;
	   text-align:center;
	   display: block;
	   cursor: point;
	   color: #000;
	   text-transform: uppercase;
	   text-decoration: none;  }

		#nav li a:hover {
	    color: #ffffff !important;
	    background:url(images/navblake.png) no-repeat left top;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color: #ffffff !important;
	        background:url(images/navblake.png) no-repeat left top;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 0px; 
			padding-bottom:3px; 
			list-style:none;
			background :#abd4f8;
			width: 84px;}
		
		#nav ul li {
			width: 80px;
			float:left; 
			margin-top:2px;
			padding:1px;  }
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:auto;
			padding-top:8px; 
			color:#000;
			font-size:12px;
			height: 23px;
		}
		
		#nav ul a:hover {
			
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul { margin:0 0 0 -2px;}
/*top menu over*/



/* 產品內文圖片導覽開始*/
.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
	width:100%;
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:bold;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(/images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(/images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(/images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(/images/snext.png) no-repeat center left;
            }
          
            .demo{
                width:400px;
				height:365px;
                padding:5px;
                margin:0;
                border: 1px solid #fff;
                background-color:#f7f7f7;
                overflow:hidden;
            }
  
			.pagedemo{
				border: 1px solid #CCC;
				margin:0 auto;
				width:390px;
                height: 330px;
                overflow:hidden;
				margin-bottom:5px;
                padding:0px;
                text-align:center;
				background-color:white;	
			}

/* 產品內文圖片導覽OVER*/