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


/* Intro Section */
#intro {
	padding:0px;
	margin:0px;
	padding-top:60px;
}
/*    @media (max-width: 991.98px) {
		#intro {
		padding-top:50px;
		}
	}*/
/* Blocks */
.site-blocks-cover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-position: center bottom;
  }
  .site-blocks-cover.overlay {
    position: relative; }
    .site-blocks-cover.overlay:before {
      position: absolute;
      position:relative;
      content: "";
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      /*background: rgba(0, 0, 0, 0.2);*/
	  background: rgba(0, 0, 0, 0);}
/*  .site-blocks-cover .player {
    position: absolute;
    bottom: -250px;
    width: 100%; }*/
 .site-blocks-cover, .site-blocks-cover > .container > .row {
	min-height:800px;
    height: calc(40vh); }
   .site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover > .container > .row {
	min-height: 400px;
    height: calc(50vh); }
  .site-blocks-cover h1 {
    font-size: 3rem;
    font-weight: 400;
    color: #fff;
    font-weight: 100;
	margin-top:0px;
	}
    @media (max-width: 991.98px) {
	 .site-blocks-cover, .site-blocks-cover > .container > .row {
	min-height:200px;
    height: calc(20vh); }
  .site-blocks-cover.inner-page-cover, .site-blocks-cover.inner-page-cover > .container > .row {
	min-height: 100px;
    height: calc(25vh); }
	.site-blocks-cover h1 {
     font-size: 2rem;} 
	 }
  .site-blocks-cover p {
    color: white;
/*	color:#333;*/
    font-size: 1rem;
    line-height: 1.5;
    font-weight: 300; }
  .site-blocks-cover .intro-text {
    font-size: 16px;
    line-height: 1.5; }
  @media (max-width: 991.98px) {
    .site-blocks-cover .display-1 {
      font-size: 3rem; } }
	  
/* Blocks end */

/* container 寬度調整 */	  
.container {
    max-width:98%;
/*	padding-bottom:30px;*/
}
 @media (max-width:768px){/*max-，表示這個數字以下（包含）的都適用。*/
.container {
    max-width:98%;
	padding:0px;
	padding-bottom:15px;
}

 }
 
/*@media (min-width: 1200px){
.container {
    max-width:97%;
}
}*/
/* container 寬度調整end */	 

/* Clients Section (專案主題區塊)
--------------------------------*/

#clients, #clients2, #clients3, #clients0 {
  padding: 60px 0;
  box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
  padding-top:20px;
}

  @media (max-width: 991.98px) {
	#clients, #clients2 #clients3, #clients0 {
	  padding: 20px 0 40px 0;
	}
	  }

.containertitle{
	padding:10px; font-size:20px; font-weight:bold; text-align:center; color:#fff;
}
  @media (max-width: 991.98px) {
.containertitle{
	padding:0px 10px; font-size:18px;
}
	  }

#clients .clients-wrap, #clients2 .clients-wrap, #clients3 .clients-wrap, #clients0 .clients-wrap{
  border: 0px solid #fff;
  margin-bottom: 30px;
  text-align:center;
  /*background-color:#fff;*/
}
 #clients2 .clients-wrap {
/*  border: 10px solid #ffe503;*/
 }
#clients .section-header h3, #clients2 .section-header h3, #clients3 .section-header h3, #clients0 .section-header h3 {
	color:#fff;
	font-size:50px;
}
#clients .section-header h3 p, #clients2 .section-header h3 p, #clients3 .section-header h3 p, #clients0 .section-header h3 p {
	display:block;
	font-size:25px;
	text-align:center;
}
  @media (max-width:768px){/*max-，表示這個數字以下（包含）的都適用。*/
#clients .section-header h3, #clients2 .section-header h3, #clients3 .section-header h3, #clients0 .section-header h3 {
	font-size:30px;
} 
#clients .section-header h3 p, #clients2 .section-header h3 p, #clients3 .section-header h3 p, #clients0 .section-header h3 p {
	font-size:18px;
	margin:0px;
	padding:0px;
} 
  }

.textinner{/* 專案區塊 */
	position:relative;
	}
.textinner .point1{/* 紅利標籤 */
	z-index:2;
	position:absolute;
	left:0px;
	top:15px;
	background-color:#ff0000;
	color:#FF0; color:#fff;
	font-size:13px;
	font-weight:bold;
	padding:2px 8px 3px;
	border-bottom:#333 solid 1px;
	}
.textinner .point1b{ /* 紅利標籤折角 */
	z-index:1;
	position:absolute;
	left:0px;
	top:38px;

    border-color: #333 #333 transparent transparent;
    border-style: solid solid solid solid;
 
    /* 設定邊框（上、下；左、右）大小相同的數值，可拼湊出任意形狀的三角形 */
    border-width: 5px 5px;
 
    /* 設定 width、height 可更好理解原理 */
    height: 0px; 
    width: 0px; 

}
.bgw{
	padding-bottom:15px;
}
.textinner img {
	transition: all 0.4s ease-in-out;
	display:block;
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border:#cccccc solid 0px;
}
.textinner{
	text-align:left;
	padding:5px;
	margin:10px;
	display:block;
}
  @media (max-width:768px){/*max-，表示這個數字以下（包含）的都適用*/
.textinner{
	text-align:left;
	padding:5px;
	margin:2px;
	display:block;
}
  }

.textinner .vp{/*特定活動時間*/
	display:block;
	text-align:left;
	padding:1%;
	font-weight:normal;
	font-size:1.0em;
	line-height:150%;
	background-color:#ff952e;
	color:#ffffff;
}
#clients0 .textinner .vp {
	background-color:#e67684;
}
#clients2 .textinner .vp {
	background-color:#d82c10;
}
.moregroupbuy {/*大量團購link區塊*/
background-color:#666;
 color:#FFF; 
 border-radius:5px;
 padding:10px;
 margin:10px;
 text-align:center;
}

  @media (max-width: 991.98px) {/*max-，表示這個數字以下（包含）的都適用*/
.textinner .vp{/*特定活動時間*/
	font-size:11px;
	line-height:130%;
}
  }
.textinner h4{ /*品牌*/
	font-weight:bold;
	font-size:1em;
	margin:0px;
	padding:5px; padding:0px;
	display:block;
	line-height:150%;
/*	color:#390;*/
}
#clients0 .textinner h4{ 
color:#e67684;
}
#clients .textinner h4{ 
color:#f38f02;
}
#clients2 .textinner h4{ 
color:#d82c10;
}

.textinner h4 span{ /*簡介*/
	font-weight:normal;
	/*  font-size:0.87em; */
	color:#268a8f;
	color:#333;
	display:block;
}
  @media (max-width: 991.98px) {/*max-，表示這個數字以下（包含）的都適用*/
.textinner h4{ /*品牌*/
font-size:0.9em;
}
.textinner h4 span{ /*簡介*/
font-size:13px;
}
  }

.textinner .s{
    text-decoration: line-through;
	color:#777777;
	margin-right:0.5em;
	margin-left:5px;
}
.textinner .soldout { /* 已售完 */
	border-radius:5px;
	padding:1px 15px;
	background-color:#777777;
	color:#ffffff;
	margin-left:0.5em;
}
.textinner .specialcall { /* 來電洽詢 */
	border-radius:5px;
	padding:1px 15px;
	background-color:#F60;
	color:#ffffff;
}

.textinner strong{ /* 團購價橘字 */
	color:#F30;
}
.textinner .specsale{/* 團購價價格 */
	font-size:1.7em;
	font-weight:bold;
	line-height:100%;
}
.textinner .freight{/*免運門檻*/
	display:block;
	font-size:0.9em;
	line-height:1.2em;
}

.jsgo{/*搶購*/
display:block;
background-color:#000;
color:#fff;
border-radius:5px;
padding:5px 5px;
text-align:center;
font-size:20px;
margin:5px 0px;
}

a .textinner {
	color:#333333;
}
a .textinner img{
		border:#fff solid 0px;
}
a:hover .textinner h4{
/*	color:#F00;
	font-weight:bold;
	font-size:18px;*/
}

a:hover .textinner img{
}
.moregroupbuy a{/*大量團購link*/
	color:#fff;
}

.col_notice{/*小區活動說明區塊*/
	background:#23839b;
	padding:15px;
	text-align:left; 
	color:#fff; 
}
  @media (max-width: 991.98px) {
.col_notice{/*小區活動說明區塊*/
/*	background:#5d01c6; 
	padding:15px; 
	text-align:left; 
	color:#fff; */
	font-size:13px;
}
  }

/* 滑動設定 */  
.flex_container {
    border:solid 0px rgb(216, 30, 30);
   /* height:950px;*/
    /*margin:2%;*/
	/* 排列不因高度餔一樣而亂跑*/
	display:flex;/*內元件區塊並排*/
	flex-wrap:wrap;/*內元件區塊換行*/
	/* 排列不因高度餔一樣而亂跑 emd */
} 
.textinner{
	background-color:#ffffff;
	border-radius:5px;
}
a:hover .textinner{
transform: translate(0px,-15px);/*上移10px*/
box-shadow: 0px 7px 12px rgba(0, 0, 0, 0.5);/*陰影*/
/*color:#e36e0e;*/
} 
a:hover .textinner h4{
	/*color:#e36e0e;*/
}
/* 滑動設定emd  */   
  
/* Services Section 活動說明
--------------------------------*/

#services {
  padding: 60px 0 40px 0;
  box-shadow: inset 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}
  @media (max-width: 991.98px) {
	#services {
	  padding: 40px 0 20px 0;
	}
	  }

#services .box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin: 0 10px 40px 10px;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  font-size:20px;
}
  @media (max-width: 991.98px) {
#services .box {
	font-size:13px;
	}
	  }

#services a{
	text-decoration:underline;
}

#services .box:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

#services .icon {
  position: absolute;
  left: -10px;
  top: calc(50% - 32px);
}

#services .icon i {
  font-size: 64px;
  line-height: 1;
  transition: 0.5s;
}

#services .title {
  margin-left: 40px;
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

#services .title a {
  color: #111;
}

#services .box:hover .title a {
  color: #85c20e;
}

#services .description {
  font-size: 14px;
  margin-left: 40px;
  line-height: 24px;
  margin-bottom: 0;
}