div,p {padding:0px; margin:0px;}
#wrapper {margin:0px auto;_margin:0px auto;_margin: 0px auto;width:1100px;}
.clear { clear:both;}
body {overflow-x:hidden;}

/*top*/
#top_bg {width:100%; height:70px;}
#top {width:1100px;; height:48px; background:url(../images/index_01.jpg); background-repeat:no-repeat; padding-top:22px;}
#top_a {width:1100px;; height:48px; background:url(../images/index_01.png); background-repeat:no-repeat; padding-top:22px;  margin:0px auto;}
.radius_text { border:2px #000;-moz-border-top-left-radius:4px;-moz-border-bottom-left-radius:4px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
#logo {position:absolute; z-index:999; width:131px; height:27px; margin-left:60px; top:0px;}
.top01 {width:790px; margin-right:10px; float:left;font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:right; height:23px; line-height:23px;}
.top02 {width:38px; float:left; text-align:left; height:23px;}
.top03 {width:132px; float:left; background:url(../images/index_09.gif); height:23px;line-height:23px;}
.top04 {width:107px; float:left; text-align:left;line-height:23px;}
#top_btn {width:915px; height:40px; position:absolute; top:70px; background:url(../images/index_18.png); padding-left:185px; z-index:995; text-align:right; display:table}
#top_btn a{display:table-cell;height:40px; text-align:center; vertical-align:middle; color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:40px; padding:0px 15px;}
#top_btn a:hover{color:#ffe400;}

a#top_btn01 {background:url(../images/index_11.png) center center no-repeat;}
a#top_btn01:hover {background:url(../images/index_11y.png) center center no-repeat;}
a#top_btn01a {background:url(../images/index_11a.png) center center no-repeat;}

a#top_btn02 {background:url(../images/index_12.png) center center no-repeat;}
a#top_btn02:hover {background:url(../images/index_12y.png) center center no-repeat;}
a#top_btn02a {background:url(../images/index_12a.png) center center no-repeat;}

a#top_btn03 {background:url(../images/index_13.png) center center no-repeat;}
a#top_btn03:hover {background:url(../images/index_13y.png) center center no-repeat;}
a#top_btn03a {background:url(../images/index_13a.png) center center no-repeat;}

a#top_btn04 {background:url(../images/index_14.png) center center no-repeat;}
a#top_btn04:hover {background:url(../images/index_14y.png) center center no-repeat;}
a#top_btn04a {background:url(../images/index_14a.png) center center no-repeat;}

a#top_btn05 {background:url(../images/index_15.png) center center no-repeat;}
a#top_btn05:hover {background:url(../images/index_15y.png) center center no-repeat;}
a#top_btn05a {background:url(../images/index_15a.png) center center no-repeat;}

a#top_btn06 {background:url(../images/index_16.png) center center no-repeat;}
a#top_btn06:hover {background:url(../images/index_16y.png) center center no-repeat;}
a#top_btn06a {background:url(../images/index_16a.png) center center no-repeat;}

a#top_btn07 {background:url(../images/index_17.png) center center no-repeat;}
a#top_btn07:hover {background:url(../images/index_17y.png) center center no-repeat;}
a#top_btn07a {background:url(../images/index_17a.png) center center no-repeat;}

a#top_btn08 {background:url(../images/index_22.png) center center no-repeat;}
a#top_btn08:hover {background:url(../images/index_22y.png) center center no-repeat;}
a#top_btn08a {background:url(../images/index_22a.png) center center no-repeat;}

a#top_btn09a {background:url(../images/index_23.png) center bottom no-repeat; color:#ffe400}

.search_01b {width:489px; height:32px; background:url(../images/search_01.png); background-repeat:no-repeat; float:left;}
.search_01b_cn {width:489px; height:32px; background:url(../images/search_01_cn.png); background-repeat:no-repeat; float:left;}

/*down*/
#down {width:100%;  background:url(../images/index_19.gif);}
#down_text {width:1050px;margin:0px auto; padding-left:50px; padding-top:20px; padding-bottom:20px;}

/*center*/
#index_center {width:1075px; background:url(../images/index_04.jpg); height:172px; background-repeat:no-repeat; padding-top:30px; padding-left:25px; text-align:left; }
#index_news {width:350px; background:url(../images/index_05.png); background-repeat:no-repeat; height:135px; padding-top:15px; text-align:left; float:left;}
#index_news_cn {width:350px; background:url(../images/index_05_cn.png); background-repeat:no-repeat; height:135px; padding-top:15px; text-align:left; float:left;}
.i_news_more {text-align:right; padding-left:20px;  height:10px; padding-right:20px;}
.i_news_title {text-align:left; position:relative; float:left; width:235px; margin-left:20px; height:20px; overflow:hidden; margin-right:5px;}
.i_news_date {text-align:left; position:relative; float:left; width:83px; height:20px;}
#index_pic {width:187px; background:url(../images/index_06.png); background-repeat:no-repeat; height:150px; padding-top:15px; text-align:center; vertical-align:middle; float:left;}
.index_p_text {padding-left:18px; padding-top:56px; width:145px; height:94px; float:left; background:url(../images/index_07a.png)}
.index_p_text_cn {padding-left:18px; padding-top:41px; width:145px; height:109px; float:left; background:url(../images/index_07_cn.png)}
.index_contact {width:330px; height:110px; float:left; padding-top:40px; padding-left:20px; background:url(../images/index_08.png)}
.index_contact_cn {width:330px; height:110px; float:left; padding-top:40px; padding-left:20px; background:url(../images/index_08_cn.png)}

/*index_java*/
#index_p_left {position:absolute; z-index:990; width:1100px; height:570px;}

/*About*/
.about_top{background:url(../images/about_01.jpg); background-repeat:no-repeat; width:1100px; height:54px;}
.about_01 {width:1100px; height:32px;}
.about_01a {width:59px; height:32px; background:url(../images/about_03.jpg); background-repeat:no-repeat; float:left;}
.about_01b {width:489px; height:32px; background:url(../images/about_02.jpg); background-repeat:no-repeat; float:left;}
.about_01b_cn {width:489px; height:32px; background:url(../images/about_02_cn.jpg); background-repeat:no-repeat; float:left;}
.about_01c {width:493px; height:32px; background:url(../images/about_04.jpg); background-repeat:repeat-x; float:left; text-align:right;}
.about_01d {width:59px; height:32px; background:url(../images/about_05.jpg); background-repeat:no-repeat; float:left;}
.about_02 {width:980px; background:url(../images/about_06.jpg); background-repeat:no-repeat; padding-left:60px; padding-top:31px; padding-right:60px; color:#FFF;}
.go_top {width:100%; height:38px; background:url(../images/about_07.jpg); background-repeat:repeat-x; margin:0px auto; text-align:center;}
.about_03 {width:492px; float:left;color:#FFF; }
.about_04 {width:980px;color:#FFF;}

/*About_text_java*/
	a img {
		border: none;
	}
	#abgne_fade_pic {
		position: relative; float:right;
		width: 488px;
		height: 325px;
	}
	#abgne_fade_pic a.ad {
		position: absolute;	/* 讓圖片疊在一起 */
	}
	#abgne_fade_pic .control {
		position: absolute;
		right: 10px;
		bottom: 10px;
		display: none;		/* 隱藏按鈕選單 */
	}
	#abgne_fade_pic .control a {
		display: inline-block;
		padding: 3px;
		margin: 0 3px;
		width: 16px;
		color: #fff;
		background: #000;
		text-align: center;
		font-size: 16px;
		text-decoration: none;
	}
	#abgne_fade_pic .control a.on {
		font-weight: bold;
		color: #f00;
	}
	
/*News*/
.news_01b {width:489px; height:32px; background:url(../images/about_09.jpg); background-repeat:no-repeat; float:left;}
.news_01b_cn {width:489px; height:32px; background:url(../images/about_09_cn.jpg); background-repeat:no-repeat; float:left;}
.news_left {width:278px; margin-right:17px; float:left;}
.news_right {width:685px; float:left;}
.news_l_text {width:238px; padding-left:20px; background-color:#434343; height:30px; padding-right:20px;}
.news_r_box {width:685px; margin-bottom:20px;}
.news_r_text {width:645px;; padding-left:20px; background-color:#434343;padding-right:20px;padding-right:20px; margin:0 auto;}
.news_r_text01 {width:645px;; padding-left:20px; background-color:#434343; padding-top:5px;padding-right:20px; margin:0 auto;}

/*Products*/
.products_01a {width:59px; height:32px; float:left;}
.products_01b {width:489px; height:32px; float:left; background-repeat:no-repeat; font-family:"微軟正黑體"; font-size:25px; color:#ffffff; font-weight:bold}
.products_01b_cn {width:489px; height:32px; float:left;font-family:"微軟正黑體"; font-size:25px; color:#ffffff; font-weight:bold}
.products_01c {width:493px; height:32px; float:left; text-align:right;}
.products_01d {width:59px; height:32px; float:left;}
.products_01e {width:489px; height:32px; float:left; background-repeat:no-repeat; color:#FFF}
.products_02 {width:980px; padding-left:60px; padding-top:31px; padding-right:60px;}
.products_03 {width:980px; padding-left:60px; padding-top:31px; padding-right:60px; margin:0 auto;overflow: hidden; position:relative}
.products_title01 {width:930px; height:38px; margin-bottom:15px; background:url(../images/products_02.png); background-repeat:no-repeat; padding-left:50px; padding-top:7px; color:#FFF;}
.products_title02 {width:930px; height:38px; background:url(../images/products_02a.png); background-repeat:no-repeat; padding-left:50px; padding-top:7px; color:#fff;}
.products_c_f {width:980px; background-image:url(../images/products_bg.png); text-align:left; padding-top:18px; padding-bottom:10px; margin-bottom:15px;}
.products_c_box {width:210px; float:left; background-color:#FFF;margin-left:12px; padding:10px; margin-bottom:12px;}
.products_iii_left {float:left;width:378px;  background-color:#333; padding-bottom: 5000px; margin-bottom: -5000px;border: 10px solid #333; color:#ccc; }
.products_iii_right {float:right;width:552px;; background-color:#fff; color:#CCC; padding-bottom: 5000px; margin-bottom: -5000px;border: 10px solid #fff;}
.products_file {text-align:right; down:0px; width:388px; height:32px; float:left; position:absolute; bottom:10px;}
.products_download {text-align:left; width:552px; height:32px; float:left; position:absolute; bottom:10px;}

/*products_java*/
.abgne-block-20110806 {
		width: 552px;
		height: 480px;
		border: 0px;
		position: relative;
		overflow: hidden;
	}
	.abgne-block-20110806 * {
		margin: 0;
		padding: 0;
		border: none;
	}
	.abgne-block-20110806 ul, .abgne-block-20110806 li {
		list-style: none;
	}
	.abgne-block-20110806 ul {
		position: absolute;
		right: 10px;
		bottom: 15px;
		z-index: 10000;
	}
	.abgne-block-20110806 li {
		float: left;
		margin-left: 5px;
		margin-bottom:5px;
	}
	.abgne-block-20110806 li a {
		display: block;
		width: 53px;
		height: 53px;
		border: 1px solid #d2d2d2;
	}
	.abgne-block-20110806 li a:hover {
		border: 1px solid #434343;
	}
	.abgne-block-20110806 li a img {
		border: none;
	}
	

/*PROJECTS*/
.projects_01b {width:489px; height:32px; background:url(../images/projects_01.jpg); background-repeat:no-repeat; float:left;}
.projects_01b_cn {width:489px; height:32px; background:url(../images/projects_01_cn.jpg); background-repeat:no-repeat; float:left;}
.projects_list {width:980px;}
.projects_list_box {width:480px; height:250px; float:left; margin-right:10px; overflow:hidden; position:relative; margin-bottom:10px;}
.projects_list_title { height:20px; position:absolute; bottom:5px; left:10px; z-index:99;}
.projects_top{background:url(../images/about_01.png); background-repeat:no-repeat; width:1100px; height:54px;}

/*PROJECTS_java*/
.abgne-frame-20120208 {
		position: relative;
		overflow: hidden;
	}
	.abgne-frame-20120208 .overlay {
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: #000;	/* 遮罩的顏色 */
	}
	
/*catalogue*/
.catalogue_01b {width:489px; height:32px; background:url(../images/catalogue_01.jpg); background-repeat:no-repeat; float:left;}
.catalogue_01b_cn {width:489px; height:32px; background:url(../images/catalogue_01_cn.jpg); background-repeat:no-repeat; float:left;}
.catalogue_box {width:145px; margin-right:18px; float:left; margin-bottom:18px; text-align:center;}
.menuPhoto img{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=100);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 1;    /* Old Mozilla Browsers */
-webkit-opacity: 1;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 1;    /* Really old Safari browsers and Konqueror */
opacity: 1;    /* Modern browsers */}
.menuPhoto:hover img{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=80);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 0.8;    /* Old Mozilla Browsers */
-webkit-opacity: 0.8;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 0.8;    /* Really old Safari browsers and Konqueror */
opacity: 0.8;    /* Modern browsers */}
.catalogue_classification {width:100%; text-align:right; height:36px; line-height:36px; margin-bottom:15px;}

/*contact*/
.contact_01b {width:489px; height:32px; background:url(../images/contact_01.jpg); background-repeat:no-repeat; float:left;}
.contact_01b_cn {width:489px; height:32px; background:url(../images/contact_01_cn.jpg); background-repeat:no-repeat; float:left;}
.contact_left {width:100%; margin-right:0px; float:none}
.contact_text03a {width:72px; float:left; height:25px;}
.contact_text03b { width:185px; float:left; height:100px;}
.contact_text04 {width:960px; padding-left:10px; padding-right:10px;background-color:#434343; overflow:hidden}
.contact_right {width:685px; float:left; height:500px;}
.contact_box01{width:960px; padding:10px; background:#434343; overflow:hidden}
.contact_box01 p{vertical-align:top;width:49%; display:inline-block; vertical-align:middle; padding:5px 0px; margin:0px 0.5%; line-height:32px;}
.contact_box01 input{width:70%; float:right; height:30px; border:1px; background-color:#CCC}
.contact_box01 textarea{width:82.5%; float:right; border:1px; background-color:#CCC; height:150px; }
.contact_box01 b{display:inline-block; font-weight:normal; width:17%}
.contact_box01 img{vertical-align:middle}

/*LED Lighting & Control Products*/
.product_list01 {width:980px; padding:0px 60px; list-style:none; margin:30px 0px;}
.product_list01 .product_list01a{display:block; font-family:"微軟正黑體"; font-size:18px; color:#ffd800; font-weight:bold; margin-bottom:15px; overflow:hidden; height:26px; line-height:26px}
.product_list01 .product_list01a a{display:inline-block; float:right; font-size:13px; margin-right:0.5%; font-weight:bold; color:#ffe400; font-family:Arial, Helvetica, sans-serif; border:1px solid #ffe400; padding:0px 20px; height:24px; line-height:24px}
.product_list01 .product_list01a a:hover{background:#ffe400; color:#434343}
.product_list01 .product_list01b{width:100%; display:block;}
a.product_list01c{display:inline-block; vertical-align:top; width:19%; margin:0px 0.5% 20px 0.5%; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1.5}
a.product_list01c p{display:block; border:2px solid #666666; padding:3px; margin-bottom:10px;}
a.product_list01c:hover p{border:2px solid #aaaaaa}
a.product_list01c img{width:100%; height:auto}
#product_t01 {width:980px; padding:0px 60px; list-style:none; margin:30px 0px; font-family:"微軟正黑體"; font-size:20px; color:#ffd800; font-weight:bold;  }
#product_content01 {width:980px; padding:0px 60px; list-style:none; margin:30px 0px; color:#ffffff; overflow:hidden}
#product_content01 img{max-width:100%; height:auto}
#product_content01 table{width:100%}