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

/* 輪播廣告區塊 */
.bannerArea {
	position:relative;
}
@media (max-width: 480px) {
.bannerArea .item {
	background-image:none !important;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:cover;
	/*min-height:225px;*/
}
.bannerArea .item:nth-of-type(even) {
	/*background-position:left bottom;*/
}
.bannerArea .item > img {
	/*display:none;*/
}
}

 /* 下方控制圓鈕 */
.carousel-indicators li {
	margin: 1px 5px;
}
.carousel-indicators .active {
	margin: 0px 3px;
}
 /* 切換變成淡入淡出 */
.carousel-fade .carousel-inner .item {
	transition-property: opacity;
}
.carousel-fade .carousel-inner .item,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
   opacity: 0;
}
.carousel-fade .carousel-inner .active,  
.carousel-fade .carousel-inner .next.left,  
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;	
}
.carousel-fade .carousel-inner .next,  
.carousel-fade .carousel-inner .prev,  
.carousel-fade .carousel-inner .active.left,  
.carousel-fade .carousel-inner .active.right {
    left: 0;
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
 /*去除左右按鈕的陰影*/
.carousel-control{
  background-image:none !important;
  filter:none !important;
}
 /*滑入顯示控制鈕*/
.carousel .carousel-control {
  opacity: 0;
  /* Firefox */
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.2s;
  -moz-transition-delay: 0.2s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s;
  /* Opera */
  -o-transition-property: opacity;
  -o-transition-duration: 0.2s;
  -o-transition-delay: 0.2s;
 
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-delay: 0.2s;
}
.carousel:hover .carousel-control {
 opacity: 1.0;
}

/* 推薦商品 */
.featureArea {
	background:url(../images/bg_main.gif);
	padding:100px 0 50px;
}
@media (max-width: 767px) {
.featureArea {
	padding:60px 0 0;
}
}
.featureArea img {
	border:1px solid #EEE;
}
.featureArea h3 {
	color:#0071BD;
}
.featureArea .caption p {
	height:4.3em; /* 1.42857x3=4.28571 三行字 */
}
@media (max-width: 480px) {
.featureArea .featureList .col-xs-6 {
	width:100%;
}
}

/* 活動快訊 */
.newsArea {
	padding:80px 0 100px;
}
@media (max-width: 767px) {
.newsArea {
	padding-top:50px;
	padding-bottom:60px;
}
}
.newsArea .newsList {
	/*margin-top:40px;*/
	/*margin-bottom:20px;*/
}
@media (max-width: 480px) {
.newsArea .newsList .col-xs-6 {
	width:100%;
}
}
.newsArea .newsDate {
	color:#777;
	text-transform:uppercase;
}
.newsArea .newsDate i {
	color:#CCC;
	font-size:14px;
	margin-right:5px;
}
.newsArea a.news-more {
	display:inline-block;
	color:#D55;
	border:1px solid #D55;
	border-radius:0;
	letter-spacing:2px;
	line-height:42px;
	padding:0 36px;
}
.newsArea a.news-more:hover,
.newsArea a.news-more:focus,
.newsArea a.news-more:active {
	background:#D55;
	color:#FFF;
}

/* 關於我們 */
.aboutArea {
	background:url(../images/aboutArea-bg.jpg) no-repeat fixed center 0;
	background-size:cover;
	padding:80px 0;
	position:relative;
	overflow:hidden;
}
.aboutArea .imgOverlay {
	background:rgba(0,0,0,0.2);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.aboutArea .aboutBox {
	color:#FFF;
	text-align:center;
}
.aboutArea .aboutBox p.Txt {
	font-size:16px;
	line-height:1.8;
}
.aboutArea a.about-more {
	display:inline-block;
	color:#CCC;
	border:1px solid #CCC;
	border-radius:0;
	letter-spacing:2px;
	padding:6px 36px;
}
.aboutArea a.about-more:hover,
.aboutArea a.about-more:focus,
.aboutArea a.about-more:active {
	background:rgba(255,255,255,0.1);
	color:#FFF;
}