#containter {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
}
#header {
	width: 100%;
	float: left;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#header-up {
	background-color: #5F5F5F;
	height: 5px;
}
#header-center {
	height: 118px;
}
input,text
textarea{
	line-height: 2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
#logo {
	height: 118px;
	width: 385px;
	float: left;
}
#menu {
	width: 60%;
	padding-right: 2%;
	float: right;
}
#menu-up {
	height: 30px;
	width: 60%;
	float: right;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#5f5f5f+0,737373+100 */
background: #5f5f5f; /* Old browsers */
background: -moz-linear-gradient(top,  #5f5f5f 0%, #737373 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5f5f5f 0%,#737373 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5f5f5f 0%,#737373 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#737373',GradientType=0 ); /* IE6-9 */

-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#menu-down {
	height: 95px;
	float: right;
}
.menu-nav {
	width: 615px;
	height: 75px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20px;
}
.menu-nav ul {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	height: 55px;
}
.menu-nav ul li {
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 9px;
	margin: 0px;
}
.menu-nav ul li a {
	font-size: 1em;
	color: #333;
	text-decoration: none;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding-left: 7px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	margin: 0px;
	line-height: 1.6;
	font-family: Arial, Helvetica, sans-serif;
}
.menu-nav ul li a span {
	display: block;
	height: 53px;
	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
}
.menu-nav ul li.active a{
	color: #519300;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.menu-nav ul li a:hover {
	color: #519300;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.menu-nav ul li.active a span {
	color: #47650B;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.menu-nav ul li a:hover span {
	color: #47650B;
	background-image: url(../images/menu.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
			/* 當第一層選單被觸發時，指定第二層顯示 */
			ul.menu-navn li:hover > ul{
				display: block;
			}			

			/* 第二層或以後選單 li 之樣式 */
			ul.menu-nav ul a {
	width: 120px;
	padding: 10px 12px;
	color: #666;
	background-color: #E8ECCE;
			}
			ul.menu-nav ul a:hover {
	background-color: #BFD89E;
			}


/* 特定在第一層，以左邊灰線分隔 */

.navigation {
	width:100%;
	
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20px;
	float: left;
}
.navigation ul {
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
	height: 55px;
	width: 150px;
}
			/* 選單 li 之樣式 */
			ul.navigation li {
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin: 0px;
	float: left;
			}
			/* 選單 li 裡面連結之樣式 */
			ul.navigation li a{
	font-size: 0.8em;
	color: #333;
	text-decoration: none;
	text-align: center;
	display: block;
	text-transform: uppercase;
	padding-left: 7px;
	padding-top: 2px;
	padding-right: 8px;
	padding-bottom: 2px;
	margin: 0px;
	line-height: 1.2;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 0.02em;
			}
			/* 特定在第一層，以左邊灰線分隔 */
			ul.navigation > li > a:span{
	display: block;

	padding-top: 2px;
	padding-right: 5px;
	padding-left: 5px;
			}
			ul.navigation > li > a:hover{
				
					color: #519300;
	
	background-repeat: no-repeat;
	background-position: center bottom;
			}
			/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
			ul.navigation ul{
	display: none;
	float: left;
	position: absolute;
	left: 0;
	
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
			}
			/* 當第一層選單被觸發時，指定第二層顯示 */
			ul.navigation li:hover > ul{
				display: block;
			}			

			/* 第二層或以後選單 li 之樣式 */
			ul.navigation ul a {
	width: 200px;
	color: #060;
	background-color: #E8ECCE;
	font-size: 0.75em;
	background-position: left;
	float: left;
	text-align: left;
	clear: left;
	height: 20px;
	line-height: 20px;
	padding-top: 3px;
			}
			ul.navigation ul a:hover {
	background-color: #BFD89E;
			}


/* 特定在第一層，以左邊灰線分隔 */










#main {
	width: 100%;

	height: auto;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}
#main-center {
	height: auto;
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}

#pic {
	
	width: 70%;
	border: 1px solid #CCC;
	padding: 6px;
	float: left;
	z-index: 1;

}
#main-r {
	height: 255px;
	width: 297px;
	padding-left: 12px;
	float: left;
	z-index: 2;
}
#main-r-top {
	background-image: url(../images/index_10.jpg);
	height: 47px;
	width: 297px;
	float: left;
}
#search-top {
	height: 26px;
	width: 297px;
	float: left;
}


#search {
	background-image: url(../images/index_14.jpg);
	height: 181px;
	width: 297px;
	float: left;
}
#bottom {
	width: 100%;
	padding-top: 18px;
	padding-bottom: 23px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#p-bottom {
	width: 100%;
	padding-bottom: 23px;
}
#p-bottom2{
	width: 95%;
	padding-bottom: 23px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}
#p-bottom-1 {
	width: 100%;
	padding-bottom: 23px;
	background-image: url(../images/bg02.jpg);
	background-repeat: no-repeat;
	display: block;
}

#news {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcfff2+0,e4ecc3+100 */
	background: #fcfff2; /* Old browsers */
	background: -moz-linear-gradient(top,  #fcfff2 0%, #e4ecc3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fcfff2 0%,#e4ecc3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fcfff2 0%,#e4ecc3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff2', endColorstr='#e4ecc3',GradientType=0 ); /* IE6-9 */
	width: 100%;
	background-repeat: no-repeat;
	padding-top: 5px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #d4dfb5;
	margin-bottom: 1em;
	padding-bottom: 3px;
}
#product {
	height: auto;
	width: 100%;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	background-color: #F4F4F2;
	border: 1px solid #CCC;
}
#product1 {
	width: 100%;
	
	padding-bottom: 1em;
}
#branch {
	background-image: url(../images/branch.jpg);
	width: 930px;
	background-repeat: no-repeat;
	display: block;
}



#p-title {
	background-image: url(../images/index_22.jpg);
	width: 100%;
	background-repeat: no-repeat;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
}
.p-title2 {
	background-image: url(../images/index_22.jpg);
	width: 100%;
	background-repeat: no-repeat;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
	padding-left: 2%;
}
#quality {
	float: left;
	height: 100%;
	width: 240px;
	background-color: #bdbdbd;
	margin-top: 15px;
	border: 1px solid #DBD0CE;
}
.quality-title {
	background-image: url(../images/b.jpg);
	background-repeat: repeat-x;
	padding-top: 4px;
	padding-bottom: 4px;
}
.quality-c {
	background-color: #f2edea;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #C1AB9F;
	padding-left: 30px;
}
#quality-center {
	width: 660px;
	float: left;
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
}




#footer {
	float: left;
	height: 48px;
	width: 96%;
	background-color: #555555;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 2%;
	padding-left: 2%;	
}



div#abgne_marquee {
	position: relative;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	width: 775px;
	height: 25px;
}
div#abgne_marquee ul, div#abgne_marquee li {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#abgne_marquee ul {
	position: absolute;
}
div#abgne_marquee ul li a {
	display: block;
	overflow: hidden;	/* 超出範圍的部份要隱藏 */
	font-size:12px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#bg-2014 {
	background-image: url(../images/20140218_02.png);
	background-repeat: repeat-y;
	width: 921px;
}
#bg-2014-u
{
	background-image: url(../images/20140218_01.png);
	height: 13px;
	width: 921px;
}
#bg-2014-d
{
	background-image: url(../images/20140218_03.png);
	height: 13px;
	width: 921px;
}#title-20140225 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 20px;
	width: 92%;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	padding-top: 1em;
	padding-bottom: 0.5em;
	border: 1px solid #CCC;
	padding-right: 2%;
	padding-left: 4%;
	background-image: url(../images/icon0.jpg);
	background-position: 20px center;
}
.color000{
	color: #663;
}
#title-20140225-star {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 20px;
	width: 92%;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	padding-top: 1em;
	padding-bottom: 0.5em;
	border: 1px solid #CCC;
	padding-right: 2%;
	padding-left: 4%;
	background-image: url(../images/icon0.jpg);
	background-position: 20px center;
}
td a{
	color: #333;
}
select{
	padding-top: 0.5em;
	padding-right: 0.3em;
	padding-bottom: 0.5em;
	padding-left: 0.3em;
	font-size: 1em;
	line-height: 1.5em;
	color: #5C4432;
	border: 1px solid #A3BA96;
}
sub{
	font-size:  50%;vertical-align:sub;
}
.td{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #78AB12;
	font-size: 0.8em;
	
}
thead{
	height:80px;}
tbody .table td{
	height: 30px;

}
#codb{
	background-color: #bdbdbd;
	width: 100%;
}

tbody .table td.db2{
	background-color: #ECEAE6;
	text-align: center;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5E5E5E;
	line-height: 1.8;
}
tbody .table td,
tbody .table td a{
	background-color: #FFF;
	text-align: center;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #5E5E5E;
	
	line-height: 1.8;
	}
th{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #78AB12;
	font-size: 0.8em;
	height: 50%;
	font-weight: lighter;
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	text-align: center;
	line-height: 1.5em;
}
.td2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding-top: 0.58em;
	padding-bottom: 0.58em;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
}
td select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	line-height: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	
}
.amber {
	color: #F90;
}
.blue{
	color: #06C;
}
.green{
	color: #00b050;
}
.red{
	color: #F33;
}
.yellow{
	color: #ffe800;
}
.yellow-green{
	color: #9C0;
}
.purple{
	color: #63C;
}