@charset "utf-8";
body {
	background-color: #f7f7f7;
	background-image: url(../images/bg_o.png);
	background-repeat: repeat-y;
	background-position: center top;
}
main {
	background-image: url(../images/index.png);
	background-repeat: no-repeat;
}

#le h3,.i01, .i02, .i03, #rh h3, .lock, .open {
	background-image: url(../images/all-2.png);
	background-repeat: no-repeat;
	}
main {
	width: 100%;
	max-width: 1100px;
	background-position: left top;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.focus {
	color: #FF8E00 !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	border-left: 3px solid #00AB08 !important;
	padding-left: 10px;
	text-shadow: 0px 0px 3px #FCFCFC;
}
/*上方*********************************/

header {
	position: relative;
}
.logo {
	margin-left: 200px;
	text-indent: -9999px;
	display: none;
}
.member {
	width: 60px;
	height: 100px;
	text-indent: -9999px;
	float: right;
	margin-top: 10px;
	margin-right: 15px;
}
.member a {
	display: block;
	width: 100%;
	height: 100%;
}

/*左邊*********************************/

#le {
	margin-top: 120px;
}
#le h2 {
	font-size: 28px;
	color: #155C00;
	text-shadow: 2px 2px 1px #FFFFFF;
	margin-top: 20px;
	font-weight: 600;
	margin-left: 20px;
}
#le h3 {
	font-size: 22px;
	text-shadow: 0px 0px 3px #A4A4A4;
	margin-top: 26px;
	padding-left: 50px;
	background-position: 6px -181px;
	margin-left: 10px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
#le h4 {
	font-size: 16px;
	margin-left: 60px;
	margin-top: 20px;
}
#le h4 a {
	color: #000000;
}
#lent {
	margin-top: 20px;
	margin-left: 50px;
	line-height: 2.5em;
}
#lent li{
	/* [disabled]width: 100%; */
	/* [disabled]margin-top: 3px; */
	/* [disabled]margin-bottom: 3px; */
}
#lent a {
	color: #000000;
	border-left: 1px solid #00CC09;
	padding-left: 10px;
	font-size: 18px;
}
#lent a:hover {
	color: #FBA324;
	font-size: 18.5px;
}
.lock {
	background-position: -7px -395px;
	width: 20px;
	height: 40px;
	display: inline-block;
	text-indent: -9999px;
}
.open {
	background-position: -7px -435px;
	width: 20px;
	height: 40px;
	display: inline-block;
	text-indent: -9999px;
}
#lenb {
	margin-top: 80px;
	margin-left: 30px;
	margin-right: 5px;
}
#lenb a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #1D3B57;
	font-size: 14px;
	letter-spacing: 0.05em;
	font-weight: bold;
}
#lenb li {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 50px;
	display: block;
	margin-top: 8px;
	margin-bottom: 10px;
	border-left: medium solid #B1B1B1;
	border-right: thin solid #DFDFDF;
	border-bottom: thin solid #DFDFDF;
	border-top: thin solid #DFDFDF;
	border-bottom-right-radius: 20px;
	border-top-right-radius: 20px;
}

.i01, .i02, .i03 {
	background-color: #FFFFFF;
}
.i01 {
	background-position: -3px -5px;
}
.i02 {
	background-position: -3px -56px;
}
.i03 {
	background-position: -3px -118px;
}
/*中間*********************/
#mi {
	margin-top: 80px;
}
#pi {
	margin-top: -15px;
	/* [disabled]background-color: #FD0000; */
	margin-left: 20px;
}
#po {
	margin-left: 40px;
	margin-right: 40px;
	padding-top: 20px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(255,255,255,0.16) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(255,255,255,0.16) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 6.74%,rgba(255,255,255,0.16) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 6.74%,rgba(255,255,255,0.16) 100%);
	text-align: center;
}
#po img{
	width: 100%;
	max-width: 500px;
	padding: 20;
}
#po p{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#msg {
	margin-top: -15px;
	/* [disabled]background-color: #FD0000; */
	margin-left: 20px;
}
#pi h5{
	font-size: 20px;
	border-left: 5px solid #78C0A8;
	padding-left: 8px;
	margin-bottom: 20px;
}
#pi p{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	border-left: 2px solid #FCEBB6;
	padding-left: 8px;
}
#msg p input{
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 20px;
	width: 100px;
	margin-top: 20px;
	font-size: 16px;
	letter-spacing: 2px;
	border-bottom: medium solid #578676;
	border-top: thin solid #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	border-radius: 10px;
	border-right-style: none;
	font-family: "微軟正黑體", sans-serif;
}
#nav {
	width: 100%;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	height: 100%;
	padding-left: 30px;
}
#nav li {
	float: left;
	height: 50px;
}

#sal {
	width: 90%;
}
#nav li:hover{
	height: 50px;
}
.l1{width:145px}
.l2{width:129px}
.l3{width:116px}
.l4{width:144px}
.l5{width:125px}
.pro-di {
	padding-left: 10px !important;
}
/*產品*/
.pro-item {
	float: left;
	margin-bottom: 10px;
	padding: 5px 5px;
}
.pro-detail {
	padding: 5px 5px;
	margin-left: 5px;
}
.pro-item img {
	width: 100%;
	border: 3px solid #E7E7E7;
}
.s-pic{
	background-color: #9E9E9E;
	width: 16%;
	margin-right: 2px;
	}
#pro-di li .l1 {
	margin-left: -10px;
}
.pre a, .next a{
	display: block;
	width: 45%;
	border-bottom: medium solid #578676;
	border-top: thin solid #FFFFFF;
	float: right;
	margin-right: 10px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #7C4A01;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	border-radius: 10px;
	margin-top: 10px;
	max-width: 70px;
	font-size: 14px;
}
.golist a{
	display: inline-block;
	border-bottom: medium solid #4E801B;
	border-top: thin solid #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #5E412F;
	border-radius: 10px;
	width: 100px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 17.10%,rgba(80,155,4,0.32) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 17.10%,rgba(80,155,4,0.32) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 17.10%,rgba(80,155,4,0.32) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 17.10%,rgba(80,155,4,0.32) 100%);
	letter-spacing: 1px;
}
#pro-ru p, #pro-ru-p p{
	border: none;
	padding-left: 6px;
}
#pro-ru-p p img{width:96%}
/*photo*********************************/
.pro {
	width: calc(100%/3);
	float: left;
	margin-bottom: 10px;
	padding: 5px 5px;
}
.pro img {
	width: 100%;
	border: 3px solid #FFFFFF;
}
.pro p {
	text-align: center;
	line-height: 1.5em;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
	font-size: 16px;
}
.pro_c {
	padding: 5px 5px;
	background-color: #FFFFFF;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 8px solid #C8C8C8;
}
/*photo end****************************************/

/*右邊*************************************/
#rh {
	margin-top: 20px;
	padding-right: 20px;
}
#rh h3 {
	font-size: 24px;
	text-shadow: 0px 0px 3px #A4A4A4;
	margin-bottom: 10px;
	background-position: 10px -172px;
	padding-top: 7px;
	padding-bottom: 5px;
	padding-left: 60px;
	font-weight: bold;
}
.hot-p {
	background-color: #FFFFFF;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 4px solid #C8C8C8;
	padding: 2px;
	margin-bottom: 15px;
}
.hot-p img {
	width: 100%;
	border: 3px solid #FFFFFF;
	height: 116px;
}
.hot-p p {
	text-align: center;
	font-size: 14px;
}
/*footer*************************/
.pg {
	text-align: center;
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}
.pg a {
	font-size: 16px;
	color: #321212;
}
#footer {
	text-align: center;
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
	font-size: 16px;
	color: #F8F8F8;
	letter-spacing: 0.1em;
	background-image: -webkit-linear-gradient(270deg,rgba(155,191,49,1.00) 0%,rgba(73,151,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(155,191,49,1.00) 0%,rgba(73,151,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(155,191,49,1.00) 0%,rgba(73,151,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(155,191,49,1.00) 0%,rgba(73,151,0,1.00) 100%);
	margin-top: 40px;
}
/*聯絡*/
#ct{
	margin-left: 20px;
	margin-top: 30px;
}
#ct dt, #ct dd{
	float: left;
	margin-bottom: 1em;
	margin-top: 1em;
}
#ct dt{
	width: 20%;
	text-align: right;
	padding-top: 11px;
	font-size: 16px;
}
#ct dd{
	width: 80%;
	text-align: left;
}
#ct input{
	width: 350px;
	height: 40px;
	font-size: 1em;
}
#ct textarea{
	width: 350px;
	height: 200px;
	resize: none;
}
/**/
.bgc{
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 40.93%,rgba(255,255,255,0.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 40.93%,rgba(255,255,255,0.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 40.93%,rgba(255,255,255,0.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 40.93%,rgba(255,255,255,0.00) 100%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom: thin solid #E7E7E7;
}
/*登入*/
#lo-in input{
	padding-top: 5px;
	padding-bottom: 5px;
	width: 100px;
	font-size: 16px;
	letter-spacing: 2px;
	border-bottom: medium solid #578676;
	border-top: thin solid #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(80,154,4,0.37) 99.48%);
	border-radius: 10px;
	border-right-style: none;
	font-family: "微軟正黑體", sans-serif;
	margin-left: 400px;
	margin-top: 50px;
}
.bg-lo{
	display: block;
	background-image: url(../images/lobg.png);
	background-repeat: no-repeat;
	background-position: 0% bottom;
}
.s-p{
	width: 130px;
	height: 35px;
	display: inline-block;
}
.s-p img {
	width: 100%;
	height: 100%;
}
.tal input{
	position: relative;
	top: -5px;
	margin-top: 0px;
}
.tal img{
	border: thin solid #C3C3C3;
	position: relative;
	top: 5px;
}
.pro-img{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url();
	width:100%;
	height:100%;
	display:block;
	}
#prdt_hot_list {
	min-height:680px; 
	
}