﻿/*-------------------BASIC Style----------------*/
*{
	padding: 0;
	margin: 0;
}
img{
	border: 0;
}
a{
	text-decoration: none;
}
ul{
	list-style: none;
}
body{
	font-size:14px;
	font-family: 新細明體;
	text-align: center;
	overflow-x: hidden;
}
#header{
   background: url(../images/a1.gif) repeat-x #000;
	color: #FFF;
	height: 104px;
	margin:0 auto;
	width:1004px;
}
#nav{
margin:0 auto;
width:852px;
_width:852px;
}
#footer{
	clear: both;
	background: url(../images/a2.gif) repeat-x;
	padding:15px;
	height:50px;
	margin:0 auto;
	width: auto;
}
#title h1 span{
   background: inherit;
   color: #85AC1E;
}
#title{
	clear: both;
	background: url(../images/a3.gif) repeat-x;
	width: 852px;
	margin: 0 auto;
}
#box{
	width:850px;
	border: dashed 1px #DFDEDC;
	background: #FFFFE7;
	margin:0 auto;
}
#header h1{
	text-align: left;
	padding:20px 0 10px 80px;
	font-size:36px;
	font-weight: 新細明體;
}
#header h2{
	color: #DADADA;
	font-size: 14px;
	padding-left:530px;
}
#nav li{
	float: left;
	font-size:13px;
	width:166px;
	background: url(../images/bbg0.gif);
}
#title h1{
	color: #4F504B;
	font-size:30px;
	padding-top:20px;
}
#title h2{
	Color:#A6A6A6;
	font-size: 15px;
	padding-bottom:10px;
}
#clearfix,#clearfix_2,#box_a,#bigph,#show h2,#header{
	clear: both;
}
/*----------------------LINK Style----------------------------*/
#nav a{
	color: #646464;
	padding:10px;
	display: block;
	font-weight: bold;
}
#nav a:hover{
	background: url(../images/bbg1.gif);
	color:#FFF;
}
#footer a{
	color: #0AB50A;
}
#footer a:hover{
	background: #6DDD00;
	color: #FFF;
}
#math a,#infor a{
	color: #000;
}
#math a:hover{
	color:#0FC42D;
}
#show a{
	color: #615F50;
	font-weight: bold;
}
#show a:hover{
	 background: #0AB50A;
	 color: #FFF;
}
#infor a:hover{
   text-decoration: underline;
}
/*----------------------ABOUT Style------------------------------*/
#mainBox{
	padding:30px 0 20px 0;
	color: #737407;
	font-size:13px;
	font-family: 新細明體;
}
#mainBox p{
	text-align: center;
	font-family: 新細明體;
	font-size:15px;
	padding:10px 20px;
}
#mainBox li{
	text-align: left;
	font-family: 新細明體;
	font-size:15px;
	padding:10px 20px;
}
/*----------------------PRODUCTS  Style------------------*/
#text{
	float: left;
	width: 550px;
	padding-left:5px;
}
#sideBar{
	float: right;
	border:1px solid #FFFFFF;
	width:250px;
	color: red;
	margin-right:5px;
	display:inline;
}
#picture li{
	padding-top:5px;
}
#math table td{
     border: 1px solid #F0F0F0;
	 text-align: left;
	 text-indent: 12px;
	 width:auto;
}
#math table{
	width:99%;
}
#text_a{
	border: 1px solid #F0F0F0;
	padding:10px 0;
}
#video_a,#text_c{
	border: solid #F0F0F0;
	border-width: 0 1px;
}
#video_a,#video_b{
	padding:10px 0;
	color: #888961;
}
#text_b,#video_b{
	border:1px solid #F0F0F0;
}
#text_b h3,#text_c h3,#sideBar h1{
	color: Red;
	padding-top:10px;
}
#text_b p{
	margin-bottom:10px;
}
#text_c p,#text_a p,#text_b p{
	text-align: left;
	padding:0 10px;
}
#sideBar h1{
	font-size: 15px;
}
#sideBar li{
	padding-top:10px;
}

/*--------------------------PATENT Style------------------------------*/
#show h1,#show h2{
	font-size:18px;
	color: #54544A;
	padding:20px 0 10px 0;
}
#show li{
	float: left;
	padding:10px 0;
	width:283px;
}
/*----------------------INSTALLATION Style----------------------------*/
#box_b{
	padding:10px 0;
}
#list{
	float: left;
	padding-left:15px;
	display: inline;
}
#list li{
	padding-top:10px;
}
#column{
	width:500px;
	float:right;
	padding:0 10px;
	text-align: left;
}
#column p,#column li{
   line-height:160%;
	padding-right:20px;
}
#column ol{
	 list-style-type: decimal;
	 padding-left: 50px; 	
}
#column h3{
	color: Red;
	padding:15px 0;
}
#column span{
	color: Red;
}
.style01{
	padding-top:20px;
}
#bigph{
	padding:10px 0;
}
#bigph p{
	color:#B1C6FF;
	font-weight: bold;
}
#photo{
	padding-left:10px;
	color: Red;
	font-weight: bold;
}
#photo li{
	float: left;
	width:275px;
	padding-top:10px;
}
#mainTaxt{
	clear: both;
	padding:10px 0 20px 0;
}
#mainTaxt h3{
	color: #5482FF;
	padding:10px 0;
}
#mainTaxt p{
	 text-align: left;
	  padding:0 20px 0 50px;
	  margin-top:20px;
}
#mainTaxt ol{
	 list-style-type: decimal;
	 padding:0 20px 0 80px;
}
#mainTaxt ol li{
	text-align: left;
	color: Red;
}

/*---------------------CONTACT Style----------------------------------*/
#infor{
	padding:20px 0;
}
#infor p{
	text-align: left;
	padding-left:100px;
}
#infor h4{
	font-weight: normal;
	padding:30px 0;
}
.style02{
	text-align: right;
	padding:0 5px 10px 0;
}
.style03{
	text-align: left;
	padding-bottom:10px;
}
#infor table{
	margin: 0 auto;
}
