@charset "utf-8";

/* CSS Document */
body, html { height:100%; }
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333;background: #000000;}
a{color:#000;text-decoration:none}
a:hover{color:#fff;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none;}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* 回頂端 */
.arrow-container{width:100px;height:100px;position:fixed;bottom: 125px;right: 0;z-index: 1024;}
.arrow-1{width:100px;height:100px;background: rgba(255, 255, 255, 0.1);opacity:.5;border-radius:50%;position:absolute;}
.arrow-2{width:60px;height:60px;background: rgba(255, 255, 255, 0.6);border-radius:50%;position:absolute;top:20px;left:20px;z-index:1;display:table;}
.arrow-2:before{width:52px;height:52px;content:"";border: 2px solid #941804;border-radius:50%;position:absolute;top: 4px;left: 4px;}
.arrow-2 i.fas{font-size:30px;display:table-cell;vertical-align:middle;text-align:center;color: #941804;}

.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale3d(.4,.4,.4);transform:scale3d(.4,.4,.4)}
50%{opacity:.5}
100%{opacity:0}
}
@keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale3d(.4,.4,.4);transform:scale3d(.4,.4,.4)}
50%{opacity:.5}
100%{opacity:0}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}

.float-icon { position: fixed; bottom: 225px; right: 25px; z-index: 999; }
.float-icon div { margin-bottom: 20px; }
.float-icon div img { max-width: 50px; }
@media screen and (max-width: 768px) {
    .float-icon div img { max-width: 35px; }
    .arrow-container { width: 80px; height: 80px; }
    .arrow-2 { width: 45px; height: 45px; }
    .arrow-2:before { width: 37px; height: 37px; }
    .wine-right { text-align: center; }
}
/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }


/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;_overflow:auto;margin:0 0 1em}
}

ul{list-style:none;padding:0}
img{max-width: 100%}
i{margin-right: 5px}
/*按鈕*/
.btn-style{color: #fff;font-size: 18px;font-family: 'Frank Ruhl Libre', serif;position: relative;display: inline-block;margin: 50px 0px;letter-spacing: 3px;}
.btn-style i{margin-right: -20px;opacity: 0;transition: all .5s;}
.btn-style:after{content:'';position:absolute;bottom:-5px;width:100%;height:5px;right:0;background: rgb(169,3,41); /* Old browsers */background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );transition: all .5s;}
.btn-style:hover i{opacity: 1;margin-right: 10px;}
.btn-style:hover:after{width:0;left:0}

/*動態箭頭*/
.arrow{position:absolute;left:50%;transform:translate(-50%,-50%);bottom: 0;}
.arrow span{display:block;width:30px;height:30px;border-bottom: 3px solid #871603;border-right: 3px solid #881703;transform:rotate(45deg);margin:-10px;animation:animate 2s infinite;}
.arrow span:nth-child(2){animation-delay:-.2s}
.arrow span:nth-child(3){animation-delay:-.4s}
@keyframes animate {
0%{opacity:0;transform:rotate(45deg) translate(-20px,-20px)}
50%{opacity:1}
100%{opacity:0;transform:rotate(45deg) translate(20px,20px)}
}

/*頁面布局*/
.page-inner{padding-top: 150px;color: #fff;padding-bottom: 100px;}

::selection {
    background: rgba(148, 24, 4, 0.9);
    color: #fff;
}
::-moz-selection {
    background: rgba(148, 24, 4, 0.9);
    color: #fff;
}

/*卷軸樣式*/
body::-webkit-scrollbar-track,.header-left .navbar-collapse::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #000;
}

body::-webkit-scrollbar,.header-left .navbar-collapse::-webkit-scrollbar
{
    width: 12px;
    background-color: #000;
}

body::-webkit-scrollbar-thumb,.header-left .navbar-collapse::-webkit-scrollbar-thumb
{
    background: rgb(169,3,41);
    background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
}

body::-webkit-scrollbar,.header-left .navbar-collapse::-webkit-scrollbar{width:8px;}


/*---------------------- 頁面開始 ----------------------*/


/*主選單*/
.navbar{background: none!important;transition: all .5s;}
.dropdown{border-radius:0;border:0}
.dropdown-menu{background: rgba(148, 24, 4, 0.7);border:0;top:80%;border-radius: 0;}
.dropdown-item:hover{background: #c5554a;color:#fff;}
.dropdown-menu a{color:#fff}
.navbar .nav-item .nav-link{color: #fff!important;position: relative;padding: 20px;}
.navbar .nav-item:first-child .nav-link:before{display:none;}
.navbar-light .navbar-nav .active{position:relative;}
.navbar-light .navbar-nav .active:before{content:'';position:absolute;bottom: 15px;left: 10%;width: 80%;height: 3px;background: #fff;}
.navbar .nav-item .nav-link:before{content:'';position:absolute;left: 1px;top: 22px;height: 20px;width: 1px;background: #fff;}
.navbar .nav-item .nav-link:hover .navbar .nav-item .nav-link{color:red!important}
.navbar .navbar-brand img{max-width: 120px;transition:all .5s; max-height: 50px; }
.navbar .header-inner{display: flex;display: -webkit-flex;justify-content: space-between;width: 100%;margin: 0px 140px;padding: 20px;align-items: flex-end;transition: all 1.5s;align-items: center;}

.contact-zone ul{display:flex;display:-webkit-flex;justify-content: flex-end;padding-right: 20px;transition: all .5s;}
.contact-zone ul li{padding:5px 20px;border:1px solid #fff;}
.contact-zone ul li a{color:#fff;}
.contact-zone ul li:last-child{background:#fff;}
.contact-zone ul li:last-child a{color: #941804;}
.contact-zone ul li a i{margin-right:5px;}
/*主選單-下滑*/
.navbar.top-nav-collapse .header-inner{background: rgba(148, 24, 4, 0.9);border:none;padding: 10px;margin: 0px 340px;}
.navbar.top-nav-collapse{padding:0;}
.navbar.top-nav-collapse .navbar-brand img{max-width: 100px; max-height: 50px; }
.navbar.top-nav-collapse .contact-zone ul{margin-bottom:0}

.mouse{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:45px;height:45px;right:0;left:0;bottom: 150px;margin:0 auto;cursor:pointer;z-index:10;}
.mouse:after{content:'';position:absolute;width:1px;height:70px;bottom:-70px;left:50%;transform:translateX(-50%);background: #941804;}
.mouse>.inner{width:20px;height:34px;border: 2px solid #941804;border-radius:10px;}
.mouse>.wheel,.mouse>.wheel-shadow{position:absolute;width:4px;height:4px;border-radius:2px;top:40%;right:0;left:0;margin:-1px auto 0;-webkit-animation:mouseScroll 1.2s cubic-bezier(.8,0,.3,1) infinite alternate;animation:mouseScroll 1.2s cubic-bezier(.8,0,.3,1) infinite alternate}
.mouse>.wheel{background: #941804;-webkit-animation-delay:-.08s;animation-delay:-.08s;z-index:20;}
.mouse>.wheel-shadow{background: rgba(218, 0, 0, 0.4);}
@-webkit-keyframes mouseScroll {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(10px);transform:translateY(10px)}
}
@keyframes mouseScroll {
0%{-webkit-transform:translateY(0);transform:translateY(0)}
to{-webkit-transform:translateY(10px);transform:translateY(10px)}
}

/*首頁*/
.home-video-outer{position: relative;height: 100vh;overflow: hidden;}
.home-video{position:absolute;width:100%;height:100%}
.home-video-outer:after{content:'';position:absolute; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */bottom: 0;left: 0;width: 100%;height: 40vh;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.home-video-outer video{width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
.home-slogan{position: absolute;top: 30%;left: 24%;font-family: 'Frank Ruhl Libre', serif;color: #fff;z-index: 10;}
.home-slogan h2{font-size: 90px;letter-spacing: 1px}
.home-slogan h2.slogan-line{-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;color: transparent;display: inline-block;}
.home-slogan span{font-size:24px;letter-spacing:3px;}

/*產品*/
.index-pdt{background: url(../images/index/index-bg.jpg)no-repeat center/cover;position: relative;}
.index-pdt:after{content: '';position:absolute; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */bottom: 0;left: 0;width: 100%;height: 20vh;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.pd-show .item{display: flex;display: -webkit-flex;align-items: center;justify-content: space-around;color: #fff;position: relative;}
.pd-show .item>span{position: absolute;top:0;left:0;font-size: 50px;font-family: 'Frank Ruhl Libre', serif;}
.pd-show .item .item-info p { max-width: 90%; }
.pd-show .item .item-info .item-title{margin-bottom: 40px;}
.pd-show .item .item-info .item-title h2{letter-spacing: 3px;font-family: 'Frank Ruhl Libre', serif;font-size: 40px;max-width: 90%;position: relative;padding-bottom: 10px;}
.pd-show .item .item-info .item-title span { font-size: 30px; }
.pd-show .item .item-info .item-title h2:after{content:'';position:absolute;left:0;bottom: 0;background:#fff;height:3px;width: 80px;}
.pd-show .item .item-info ul,.wine-left>ul{padding-left: 20px;border-left: 1px solid rgba(255, 255, 255, 0.4);}
.ce_box {padding-top: 30px;letter-spacing: 3px;}
.ce_box a { float:left; margin: 0 20px 20px 0; }
.ce_box img {height:300px;}
.ce_box.cb5 img {height:250px;}

/*首頁-莊園介紹*/
.index-intro{background: url(../images/index/index-bg02.jpg)no-repeat;background-attachment: fixed;padding: 100px 0px;position: relative;}
.index-intro>.container{position:relative;z-index:10;}
.index-intro:before{
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    top:0;
    height: 40vh;
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    }  
.index-intro:after{content: '';position:absolute; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */bottom: 0;left: 0;width: 100%;height: 20vh;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 5%, rgba(0,0,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}

.nav-tabs{border-bottom:none;}    
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background-color: inherit;border: none;color: #fff;position:relative;font-size: 24px;}
.nav-tabs .nav-item.show .nav-link:before, .nav-tabs .nav-link.active:before{content:'';position:absolute;left:0;top: 10px;width:3px;height: 60px;background:#fff;}
.nav-tabs .nav-link:before{content:'';position:absolute;left:0;top: 10px;width:3px;height: 0;background:#fff;transition:all .5s;}
.nav-tabs .nav-link:hover:before{height:60px;}
.nav-tabs .nav-link{color:rgba(255, 255, 255, 0.5);position: relative;transition: all .6s;}    
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border-color: inherit;border:none;font-size: 24px;}
.content-inner{display:flex;display:-webkit-flex;color:#fff;justify-content:space-around;padding: 50px 0px;align-items: center;}
.content-inner>*{width:50%;text-align:center;}

/*首頁-公司簡介*/
.index-about{background: url(../images/index/index-bg04.jpg)no-repeat;padding: 100px 0px;background-attachment: fixed;position: relative;background-position: top;color: #fff; _text-align:center;}
.index-about .ab_box {opacity:0.8}
.index-about h2 { position: relative; margin-bottom:25px; padding-bottom: 10px;}
.index-about h2:after{content:'';position:absolute;left:50%;bottom: 0;background:#fff;height:3px;width: 80px;transform: translateX(-50%);}

/*首頁-新聞*/
.index-news{background: url(../images/index/index-bg03.jpg)no-repeat;padding: 100px 0px;background-attachment: fixed;position: relative;background-position: top;}
.news-outer{display: flex;display: -webkit-flex;align-items: center;color: #fff;}
.news-outer .main-title{-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;color:#fff;font-family: 'Frank Ruhl Libre', serif;font-size: 50px;letter-spacing: 3px;}
.news-outer .news-info{border-left: 1px solid rgba(255, 255, 255, 0.4);padding-left:50px;}
.news-outer .news-info .news-inner{display:flex;display: -webkit-flex;align-items: center;flex-direction: row-reverse;justify-content: space-around;}
.news-outer .news-info .news-inner .intro-info{width:50%}
.news-outer .news-info .news-inner .intro-info span{color:rgba(255, 255, 255, 0.5);letter-spacing:3px}
.news-outer .news-info .news-inner figure{padding:50px;}

.banner{/* padding-bottom: 50px; */text-align:center;}
.banner .item{position:relative}
.banner .item h4{margin:0;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#fff}
.banner .owl-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}
.index-pd{padding:50px 0}
.index-pd h2{text-align:center;margin-bottom:1.8em}
.index-pd .item{text-align:center}


/*酒類介紹*/
.page-title h2{font-size: 50px;font-family: 'Frank Ruhl Libre', serif;margin: 50px auto;position: relative;}
.page-title h2:after{content:'';position:absolute;left:50%;transform: translateX(-50%);bottom: -10px;width: 100px;height: 3px;background: #fff;}
.page-inner.pdt{background: url(../images/products/pdt-bg.jpg)no-repeat;background-attachment: fixed;}
.wine-info-top{display: flex;display: -webkit-flex;justify-content: space-between;position: relative;flex-direction: row-reverse;}
.wine-bg{overflow: hidden;background: rgba(255, 255, 255, 0.3);padding: 50px;position: relative;height: auto;min-height: 1150px;}
.wine-left{width: 60%;}
.wine-name{margin-bottom:50px;}
.wine-name h2{font-size: 60px;font-family: 'Frank Ruhl Libre', serif;position:relative;}
.wine-name h2:before,.wine-name h2:after{content:'';position:absolute;bottom:0;left:0;width:100%;height: 1px;background: #fff;}
.wine-name h2:after{left:inherit;transform: rotate(45deg);width: 120px;bottom: -42px;right: -102px;}
.wine-name span{font-size: 30px;letter-spacing: 10px;}

.wine-price{display:flex;display:-webkit-flex;align-items:center;margin: 50px 0px;color: #fff;}
.wine-price .price-left span{letter-spacing:8px;}
.wine-price .price-right{padding-left:20px;}
.wine-price .price-right h3{font-weight:bold;border-bottom:3px solid;padding-bottom:10px;}

.wine-feature{color:rgba(255, 255, 255, 0.7);letter-spacing:3px;line-height:2.1;max-width: 700px;_margin-top: -250px;}
.word-point{color: #fff;font-weight: bold;position: relative;}
.word-point:after{content:'';position:absolute;left:0;bottom: -5px;height:3px;width:100%;background: rgb(169,3,41);background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );}
.wine-card {width: 50%;padding: 0 30px;}
.wine-card figure{max-width: 300px;padding: 60px;}
.wine-card .item-info{width: calc(100% - 300px);}
/*頁尾*/
footer{background:url(../images/all/footer-bg.jpg)no-repeat center/cover;color:#fff;padding: 30px 0 130px 0;text-align:center;margin-bottom: 100px;background-attachment: fixed;position: relative;}
footer>*{position:relative;z-index:1;}
footer:after{content:'';width:100%;height:100%;position:absolute;left:0;top:0;background: rgba(148, 24, 4, 0.9);}
footer ul{margin-bottom:10px;padding-left:0;list-style:none}
footer ul li{display:inline-block;padding:0 20px;position: relative;}
footer ul li:after{content:'';position:absolute;right:0;bottom: 5px;width: 1px;height: 15px;background: #fff;}
footer ul li:last-child:after{display:none;}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.copyright{font-size:14px;}
footer i.fa-line { font-size:20px;}

/*警告標語*/
.warnings-block{position:fixed;bottom:0;left:0;right:0;z-index:50;padding: 10px 1%;font-size: 35px;font-weight:700;background:url(../images/all/bg-warnings.jpg)no-repeat center/cover;color:#fff;letter-spacing:1rem;text-align:center;display:table;min-height:10vh;width:100%;}
.warnings-block p{margin-bottom:0;display: flex;justify-content: center;align-items: center;display: -webkit-flex;}
.warnings-block p img{width: 80px;}
.warnings-block div { right: 80px; bottom: 20px; position: fixed; }
.warnings-block div img { width: 60px; }

/*酒莊介紹*/
.winery-bg{background: url(../images/winery/winery-bg.jpg)no-repeat center/cover;background-attachment: fixed;position: relative;padding-top: 150px;}
.winery-bg:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80vh;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
    }
.winery-height{padding: 30px 0px;position: relative;z-index: 1;color: #fff;}
.winery-inner{display: flex;display: -webkit-flex;align-items:center;flex-wrap: wrap;}
.winery-height:nth-child(2) .winery-inner{flex-direction:row-reverse;}
.winery-left,.winery-right{width:50%;padding:50px;}
.winery-left figure>img{_background:#333;margin: 30px auto;}
.winery-right figure{position:relative;}
.winery-right figure figcaption h3{position:absolute;top: -70px;left: -30px;font-size: 50px;}
.winery-right figure figcaption h3:before{content: '';
    position: absolute;
    bottom: -5px;
    width: 100%;
    height: 5px;
    right: 0;
    background: rgb(169,3,41);
    background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );}
.winery-info h2{font-size:21px;font-weight:bold;border-bottom:1px solid #fff;padding-bottom: 10px;margin-bottom: 20px;}
.winery-right figure figcaption span{position:absolute;right: -20px;bottom:0;font-size:50px;font-family: 'Frank Ruhl Libre', serif;background: rgba(148, 24, 4, 0.5);width: 50px;height: 50px;}
.win-pro-info li {padding: 0 80px;}
.win-pro-info li figcaption{text-align: center;margin-top: 10px; position:relative;font-weight: 600;font-size: 18px;}
.win-pro-info li figcaption:before{
    content: '';
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 5px;
    right: 0;
    background: rgb(169,3,41);
    background: -moz-linear-gradient(left, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    background: -webkit-linear-gradient(left, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    background: linear-gradient(to right, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );
    }

/*訊息公告*/
.news-bg{background: url(../images/news/news-bg.jpg)no-repeat center/cover;background-attachment: fixed;position: relative;padding-top: 150px;}
.news_box {overflow: hidden;color:#fff;padding: 50px 0px;}
.news_box .wrap {overflow: hidden;padding:0 10px;margin-bottom:30px;width:100%;}
.news_box .flet { float:left; width: 30%;text-align: center;overflow:hidden;}
.news_box .flet img {max-width:100%;transition: transform 0.3s ease-in-out, opacity 0.3s;}
.news_box .fler { float:left; width:calc( 100% - 30% ); padding:0 1em 0 2em;}
.news_box .fler .data1 { margin-bottom:7px; font-size:14px; color: rgba(255, 255, 255, 0.5);}
.news_box .fler .title {font-size:32px;margin:0 0 5px 0;font-weight: bold;}
.news_box a:hover img { transform: scale(1.05, 1.05); }

/*  detail style - 六圖六文  */
.detail_box {clear: both; overflow:hidden; color:#fff;}
.detail_box .date2 { margin-bottom:15px;color: rgba(255, 255, 255, 0.5);}
.detail_box .tx01 { clear: both; margin-bottom:2em;}
.detail_box .tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.detail_box .dl_img_box, .detail_box .dl_img_box2 { text-align:center;}
.detail_box .dl_img_box {margin-bottom:15px;}
.detail_box img { max-width:100%; height: auto !important;}
.detail_box .dl_img_box img, .detail_box .dl_img_box2 img{display: inline-block;}
.detail_box .img_left { float: left; padding:0 20px 20px 0;}
.detail_box .img_right { float: right; padding:0 0 20px 20px;}
.detail_box .img_left, .detail_box .img_right img { max-width:350px;}
.detail_box .movie_box { clear: both; padding-bottom:56.25%; width:100%; height:0; position: relative; text-align:center;}
.detail_box .movie_box iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

/*page number*/
.pagination { clear: both; display: inline-flex; margin: 20px auto 30px auto; text-align:center;}
.pagination > li > a, .pagination > li > span { background-color:transparent; border:none; margin:0 3px; color:#fff; font-size: 20px;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { background-color: transparent; color: #E6001B; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color:transparent; color:#E6001B; font-weight:bold; }

/*聯絡我們*/
.page-inner.pdt_contact{background: url(../images/contact/pdt-bg.jpg)no-repeat center/cover;background-attachment: fixed;}
.red { color: #be0000; }
.contact_box { margin:0 auto;}
.contact_box .contact_msg{  text-align:center; margin-bottom:1em;}
.contact_box .contact_form { margin:40px 0 20px 0;}
.contact_box .contact_form .field_box .name { margin-bottom:3px;}
.contact_box .contact_form .field_box input,
.contact_box .contact_form .field_box select,
.contact_box .contact_form .field_box textarea {border:1px solid #333; margin-bottom:15px; padding:12px;background:#fff;
line-height:1.1; color: #000; box-shadow: none; width:100%; border-radius: 5px; }
.contact_box .contact_form .field_box .input1,.contact_box .contact_form .field_box .input2{ width:100%;}
.contact_box .contact_form .field_box .input3{ width:inherit; }
.contact_box .contact_form .field_box .input4{width: calc( 100% - 200px);}
.contact_box .contact_form .field_box .select2{ padding: 9px 12px; width:inherit; }
.contact_box .contact_form .field_box.f1 {float:left;margin:10px;width:calc(100% / 2 - 20px)}
.contact_box .contact_form .field_box.f2 { clear:both;margin:10px;}
.btn_box {margin:10px 0;}
.btn_box .btn { color:#FFF; background:#8E8E8E; border:3px;}
.btn_box .btn:hover, btn_box .btn:focus { color:#FFF; background:#A5A5A5; box-shadow: unset;}

/*誠徵經銷商*/
.page-inner.pdt_dealer{background: url(../images/dealer/pdt-bg.jpg)no-repeat center/cover;background-attachment: fixed;}

/*---------------------- RWD調整 ----------------------*/
@media screen and (max-width: 1680px) {
    /*主選單*/
    .navbar.top-nav-collapse .header-inner{margin: 0px 150px;}
}

@media screen and (max-width: 1280px) {
    /*banner*/
    .home-slogan{top: 35%;left: 15%;}
    .home-slogan h2{font-size: 65px;}
    .home-video-outer:after{height: 20vh}
    .navbar.top-nav-collapse .header-inner{margin:0 auto;}
    /*產品介紹*/
    .wine-feature{max-width:500px;bottom:20px;}
    .wine-card figure{max-width:250px}
    .wine-card .item-info{width:calc(100% - 250px)}
    .wine-card{padding:0}
}

@media screen and (max-width: 1024px) {
    /*主選單*/
    .navbar .header-inner{margin:0 auto;}
}

@media screen and (max-width: 996px) {
    /*首頁-新聞*/
    .news-outer .news-info .news-inner{display: block;display: -webkit-block;}
    .news-outer .news-info .news-inner .intro-info{width: 100%}
    .news-outer .news-info .news-inner figure{padding:50px 0px;}
    /*首頁-產品*/
    .owl-carousel .owl-item img{max-width: 180px;}
    /*酒莊介紹*/
    .winery-left, .winery-right{width:100%;padding: 0;}
    .winery-height:nth-child(2) .winery-inner{flex-direction:column-reverse;}
    .winery-inner{flex-direction:column-reverse}
    .winery-right figure{height:350px;overflow:hidden;}
    .winery-right figure img{width:100%}
    .winery-right figure figcaption{position:absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}    
    .winery-right figure figcaption span{bottom: -80px;left: 50%;transform: translateX(-50%);}
    .winery-right figure figcaption h3{position: relative;left: 0;top: 0;font-size: 30px;font-weight: bold;}
    .win-pro-info{margin-top:20px;}
    .win-pro-info li{padding: 0 25px;}
    /*產品介紹*/
    .wine-feature{position:inherit;width:100%;margin-top:20px;}
    .wine-card {width: 100%;margin-bottom: 30px;}
    /*警告標語*/
    .warnings-block{font-size: 28px;}
}

@media screen and (max-width: 768px) {
    h1{font-size: 26px;}
    h2{font-size: 24px;}
    h3{font-size: 21px;}
    h4{font-size: 18px;}
    p{font-size: 14px;}
    /*主選單*/
    .navbar .header-inner{display: block;display: -webkit-block;padding: 0;}
    .navbar-light .navbar-toggler{float: right;font-size:24px;color:#fff;border: none;background: rgba(148, 24, 4, 0.9);padding-top: 20px;}
    .navbar-toggler p{font-size:14px;margin-top:10px;}
    .navbar.top-nav-collapse .header-inner{background:none;overflow: auto;}
    .header-left .navbar-collapse{background: rgba(0, 0, 0, 0.7);padding: 20px;overflow-y: scroll;height: 60vh;}
    .navbar-light .navbar-nav .active:before{display: none;}
    /*首頁-產品*/
    .pd-show .item figure{__width:50%;margin-right:20px;}
    .wine-card figure {padding: 15px 0 15px 15px;max-width: 150px;}
        .wine-card .item-info{width:calc(100% - 150px)}
    /*產品介紹*/
    .wine-name h2{font-size: 30px;}
    
/*聯絡我們*/
.contact_box .contact_form .field_box.f1 {margin:0;width:100%;}
.contact_box .contact_form .field_box.f2 {margin:0;}
.contact_box .contact_form .field_box .input4{width:100%;}
    /*警告標語*/
    .warnings-block p {font-size: 20px;}
}

@media screen and (max-width: 640px) {
    .mouse{display: none;}
    /*首頁-新聞*/
    .news-outer .news-info{padding-left: 20px;}
    .pd-show .item>span{font-size: 30px;}
    /*首頁-產品*/
    .pd-show .item .item-info .item-title h2{font-size: 30px;}
    /*頁尾*/
    footer ul li{margin:10px auto;}
    footer ul li:after{display:none;}
    /*產品-底層*/
    .wine-name h2:after{width: 50px;bottom: 21px;right: -15px;transform: rotate(65deg);}

/*訊息公告*/
.news_box .flet { width:100%;}
.news_box .fler { margin-top:30px; width:100%;}
    
/*  detail style - 六圖六文  */
.detail_box .img_left { float: none; display:block; padding:0;}
.detail_box .img_right { float: none; display:block; padding:0;}
.detail_box .img_left, .detail_box .img_right img { margin-bottom: 20px; max-width:100%;}
.wine-card figure {
    max-width: 100px;
}
 .wine-card .item-info{width:calc(100% - 100px)}
}

@media screen and (max-width:480px) {
    .wine-info-top{display: block;display: -webkit-block;}
    .wine-left{width: 100%;}
    .wine-bg{padding:20px;}

    .win-pro-info li{padding: 0 10px;}
    .win-pro-info li figcaption{font-size:16px}
}

.clearfix { clear:both; }

.prodimg {
    max-height: 50vh;
}
.owl-carousel .owl-item figure {
    width: 20vh;
}
.owl-carousel .owl-item figure img {
    max-height: 50vh;
    max-width: unset !important;
    width: unset !important;
}

.owl-carousel .owl-item .item-info {
    width: 80vh;
    word-break: break-all;
}
@media screen and (max-width: 768px) {
    .owl-carousel .owl-item figure {
        width: 30vh;
    }
    .owl-carousel .owl-item .item-info {
        width: 70vh;
    }
}