#h3{
	position: absolute;
    opacity: 0;
}
#content #main-control>div{
	margin:0 10px;
}
#latest-product{
}
#latest-product h2{
	color: #c915fb;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
	margin: 20px 0;
}
#latest-product h2 img{
	vertical-align: baseline;
	margin: 0 10px;
}
#latest-product .slick-prev{
	left:0;
    background-image: url(/skin/purple2/images/index-hot-scrrow2.png);
	opacity:0.7;
}
#latest-product .slick-next{
	right:0;
    background-image: url(/skin/purple2/images/index-hot-scrrow.png);
	opacity:0.7;
}
#latest-product .slick-prev,
#latest-product .slick-next{
    background-position: 50% 50%;
    background-repeat: no-repeat;
	background-size: 10px;
    width: 25px;
    height: 60px;
    background-color: #d171f2;
    z-index: 9;
}
#latest-product .slick-prev:hover,
#latest-product .slick-next:hover{
	opacity:1;
}
#latest-product .slick-prev:before, 
#latest-product .slick-next:before{
	display:none;
}
#latest-product li .border{
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-top:5px solid #c490bf;
	padding: 7px;
}
#latest-product li:hover .border{
	background:rgba(255,255,255,1);
}
#latest-product li:nth-child(2n) .border{
	border-top:5px solid #7ecef4;
}
#latest-product li:nth-child(3n) .border{
	border-top:5px solid #78ca51;
}
#latest-product li:nth-child(4n) .border{
	border-top:5px solid #facd89;
}
#latest-product li:nth-child(5n) .border{
	border-top:5px solid #f29b76;
}
#latest-product li:nth-child(6n) .border{
	border-top:5px solid #f19ec2;
}
#latest-product li .profuntion{margin: 5px 1px 0;}
#latest-product li .profuntion,
#latest-product li .buyerfuntion{
	padding: 0 20px;
}
#latest-product li .border .proName a{
	color:#c490bf;
}

/* 四個icon */
#latest-product li .border .photo{position: relative;}
#latest-product li .border .photo img + img{max-width: 100%;width: auto;position: absolute;}
#latest-product li .border .photo img + img.lan{left: 0px;bottom: 0px;}
#latest-product li .border .photo img + img.blue{left: 0px;top: 0px;}
#latest-product li .border .photo img + img.first{right: 0px;top: 0px;}
#latest-product li .border .photo img + img:last-child{right: 0px;bottom: 0px;opacity: .45;}


#latest-product li .border .proName{
	height:46px;
	overflow:hidden;
	margin-bottom: 5px;
}
#latest-product li:nth-child(2n) .border .proName a{
	color:#7ecef4;
}
#latest-product li:nth-child(3n) .border .proName a{
	color:#78ca51;
}
#latest-product li:nth-child(4n) .border .proName a{
	color:#facd89;
}
#latest-product li:nth-child(5n) .border .proName a{
	color:#f29b76;
}
#latest-product li:nth-child(6n) .border .proName a{
	color:#f19ec2;
}
#latest-product li .border .photo,
#newsmallbanner #s-sizead a,
.pro-cate-style .tab_container ul li .border .photo{
	display:block;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
#latest-product li .border .photo img,
#newsmallbanner #s-sizead a img,
.pro-cate-style .tab_container ul li .border .photo img{
	width:100%;
}


/* 四個icon */
.pro-cate-style .tab_container ul li .border .photo img + img{max-width: 100%;width: auto;position: absolute;}
.pro-cate-style .tab_container ul li .border .photo img + img.lan{left: 0px;bottom: 0px;}
.pro-cate-style .tab_container ul li .border .photo img + img.blue{left: 0px;top: 0px;}
.pro-cate-style .tab_container ul li .border .photo img + img.first{right: 0px;top: 0px;}
.pro-cate-style .tab_container ul li .border .photo img + img:last-child{right: 0px;bottom: 0px;opacity: .45;}

#newsmallbanner{
	overflow:hidden;
	padding: 20px 0;
}
#newsmallbanner #news{
	float:right;
	width:50%;
}
#newsmallbanner #smallbanner{
	float:left;
	width:50%;
}
#newsmallbanner #smallbanner #s-sizead{
	border:1px solid #fff;
	padding: 10px;
}
#newsmallbanner #s-sizead a{
}
#smallbanner .slick-prev, 
#smallbanner .slick-next{
	display:none;
}
#smallbanner .slick-dots{
	bottom:15px;
	text-align: right;
	width: calc(100% - 20px);
}
#newsmallbanner #news .title{
	overflow:hidden;
	margin: 10px 20px;
}
#newsmallbanner #news .title h2{
	float:left;
	color:#e177ff;
	font-weight:normal;
}
#newsmallbanner #news .title h2 img{
	vertical-align: top;
	margin-right:10px;
}
#newsmallbanner #news .title h2 b{    
	font-weight: normal;
    font-size: 14px;
    margin-left: 10px;
}
#newsmallbanner #news .title .more{
	float:right;
}
#newsmallbanner #news .title .more a{
    color: #ca14fc;
    border: 2px solid #ca14fc;
    padding: 0px 8px;
    display: inline-block;
}
#newsmallbanner #news .title .more a:hover{
	background:#ca14fc;
	color:#fff;
}
#newsmallbanner #news .newsWrap{
	margin: 10px 20px;
}
#newsmallbanner #news .newsWrap li{
	margin: 10px 0;
}
#newsmallbanner #news .newsWrap li .info{
	overflow:hidden;
}
#newsmallbanner #news .newsWrap li .info .date{
	color:#b115dc;
	font-size:13px;
	float:left;
	width: 82px;
}
#newsmallbanner #news .newsWrap li .info .date b{
	font-size:18px;
	margin-right:5px;
}
#newsmallbanner #news .newsWrap li .info h4{
	float: left;
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 200px);
    text-overflow: ellipsis;
    margin-left: 20px;
	color:#fff;
}
#newsmallbanner #news .newsWrap li .info h4 a{
	color:#fff;
}
#newsmallbanner #news .newsWrap li .info .more{
	float:right;
}
#newsmallbanner #news .newsWrap li .info .more a{
	color:#b115dc;
}
.pro-cate-style{
	padding-bottom: 100px;
}
.pro-cate-style .pro-article{
	margin-bottom: 10px;
}
.pro-cate-style .pro-article .tabs{
	text-align:left;
	position: relative;
	position: relative;
    border-bottom: 2px solid #a63af8;
}
.pro-cate-style .pro-article .tabs li{
	display:inline-block;
	width: calc(100% / 4);
	float: left;
}
.pro-cate-style .pro-article .tabs li a{
    color: #9849f5;
    font-size: 20px;
    display: block;
    background: rgba(255, 255, 255, 0.67);
    padding: 9px 20px;
    border: 1px solid #733bb4;
	border-bottom:0;
	cursor: default;
	text-align:center;
}
.pro-cate-style .pro-article .tabs li.active a{
	background-image: linear-gradient(to bottom, #c618fc 0%, #9948f5 100%);
	color:#fff;
}
.pro-cate-style .tab_container ul li{
	float:left;
	width: 23.5%;
	margin-right:2%;
	margin-bottom: 30px;
}
.pro-cate-style .tab_container ul li:nth-child(4n){
	margin-right:0;
}
.pro-cate-style .tab_container ul li .border .photo{
	position:relative;
}
.pro-cate-style .tab_container ul li .border .photo:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    content: '觀看詳情 >>';
    color: #fff;
    background: rgba(162, 23, 59, 0.61);
    height: 0;
    padding: 10px;
	opacity:0;
	overflow:hidden;
	transition:all linear 0.2s;
	z-index: 2;
}
.pro-cate-style .tab_container ul li .border:hover .photo:before{
	opacity:1;
	height: 23px;
}

.pro-cate-style .tab_container ul li .border .proName{
	font-size: 18px;
    font-weight: normal;
    margin: 7px 0;
    height: 46px;
    overflow: hidden;
}
.pro-cate-style .tab_container ul li .border .proName a{
	color:#fff;
}
.pro-cate-style .tab_container ul li .profuntion,
#latest-product li .profuntion{
    overflow: hidden;
    color: #db4169;
    border-top: 1px solid #db4169;
    padding-top: 3px;
	font-size: 13px;
}
.pro-cate-style .tab_container ul li .profuntion .price,
#latest-product li .profuntion .price{
	float:left;
}
.pro-cate-style .tab_container ul li .profuntion .price b,
#latest-product li .profuntion .price b{
	font-weight: bold;
    font-size: 18px;
}
.pro-cate-style .tab_container ul li .profuntion .cate,
#latest-product li .profuntion .cate{
	float:right;
}
.pro-cate-style .tab_container ul li .buyerfuntion,
#latest-product li .buyerfuntion{
	overflow:hidden;
    font-size: 15px;
	margin-top: 5px;
}
.pro-cate-style .tab_container ul li .buyerfuntion .add,
#latest-product li .buyerfuntion .add{
	float:right;
}
.pro-cate-style .tab_container ul li .buyerfuntion .add a,
#latest-product li .buyerfuntion .add a{
	color:#ba42cc;
	font-size: 16px;
}
.pro-cate-style .tab_container ul li .buyerfuntion .add a img,
#latest-product li .buyerfuntion .add a img{
	margin-left:5px;
    display: inline-block;	
}
.pro-cate-style .tab_container >div >p{
	margin-top: 30px;
    text-align: center;
}
.pro-cate-style .tab_container >div >p a{
    font-size: 16px;
    display: inline-block;
    background: rgba(220, 40, 40, 0.92);
    color: #fff;
    padding: 12px 30px;
    border-radius: 8px;
    border: 3px solid #000;
    background: rgb(237,4,8);
    background: -moz-linear-gradient(top, rgba(237,4,8,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(237,4,8,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(237,4,8,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed0408', endColorstr='#6d0000',GradientType=0 );
}
@media screen and (max-width: 1680px) {
	#latest-product h2,
	#newsmallbanner #news .title h2{
		font-size: 20px;
	}
	#latest-product h2 img,
	#newsmallbanner #news .title h2 img{
		height: 15px;	
	}
	.pro-cate-style .pro-article .tabs li a{
		font-size:18px;
	}
}
@media screen and (max-width: 1440px) {
	.pro-cate-style .pro-article .tabs li a,
	.pro-cate-style .tab_container ul li .border .proName{
	    font-size: 16px;	
	}
	.pro-cate-style .tab_container ul li .buyerfuntion{
		font-size:14px;
	}
	.pro-cate-style .tab_container ul li .buyerfuntion .more a img, .pro-cate-style .tab_container ul li .buyerfuntion .add a img{
	    height: 18px;
		vertical-align: sub;	
	}
	#newsmallbanner #news .newsWrap li .info .date b{
		font-size:16px;
	}
	#newsmallbanner #news .newsWrap li .info .date{
		font-size:12px;
	}
	#newsmallbanner #news .newsWrap li .info h4{
	    width: calc(100% - 140px);	
		margin-left: 10px;
	}
	#newsmallbanner #news .newsWrap li:nth-child(3),
	#newsmallbanner #news .newsWrap li:nth-child(4){
		display:none;
	}
}
@media screen and (max-width: 980px) {
	.pro-cate-style{
		display:none;
	}
	.page-index #web-sidebar #weblistfuntion{
		display:none;	
	}
	#newsmallbanner #news,
	#newsmallbanner #smallbanner{
		width:100%;
	}
	#newsmallbanner #smallbanner #s-sizead{
	    border: none;
		padding: 0 10px;	
	}
	#latest-product h2, #newsmallbanner #news .title h2{
		font-size: 18px;
	}
	.page-index #index-mo-cate-style{
		display:block;
		padding: 0 10px;
	}
	#index-mo-cate-style >ul >li{
		margin-bottom:40px;
	}
	#index-mo-cate-style >ul >li p img{
		width:100%;
	}
	#index-mo-cate-style >ul >li p{
		margin-bottom:8px;
	}
	#index-mo-cate-style >ul >li ul li{
		display: block;
		float:left;
		margin-bottom: 5px;
		width: 25%;
		text-align: center;
	}
	#index-mo-cate-style >ul >li ul li a{
		color: #e4e4e4;
		border: 1px solid #6b6b6b;
		border-radius: 5px;
		padding: 3px 10px;
		display: block;
		background: #4c4c4c;
		margin: 0 2px;
		overflow:hidden;
		height:23px;
	}
	#smallbanner .slick-dots{
	    bottom: 0;	
	}
}
@media screen and (max-width: 640px) {
	#latest-product h2, #newsmallbanner #news .title h2{
		font-size:16px;
	}
	#index-mo-cate-style >ul >li ul li a{
	    padding: 2px 2px;	
		border-radius: 3px;
	}
	
}
@media screen and (max-width: 480px) {
	#newsmallbanner #news .newsWrap li .info h4{
		width: 100%;
		margin-left: 0;
	}
	#newsmallbanner #news .newsWrap li .info .more{
		display:none;
	}
	#newsmallbanner{
	    padding: 60px 0;	
	}
}