@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%;}

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

ul.itemList li{
	padding:0 10px 20px 10px;
	padding-top:28px;}

ul.itemList li .item{
	background:#FFF;
	box-shadow:0 0 3px #D3D3D3;
	padding:1px;
	border-radius:10px;}

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

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

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

ul.itemList li .Txt{
	padding: 15px 20px;}

ul.itemList li .Txt h3{
	text-align:center;
line-height:20px;
height:40px;
overflow:hidden;
}

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

ul.itemList li .Txt h3 strong a{
	position:relative;
	display:block;
	font-size:16px;
	color:#ee7700;}

ul.itemList li .Txt h3 strong a:hover{
	text-decoration:underline;}

ul.itemList li .Txt .price{
height:30px;
	margin-top:10px;
	color:#9E9E9E;
	text-align:center;}

ul.itemList li .Txt .price strong{
	display:inline-block;
	margin:0 5px;}

ul.itemList li .Txt .price strong.normal{
	text-decoration:line-through;}

ul.itemList li .Txt .price strong.discount b{
	font-size:18px;
	font-style:italic;
	color:#DB3336;}

ul.itemList li .Txt p{
	margin-top:15px;
	font-size:14px;
	color:#868686;
	line-height:1.8;
	height:65px;
	text-align:center;}

.featureArea .btn{
	margin-top:50px;
	text-align:center;}

.featureArea .btn a{
	display:inline-block;
	padding:7px 50px;
	color:#666;
	border:1px solid #CCC;}

.featureArea .btn a i{
	margin-left:5px;}

.featureArea .btn a:hover{
	background:#95c439;
	color:#FFF;}

ul.itemList li .ribbon_new{/*最新*/
    display: block;
    background: url(../images/ribbon_new.png) no-repeat;
    width: 62px;
    height: 52px;
    text-indent: -9999px;
    position: absolute;
    top: -30px;
    left: 50%;
	margin-left:-31px;
    z-index: 99;}

ul.itemList li .ribbon_hot{/*熱門*/
	display: block;
    background: url(../images/ribbon_hot.png) no-repeat;
    width: 62px;
    height: 52px;
    text-indent: -9999px;
    position: absolute;
    top: -30px;
    left: 50%;
	margin-left:-31px;
    z-index: 99;}
		
/******內頁******/
.contentBox{}

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

.productIntro .albumBox{
	margin-right:30px;
	padding: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:16.6%;
	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;}
	
/*訂購規格區*/
.orderTable{
	padding-top:10px;
	margin-top:10px;
	border-top:1px dashed #e1e1e1;}

.orderTable table{}

.orderTable table th{
	padding:10px;
	font-size:15px;
	color:#6C6C6C;}

.orderTable table td{
	padding:5px;
	color:#6C6C6C;}

.orderTable table td select{
	padding:4px;}

.orderTable table tr:first-child th{}

.orderTable table tr:first-child td{}

.orderTable table tr:nth-child(odd){
	background:#f1f1f1;}
	
.orderTable table td b{
	font-size:15px;
	font-weight:normal;
	color:#6C6C6C;}

.orderTable .orderNote{/*處理備註*/
	padding-top:10px;}

.orderTable .orderNote textarea{/*處理備註*/
	width:100%;
	height:50px;
	padding:5px;
	border: 1px solid #C5C5C5;
	color:#2f2f2f;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;}

.orderTable .btn{
	padding-top:20px;
	text-align:center;}

.orderTable .btn a{
	display:inline-block;
	padding:10px 15px;
	font-size:15px;
	color:#FFF;
	border-radius:3px;}


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

/*480*/
@media (max-width: 480px){}
/*480 end*/