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

/* 輪播廣告區塊 */
.bannerArea {
	position:relative;
}
@media (max-width: 767px) {
.bannerArea {
	background:none;
	min-height:auto;
	/*margin-top:82px;*/
}
}
 /* 下方控制圓鈕 (改為長條型) */
.carousel-indicators li {
	background-color:#FFF;
	width:30px;
	height:3px;
	border:none;
	border-radius:0;
	margin:0 3px;
	opacity:.5;
}
.carousel-indicators .active {
	width:30px;
	height:3px;
	margin: 0px 3px;
	opacity:1;
}
 /* 切換變成淡入淡出 */
.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;
}

/* 首頁焦點區塊 */
.focusArea {
	margin-top:60px;
}
.focusArea .news-list-box {
	margin-bottom:20px;
}
.focusArea .media-left {
	width:50%;
	padding-right:0;
	position:relative;
}
.focusArea .media-left::after {
	content:"\f0d9"; /* fa-caret-left */
	font-family:'FontAwesome';
	font-size:80px;
	color:#FFF;
	line-height:0;
	position:absolute;
	top:40%;
	right:0;
	margin-right:-5px;
}
.focusArea .media-body {
	width:50%;
	text-align:center;
	padding:10px 0 10px 15px;
	vertical-align:middle;
}
.focusArea .media-heading {
	font-size:18px;
	margin-bottom:15px;
}
.focusArea .textEditor {
	margin-bottom:15px;
}
@media (max-width: 480px) {
.focusArea .media-left {
	display:block;
	width:100%;
}
.focusArea .media-left::after {
	display:none;
}
.focusArea .media-body {
	display:block;
	width:100%;
	padding:15px;
	margin-top:15px;
}
}

/* 推薦商品 */
.featureArea {
	padding:60px 0 80px;
}
.featureArea h2 {
	display:inline-block;
	color:#CCC;
	font-family:'Noto Sans TC', sans-serif;
	font-weight:400;
	letter-spacing:2px;
	padding:0 20px;
	margin-bottom:40px;
	position:relative;
}
.featureArea h2::before,
.featureArea h2::after {
	content:"";
	display:inline-block;
	border-top:1px solid #777;
	width:50px;
	height:1px;
	position:absolute;
	top:18px;
}
.featureArea h2::before {
	left:-80px;
}
.featureArea h2::after {
	right:-80px;
}
.featureArea h2 small {
	display:none;
	color:#DA251C;
	font-style:italic;
}
@media (max-width: 767px) {
.featureArea {
	padding:40px 0 60px;
}
}
@media (max-width: 480px) {
.featureArea {
	padding:20px 0 40px;
}
.featureArea .col-xs-6 {
	width:100%;
}
}
/*.featureArea .thumbnail .caption h3 {
	line-height:1.42857;
	margin-top:0;
}*/

/* 關於我們 */
.aboutArea {
	background:url(../images/about-area-bg.jpg) no-repeat fixed center center;
	background-size:cover;
	/*background-color:#000;*/
	color:#FFF;
	padding:80px 0;
	position:relative;
	overflow:hidden;
}
.aboutArea .imgOverlay {
	background:rgba(0,0,0,0.36);
	/*background:url(../images/about-area-bg.jpg) no-repeat fixed center center;
	background-size:cover;
	opacity:0.8;*/
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.aboutArea h2 small {
	display:none;
	color:#DA251C;
	font-style:italic;
}
.aboutBox {
	padding-right:50px;
}
.aboutBox h2 {
	font-family:'Noto Sans TC', sans-serif;
	font-weight:400;
	letter-spacing:2px;
}
.aboutBox .Txt {
	font-size:16px;
	line-height:1.8;
	padding-top:20px;
	margin-bottom:10px;
}
.newsBox {
	padding-left:50px;
	border-left:1px dashed #9B9B9B;
}
.newsBox h2 {
	font-family:'Noto Sans TC', sans-serif;
	font-weight:400;
	letter-spacing:2px;
}
@media (max-width: 767px) {
.aboutBox {
	padding-right:15px;
}
.newsBox {
	padding-left:15px;
	border-left:none;
	margin-top:20px;
}
}

 /* 活動快訊 */
ul.newsList {
	padding-top:10px;
}
ul.newsList li {
	/*color:#FFF;*/
	font-size:15px;
	border-bottom:1px dashed #9B9B9B;
}
ul.newsList li:hover {
	opacity:0.7;
}
ul.newsList li a {
	display:block;
	color:#FFF;
	padding:10px;
	overflow:hidden;
	text-overflow:ellipsis;  /* 讓過長溢出的字省略變成 ... */
	white-space:nowrap;
}
ul.newsList li b {
	/*color:#777;*/
	font-weight:300;
}
ul.newsList li svg {
	color:#DDD;
	margin:0 10px;
}