@charset "utf-8";
/* CSS Document */

#icontainer {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	padding-top: 22px;
	padding-bottom: 46px;
}
#icontainer_right {
	width: 770px;
	height: auto;
	float: right;
}
#icontainer_left {
	float: left;
	width: 210px;
	height: auto;
	margin-right: 0px;
}
#icontainer .iad {
	width: 770px;
	height: auto;
	position: relative;
	margin: 1px 0 0 0;
	padding-bottom: 24px;
	background-image: url(../images/index/hot_house_sd.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}
#icontainer .iad_title {
	width: 735px;
	height: 33px;
	padding: 0;
	float: left;
}
#icontainer .iad_box {
	width: 240px;
	height: 225px;
	float: left;
	padding: 0px;
	position: relative;
	margin-top: 15px;
	margin-left:24px;
	margin-right:0px;
}
#icontainer .iad_box:nth-child(3n) {
	width: 240px;
	height: 225px;
	float: left;
	padding: 0px;
	position: relative;
	margin-top: 15px;
	margin-right:0px;
	margin-left:0px;
}
#icontainer .iad_lefttop {
	width: 111px;
	height: 23px;
	position: absolute;
	left: 10px;
	font-size: 13px;
	color: #999999;
	text-align: center;
	top: 11px;
}
#icontainer .iad_name {
	width: 240px;
	height: 26px;
	color: #333333;
	font-size: 14px;
	line-height: 26px;
}
#icontainer .iad_box:hover .iad_name {
    color: #B20000;
    text-decoration: underline;
}
#icontainer .iad_name_color {
	color: #218A00;
	font-size: 13px;
}
#icontainer .iad_sale {
	width: 240px;
	height: 26px;
	line-height: 26px;
	color: #FF4000;
	font-size: 14px;
}
#icontainer .iad_buy {
	width: 174px;
	height: 26px;
	line-height: 26px;
	color: #FF0000;
	font-size: 13px;
}
#icontainer .iad_pic {
	width: 238px;
	height: 170px;
	border: #CCC 1px solid;
	background-color: #FFF;
	position: relative;
	cursor: pointer;
	text-align:center;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#icontainer .iad_pic:hover {
	width: 238px;
	height: 170px;
	border: #F00 1px solid;
	background-color: #FFF;
	position: relative;
}
#icontainer .iad_picover {
	width: auto;
	height: auto;
	position: absolute;
	right: -5px;
	top: 126px;
}
#icontainer .iad_picover a {
    display: block;
    width: 45px;
    height: 41px;
    background: url(../images/wrapper/iproducts/cart_over.png);
    text-indent: 100%;
    text-align: left;
    padding: 0;
    white-space: nowrap;
    overflow: hidden;
}
#icontainer .iad_box:hover .iad_picover a {
    background-position: 0 100%;
}

/***首頁產品*******************************************************/
#iproducts {
	width: 933px;
	height: 157px;
	position: absolute;
	float: left;
	margin: 0;
	top: 0px;
	left: 67px;
}
/***下方滑過轉向15度圖片*******************************************************/
#iproducts .pic01 {
	float: left;
	margin-right: 16px;
	width: 149px;
	height: 133px;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#iproducts .pic01:hover {
	-webkit-transform: rotateZ(15deg);
	-moz-transform: rotateZ(15deg);
	-o-transform: rotateZ(15deg);
	transform: rotateZ(15deg);
}
#iproducts .pic02 {
	float: left;
	margin-right: 21px;
	width: 149px;
	height: 133px;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#iproducts .pic02:hover {
	-webkit-transform: rotateZ(15deg);
	-moz-transform: rotateZ(15deg);
	-o-transform: rotateZ(15deg);
	transform: rotateZ(15deg);
}
#iproducts .pic03 {
	float: left;
	margin-right: 15px;
	width: 149px;
	height: 133px;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#iproducts .pic03:hover {
	-webkit-transform: rotateZ(15deg);
	-moz-transform: rotateZ(15deg);
	-o-transform: rotateZ(15deg);
	transform: rotateZ(15deg);
}
#iproducts .pic04 {
	float: left;
	margin-right: 24px;
	width: 194px;
	height: 133px;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#iproducts .pic04:hover {
	-webkit-transform: rotateZ(15deg);
	-moz-transform: rotateZ(15deg);
	-o-transform: rotateZ(15deg);
	transform: rotateZ(15deg);
}
#iproducts .pic05 {
	float: left;
	margin-right: 0;
	width: 149px;
	height: 133px;
	-webkit-transition: all 120ms linear;
	-moz-transition: all 120ms linear;
	-o-transition: all 120ms linear;
	transition: all 120ms linear;
}
#iproducts .pic05:hover {
	-webkit-transform: rotateZ(15deg);
	-moz-transform: rotateZ(15deg);
	-o-transform: rotateZ(15deg);
	transform: rotateZ(15deg);
}
/***下方滑過轉向15度圖片*******************************************************/
#iproducts .title {
	width: 96px;
	height: 17px;
	margin-bottom: 5px;
}
#iproducts .bg {
	width: 621px;
	height: 376px;
	padding: 0px;
}
.iproducts_list {
	width: 183px;
	height: 172px;
	position: relative;
	float: left;
	margin: 0px 24px 12px 0;
}
.iproducts_list .photo {
	width: 156px;
	height: 156px;
}
.iproducts_list .cap_title {
	width: 183px;
	height: 28px;
	text-align: center;
	color: #AAAAAA;
	padding: 5px 0 0 0px;
	font-size: 13px;
	float: left;
	line-height: 28px;
}
.iproducts_list .cap_title a {
	color: #AAAAAA;
	text-decoration: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
.iproducts_list .cap_title a:hover {
	color: #FC0;
	text-decoration: none;
}
.carousel {
	width: 933px;
	height: 157px;
	position: relative;
	float: left;
}
.carousel .prev {
	width: 13px;
	height: 20px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	float: left;
	background: url(../../Scripts/jcarousellite/prev_.png) no-repeat;
	position: absolute;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	ransition: background 200ms linear;
	left: -14px;
	top: 57px;
}
.carousel .next {
	width: 13px;
	height: 20px;
	display: block;
	text-decoration: none;
	cursor: pointer;
	float: left;
	background: url(../../Scripts/jcarousellite/next_.png) no-repeat;
	position: absolute;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-o-transition: background 200ms linear;
	ransition: background 200ms linear;
	right: -13px;
	top: 57px;
}
.carousel #prev-03.disabled {
	background: url(../../Scripts/jcarousellite/prev_.png) no-repeat;
	cursor: default;
}
.carousel #next-03.disabled {
	background: url(../../Scripts/jcarousellite/next_.png) no-repeat;
	cursor: default;
}
.carousel .prev:hover {
	background: url(../../Scripts/jcarousellite/prev_.png) no-repeat;
}
.carousel .next:hover {
	background: url(../../Scripts/jcarousellite/next_.png) no-repeat;
}
.jCarouselLite {
	float: left;
	width: 621px;
	height: 376px;/*必要元素*/
	overflow: hidden;
}
.jCarouselLite li {
	height: 138px;
	width: 94px;
	float: left;
	margin: 0 2px;
}
.jCarouselLite li img, .jCarouselLite-01 li img {
}
/***首頁產品*******************************************************/

/*-首頁影片-----------------------------------------*/
/*動畫區塊*/
.flexslider-container {
	overflow: hidden;
	position: relative;
	padding: 0 0px;
	background-color: #FFF;
	width: 950px;
	margin: 0 auto;
	background-image: url(../../img/slides/bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
}
.color_name {
	color: #888568;
	font-weight: bold;
}
/*首頁關於我們*/
#iabout {
	width: 770px;
	border-top: #DDDDDD 1px solid;
	margin: 18px 0 20px 0;
	padding: 14px 0 0 0;
	position: relative;
}
#iabout::after {content:'';clear:both;display:block;}
#iabout .left_box {width:224px; height:205px; float:left;}
#iabout .right_box {width:526px; float:right;}
#iabout .right_title {width:225px; height:27px; margin-bottom:15px;}
#iabout .right_words {width:526px; height:70px; font-size:14px; color:#666666; line-height:20px;}
#iabout .right_box01 {width:526px;}
#iabout .right_box01::after {content:'';clear:both;display:block;}
#iabout .right_phone {width:230px; height:79px; float:left; margin-top: 5px;}
#iabout .right_add {width:281px; float:right; background-image:url(../images/wrapper/iabout/pic03.jpg); background-position:top left; background-repeat:no-repeat;}
#iabout .right_add_box {width:233px; height:14px; font-size:14px; color:#85B200; font-weight:bold; padding:19px 0 0 47px;}
#iabout .right_opentime {width:280px; font-size:13px; color:#666666; line-height:20px;}
