@charset "utf-8";
@import url('css2?family=Lato:wght@400;700&display=swap');

/* index-廣告輪播 */
.carousel { height: 100%;}
.carousel-inner, .carousel-item {background-color:black;height: 70%; min-height: 400px;background-size: cover;}
.carousel-item {background-size: cover; padding-top:50%; background-position: center; }
.carousel-caption {font-family:'Lato', sans-serif; position: relative; transform: translateY(-55%);
                   bottom: 0;
                   top: 55%;
                    margin: auto;
} 

.carousel-caption h1{font-size:7vmin ;
                     font-weight: 700;
                      letter-spacing: .3vmin;
                      text-shadow:.2vmin .2vmin .2vmin black;
                      line-height:4vmin;
                      padding-bottom: 2vmin;}

.carousel-caption h2{font-size:4vmin;
                      letter-spacing: .3vmin;
                      text-shadow: .1vmin .1vmin 1vmin black;
                      line-height:4vmin;
                      }                                       

.carousel-caption h3{font-size:3vmin;
                      letter-spacing: .3vmin;
                      text-shadow: .1vmin .1vmin 1vmin black;
                      line-height:4vmin;
                      padding-bottom: 1vmin;}


/* index 廣告輪播下廣告牆 */
.col-xs-12,.col-md-6{
    background-position: center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:20%;
    min-height: 300px;}

.ad-two,.ad-three{position:absolute;
        bottom:12vmin;
        left:7vmin;}
      
.ad-two h1{font-family:'Lato', sans-serif;
           font-size:7vmin ; 
    text-shadow:.3vmin .3vmin .4vmin black;}
.col-xs-12,.col-md-3{background-position: center;
          background-repeat: no-repeat;
          background-size: cover;
          position: relative;
          padding-top:20%;
          min-height: 200px;}
.ad-four{position:absolute;
         bottom:7.2vmin;
        left:7vmin;        
        line-height:1vmin;        
        font-color:black;}

.ad-four h2{font-size:5.5vmin;
            font-weight: bold;
            }


.ad-three h1{font-family:'Lato', sans-serif;
           font-size:7vmin ; 
           text-shadow:.3vmin .3vmin .4vmin black;
           font-weight: bold;}
               
.ad-three   h2{font-size:5.5vmin;
            font-weight: bold;
            }            
.aboutbar h4,.newsbar h4{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    padding-top: 1.5vmin;
   color:rgb(0,64,152);
    letter-spacing:.5vmin;/* 字距 */
}         
/* about us page */
#content p{clear:both;    /* 移除浮動 */
           width:100%;
           margin:0 auto;
           padding:0  18px; /* 左右間距留 */
           text-align:justify;/* 文字強制左右對齊 */
           padding-bottom: 3vmin;              
}
.newbg{
padding-top:100px;
 padding-bottom: 100px;
  background-color:#7FFFD4;
    /* Full height */
 height: 100%;  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* all product serch page */
#pad{
    background-repeat:no-repeat;
    background-size: cover;
    background-position:center;
    position:relative;}