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

.classNote{
	padding-bottom:20px;
	font-family:"微軟正黑體", "新細明體", sans-serif;
	font-size:16px;
	color:#2f2f2f;
	text-align:center;
	line-height:1.8;}

.productArea ul li{
	padding:20px 10px;}

.productArea ul li .Img{
	
	}
.productArea ul li .Img a{
	width:100%;
	background:#fff;
	overflow:hidden;
	display:block;}
.productArea ul li .Img a img{
	float:left;
	transition:all 0.2s linear;
	width:100%;}
.productArea ul li:hover .Img a img{transform:scale(1.1);}
.productArea ul li .Txt{
	padding:15px 0;
	text-align:center;
	overflow:hidden;}
.productArea ul li .Txt a{
	font-size:24px;
	color:#000;
		overflow:hidden;
	white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
	}
.productArea ul li p{
	font-size:16px;
	color:#666;

	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
	}	
/******內頁******/
.contentBox{}

.contentBox .leftBox{
	float:left;
	width:64%;}

.contentBox .leftBox .Img{}

.contentBox .leftBox .Img img{
	width:100%;}

.contentBox .leftBox h3{
}

.contentBox .leftBox h3.sectionTitle strong{
	font-size: 25px;
	font-family:"微軟正黑體", "新細明體", sans-serif;}

.contentBox .rightBox{
	float:right;
	width:30%;}

.contentBox .rightBox .link{
margin-bottom:30px;}

.contentBox .rightBox .link a{
	display:block;
	padding:15px;
	background:#5b8a17;
	font-size:16px;
	color:#fff;
	transition:all 0.2s linear;}
.contentBox .rightBox .link:hover a{
	-webkit-transform: translateY(-8px);
	transform: translateY(-8px);}

.contentBox .rightBox .link a i{
    padding-right: 5px;
    color: #fff;
    font-size: 15px;}

/*767*/
@media (max-width: 767px){
.contentBox .classBox{
	float:none;
	width:100%;}

.contentBox .itemBox{
	float:none;
	width:100%;
	margin-top:30px;}

	

/*內頁*/
.contentBox .leftBox{
	float:none;
	width:100%;
	padding:0;}

.contentBox .rightBox{
	float:none;
	width:100%;
	margin-top:20px;}
}


@media (max-width: 600px){
.productArea ul li{
	width:90%;
	margin:0 5% 30px 5%;}

}