@charset "utf-8";
/* ============================================================
 * 檔案:index.css
 * 用途:首頁(index.php)專屬樣式
 * ------------------------------------------------------------
 * 【常見小修改速查】
 *   字體大小  → 搜尋  font-size      (例 font-size: 16px;)
 *   字型      → 搜尋  font-family    (全站預設字型設定在 public.css)
 *   文字顏色  → 搜尋  color
 *   背景顏色  → 搜尋  background  或  background-color
 *   外距(元素之間) → 搜尋  margin
 *   內距(框內留白) → 搜尋  padding
 *   粗體      → font-weight: bold;   置中 → text-align: center;
 * ============================================================ */


/* Banner Start*/
.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }
.carousel-indicators {
    width: 30px;
  position: absolute;
  right: 100px;
  bottom: 170px;
  left:auto ;
  z-index: 15;
  display:inherit;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 0%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 15px;
  height: 15px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  border-radius: 15px;
  border:2px solid #FFF;
  background-color: rgba(255, 255, 255, 0);
    margin-bottom: 20px;
}    
#banner1{background-image:url(/images/index/banner1.jpg);}    


/* Banner End*/


/* About Start */
#about{
    width: 100%;    
    padding-bottom: 100px;
}
#about:after{
    content:".";
   height:0;
   visibility:hidden;
   display:block;
   clear:both;
}
#about_form{   
    padding-top: 216px;
    box-sizing: border-box;       
}
#left_about{

}
#left_about img{
    width:100%;
   
}
#right_about{	

    box-sizing: border-box;		
    font-size: 14px;
    line-height: 30px;

}
#right_about h1{ 
    font-size: 16px;
    color: #848484;
    font-weight: 400;
}
#about_txt{
    width:400px;
    color:#1F6145;
    font-size: 28px;
    font-weight: bold;
    margin-top: 26px;
    margin-bottom: 46px;
    line-height: 40px;

}
#about_content{
    width:400px;
    letter-spacing: 1px;
    font-size: 16px;
    margin-bottom: 80px;
    line-height: 28px;
}
#about,#fruit_master{
    background: transparent;
}

#btn_more:hover{
    text-decoration: none;
}
/* About End */
/* Persistent Start*/
#persistent_bg_top{
    width: 100%;
    height: 60px;
    background: url(/images/index/persistent_top.png) center;
    margin-top: -30px;        
}
#persistent_bg_down{
    width: 100%;
    height: 69px;
    background: url(/images/index/persistent_down.png) center;         
}
#persistent{
    width: 100%;
    min-height: 750px;
    padding-top: 130px;
    background-color: #FCDEBA;
    background-image: url(/images/index/persistent_bg.png);
    background-position: center;
    background-repeat: no-repeat;       
}

#perstxt1{
    font-family: 'Libre Baskerville', serif;
    font-size:38px;
    font-weight:normal;        
}
#perstxt2{
    font-family:"新細明體";
    margin-top: 10px;
    margin-bottom: 30px;
    font-size:25px;  
    font-weight: bold;


}
#perstxt3{      
    font-size:15px;
    line-height: 25px;
    color:#555;
    letter-spacing: 3px;
 
}

#pers_02{
    width: 233px;       
}

#pers_03{
    width: 200px;
}
#pers_04{
    width: 228px;
}
#pers_02 img{
    width:100%;
    margin-bottom: 15px;
}
#pers_03 img{
    width:100%;
    margin-bottom: 28px;

}
#pers_04 img{
    width:100%;
    margin-bottom: 16px;   
}
.pers{
     margin-left: 30px;
    text-align: center;
    float: left;
}
.btn_per_more{
    width:180px;
    height: 30px;
    line-height: 25px;
    display: block;
    border: 1px solid #666;
    border-radius: 15px;
    text-align: center;
    color:#666;

}
/* Persistent END*/
/* JAM ROAD START */
#jam_road{
    height: 900px;
    padding-top: 50px;
    overflow: hidden; 
}
#jam_road_title{
    width:440px;
    height: 240px;
    position: relative;
    margin: 0 auto;
    text-align: center;    
}
#jam_road_txt1{
    width: 100%;
    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 46px;
}
#jam_road_txt2{
    width:100%;
    font-family:"新細明體";
    font-size: 28px;
    font-weight: bolder;
    letter-spacing: 2px;
}
#jam_road_txt3{
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 2px;
    font-weight: 100;
    margin-top: 20px;
}
#jam_road_list{
    width:100%;
    height: 400px;
    }

#jam_road_list div{

    text-align: center;
}
#jam_road_list div span{
    width:100%;
    height: 25px;
    display: block;
    text-align: center;      
    margin-top: 10px;
}
#jam_road_list div img{
    width: 100%;
    padding: 28px;
    transition: all .3s ease;
}
#jam_road_list_line{
    width: calc(100% - 150px);
    height: 170px;
    border-bottom: 1px solid #666;
    position: absolute;

}

#jam_road_list  div img{
    /*
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    */
}
.slick-center img{
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);         
    /*
    -webkit-filter: grayscale(0%) !important;
    -moz-filter: grayscale(0%) !important;
    -ms-filter: grayscale(0%) !important;
    -o-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
    filter:none !important;
*/
}



#btn_jam_road{  

}

/* JAM ROAD END*/

/* Real Fruit Use START*/
#real_fruit_use{ 
    height: 800px;
    background:#F5F2EA;
    margin-top: 100px;
    padding-top: 120px;
}
#real_fruit_use_title{
    width:430px;
    height: 200px;
    margin: 0 auto;
    text-align: center;

}
#real_fruit_text1{
    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 42px;
    color: #1F6145;
}
#real_fruit_text2{
    font-family:"細明體_HKSCS";
    font-size: 27px;
    letter-spacing: 2px;

}
#real_fruit_text3{
    margin-top: 40px;
    letter-spacing: 2px;
    font-size: 15px;
    color: #555555;
}
#real_fruit_left{

    height: 300px;
    background : url(/images/index/realfruit_img1.png) no-repeat right;
}
#real_fruit_right{
    height: 300px;

}
#real_fruit_txt{
    width:228px;
    height: 225px;
    margin-top: 42px;
    box-sizing: border-box;
    padding-left: 60px;
    padding-top: 16px;
    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 87px;
    color:#1F6145;
    background: url(/images/index/real-fruit_right.png)no-repeat;
}

#btn_real_fruit{
    margin-top: 50px;
}
/* Real Fruit Use END*/
/* FRUIT MASTER START*/
#fruit_master{
    height: 700px;
    padding-top: 50px;
}
#left_fruit_master{
    margin-top: 100px;

}
#right_fruit_master{
    width:430px;
    height: 350px;
    margin-top: 200px;
    box-sizing: border-box;	

}
#fruit_master_txt1{
    font-family:"細明體-ExtB";
    font-size:31px;
    color:#231815;
    font-weight: bold;
}
#fruit_master_txt2{
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size:27px;
    color:#1F6145;
}
#fruit_master_txt3{
 
    font-size :15px;
    color:#555555;
    margin-top: 40px;
    line-height: 30px;
    letter-spacing: 2px;
    
}
#fruit_master_list_img{

    height:auto;
    overflow: hidden;
}
#fruit_master_list_img:after{
    clear : left;
    content : '.';
    display : block;
    height : 0;
    overflow : hidden;
}

.fruit_master_list{
    width: 350px;
    height: 233px;
    float: left;
    border: none;   
}
.fruit_master_list img{
    width: 350px;
    border: none;
}
.fruit_master_info{
    width:350px;
    height: 233px;
    position:absolute;
    z-index: 1000;
    background: rgba(0,0,0,0.5) url(/images/index/fruit_master_img_icon.png) no-repeat center center;
    color:#ffffff;
    text-align: center;

    font-weight: bold;
    display: none;

}
.fruit_master_info_title{
    width:100%;        
    font-size: 28px;
    margin-top: 50px;
    margin-bottom: 60px;
}  

#btn_fruit_master_more{
    width: 180px;
    height: 35px;  
    line-height: 30px;             
    border: 1px solid #666;
    border-radius: 20px;
    text-align: center;
    color: #666;
    font-size: 16px;		
    cursor: pointer;
    display: block;
    font-weight: 400;
    margin: 0 auto;
    margin-top: 20px;
    transition: 0.25s;
}
#btn_fruit_master_more:hover, #btn_fruit_master_more:focus{
    text-decoration:none;
    color: #FFF;
    box-shadow: inset 180px 0 0 0 #666; 
}

/* FRUIT MASTER END*/
/* Brand Start*/
#brand{
    height:750px;
    padding-top: 100px;
    background: #FFFCF3;
}
#brand_title{
    width:100%;
    height:60px;        
    text-align: center;
    margin-bottom: 50px;
}
#brand_title_txt1{
    font-family: "細明體-ExtB";
    font-size: 30px;
    font-weight: bold;
    display: block;
}
#brand_title_txt2{
    font-family: 'Rasa', serif;
    font-size: 15px;
    display: block;
}
#brand_img{
    margin-bottom: 50px;
}
#brand_img img{
    max-width:100%;
    min-width:80px;
}
/* Brand End*/
/* products Start */
#products{
    height:800px;
    padding-top: 100px;
}
#products_title{
    width:100%;
    height:60px;        
    text-align: center;
   margin-bottom: 50px;
}
#products_title_txt1{
    font-family: "細明體-ExtB";
    font-size: 28px;
    font-weight: bold;
    display: block;
}
#products_title_txt2{        
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 30px;
}
.products_list:after{
    clear : left;
    content : '.';
    display : block;
    height : 0;
    overflow : hidden;       
}
#products_img{
    margin-bottom: 50px;        
}
#products_img img{
    max-height: 228px;
}
.products_info{
    margin-top: 30px;
    text-align: center;
    margin-bottom: 20px;
}
.products_info:after{
    clear : left;
    content : '.';
    display : block;
    height : 0;
    overflow : hidden;       
}
.products_name{
    width:100%;  
    min-height:25px;
    font-size:15px;
    font-weight: 300;
    text-align: center;
    letter-spacing: 2px;
}
.products_name_en{
    width:100%;
    min-height: 25px;
    font-family: 'Rasa', serif;
    font-size:12px;

}
.products_item{
    width:50%;      
    color: #6AA79B;
    float: left;
    font-size: 12px;
    line-height: 30px;
    text-align: right;
    padding-right: 10px;

}
.products_price{
    width:50%;    
    color:#6AA79B;
    float: right;
    text-align: left;
    font-size: 19px;  
    box-sizing: border-box;
    padding-left: 5px;
}
.btn_add_products{
    width:120px;
    height: 25px;
    line-height: 25px;
    border-radius: 15px;       
    background: #EBEBEB;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
/* products END */
/* news Start*/

/* News End*/
#news{
    height:800px;
    background: #F5F2EA;
    padding-top: 80px;
}
#news_title{
    width:300px;
    height: 100px;
    margin: 0 auto;
    text-align: center;       
}
#news_title_txt1{
    width:100%;
    height: 30px;
    font-size:14px;
    display: block;
}
#news_title_txt2{
    width:100%;
    height: 30px;
    font-family:"新細明體";
    font-size: 28px;        
    font-weight: bold;
    display: block;
}
#news_form{
    margin: 0 auto;
    position: relative;
    z-index: 100;

}
#news_form:after{
    clear : left;
    content : '.';
    display : block;
    height : 0;
    overflow : hidden;       
}
.news_list{
    float: left;       
}
.news_title{
    width:100%;
    height: 30px;
    font-size: 18px;
    font-weight: 200;
    overflow: hidden;
    text-align: left;
}
.news_content{
    width:100%;
    height: 30px;
    font-size: 13px;
    overflow: hidden;
    text-align: left;
}

.news_cover{
    width: 100%;


}
.news_cover img{
    width:100%;
    height:100%;

}
.news_info{
    width:100%;
    margin-top: 20px;
}
.news_date{
    width:100%;
    height:30px;
    line-height: 30px;
    border:1px solid #999;
    border-left: none;
    border-right: none;
}
.news_more{

    background:rgba(255,255,255,0.72) url('/images/index/news_more.png')no-repeat center center;
    position: absolute;
    display: none;
}

.news_lr_button, .pro_lr_button, .pers_lr_button, .jam_lr_button{    
    height: 30px;
    position: relative;        
    margin: 0 auto;
    margin-bottom: 20px;     
    z-index: 0;
    margin-top: -250px;
}

.btn_news_prev, .btn_pro_prev, .btn_pers_prev, .btn_jam_prev{
    display: block;
    height: 30px;
    width: 30px;
    float: left;
    cursor: pointer;
    background: url('/images/index/btn_news_prev.png') no-repeat;
}
.btn_news_next , .btn_pro_next, .btn_pers_next , .btn_jam_next{
    display: block;
    height: 30px;
    width: 30px;
    background: url('/images/index/btn_news_next.png') no-repeat;
    float: right;   
    cursor: pointer;
}
/* Partner Start*/
#partner{    

    padding-top: 50px;
}
#partner_title{
    width:200px;
    height: 50px;
    margin: 0 auto;
    text-align: center;

}
#partner_txt1{
    font-size: 18px;
    color:#3E3A39;
    letter-spacing: 2px;
}
#partner_txt2{
    font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-size: 15px;
    color:#929292;

}
#partner_list{
    width: calc(100% - 30px);
    margin-bottom: 20px;
}
.partner_img{
    width:200px;
    height: 200px;
    text-align: center;
    line-height:200px;
    padding: 10px;
    float:left;
}
.partner_img img{
    vertical-align : middle;
}
#footer{
    border-top: 1px solid #9FA0A0;
}
.replenishment{
        width: 150px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #FF0000;
        color: #FF0000;
        text-align: center;
        margin: 0 auto;
        border-radius: 15px;
    }