@charset "utf-8";

/* CSS Document */

body {

	margin: 0px;

	background-color: #3E3E3E;

}

p {

	margin: 0px;

	padding: 0px;

}

.arrackd {

	display: none;

}

#templants {

	width: 1280px;

	height: auto;

	position: relative;

	margin: 0 auto;

	background-image: url(templants_bg.jpg);



}

#logo {

	position: absolute;

	z-index: 1;

	height: auto;

	width: 210px;

	left: 111px;

	top: 35px;

}
#logo7 {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 210px;
	left: 892px;
	top: 204px;
}


#qr {

	position: absolute;

	z-index: 1;

	height: 83px;

	width: 79px;

	left: 21px;

	top: 20px;

}

#language {

	position: absolute;

	z-index: 1;

	height: 28px;

	width: 210px;

	left: 36px;

	top: 228px;

	padding: 10px 0px 0px 0px;

	border-top: 1px #e2e2e2 solid;

	border-bottom: 1px #e2e2e2 solid;



}

#topnav {

	position: absolute;

	z-index: 1;

	height: auto;

	width: auto;

	top: 19px;

	right: 39px;

	font-size: 12px;

}

#topnav a {

	color: #6C85A4;

	text-decoration: none;

}

#topnav a:hover {

	color: #0066B6;

	text-decoration: underline;

}

#top {

	width: 1280px;

	height: 334px;

	background-image: url(top.JPG);

}

/**/

#breadcrumbs {

	width: 476px;

	height: auto;

	text-align: right;

	position: absolute;

	z-index: 1;

	top: 286px;

	right: 200px;

	color: #1F1713;

	

}

#breadcrumbs  A:link{

	color: #900;

	TEXT-DECORATION: none;	

	}

#breadcrumbs  A:visited{

	color: #900;

	TEXT-DECORATION: none;	

	}	

#breadcrumbs  A:hover{

	color: #900;

	TEXT-DECORATION: underline;

	}	



#title {

	width: 176px;

	height: auto;

	position: absolute;

	z-index: 1;

	left: 477px;

	top: 267px;



	

}

#center {

	width: 1280px;

	height: auto;

	float: left;

	background-image:url(center_bg.jpg);

	background-position:bottom;

	background-repeat:no-repeat;

}

/*跑馬燈*/

#marquee {



}

/*社群分享按鈕*/

#association {

	width: 131px;

	height: 26px;

	position: absolute;

	z-index: 1;

	left: 72px;

	top: 458px;

}

/**/

#left {

	height: auto;

	width: 265px;

	float: left;

}

/**/



#left_title {

	height: auto;

	width: 280px;

	float: left;

}

#left_bottom {

	height: auto;

	width: 280px;

	float: left;

}

#products_menu {

	height: auto;

	width: 225px;

	float: left;

	padding: 0px 0px 0px 40px;

}

#products_menu A:link{

	color: #4E4E4E;

	TEXT-DECORATION: none;	

	}

#products_menu  A:visited{

	color: #4E4E4E;

	TEXT-DECORATION: none;	

	}	

#products_menu  A:hover{

	color: red;

	TEXT-DECORATION: underline;

	}	



#main {

	float: left;

	height: auto;

	width: 720px;

	padding: 0px 0px 0px 0px;

}



#pqs {

	height: auto;

	width: 100%;

	overflow: hidden;

	clear: both;

	padding: 20px 0;

}



#footer {
	width: 1280px;
	height: 130px;
	position: relative;
	color: #2d2d2d;
	float: left;
	background-image: url(../about.files/templants_bg2.jpg);



}

#footer A:link {
	color: #0000FF;
	TEXT-DECORATION: none;

}

#footer A:visited {
	color: #0000FF;
	TEXT-DECORATION: none;

}

#footer A:hover {

	color: #eee9df;

	TEXT-DECORATION: underline;

}

#footer .footer_list {

	width: 1000px;

	height: auto;

	float: left;

	padding: 3px 0px 0px 0px;

}

#footer .footer_list2 {

	width: 1000px;

	height: auto;

	float: left;

	padding: 10px 0px 0px 0px;

}

#footer .design {

	width: 30%;

	height: auto;

	float: right;

	text-align: left;

	padding: 5px 0px 0px 0px;

	color: #E9EAE4;

}

#footer .design A:link {

	color: #E9EAE4;

	TEXT-DECORATION: none;

}

#footer .design A:visited {

	color: #E9EAE4;

	TEXT-DECORATION: none;

}

#footer .design A:hover {

	color: red;

	TEXT-DECORATION: underline;

}

#footer .menu {

	width: 60%;

	height: auto;

	float: right;

	text-align: left;

	color: ##E3B74A;

	margin-right: 190px;

	padding-top: 40px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	font-size: 18px;

}

#footer .menu A:link {
	color: #0000FF;
	TEXT-DECORATION: none;

}

#footer .menu A:visited {

	color: ##E3B74A;

	TEXT-DECORATION: none;

}

#footer .menu A:hover {

	color: red;

	TEXT-DECORATION: underline;

}

#footer .info {

	width: 13%;

	height: 100px;

	float: left;

	text-align: center;

	text-align: left;

	padding-top: 30px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10%;

}

#footer .copyright {

	width: 60%;

	height: auto;

	text-align: center;

	float: left;

	text-align: left;

	color: #9a9a9a;

	padding-top: 5px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	font-size: 16px;

}

#footer .copyright_color {
	color: #FF0000;

}

.color_footer {

	color: #002848;

}

.color_footer A:link {

	color: #002848;

	TEXT-DECORATION: none;

}

.color_footer A:visited {

	color: #002848;

	TEXT-DECORATION: none;

}

.color_footer A:hover {

	COLOR: #FC0;

	TEXT-DECORATION: underline;

}