.botton-area {
	margin-top: 20px;
}
.about-left-area {
	float: left;
	width: 295px;
}
.about-left-area .title {
	margin-bottom: 20px;
}
.about-left-area ul {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/solid.png);
	background-repeat: repeat-y;
	background-position: 30px;
}
.about-left-area ul li {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	color: #333;
	list-style-type: none;
	height: 50px;
	margin-bottom: 20px;
	margin-left: 30px;
}




.green {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 16px;
	color: #FFF;
	background-image: url(../images/about_bg01.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 50px;
	font-weight: bold;
	text-align: center;
	padding-top: 17px;
	float: left;
}
.orange {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 16px;
	color: #FFF;
	background-image: url(../images/about_bg02.png);
	background-repeat: no-repeat;
	height: 33px;
	width: 50px;
	font-weight: bold;
	text-align: center;
	padding-top: 17px;
	float: left;
}

.about-word {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
.about-title {
	margin-bottom: 20px;
}



.about-right-area {
	float: right;
	width: 650px;
}
.about-right-area .about-title {
	float: left;
}
.about-word-right {
	width: 480px;
	line-height: 20px;
	margin-left: 90px;
}
.about-word-right2 {
	width: 550px;
	line-height: 20px;
	margin-left: 90px;
	margin-bottom: 30px;
}

.img-right {
	float: right;
	width: 219px;
	height: 175px;
	margin-right: 20px;
	margin-left: 20px;
}

.img-center {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.botton-area .groups {
	width: 1000px;
}
.botton-area .groups ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.botton-area .groups ul li {
	width: 300px;
	margin-bottom: 20px;
	float: left;
	margin-right: 33px;
}
.group-title {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 16px;
	font-weight: bold;
	color: #333;
}
.img-group {
	margin-top: 5px;
}
.botton-area .product-img {
	height: 330px;
	margin-bottom: 30px;
}
.botton-area .product-list {
	width: 1000px;
}
.botton-area .product-list ul {
	margin: 0px;
	padding: 0px;
}
.botton-area .product-list ul li {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
.pro-show {
	height: 150px;
	width: 150px;
	border: 1px solid #999;
	margin-right: 5px;
	float: left;
	display: block;
}
.tip {
	position: absolute;
	z-index: 1;
	background-image: url(../images/now2.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	margin-top: 80px;
	margin-left: 80px;
}
.pro-info {
	height: 150px;
	width: 163px;
	border: 1px solid #999;
	display: block;
	float: left;
}
.pro-info .product-name {
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	font-weight: bold;
	color: #333;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	width: 95%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	height: 40px;
	line-height: 20px;
}
.pro-info .info {
	color: #333;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: center;
	line-height: 18px;
	height: 92px;
}
.pro-info .product-etc a{
	font-family: Arial, Helvetica, sans-serif, "新細明體";
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	display: block;
	width: 100%;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	background-color: #F60;
	height: 12px;
	padding-top: 2px;
	padding-bottom: 3px;
}
.pro-info .product-etc a:hover {
	text-decoration: none;
	background-color: #F00;
}
.warning {
	text-align: center;
	width: 1000px;
	margin-bottom: 5px;
	color: #333;
}
.botton-area .service-area {
	width: 1000px;
	margin-top: 20px;
}
.service-area .service001 a{
	height: 185px;
	width: 185px;
	background-image: url(../images/service_001.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin-right: 16px;
	float: left;
	background-position: bottom;
}
.service-area .service001 a:hover{
	background-position: top;
}
.service-area .service002 a {
	height: 185px;
	width: 185px;
	background-image: url(../images/service_002.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin-right: 16px;
	float: left;
	background-position: bottom;
}
.service-area .service002 a:hover{
	background-position: top;
}
.service-area .service003 a {
	height: 185px;
	width: 185px;
	background-image: url(../images/service_003.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin-right: 16px;
	float: left;
	background-position: bottom;
}
.service-area .service003 a:hover{
	background-position: top;
}
.service-area .service004 a {
	height: 185px;
	width: 185px;
	background-image: url(../images/service_004.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	margin-right: 16px;
	float: left;
	background-position: bottom;
}
.service-area .service004 a:hover{
	background-position: top;
}
.service-area .service005 a {
	height: 185px;
	width: 185px;
	background-image: url(../images/service_005.png);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	float: left;
	background-position: bottom;
}
.service-area .service005 a:hover{
	background-position: top;
}
.service-area .service-locate {
	padding: 0px;
	width: 1000px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 280px;
	margin-left: 0px;
}

#service_show01  {
	height: 245px;
	width: 1000px;
	margin-bottom: 60px;
	position: absolute;
	visibility: visible;
}

.solid-001   {
	background-image: url(../images/service_solid01.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	margin-left: 70px;
}

.show-001   {
	background-color: #FFFFFF;
	height: 240px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 0px;
	text-align: center;
}
#service_show02 {
	height: 245px;
	width: 1000px;
	margin-bottom: 60px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}
.solid-002 {
	background-image: url(../images/service_solid02.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	margin-left: 275px;
}
.show-002 {
	background-color: #FFFFFF;
	height: 240px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 0px;
	text-align: center;
}

#service_show03 {
	height: 245px;
	width: 1000px;
	margin-bottom: 60px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}
.solid-003 {
	background-image: url(../images/service_solid03.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	margin-left: 475px;
}
.show-003 {
	background-color: #FFFFFF;
	height: 240px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 0px;
	text-align: center;
}

#service_show04 {
	height: 245px;
	width: 1000px;
	margin-bottom: 60px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}
.solid-004 {
	background-image: url(../images/service_solid04.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	margin-left: 680px;
}
.show-004 {
	background-color: #FFFFFF;
	height: 240px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 0px;
	text-align: center;
}

#service_show05 {
	height: 245px;
	width: 1000px;
	margin-bottom: 60px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}
.solid-005 {
	background-image: url(../images/service_solid05.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	margin-left: 880px;
}
.show-005 {
	background-color: #FFFFFF;
	height: 240px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	padding-top: 0px;
	text-align: center;
}
.service-area .copartnership {
	width: 1000px;
}
.service-area .copartnership ul {
	margin: 0px;
	padding: 0px;
}
.service-area .copartnership ul li {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}
.bottom-area-about .contact-area {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
}
.bottom-area-about .from-area {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.act-list {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.act-list ul {
	margin: 0px;
	padding: 0px;
}
.act-list ul li {
	margin-top: 5px;
	margin-bottom: 5px;
}
.class-color-red {
	color: #F00;
	margin-right: 10px;
}

.news-list-title {
	height: 19px;
	width: 900px;
	border: 1px solid #F90;
	background-image: url(../images/news_tit_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 1px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.news-list-title .type {
	width: 40px;
	float: left;
	text-align: center;
	line-height: 19px;
	color: #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}


.news-list-title .content {
	text-align: center;
	width: 785px;
	line-height: 19px;
	color: #666;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	float: left;
}

.news-list-title .time {
	float: right;
	width: 70px;
	line-height: 19px;
	text-align: center;
	color: #666;
}

.act-list {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.act-list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.act-list ul li {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5px;
}


.act-list ul li .type {
	width: 40px;
	float: left;
	text-align: center;
	line-height: 19px;
	color: #666;
}
.act-list ul li .content {
	text-align: left;
	width: 785px;
	line-height: 19px;
	color: #666;
	float: left;
	padding-left: 5px;
}
.act-list ul li .content a {
	color: #666;
	text-decoration: none;
}
.act-list ul li .content a:hover {
	color: #F30;
}

.act-list ul li .time {
	float: right;
	width: 70px;
	line-height: 19px;
	text-align: center;
	color: #666;
}

.act-content {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
.act-content .title {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	padding-bottom: 5px;
}
.act-content .word {
	text-align: left;
	margin-top: 10px;
	line-height: 30px;
}

.go_list {
	margin-top: 10px;
	margin-bottom: 20px;
}
.go_list a {
	color: #F30;
	font-weight: bold;
	text-decoration: none;
}
.go_list a:hover {
	color: #900;
	font-weight: bold;
}









/*分頁按鈕*/

.pagination{
	padding: 2px;
	width: 420px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 20px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
	font-family: Arial, Helvetica, sans-serif, "新細明體";
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
	text-decoration: none;
	color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
	color: #2E6AB1;
	font-weight: bold;
}

.pagination a.currentpage{
	color: #2E6AB1 !important;
	font-weight: bold;
	cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}