
body{
  font-family: '微軟正黑體', 'Microsoft JhengHei', sans-serif;
  color: #585656;
  font-size: 16px;
  line-height: 1.4;

}


h1{font-size:32px;}
h2{font-size:28px; padding-bottom:5px;}
h3{font-size:22px;}
h4{font-size:16px;}
h5{font-size:15px;}


a{color:#585656;}
a:hover{
color:#476ac1;	
transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
text-decoration:none;
}
p{
    color: #585656;
    letter-spacing:0.2px;
}

.bold{
    font-weight: bold;
}
.bold-100{
    font-weight: 100;
}



.pointer{
    cursor: pointer;
}
/*商品詢問表單*/

#product-form h2{
  font-size: 30px;
  font-weight: 700;
  color: #70178E;
}



#product-form h3 {
    color: #70178e;
    background-repeat: no-repeat;
    font-weight: bold;
    margin: 6px 0;
    font-size: 20px;
}

.red{
  color: red;
}

.sb-5 {
    border: none;
    display: inline-block;
    outline: 0;
    padding: 12px 46px;
    margin-bottom: 10px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background-color: #5A276B;
    text-align: center;
    transition: .2s ease-out;
    cursor: pointer;
    white-space: nowrap;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.12), 0px 1px 2px rgba(0,0,0,0.24);
    border-radius: 5px;
    width: 100%;
}

.sb-5:hover {
    background: #A03BC1;
    color: #FFF;
}
/*-------------------------- 圖片效果滑動效果 -----------------------------*/
.imgop:hover {opacity: 0.8;}

img {max-width: 100%; height:auto;}
.i-pic   {width: 100%;   } /* 圖片縮放 */
.i-pic-7 {width: 70%; }
.i-pic-73 {width: 73%; }
.i-pic-6 {width: 60%; }
.i-pic-5 {width: 50%; }
.i-pic-4 {width: 40%; }
.i-pic-3 {width: 30%; }

.pic-max   {max-width: 100%; margin-bottom:25px; box-shadow: 3px 2px 10px #000000;}
.pic   {width: 100%;}
.pic-7 {width: 70%; }
.pic-6 {width: 60%; }
.pic-5 {width: 50%; }
.pic-4 {width: 40%; }
.pic-3 {width: 30%; }





.box-shadow{
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, .05);
}



/*字型尺寸*/
.s10{font-size: 10px !important;}
.s12{font-size: 12px !important;}
.s14{font-size: 14px !important;}
.s15{font-size: 15px !important;}
.s16{font-size: 16px !important;}
.s18{font-size: 18px !important;}
.s19{font-size: 19px !important;}
.s20{font-size: 20px !important;}
.s22{font-size: 22px !important;}
.s24{font-size: 24px !important;}
.s26{font-size: 26px !important;}
.s28{font-size: 28px !important;}
.s30{font-size: 30px !important;}
.s31{font-size: 31px !important;}
.s32{font-size: 32px !important;}
.s33{font-size: 33px !important;}
.s34{font-size: 34px !important;}
.s35{font-size: 35px !important;}
.s36{font-size: 36px !important;}
.s48{font-size: 48px !important;}


/*主色系*/
.c1{color: #dc3545 !important;}  /*主色系*/
.c2{color: #7dbf8a;}
.c3{color: #fff; }
.c4{color: #e42155;}
.c5{color: #fff;}
.c6{color: #2e43ab;}
.c868e96{color: #868e96;}

.cfff{color: #fff !important;} /*白色*/
.cccc{color: #ccc !important;} /*灰色*/
.c777{color: #777 !important;} /*灰色*/



.c888{color: #888 !important;} /*灰色*/
.cgreen{color: #28a745;} /*綠色*/
.cred{color: red !important;} /*紅色*/


/*文字顏色*/
.text-white{color: white;}



/*文字粗體*/
.font-weight{font-weight:bold;}

/*主色系*/
.bc1{background:#dc3545 !important;}
.bc2{background:#e2b776;}
.bc3{background:#ccc; }
.bc4{background:#e42155;}
.bc5{background:#2e43ab;}
.bcfff{background:#fff;}
.befefef{background: #efefef !important;} /*灰色*/
.bf5f5f5{background: #f5f5f5 !important;} /*灰色*/
.order-px-100{ padding: 0 100px; }

.opacity:hover{
  opacity: 0.7;
}
.clear{
  clear: both;
}


/*圖片*/
.img-width{
    width: 100%;
}

/*置中*/
.center{
  text-align: center;
}




.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt50{ padding-top:50px;}
.pt60{ padding-top:60px;}
.pt90{ padding-top:90px;}

.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pb60{ padding-bottom:60px;}
.pb90{ padding-bottom:90px;}



.mb5 {margin-bottom:5px  !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb60{margin-bottom:60px !important;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt60{margin-top:60px;}
.mt90{margin-top:90px;}

.re-pb{
    padding: 0px;
    margin: 0px;
   
}


.del-products {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    position: relative;

    right: 0;
    display: inline-block;
}


.msg-error{
    color: #dc3545;
    font-size: 14px;
}

.error-ci{
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(../images/icon/bs4-invalid.svg);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.error{
    color:#dc3545;
    font-size: 14px;
}

/*勾選專用*/
.error-check{
    color: #dc3545;
}
.error-file{
    border-color: #dc3545;
}

.valid {
    color: #28a745;
    font-size: 14px;
}
/*------------------BS修改----------------------------------*/



.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #ccc;
    cursor: default;
    background-color: #745296;
    border-color: #745296;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #745296;
    background-color: #eee;
    border-color: #ddd;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #745296;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    border-left: 3px solid #aedabb;
}



/*驗証勾勾綠色*/
/*
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url(../images/icon/bs4-valid.svg);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}*/


/*----------------------------BS4驗証------------------------------------*/


/*文字*/       
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
    color: #3c763d;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
    color: #a94442;
}



/*一般欄位(正確)*/
.has-success .form-control {
    border-color: #28a745;
    padding-right: calc(1.5em + .75rem);
    background-image: url(../images/icon/bs4-valid.svg);          
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

/*一般欄位(錯誤)*/
.has-error .form-control {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem);
    background-image: url(../images/icon/bs4-invalid.svg);
    background-repeat: no-repeat;
    background-position: center right calc(.375em + .1875rem);
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
   

/*下拉式(正確)*/
.has-success .custom-select, .was-validated .custom-select:valid {
    border-color: #28a745;
    padding-right: calc((1em + .75rem) 3 / 4 + 1.75rem);
    background: 
    url(../images/icon/bs4-select.svg) no-repeat right .75rem center/8px 10px,
    url(../images/icon/bs4-valid.svg) #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem);
}

/*下拉式(錯誤)*/
.has-error .custom-select, .was-validated .custom-select:invalid {
    border-color: #dc3545;
    padding-right: calc((1em + .75rem) 3 / 4 + 1.75rem);
    background: 
    url(../images/icon/bs4-select.svg) no-repeat right .75rem center/8px 10px,
    url(../images/icon/bs4-invalid.svg) #fff no-repeat center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem);
}










/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ footer ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#footer{
	background: #117682;
	padding: 20px 0 10px;
	color: white;
  min-height: 116px;
  font-size: 14px;

}
#footer ul{
	
	padding: 0;


}
#footer a{
	text-decoration:none;
}

.footer-left{
	float:left;
	
}




ul.footer-left-ul li{
	display:inline-block;
	

}
ul.footer-left-ul li label{
	color:#fff;
	padding: 0 10px;
}
ul.footer-left-ul li a{
	text-decoration:none;
	color:#fff;
	font-size:16px;	
}
ul.footer-left-ul li a:hover{
	color:#fff;
}



p.footer-grid-1{
	display:inline-block;
	color:#fff;
	margin:10px 0;	
	
	}
p.footer-grid-2{
	display:inline-block;
	color:#fff;
	margin:0 0 10px;	
	
	}
p.footer-grid-3{
	display:block;
	color:#fff;
	margin:0 0 0;	
	
	}




.footer-right{
	float:right;
	padding:10px 0;
}

.footer-grid-design{
	display:block;
	text-align:center;
	color:#fff;}

.footer-grid-design a{

	color:#fff;
}



.footer-info1 li{
  display: inline-block;
  padding: 0 10px 0;
}

.footer-info2 li{
  display: inline-block;
  padding: 0 10px 0;
}

.footer-info1 a{
 color: #fff;
}
.footer-info1 a:hover{
 color: #ccc;
}
.footer-info2 a{
 color: #fff;
}
.footer-info2 a:hover{
 color: #ccc;
}



@media(max-width:1024px) and (min-width: 769px){
ul.footer-left-ul li a{ font-size: 14px; }
.footer-right{
	float:right;
	padding:0px ; 
}
.footer-right{ font-size: 12px;  }
.footer-right img{ height: 45px; width: auto; }
.footer-left{
	float:left;
	font-size: 12px;
}

}






/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】about us ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】about us ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】about us ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


.i-about {
    width: 100%;
    min-height: 300px;
    padding: 200px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

.i-about .container{
    width: 900px;
}
@media (max-width: 992px){
    .i-about {

        width: 100%;
        padding: 100px 0;
       
    }

    .i-about .container{
        width: 100%;
    }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】產品分類 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】產品分類 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】產品分類 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.i-product{
	padding:10em 0;
    background-image: url("../images/home/4.jpg") ;
	background-size: cover;
  
}
.i-product img{
	height: 54px;
	width: 54px;

}

.i-product-color{
  background:rgba(12,32, 96, 0.5);
  width: 100%; 
  height: 100%;
  z-index: 999;
 

}

.i-prolist{
 
  margin: 10px 0 0 0;
  background: #fff;
  text-align: center;
    border-radius: 5px;

}
.i-prolist a{
  display: block;
  padding: 20px;
  text-decoration: none;
  color: #495057;
  border-radius: 5px;
  font-weight: 700;
-moz-box-shadow: 0px 2px 3px #ADADAD;
-webkit-box-shadow: 0px 2px 3px #ADADAD;
box-shadow: 0px 2px 3px #ADADAD;
}
.i-prolist a:hover{
  background: #188e9c;
  color: #fff;

}

.sw1{
  padding: 20px 0 0;
}


.i-product h2{
	color:white;
	
}

@media(max-width:480px){
.i-product img{ display: none;}
.i-p-serial{ 

	 padding:0px;
	 text-align:center;
	 padding-top:30px; 

	  }  
      .i-prolist a {
 
        min-height: 84px;
    }
}




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】news ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】news ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】news ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


.news-content{padding:5em 0;}
.news-content ul{ margin-top: 30px;  }

.new-table{border: 0px; margin-top: 30px;}
.i-news .list{ width:80%;white-space:nowrap;text-overflow:ellipsis ; overflow:hidden; padding: 7px 0;}
.i-news .list a {
    color: #333333;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
}
.i-news .list a:hover {  color:#2e428e; text-decoration: underline; }

.news-date{ color: #666666; font-size: 12px;  }
.news-btn{ width: 20% ; }

.texture-content{  padding:5em 0;}

.tc-text , .tc-text1, .tc-text2, .tc-text3, .tc-text4, .tc-text5, .tc-text6, .tc-text7, .tc-text8{ z-index: 2; color: white; position: absolute; top:50%; width: 100%; padding-right:30px;  text-align: center;  white-space:nowrap;text-overflow:ellipsis ; overflow:hidden;}


.opacity-blue{background-color: #1d2445; margin-top: 20px; cursor: pointer; }

.opacity-blue a:hover  img{ opacity: 0.2; transition-duration: 1s; }

.news-arrow { position: absolute; top: 25px; font-size: 14px !important;  }

.i-news h3{
    border-left: 4px solid #28a745;
    padding: 0 0px 0 11px;
}




@media(max-width:1024px){
.news-btn{ width: 30% ; }
.i-news .list{ width:70%; font-size: 14px;}
}
@media(max-width:768px){
.news-content{padding:2em 0;}
.texture-content{  padding:2em 0;}
}
@media(max-width:480px){
.news-btn{ width: 100%; }
.i-news .list{ width:100%;padding: 0 0 5px;}
.news-arrow { position: absolute; top:64px; margin-left: 5px; }
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 內頁 banner ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 內頁 banner ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 內頁 banner ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.in-banner {
    position: relative;
    margin-top: 10px;
    text-align: center;
    height: 320px;
    background-image: url(../images/page/banner.jpg);
    background-size: cover;
    background-position: center;
}

.in-b2 {
    background-image: url(../images/page/banner.jpg);
}
.in-b3 {
    background-image: url(../images/page/banner.jpg);
}
.in-b5 {
    background-image: url(../images/page/banner.jpg);
}
.in-b6 {
    background-image: url(../images/page/banner.jpg);
}


.in-banner .in-title {
    position: absolute;    
    left: 0;
    right: 0;
    top: 320px;
    margin: 10px 0 10px;

}

.in-banner .in-title h1 {
    display: inline-block;   
    font-size: 21px;
    top: 106px;
    padding: 8px 70px;
    background: #727171;
    color: #fff;

}

@media (max-width: 768px){

.in-banner {
    height: 164px;
}
.in-banner .in-title {
    position: absolute;    
    left: 0;
    right: 0;
    top: 135px;
    margin: 10px 0 10px;

}
}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】關於我們 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】關於我們 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】關於我們 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


#about{
    margin:0px 0 30px;
    min-height:600px;  
}

#about .text{
    text-align: center;
    margin: 160px 0 20px;
}


#about .container{
    width: 900px;
}

#about .text h1{
    font-size: 36px;
    color: #495057;
}


#about .text p{
	display: inline-block;
    position: relative;
    letter-spacing: 3px;
    text-indent: -3px;

}



#about .text p::after{
    content: '';
    position: absolute;
    top: 52%;
    right: 120px;
    width: 125px;
    height: 1px;

    background: #adadad;

}

#about .text p::before {
    content: '';
    position: absolute;
    top: 52%;
    left: 120px;
    width: 125px;
    height: 1px;

    background: #adadad;
}



@media (max-width: 992px){
    #about {
        padding: 166px 0 0;
    }    
    #about .text h1 {
        font-size: 24px;
        color: #495057;
    }
    #about .container{
        width: 100%;
    }


    #about .text p::after {

        right: 110px;
        width: 50px;
     
    
    }
    #about .text{
        margin: 15px 0 20px;
    }
    #about .text p::before {
    
        left: 100px;
        width: 50px;
   
    }


}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#news-list{
    min-height: 500px;
}
#news-list .container{
    width: 800px;
}

#news-list h2{
    font-size: 18px;  
}
#news-list p{
    font-size: 12px;  
}






#news-category{
    margin: 30px 0px 30px;
}
#news-category ul {
     padding-left: 0px;
     text-align: center;
}

#news-category ul li {
    display: inline-block;
    height: 50px;
    padding: 0 0px 0;
}



.news-row {
    border: 1px solid #8fc79c;
    padding: 5px 10px 5px;
    font-size: 15px;
    margin: 0px 2px 0px;
}
.news-row:hover {
    color: #fff;
    background: #8fc79c;
}

#news-category .active {
    background-color: #8fc79c;
    color: #FFF;
}


.sb-news{
  padding: 5px 20px;
  border-radius: 4px;
  background: #ccc;
}

.sb-news:hover{
  color: #fff;
  background: #8fc79c;
}

.in-banner-news {
    padding: 180px 0 0;
    text-align: center;
}



/*  */

.breadcrumb-1{
    background: #f8f9fa;
}   




.breadcrumb-news  {
    font-size:14px;
  list-style-type: none;
  padding-left: 12px;
  padding: 140px 0 10px;
}
.breadcrumb-news ul{
    margin: 0;
    text-align: center;
   
}


.breadcrumb-news  li{
    display:inline;
 
}
.breadcrumb-news  li a{
    display:inline;
    color:#6c757d;
}
.breadcrumb-news li a:hover{
    color:#8E8E8E;
    text-decoration: underline;
}    
@media (max-width: 992px){

    .breadcrumb-news {
        padding-left: 0px;
        text-align: center;
    }

}




@media (max-width: 992px){

    #news-list .container{
        width: 100%;
    }




}






/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】熱門商品 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】熱門商品 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【Home】熱門商品 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/




.i-product-2 .card-box  {
    margin: 0 0 15px;
}

.i-product-2 .card-box .card-images {
    position: relative;
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    border-top: 1px solid #e9ecef;
    
}
  
  .i-product-2 .card-box .card-images img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  
  .i-product-2 .card-box .card-images .overlay {
    position: absolute; 
    bottom: 0; 
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 20px;
    padding: 10px;
    text-align: center;
  }
  
  
  
  
  .i-product-2 .card-box .card-images .overlay2 {
    position: absolute;
    top: 0%;
    right:0%;
      padding: 25px 21px;
      background: #9ee4ae;
      border-radius: 55px;
      color: #fff;
  }
  
  
  .i-product-2 .card-box .card-images:hover img {
    opacity: 0.3;
  }
  
  .i-product-2 .card-box .card-images:hover .overlay {
    opacity: 1;
  }
  
  .i-product-2 .card-box .card-images .overlay .text {
    color: white;
    font-size: 16px;
   
  }
  
  .i-product-2 .card-box .card-text {
    text-align: center;
    border: 1px solid #ccc;
    background: #016e85;
  }

  .i-product-2 .card-box .card-text h4 {
    font-size: 12px;
    margin:0px;
    letter-spacing: 1.6px;
    color: white;
    letter-spacing: 0px;
    font-weight: bold;
    min-height: 60px;
    padding: 15px;
}
.i-product-2 .card-box .card-text h4:hover {
 background: #3aad54;
}  

  .i-product-2 .card-box .card-text p{
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0 0 2px 0;
    color: white;
  }
  .i-product-2 .card-box .card-text a:hover{
    color: #dc3545;
  }



@media (max-width: 990px){
    .i-product-2 .card-box .card-images .overlay2 {
        position: absolute;
        top: 0%;
        right: 0%;
        padding: 19px 14px;
        background: #9ee4ae;
        border-radius: 55px;
        color: #fff;
    }
    .i-product-2 .card-box {
        margin: 0 0 30px;
    }
    .i-product-2 .card-box .card-text h3 {
        padding: 5px 0 0;
        min-height: 37px;
        font-size: 14px;
    }
}







/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】單頁管理 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】單頁管理 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】單頁管理 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#page{
    min-height: 600px;
    padding: 150px 0 0;
}
#page .box-1 h1::after {
    content: "";
    display: block;
    width: 36px;
    height: 2px;
    margin: 9px auto 0;
    background-color: #117682;
}

#page .box-1{
    text-align: center;
}

#page .box-1 h1 {
    font-size: 30px;
    color: #495057;
    font-weight: bold;
}
#page .container{
    width: 970px;
}





@media (max-width: 992px){

    #page .container{
        width: 100%;
    }

    #page .text p::after {

        right: 225px;
        width: 56px;
     
    
    }
    #page .text,#about .text{
        margin: 15px 0 20px;
    }
    #page .text p::before{
    
        left: 218px;
        width: 56px;
   
    }
    
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

    



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 詳細頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 詳細頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】最新消息 詳細頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


#news-detial .container{
    width: 700px;
}
#news-detial {
    /* margin: 130px 0; */
    padding: 130px 0 0;
    min-height: 600px;
}
#news-detial h1{
    text-align: center;
    font-size: 24px;
    padding: 0px;
}

#news-detial .date{
    font-size: 14px;
    margin:0 0 30px;
}
.sb-news-detial a {
    padding: 12px 50px;
    background: #17a2b8;
    color: #fff !important;
    cursor: pointer;
}
.sb-news-detial a:hover {
    color: #fff;
    background: #1ec6e0;
}
@media (max-width: 992px){
    #news-detial .container{
        width: 100%;
    }
  
    #news-detial h1 {
        text-align: center;
        font-size: 18px;
        padding: 30px 10px 0px;
    }
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】聯絡我們 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】聯絡我們 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】聯絡我們 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

#content{
   
    padding: 185px 0 100px;

}

#content h2{
   
    font-size: 22px;
    color: #188e9c;
}
#content h3{
   
    font-size: 18px;
    
}
#content p{
   
    font-size:14px;
    letter-spacing: 0px;
    
}
#content ul{
   
    padding: 0 0px 0 30px;
    
}
#content ul li{
   
    font-size:14px;
    letter-spacing: 0px;
    padding: 10px 0 0;
}



#content .button{
    padding: 12px 50px;
    background: #EE4F30;
    color: #fff;
    border: 0px;
    border-radius: 30px;    
}
#content .button:hover{
    color: #fff;
    background: #f96649;   
}

@media (max-width: 768px){
    .contact-right-box{
        margin: 150px 0 0 0;
    }
    #content .button {
     
        width: 100%;
    }
}







/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】產品介紹 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】產品介紹 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■【內頁】產品介紹 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */


#product {
  
    min-height: 600px;
    padding: 165px 0 50px;
}

.product-title h1{
    padding: 0 10px;
    margin: 0px;
    font-size: 26px;
    letter-spacing: 0px;
    font-weight: bold;
}

#sidebar {
    border: 1px solid #ccc;
    box-shadow: 2px 4px 10px #ccc;

	
}
#sidebar > ul{
	margin: 0px 0 0px;
	padding-left: 0;
    list-style-type: none;
    
}
#sidebar > ul > li{
	border-bottom: 1px solid #ccc;
}

#sidebar .category > a{
	padding: 8px 0 8px 20px;
	display: block;
}
.sub-category{
	margin: 0 0 10px;
}
#sidebar .sub-category li{
	margin: 0 0 10px;
	list-style-type: none;
}
#sidebar .sub-category a{
	display: block;


}
#sidebar .sub-category a:hover{
  color: #476ac1;
  text-decoration:underline;
}
#sidebar .active {
    color: #476ac1;
    font-weight: bold;
}



@media (max-width: 992px){

    #product .right{
        margin: 0px 0 0; 
    }
    .product-title h1 {
        font-size: 26px;
        text-align: center;
        padding: 0 0 50px;
    }

}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【內頁】產品介紹 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【內頁】產品介紹 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【內頁】產品介紹 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#product .card-box  {
    margin: 0 0 30px;
}

#product .card-box .card-images {
    position: relative;
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    border-top: 1px solid #e9ecef;
    
}
  
  #product .card-box .card-images img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  
  #product .card-box .card-images .overlay {
    position: absolute; 
    bottom: 0; 
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 20px;
    padding: 10px;
    text-align: center;
  }
  
  
  
  
  #product .card-box .card-images .overlay2 {
    position: absolute;
    top: 0%;
    right:0%;
      padding: 25px 21px;
      background: #9ee4ae;
      border-radius: 55px;
      color: #fff;
  }
  
  
  #product .card-box .card-images:hover img {
    opacity: 0.3;
  }
  
  #product .card-box .card-images:hover .overlay {
    opacity: 1;
  }
  
  #product .card-box .card-images .overlay .text {
    color: white;
    font-size: 16px;
   
  }
  
  #product .card-box .card-text {
    text-align: center;
    border: 1px solid #ccc;
    background: #016e85;
  }

  #product .card-box .card-text h3 {
    font-size: 13px;
    margin:0px;
    letter-spacing: 1.6px;
    color: white;
    letter-spacing: 0px;
    font-weight: bold;
    min-height: 62px;
    padding: 15px;
}
#product .card-box .card-text h3:hover {
 background: #3aad54;
}  

  #product .card-box .card-text p{
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0 0 2px 0;
    color: white;
  }
  #product .card-box .card-text a:hover{
    color: #dc3545;
  }




@media (max-width: 990px){
    #product .card-box .card-images .overlay2 {
        position: absolute;
        top: 0%;
        right: 0%;
        padding: 19px 14px;
        background: #9ee4ae;
        border-radius: 55px;
        color: #fff;
    }
    #product .card-box {
        margin: 0 0 30px;
    }
    #product .card-box .card-text h3 {
        padding: 5px 0 0;
        min-height: 37px;
        font-size: 14px;
    }
}











/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 產品頁 + 產品詳細頁(麵包屑) ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 產品頁 + 產品詳細頁(麵包屑) ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 產品頁 + 產品詳細頁(麵包屑) ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

.breadcrumb-1{
    background: #f8f9fa;
}   

.breadcrumb-product ul{
    margin: 0;
    text-align: center;
}


.breadcrumb-product  {
    font-size:14px;
    padding: 10px 0 10px;

}
.breadcrumb-product  {
  list-style-type: none;
  padding-left: 12px;
}
.breadcrumb-product  li{
    display:inline;
 
}
.breadcrumb-product  li a{
    display:inline;
    color:#6c757d;
}
.breadcrumb-product li a:hover{
    color:#8E8E8E;
    text-decoration: underline;
}    
@media (max-width: 992px){

    .breadcrumb-product {
        padding-left: 0px;
        text-align: center;
        display: none;
    }

}





/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 產品詳細頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 產品詳細頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 產品詳細頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#product-detail {
    min-height: 600px;
    margin: 0px 0 0px;
    padding: 140px 0 100px;
    /* -ms-padding: 130px 0 50px; */
    /* background: #fff5d5; */
    /* background: #28a745; */
}

#product-detail .container {
    width: 900px;
}

/* 區域 */
#product-detail .box-1{
    background: #fff;
    min-height: 400px
}


/* 區域 */
#product-detail .box-2{
    padding: 90px 0 0;
}


#product-detail h1 {
    margin: 5px 0;
    color: #188e9c;
    font-size: 20px;
    font-weight: bold;
}
.product-detail-h2 {
    font-size: 22px;
    text-align: center;
    padding: 19px 0 30px;
    color: #188e9c;
    font-weight: bold;
}
.product-detail-h2::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    margin: 18px auto 0;
    background-color: #98a1a2;
}

/* 產品價錢 */
#product-detail .price{
    font-size: 24px;
    color: #79b38a;
}

#product-detail .title2{
    color: #777;
}

.addtocart-line a{
    background: #00b900;
    padding: 8px 0px;
    color: #fff;
    width: 60%;
    display: block;
    text-align: center;
    margin: 15px 0 0 0;
}
.addtocart-line a:hover{
    background: #0a9e0a;

}


.addtocart a {
    background: #1d2445;
    padding: 8px 8px;
    color: #fff;
    width: 55%;
    display: block;
    text-align: center;
    margin: 15px 0 0 0;
    border-radius: 5px;
}
.addtocart a:hover{
    background: #4858a8;

}


.box-1-2{
    padding: 60px 0 0 90px;
}

.box-1-2 .features{
    text-align: center;
    background: #CE2696;
    padding: 3px 7px;
    color: #fff;
    width: 50px;
    border-radius: 4px;
    margin: 0;
    font-size: 12px;
}


#product-detail .box-1-2 h1{
  margin: 0 0 20px;
}
#product-detail .box-1-2 p{
    margin: 0 0 0px;
}
#product-detail .box-1-2 blockquote p{
    margin: 0 0 0px;
    letter-spacing: 0px;
}
#product-detail .box-1-2 blockquote span{
    font-size: 12px;
}  

#product-detail .box-1-2 blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    border-left: 3px solid #adadad;
}

@media (max-width: 992px){
    #product-detail .container {
        width: 100%;
    }

    #product-detail .box-1 .images{
        padding: 0 0 90px;
    }
    


    .box-1-2 {
        padding: 30px 30px 0px;
    }

    .addtocart a {
        width:100%;
        border-radius: 30px;
    }
    #product-detail h1 {
       
        font-size: 26px;
   
    }
}



















/* ■■ 最外層(產品縮圖區) ■■ */
.demo-box {
    height: 250px; /* 1.關鍵點 */
    margin: 0 0 50px;
}
  


/* ■■ 大圖 ■■ */
.gallery-top {
    height: 400px;  /* 2.關鍵點 */
    width: 100%;
    /* border: 1px solid #dee2e6; */
}

.gallery-top .swiper-slide {
overflow: hidden;  
}


/* ■■ 縮圖 ■■ */
.gallery-thumbs {
        height: 30%;
        box-sizing: border-box;
    padding: 10px 0;
    /* border: 1px solid #495057; */
}
.gallery-thumbs .swiper-slide {
        width: 20%;
        height: 100%;
        opacity: 0.4;
}
/* .gallery-thumbs .swiper-slide-active {
        opacity: 1;
} */
.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.gallery-thumbs .swiper-slide img{
    cursor: pointer; 
}

/* .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/icon/1/left.svg);
    left: 10px;
    right: auto;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/icon/1/right.svg);
    right: 10px;
    left: auto;
} */

.swiper-button-prev, .swiper-button-next {

    color: #adadad !important;
}




@media (max-width: 991px) {

    .gallery-thumbs {
        height: 17%;

    }

    /* ■■ 最外層 ■■ */
    .demo-box {
        height: 420px; /* 1.關鍵點 */
        margin: 0 0 0px;
      
    }
    


    /* ■■ 大圖 ■■ */
    .gallery-top {
        height: 300px;  /* 2.關鍵點 */
    }

    /* ■■ 小圖 ■■ */
    .gallery-thumbs {
        margin: 15px 0 0;
    }
}



/* 首頁-產品區 */


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【內頁】產品詳細頁(相關產品) ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【內頁】產品詳細頁(相關產品) ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 【內頁】產品詳細頁(相關產品) ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.product-detail-related-box{
    margin: 0 0 90px;
}

.product-detail-related-box h2 {
    border-left: 4px solid #28a745;
    padding: 0 0px 0 11px;
    font-size: 20px;
    margin: 0 0 15px;
}

.product-detail-related .card-box  {
    margin: 0 0 30px;
}

.product-detail-related .card-box .card-images {
    position: relative;
    border-left: 1px solid #e9ecef;
    border-right: 1px solid #e9ecef;
    border-top: 1px solid #e9ecef;
    
}
  
  .product-detail-related .card-box .card-images img {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
  }
  
  
  .product-detail-related .card-box .card-images .overlay {
    position: absolute; 
    bottom: 0; 
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5); /* Black see-through */
    color: #f1f1f1; 
    width: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 20px;
    padding: 10px;
    text-align: center;
  }
  
  
  
  
  .product-detail-related .card-box .card-images .overlay2 {
    position: absolute;
    top: 0%;
    right:0%;
      padding: 25px 21px;
      background: #9ee4ae;
      border-radius: 55px;
      color: #fff;
  }
  
  
  .product-detail-related .card-box .card-images:hover img {
    opacity: 0.3;
  }
  
  .product-detail-related .card-box .card-images:hover .overlay {
    opacity: 1;
  }
  
  .product-detail-related .card-box .card-images .overlay .text {
    color: white;
    font-size: 16px;
   
  }
  
  .product-detail-related .card-box .card-text {
    text-align: center;
    border: 1px solid #ccc;
    background: #016e85;
  }

  .product-detail-related .card-box .card-text h3 {
    font-size: 13px;
    margin:0px;
    letter-spacing: 1.6px;
    color: white;
    letter-spacing: 0px;
    font-weight: bold;
    min-height: 62px;
    padding: 15px;
}
.product-detail-related .card-box .card-text h3:hover {
 background: #3aad54;
}  

  .product-detail-related .card-box .card-text p{
    font-size: 14px;
    letter-spacing: 0px;
    margin: 0 0 2px 0;
    color: white;
  }
  .product-detail-related .card-box .card-text a:hover{
    color: #dc3545;
  }




@media (max-width: 990px){
    .product-detail-related .card-box .card-images .overlay2 {
        position: absolute;
        top: 0%;
        right: 0%;
        padding: 19px 14px;
        background: #9ee4ae;
        border-radius: 55px;
        color: #fff;
    }
    .product-detail-related .card-box {
        margin: 0 0 30px;
    }
    .product-detail-related .card-box .card-text h3 {
        padding: 5px 0 0;
        min-height: 37px;
        font-size: 14px;
    }
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 搜尋頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 搜尋頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ 搜尋頁 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#search{
    min-height: 600px;
}
#search .box-1{
    padding: 150px 0 0;
    text-align: center;
    margin: 0 0 60px;
}

#search .container{
    width: 500px;
}
#search .box-2 .search-text {
 
    border-bottom: 1px solid #ccc;
}
#search .box-2 .search-text a{
    font-size: 18px;
    padding: 10px 0;
    display: block;
}
@media (max-width: 992px){


    #search .container{
        width: 100%;
    }
    #search .box-1 {

        margin: 0 0 15px;
    }
    #search .box-2 .search-text {
 
        margin: 0 30px;
    }
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ LINE線上客服 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ LINE線上客服 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ LINE線上客服 ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/


#fixedTop {
    padding: 25px 25px;
    right: 30px;
    bottom: 30px;
    color: #fff;
    text-align: center;
    display: none;
    background: #000;
    position: fixed;
    z-index: 99;
    background: url(../images/icon/line.png) no-repeat;
}