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

.searchBox.s2 {
	display:none;
}

/*** 商品列表 ***/
ul.productList {
	/*margin-top:-25px;*/
}

ul.productList li {
	float:left;
	padding:0 20px 40px;
}

ul.productList li .Img {
	overflow:hidden;
	box-shadow:0 0 5px #CCC;  /* box-shadow:0 2px 3px #CCC; */
}

ul.productList li .Img img {  /* 與 .Img:hover img 搭配，產生滑鼠滑過圖片 縮放+透明+漸變效果 */
	display:block;
	width:100%;

	-webkit-transition:all 0.5s ease; /* for Chrome and Safari */
	-moz-transition:all 0.5s ease;    /* for Firefox */
	-o-transition:all 0.5s ease;      /* for Opera */
	-ms-transition:all 0.5s ease;
	transition:all 0.5s ease;
}

ul.productList li .Img:hover img {
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);  /* CSS3 縮放比例 */
	/*opacity:0.7;*/            /* CSS3 透明度 */
	/*filter:alpha(opacity=70);*/  /* CSS3 透明度 for IE */
}

ul.productList li .Txt {
	text-align:center;
	padding-top:10px;
}

ul.productList li .Txt h3 {
	/*margin-bottom:10px;*/
}

ul.productList li .Txt h3 a {
	/*color:#454545;
	font-size:16px;*/
	font-weight:normal;

	display:block;
	width:100%;
	height:40px;
	overflow:hidden;
	/*text-overflow:ellipsis;*/  /* 讓過長溢出的字省略變成 ... */
	/*white-space:nowrap;*/
}

ul.productList li .Txt h3 a:hover {
	/*color:#DA2441;*/
}

ul.productList li .Txt p {
	font-size:13px;
	color:#747474;
	line-height:1.6;
	height:45px;  /* 兩行字 */
	padding:10px 0;
}

/* 商品檢索 */
.searchArea__ {  /* 漸層背景 */
	/*background:#E2EBF2;*/
	padding:30px 0;

	background: #E2EBF2; /* Old browsers */
	background: -moz-linear-gradient(top,  #E2EBF2 30%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#E2EBF2), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #E2EBF2 30%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #E2EBF2 30%,#FFFFFF 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #E2EBF2 30%,#FFFFFF 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #E2EBF2 30%,#FFFFFF 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E2EBF2', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
}
.searchArea {
	/*background:#E2EBF2;*/
	padding:30px 0;
}
.searchArea h2.homeTitle {
	display:none;
}
.searchArea h2.sectionTitle {
	display:none;
}

/*** 商品內頁 ***/
/* 左側詳細內容區 */
.contentBox .leftBox {
	/*float:left;
	width:70%;*/
}

.productIntro {}

.productIntro .albumBox {
	float:left;
	width:45%;
	margin-right:30px;
}

.productIntro .Img {  /* 商品大圖 */
	box-shadow:0 0 5px #CCC;
}

.productIntro .Img img {
	width:100%;
}

ul.thumb {  /* 縮圖集 */
	margin:5px -2px 20px;
}

ul.thumb li {
	float:left;
	width:16.66%;
	padding:2px;
}

ul.thumb li a {
	display:block;
}
	
ul.thumb li a img {
	display:block;
	width:100%;
}

 /* 賣場按鈕 */
.buy-btn {
	text-align:center;
	margin-bottom:20px;
}

.buy-btn a {
	display:inline-block;
	background:url(../images/buy-btn.png) no-repeat left top;
	width:200px;
	height:98px;
	text-indent:-9999px;
	
	-webkit-transition:none; /* for Chrome and Safari */
	-moz-transition:none;    /* for Firefox */
	-o-transition:none;      /* for Opera */
	-ms-transition:none;
	transition:none;
	/*font-size:15px;
	color:#FFF;
	line-height:35px;
	border:1px solid #4CB7D6;
	border-radius:3px;
	padding:0 20px;*/
}

.buy-btn a:hover {
	background-position:left bottom;
	/*opacity:0.8;*/
}

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

.introBox .productTitle {  /* 商品名稱 */
	font-size:26px;
	font-weight:normal;
}

.introBox .productTitle i {
	color:#0168B3;
	font-size:20px;
	padding-right:10px;
}

.introBox .Txt {
	margin-top:20px;
	font-size:15px;
	color:#333;
	line-height:1.6;
	text-align:justify;
}

.specTable {
	font-size:15px;
	line-height:1.6;
	margin-top:20px;
}

.specTable table {
	background:#E0E3E6;
	/*border-collapse:collapse;*/
}

.specTable table th {
	width:25%;
	background:#0168B3;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	padding:5px;
	border:1px solid #FFF;
}

.specTable table td {
	width:75%;
	padding:5px;
	border:1px solid #FFF;
}

 /* 分享按鈕 */
.introBox .share-btn {
	overflow:hidden;
	padding-top:15px;
}

#___plus_0 {
	vertical-align:middle !important;
}
.fb-like {
	vertical-align:middle !important;
}
.line-it-button {
	vertical-align:middle !important;
}

/* 右側相關資訊區 */
.contentBox .rightBox {
	/*float:right;
	width:25%;*/
}

/*** Responsive Web Design 響應式網頁 ***/
@media screen and (max-width: 767px) {
ul.productList li {
	padding:0 15px 30px;
}

ul.productList li.col-5 {
	width:33.33%;
}

}

@media screen and (max-width: 640px) {
.productIntro .albumBox {
	float:none;
	width:100%;
	margin-right:0;
}

/* 商品檢索頁籤 search_tab */
.searchArea .main a.col-3 {
	width:33.33%;
}

}

@media screen and (max-width: 480px) {
.mainArea .titleBox {
	border-bottom:none;
	padding:0 10px;
}

.mainArea .titleBox h2 {
	display:none;
}

.mainArea .titleBox .m_bread {
	padding-top:0;
	padding-bottom:8px;
}

ul.productList li.col-5 {
	width:50%;
}

/* 商品檢索頁籤 search_tab */
.searchArea {
	padding:0;
}

/* 搜尋框 */
.searchBox.s1 {
	display:none;
}

.searchBox.s2 {
	display:block;
}

}

@media screen and (max-width: 360px) {
ul.productList li.col-5 {
	float:none;
	width:100%;
}

}