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

.classNote{
	padding-bottom:10px;
	
	font-size:15px;
	color:#222;
	text-align:center;
	line-height:1.8;}

.classNote img{
	max-width:100%;}

/*標籤*/
.tagBox{
	padding:20px 0;}

.tagBox b{
	display:inline-block;
	margin-right:10px;}

.tagBox ul{
	display:inline-block;}

.tagBox ul li{
	display:inline-block;}

.tagBox ul li a{
	display:block;
	margin:0 3px;
	font-size:13px;
	padding:5px 10px;
	color: #45bad8;
	border: 1px solid #45bad8;
	
	position:relative;}

.tagBox ul li a:hover, 
.tagBox ul li a.current{
	background:#45bad8;
	color:#FFF;}

.tagBox ul li a.current:before{
	content: "\f00d";
	font-family: 'FontAwesome';
	font-size:12px;
	margin-right:5px;}

ul.itemList{
	margin:0 -15px;}

ul.itemList li{
	padding:0 15px 30px 15px;}

ul.itemList li .Img{
	position:relative;}

ul.itemList li .Img a{
	display:block;
	overflow:hidden;}

ul.itemList li .Img img{
	display:block;
	width:100%;}

ul.itemList li .Txt{
	padding: 15px;
	text-align:center;
	
	background:#FFF;}

ul.itemList li .Txt h2,
ul.itemList li .Txt h3{
	font-weight:normal;}

ul.itemList li .Txt h2 a,
ul.itemList li .Txt h3 a{
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
	font-size:1.5em;
	color:#222;}

ul.itemList li .Txt h2 strong a:hover,
ul.itemList li .Txt h3 strong a:hover{
	color:#da2441;}

ul.itemList li .Txt p{
	padding-top:5px;
	font-size:15px;
	color:#777;
	line-height:21px;}

ul.itemList li .Txt p.tt{
	padding-top:5px;
	font-size:15px;
	color:#45bad8;}
		
/******內頁******/
.contentBox{}

/*產品介紹區*/
.productIntro{}

.productIntro .albumBox{
	//margin-right:30px;
	padding:0 0 20px 0;}

.productIntro .albumBox .Img img{/*產品大圖*/
	width:100%;}

.productIntro .albumBox ul.side_album{
	margin:2px -1px 0 -1px;
	width:100%;}

.productIntro .albumBox ul.side_album li{
	float:left;
	width:100px;
	overflow:hidden;
	padding:1px;}

.productIntro .albumBox ul.side_album li a{
	display:block;}
	
.productIntro .albumBox ul.side_album li a img{
	display:block;
	width:100%;}

/*產品介紹縮圖文字*/
.introBox{
	overflow:hidden;}

.introBox .fbBox{}

.introBox b.code{/*商品編號*/
	display:block;
	font-size:12px;
	color:#999;
	font-weight:normal;}

.introBox .Txt{
	margin-top:20px;
	font-size:13px;
	color:#6C6C6C;
	line-height:1.6;}

.introBox .share{
	clear:both;
	padding-top: 10px;
    margin-top: 20px;
    border-top: 1px dashed #e1e1e1;}

.introBox .share b{
	display:inline-block;
	font-size:13px;
	font-weight:normal;
	color:#666;}

.introBox .share a{
	display:inline-block;
	width:25px;
	text-align:center;
	font-size:18px;
	color:#666;}

.introBox .share a:hover{
	opacity:0.8;}
	
.introBox .btn{
	padding-top:20px;
	text-align:center;}

.introBox .btn a{
	display:inline-block;
	padding:10px 15px;
	font-size:15px;
	color:#FFF;
	border-radius:3px;
	
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;}


/*767*/
@media (max-width: 767px){
	.productIntro .albumBox{
		float:none;
		margin:0 0 30px 0;}
}
@media (max-width: 1160px){
	ul.itemList{
		margin:0;}
}

/*480*/
@media (max-width: 480px){
       .productIntro .albumBox ul.side_album li{	
	 width:60px;}
}
/*480 end*/