@charset "utf-8";
body {
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	color: #999;
	font-size: 13px;
	width: 100%;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.6;
}
a{
	color: #999;
	outline: none; /* for Firefox */

hlbr:expression(this.onFocus=this.blur()); /* for IE */ }

a:hover{
	color: #FF6600;
}


image{
	border: 0px;

}

hr{
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}


/* #Base 960 Grid 
================================================== */

.container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row                                        { margin-bottom: 20px; }
    
.columns ul{
	padding: 0px;
	list-style-type: square;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.columns ul li{}   

/* Base Grid */
.container .one.column                      { width: 40px;  }
.container .two.columns                     { width: 100px; }
.container .three.columns                   { width: 160px; }
.container .four.columns                    { width: 220px; }
.container .five.columns                    { width: 280px; }
.container .fivep.columns              		{ width: 300px; }
.container .six.columns                     { width: 340px; }
.container .six2.columns                     { width: 360px; }
.container .seven.columns                   { width: 400px; }
.container .eight.columns                   { width: 460px; }
.container .nine.columns                    { width: 520px; }
.container .ten.columns                     { width: 580px; }
.container .eleven.columns                  { width: 640px; }
.container .twelve.columns                  { width: 700px; }
.container .thirteen.columns                { width: 760px; }
.container .fourteen.columns                { width: 820px; }
.container .fifteen.columns                 { width: 880px; }
.container .sixteen.columns                 { width: 940px; }
    
.container .one-third.column                { width: 300px; }
.container .two-thirds.column               { width: 620px; }
    



/* #Page Styles
================================================== */

/* Layout Shortcodes */
.full-width 		{ width:100%; margin-bottom:20px; }
.one_half 			{ width: 48%; }
.one_third 			{ width: 30.66%; }
.two_thirds 		{ width: 65.33%; }
.one_fourth 		{ width: 22%; }
.three_fourths 		{ width: 74%; }
.one_fifth 			{ width: 16%; }
.two_fifth 			{ width: 37.6%; }
.three_fifth 		{ width: 58.4%; }
.four_fifth 		{ width: 80%; }
.one_sixth 			{ width: 13.33%; }
.five_sixth 		{ width: 82.67%; }


.one_half, 
.one_third, 
.two_thirds, 
.three_fourths, 
.one_fourth, 
.one_fifth, 
.two_fifth, 
.three_fifth, 
.four_fifth, 
.one_sixth, 
.five_sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}
.last {
	margin-right:0 !important;
}


.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* end Base Grid */













#index-header{
	position: absolute;
	top: 0px;
	z-index: 50;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#index-footer{
	position: absolute;
	bottom: 0px;
	z-index: 12;
	margin: 0px;
	padding: 0px;
	width: 100%;
}


#header{
	width: 100%;
	padding: 0px;
	float: left;
	margin: 0px;
}

#header-box{
	width: 950px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}











#topmenu {
	width: 95%;
	text-align: right;
	float: left;
	height: 20px;
	font-size: 12px;
	position: absolute;
	padding-right: 5%;
	z-index: 51;
}
#topmenu ul{
	width: 900px;
	list-style-type: none;
	color: #000000;
	height: 20px;
	padding: 0px;
	margin: 0px;
	float: right;
}
#topmenu li{
	float: right;
	width: auto;
	height: 22px;
	color: #666666;
}
#topmenu li input{
	background-color: #DDDDDD;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
	border-radius: 20px;

	border: 1px solid #DDDDDD;
	padding-left: 10px;
	font-size: 12px;
}

#topmenu li a {
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
	color: #FFF;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #50505F;
}   
#topmenu li a:hover {
	color: #FFFFFF;
}  


#topmenu li a.current{
	font-weight: bold;
	color: #FFF;
	background-color: #FF6600;
}






/* submenu */
#submenu{
	float: left;
	width: 180px;
	padding-left: 10px;
	font-family: "微軟正黑體";
	font-size: 15px;
	font-weight: bold;
}
#submenu h3{
	font-size: 24px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#submenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
float: left;
width: 100%;
}
#submenu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8E8E8E;
}
#submenu ul li a{
	float: left;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
#submenu ul li a:hover{
	font-weight: bold;
	color: #339933;
	text-decoration: underline;
}








#breadcrumb{
	width: 100%;
	color: #666;
	padding-top: 20px;
	font-size: 12px;
}

#breadcrumb a{
	text-decoration: underline;
	font-weight: normal;
	color: #999;
}

#breadcrumb a:hover{
	color: #F60;
	text-decoration: none;
}






#light{
	height: 100px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}

#light-product{
	height: 100px;
	width: 120px;
	margin-left: 120px;
	text-align: center;
}
















#index-banner{
	float: left;
	width: 100%;
}






#content-box-left{
	float: left;
	height: 650px;
	width: 100%;
}
#content-box-left span{
	position: absolute;
	z-index: 5;
	top: 180px;
	margin: 0px;
	padding: 0px;
	left: 10%;
		}
#content-box-left h3{
	font-size: 28px;
	position: absolute;
	z-index: 5;
	top: 150px;
	margin: 0px;
	padding: 0px;
	left: 10%;
		}	
#content-box-left h4{
	font-size: 14px;
	position: absolute;
	font-style: normal;
	z-index: 5;
	left: 10%;
	top: 230px;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	}	
		
#content-box-right{
	width: 30%;
	position: absolute;
	font-size: 13px;
	z-index: 10;
	top: 190px;
	right: 5%;
}



#content-box-right h3{
	font-size: 15px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	font-weight: bolder;
	height: 20px;
	background-image: url(../images/product-date-line.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: "微軟正黑體";
}	



#content-box-rightmenu{
	width: 13%;
	position: absolute;
	font-size: 13px;
	right: 30px;
	border: 0px solid #493E2C;
	top: 120px;
}


#content{
	float: left;
	width: 100%;
	padding-bottom: 50px;
}


#content-box{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
#content-box h3{
	font-size: 16px;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "Times New Roman", Times, serif;
	font-style: oblique;
}

#content-left{
	float: left;
	height: 480px;
	width: 400px;
	padding-top: 20px;
}
#content-aboutus-left img{
	float: left;
	width: 100px;
}
#content-aboutus-left img a:hover{
	float: left;
	width: 100px;
}

#content-right{
	float: left;
	height: 440px;
	width: 530px;
	padding-left: 20px;
	overflow-x: auto;
	margin-top: 20px;
}













.img-radius{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(css/PIE.htc);
	margin-bottom: 5px;
	margin-top: 5px;
}








/* footer */


#footer{
	width:100%;
	margin: 0px;
	float: left;
	font-size: 12px;
	line-height: 1.4;
	padding-top: 10px;
	text-align: center;
	padding-bottom: 10px;
	position: fixed;
	bottom: 0px;
	height: 20px;
	z-index: 50;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	background-color: #000;
}


#footer a{
	text-decoration: underline;
	color: #FFFFFF;
}



#footer-box{
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}
#footer-box img{
	float: right;
	margin-left: 10px;
}
/* end footer */











#main{
	float: left;
	width: 750px;
	padding-bottom: 20px;
}


.news-list{
	float: left;
	width: 220px;
	margin-top: 20px;
	margin-right: 30px;
	-webkit-filter: grayscale(1);
	filter: gray;

}

.news-list:hover{
-webkit-filter: none;
FILTER: ;

}


.news-list-pic{

}

.news-list-pic img{
	height: 120px;
	width: 200px;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;


behavior: url(css/PIE.htc);

}






.news-list-title{
	font-size: 25px;
	font-family: "Times New Roman", Times, serif;
	padding-top: 5px;
	padding-bottom: 5px;
}
.news-list-title a{
	text-decoration: none;
}
.news-list-date{
	font-size: 12px;
	font-weight: bold;
}

.news-list-text{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.color-item{
	float: left;
	height: 20px;
	width: 20px;
	border: 1px solid #666666;
}
.color-cl{
	color: #957937;
}




#picture-4{
	width: 100%;
}
#picture-4 ul{
	margin: 0px;
	float: left;
	width: 100%;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#picture-4 ul li{
	
	float: left;
	width: 180px;
	padding: 0px;
	list-style-type: none;
	margin: 0px;
	height: 180px;
}

#picture-4 ul li img{
	height: 170px;
	width: 170px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	behavior: url(css/PIE.htc);
}








.leftimg{
	float: left;
	margin-right: 10px;
}


.image-gray{
-webkit-filter: grayscale(1);
filter: gray;
}

.image-gray:hover{
-webkit-filter: none;
FILTER: ;

}









/*products submenu*/

#item{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333;
	width: 100%;
	margin: 0px;
	padding: 0px;
	float: left;
}

#itemmenu{
	text-align: left;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}


#itemmenu h3{
	font-size: 13px;
	color: #666666;
	margin: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
#itemmenu h3 a{
	text-decoration: none;
	color: #666;
	float: left;
	width: 90%;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10%;
	padding-bottom: 10px;
	padding-left: 0px;
	height: 25px;
}
#itemmenu h3 a:hover{
	color: #FFF;
}

#itemmenu h3 a.current{
	text-decoration: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #F00;
	color: #F00;
}


#itemmenu ul{
	float: left;
	width: 14%;
	margin: 0px;
	list-style-type: none;
	background-position: top;
	padding-top: 0px;
	padding-right: 1%;
	padding-bottom: 10px;
	padding-left: 1.5%;

}
#itemmenu ul li{
	float: left;
	width: auto;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	color: #777777;
	font-weight: normal;

}
#itemmenu ul li a{
	float: left;
	text-decoration: none;
	font-size: 12px;
	margin: 0px;
	width: auto;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 0px;
	color: #666;
	letter-spacing: -1px;
}
#itemmenu ul li a.current,#itemmenu ul li a:hover{
	color: #F00;
}
/* end  products submenu*/




#maskround{
	background-image: url(../images/mask-round.png);
	background-repeat: no-repeat;
	height: 340px;
	width: 342px;
	position: absolute;
	z-index: 5;
	float: left;
}





#content-box-rightmenu{
	width: 13%;
	position: absolute;
	font-size: 13px;
	right: 20px;
	border: 0px solid #493E2C;
	top: 80px;
	z-index: 5;
}


#subsubmenu{
	float: left;
	width: 160px;
	height: 350px;
	margin-top: 80px;

	font-family: "微軟正黑體";	
}
#subsubmenu h3{
	font-size: 22px;
	font-weight: bold;
	padding: 0px;
	width: 160px;
	text-align: right;
	float: right;
	font-family: "微軟正黑體";
	font-style: normal;
	color: #999999;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}



#subsubmenu ul{
	margin: 0px;
	padding: 0px;
	float: right;
	width: 160px;
	list-style-type: none;
}

#subsubmenu ul li{
	margin: 0px;
	float: right;
	width: 160px;
	text-align: right;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

#subsubmenu ul li a{
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-right: 5px;
	color: #CCCCCC;
}

#subsubmenu ul li a.current{
	color: #FFFFFF;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	behavior: url(/css/PIE.php);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FF6600;
}








#geometry-box{
	background-color: #000;
	width: 840px;
	padding-top: 50px;
	padding-right: 25px;
	padding-bottom: 80px;
	padding-left: 25px;
	background-image: url(images/geometry-box.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}






	#color-item{
	width: 100%;
	position: absolute;
	top: 120px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	z-index: 53;
}
	#color-item-box{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	font-size: 20px;
	color: #F60;
}


/* colormenu*/

#colormenu{
	width: 150px;
	height: 30px;
	margin-bottom: 10px;
}
#colormenu ul{
margin: 0px;
padding: 0px;
list-style-type: none;
}
#colormenu ul li{
	width: auto;
	padding: 0px;
	margin: 0px;
	float: left;
}
#colormenu ul li span{
	padding-top: 5px;
	margin-right: 10px;
	float: left;
}
#colormenu ul li a{
	text-decoration: none;
	height: 23px;
	width: 28px;
	color: #FFFFFF;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	padding-top: 5px;
	margin-right: 5px;
	float: left;
	behavior: url(/css/PIE.htc); 
	border: 1px solid #FFF;
}

.facebook-index {
  position: absolute;
  top: 150px;
  left: 0px;
  height: 108px;
  width: 80px;
  z-index: 99;
}

.model {
	color: #fff;
}