body{ font-family: "微軟正黑體","Microsoft JhengHei",SimHei,Arial,sans-serif;
 font-size: 16px; color: #3a3738; background: #fff; letter-spacing: 1px;}
*, :after, :before { box-sizing: inherit;}
p,a,span,h1,h2,h3,h4,h5,h6{ line-height: 1.8; font-weight: normal;}
p,a,ul,li,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; }
a{ color: #3a3738; text-decoration: none; transition-duration:.3s; -moz-transition: color .3s; -o-transition:color .3s; }
a:hover,.gray_t_link:hover,.breadcrumb li a:hover{ color: #a2163b; }
*:focus { outline: none;}
ul,ol,li{ margin:0; padding:0; }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important;  margin: 0;}
input[type="number"]{-moz-appearance:textfield;}
.clearfix::after { content: "";  clear: both; display: table;}
#wrapper{ width: 100%; margin:0; padding: 0; }
.content_wrap { width: 100%; overflow: hidden; }

.btn{ display: inline-block; padding: 10px 50px;}
.line_btn{ border: solid 1px #5e5c5d;}
.line_btn:hover,.line_btn_active{ background: #7d1933; color: #fff; }
.gray_t_link,.breadcrumb li a{ color: #a9a9a9; }
.ghost_btn{ border: solid 1px rgba(255,255,255,.6); color: #fff; -webkit-transition:0.3s all ease; transition:0.3s ease all;}
.ghost_btn:hover{ background: rgba(255,255,255,.2); color: #fff; -webkit-transition:0.5s all ease; transition:0.5s all ease;}
.t-center{ text-align: center; }
.fr{ float: right; }
.fl{ float: left; }
.table{ display: table; border-collapse: collapse;}
.t-tr{ display: table-row; }
.t-th{ display: table-cell; height: 100%; }
.t-td{ display: table-cell; height: 100%; }
#dyscrollup-btn{ z-index:999; position:fixed; right:37px; bottom:100px; cursor:pointer; display:none; }
#dyscrollup-btn span{ display: block; margin-top: 5px; width: 100%; text-align: center; }

header{ position: relative; background: #fff; border-bottom: solid 1px #e3e1e2; height: 85px; }
header select{ position: absolute; right: 20px; top: 10px; background: #fff; font-size: 13px; color: #666; border:solid 1px #666; }
nav{ position: absolute; right: 20px; top: 42px; }
nav i{ display: inline-block; width: 20px; color: #ccc; margin-left: 5px; }
nav a{ display: inline-block; margin-left: 15px; transition-duration:.5s; -moz-transition: height .5s; -o-transition:height .5s;}
nav a:hover::after,nav a:active::after,nav a.active:after{ content: ''; display: block; width: auto; height: 2px; margin-bottom: 5px; background: #a2163b;  }
nav a:nth-child(7)::after { display: none;}
.container{ max-width: 1100px; margin: 0 auto;}
#age_gate{ position: fixed; left: 0px; top: 0px;  z-index: 1000000; width: 100%; height: 100%; text-align: center; background: url(../img/roberta.png)top left no-repeat,rgba(0,0,0,.95); }
#age_gate > div{ max-width: 300px; padding: 45px; margin: 17% auto 0; background: #fff; text-align: center; }
#age_gate p{ display: block; font-size: 17px; color: #333; margin: 20px 0; }
#age_gate img{ width: 184px; margin: 0 auto;}
.btns button{ background: rgba(255,255,255,.95); border:solid 1px #7d1933; border-radius: 5px; padding: 8px 12px; margin: 0 15px; cursor: pointer;}
.btns button:hover{ background: #7d1933; color: #fff; }

.hd_sns {display:block; position:absolute; top:30px; left:180px;}
.hd_sns a {display:inline-block; vertical-align:middle; margin-right:5px;}
.hd_sns img {width:30px; height:auto;}

.m_menu a{ display: block; line-height: 3.5; font-size: 1.2rem; color: #fff;}
.openmenu{ display: none;}
.openmenu img{ width: 145px; margin: 30px auto 0;}
.logo{ display: inline-block; position: absolute; left: 20px; top: 15px; max-width: 145px;}
.logo img{ width: 100%; }

.m_menu_btn{ display: none; position: absolute; right: 20px; bottom: 20px; font-size: 28px;}
.fancybox-slide--ajax>div { background: transparent; width  : 800px; max-width  : 80%; max-height : 80%; margin:20px;}
.fancybox-slide--ajax div div{ padding: 30px; background: #fff }
.fancybox-close-small { top: -10px; right: 15px;}

.pagination{ display: block; width: 100%;padding: 15px 0 0; text-align: center; transform: translateY(-50%); overflow: hidden;}
.pagination .active{ background: #7d1933; color: #fff; }
.pagination li{ display: inline-block; }
.pagination li a{ display: inline-block; padding: 2px 10px; font-size: 13px; color: #999; }
.pagination li a:hover{ color: #7d1933; }

/* Wine Search Box */
.wine_search_box i{ position: absolute; top: 55px; right: 15px; color: rgba(255,255,255,.5); font-size: 2rem; cursor: pointer;}
.black_cover{ position: absolute; top: 0; background: rgba(0,0,0,.85); height: 100%; width: 100%; z-index: 9999;}
.black_cover>div{ position: absolute; top: 45%; width:100%;transform: translateY(-50%);}
.wine_search_box{ position: relative; margin: 0 auto; max-width: 600px;}
.wine_search_box p{ font-size: 4rem; color: rgba(255,255,255,.18); margin: 0 0 -20px 0;font-family: serif; }
.wine_tab{ width: 100%; font-size: 0px; margin-bottom: -1px;}
.wine_tab a{ width: calc(100%/4); display: inline-block; padding: 20px 10px; margin-left: -1px; font-size: 1rem; 
	 box-sizing: border-box; background: #404040; color: #eee; text-align: center; cursor: pointer;}
.wine_tab a:first-child{ margin-left: 0;}
.wine_tab a:hover,.wine_tab a:active{ background:#fff; color: #333;}
a.wine_selected{ background: #fff; color: #333; }
.tab_content{ padding: 15px; background: #fff; }
.tab_content select,.tab_content input{ height: 45px; padding: 10px; box-sizing: border-box; border: solid 1px transparent; border-radius: 5px;}
.tab_content select{ appearance:none; -moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */ background: url("../img/red_arrow_down.png") no-repeat 97% 50% #fff;}
.tab_content > div{ margin-bottom: 10px; }
.tab_content div:first-child select,.wine_year > select{ border: solid 1px #dcdcdc;}
.tab_content select,.type_year{ width: calc(96%/2);}
.wine_year{ width: 100%; }
.type_year{  display: inline-block; color: #bbb;}
.type_year input{ width: 44%; background: #f1f1f1; color: #666; }
.type_year input::placeholder,.type_wine_name input::placeholder{ color: #ccc; opacity: 1; /* Firefox */}
.tab_content div:first-child select:first-child,.wine_year select{ margin-right: 2%; }
.type_wine_name input{ width: 100%; background: #f1f1f1; color: #999;}
.wine_search_box button:hover{background:#333; color: #fff;}
.wine_search_box button{ padding: 15px 60px; margin: 10px auto 5px; background:#fff; color: #333; border:solid 1px #333; cursor: pointer; }

/* Search */
.search_wrap{ max-width: 960px; margin: 25px auto; }
.search_wrap div{ margin-bottom: 10px; }
.search_wrap .line_btn{ border-radius: 5px; margin-left: 10px; padding: 10px 25px; cursor: pointer; }
.search_wrap .type_wine_name{ margin-bottom: 20px }
.search_wrap select,.search_wrap input{ height: 40px; padding: 10px; box-sizing: border-box; border: solid 1px transparent; border-radius: 5px;}
.search_wrap select{ appearance:none; -moz-appearance:none;/* Firefox */-webkit-appearance:none; /* Safari 和 Chrome */ background: url("../img/red_arrow_down.png") no-repeat 97% 50% #fff;}
.search_wrap .type_year{ display: inline-block; color: #bbb;}
.search_wrap .type_year input{ width: 40%; background: #f1f1f1; color: #666; }
.search_wrap input::placeholder,.search_wrap input::placeholder{ color: #dcdadb; opacity: 1; /* Firefox */}
.search_wrap .wine_year select{ width:45%; border: solid 1px #ddd; }
.search_wrap .wine_year{ width: 85%; display: inline-block;border-left: solid 1px #dcdadb; padding-left: 2%;}
.search_wrap  .type_wine_name{ width: 100%; }
.search_wrap  .type_wine_name input{ width: 60%; }
.s_type_title { display: inline-block; float: left; margin-right: 2%; font-size: 15px; color: #3a3738;
width: 8%; text-align: right;}
.search_tab a{ display: inline-block; padding: 5px 20px; margin:0 15px 15px 0; font-size: 1rem; 
 box-sizing: border-box; background: #ebe8e8; color: #3a3738; text-align: center; cursor: pointer;}
.search_tab a.wine_selected{ background: #7d1933; color: #fff;}
.search_tab{ display: inline-block; font-size: 0px; border-left: solid 1px #dcdadb; padding-left: 2%; }
.search_tab a:first-child{ margin-left: 0;}
.search_tab a:hover,.search_tab a:active{ background:#7d1933; color: #fff;}
.s_area .search_tab{ display: inline-block; width: 86%;}
.s_winery ul{ display: inline-block; width: 86%;border-left: solid 1px #dcdadb; padding-left: 2%; }
.s_winery ul li{ font-size: 14px; margin-bottom: 2px; padding: 0 20px 0 0; width: 47%; float: left; list-style-type: square; list-style-position: inside; }
.s_winery .btn{ color: #3a3738; text-decoration: underline; width: 100%; text-align: center; }
.s_winery .active { font-weight: bold;color: #a2163b;}

/* 首頁輪播圖路徑 */
/*.slide1 {background:url(../img/pic01.jpg) no-repeat center;}
.slide2 {background:url(../img/pic02.jpg) no-repeat center;}
.slide3 {background:url(../img/pic03.jpg) no-repeat center;}
.slide4 {background:url(../img/pic04.jpg) no-repeat center;}
.slide5 {background:url(../img/pic05.jpg) no-repeat center;}*/

.banner_area,#main_page div.slick-dotted.slick-slider,.a-slide{ width: 100%; height: 75vh; margin: 0}
.banner_area h2{ width: 100%; margin: 0 auto 20px; color: #fff; }
.banner_area h2 p{ position: relative; display: inline-block; width: auto; text-align: center; font-size: 1.9rem; font-weight: 500;}
.infor_link{ position: absolute; top: 52%; z-index: 5; width: 100%; transform: translateY(-50%);}
.a-slide{ background-size: cover !important; z-index: 2}
.b_cover { background: rgba(0,0,0,.7); height: 100%; width: 100%; z-index: 1100; }

#main_page div.slick-initialized .slick-slide{ margin: 0;}
.slick-list{ z-index: 5; }
.a-slide::before{ display: block; content: ''; background: rgba(0,0,0,.3); width: 100%; height: 100%; }
#main_page button.slick-prev{ left: 2%; z-index: 100; color: #fff;}
#main_page button.slick-next{ right: 2%; z-index: 100; color: #fff;}
#main_page button.slick-prev:before, button.slick-next:before{ color: #fff;}
button.slick-next:before { content: '〉'; opacity: .6}
button.slick-prev:before { content: '〈'; opacity: .6}
ul.slick-dots { bottom: 15px; z-index: 500;}
.main-carousel.slick-dotted.slick-slider { margin-top: 0;}
ul.slick-dots li button:before{ content: ''; border-radius: 50px; background: #fff; width: 13px; height: 13px; opacity: .45;}
ul.slick-dots li.slick-active button:before { opacity: 1; background: #940d1d;}

.breadcrumb{ width: 100%; padding: 5px 20px; box-sizing: border-box; background: #f9f9f9; font-size: 13px; }
.breadcrumb li{ display: inline-block; line-height: 1.5; }
.breadcrumb li::after{ display: inline-block; content: '/' ;color: #999;}
.breadcrumb .active{ color:#000; }
.breadcrumb li.active::after{ display: none;  }

/* About us */
.page_top_area{ display: block; width: 100%; height: 360px; }
#about_us .page_top_area{ background: url('../img/bg_page_title06.jpg') top left no-repeat,#000; background-size: cover;}
.page_title{ position: relative; top: 50%; transform: translateY(-50%);}
.page_title h3{ width: 180px; height: 180px; margin: 0 auto; padding-top: 55px; box-sizing: border-box; color: #fff; text-align: center;}
#about_us .container{position: relative;  padding: 60px 0;  }
.aside_menu{ width: 250px; float: left; position: absolute; top: 0;}
.aside_menu ul{ width: 100%; z-index: 100; margin-top: 50px;  max-width:200px; height: auto; background: #fff; box-shadow: -1px 3px 15px #7d19333b;}
.aside_menu li { width: 100%; }

.aside_menu li a{ display: block; padding: 20px 0; }
.aside_menu li .now{ background: #940d1d; color: #fff;}
.aside_menu i{ display: block; color: #ddd; }
.stickydiv { position: fixed;  top: 0; z-index: 10000; margin-top: 40px;}

#about_us section,#winery section{ overflow: hidden; width: 77%; min-height: 540px; float: right; margin-bottom: 120px;}
h5{ font-size: 1.7rem; margin: 0 0 20px;}
h5::before{ content: ''; display: block; width: 85px; height: 2px; margin-bottom: 20px; background:#940d1d; }

.concept_content >div{ width: 56%; display: inline-block; margin-right: 3%; line-height: 1.8;}
.concept_content img{ width: 44%; max-width: 330px; }
.concept_content p ,.service_content p{ margin-bottom: 1.5rem;}
.timeline-text{ position: relative; overflow: hidden; }
.timeline-text div{ background: #f5f3f3; padding: 20px; margin: 40px 0 40px 130px; }
.timeline-text div p { width: 100%;}
.history_year{ position: absolute; font-size: 2.2rem; color: #999; line-height: 1; }
.timeline-text::before{ content: ''; position: absolute; left: 105px; height: 135%; width: 1px; background: #940d1d; }
.timeline-text:last-child::before{ height: 100%;}
.timeline-text::after{ content: ''; position: absolute; left: 101px; top: 0; width: 10px; height: 10px; background: #940d1d; border-radius: 50%;}
.history_content img{ width: 100%; margin: 20px 0;  }
.img_three img{ width: calc(96%/3); margin: 20px 0 20px 2%; }
.img_three img:first-child{ margin-left: 0; }
.service_content div{ width: 54%; display: inline-block;line-height: 1.8; }
.service_content img{ width: 43%; max-width: 364px; }

.shop_menu{ display: inline-block; overflow: hidden; width: 100%; padding-bottom: 15px; font-size: 0; border-bottom: solid 1px #e3e1e2; }
.shop_menu li,.shop_menu a{ display: inline-block; font-size: 1rem;}
.shop_menu li{ margin-right: 15px;}
.shop_menu .line_btn{ padding: 5px 25px; }
.shop_infor { width: 100%; padding-top: 30px; margin-bottom: 100px; }
.shop_infor .photo_slider{ position: relative!important; margin: 0; width: 32%; height: auto; padding: 0; float: left;}
.photo_slider div.slick-slide{ margin:0 2% 0 0;}
.photo_slider .slick-dots{ margin-bottom:-10px;}
.shop_infor > div{ width: 66%; display: inline-block;}
.shop_infor > div > p{ font-size: 1.4rem; line-height: 1; margin-bottom: 10px;}
.shop_infor ul li:last-child p,.cha_line{ margin-left: 84px;}
.shop_infor ul{ margin-bottom: 20px;}
.shop_infor ul li{ line-height: 2 }
.shop_infor ul span{ font-weight: bold;}
.shop_infor ul i{ margin-left: 5px; }
.shop_brief{ position: relative; border-top: solid 1px #e3e1e1; padding-top: 20px;}
.more{ position: absolute; bottom: 0; right: 7px; }
.more,.more i,.more:hover{ color:#a9a9a9; }
.more{ position: absolute; bottom: 0; right: 7px; }
.morelink,.morelink i,.morelink:hover{ color:#a9a9a9; }
ul.break_date{ display: inline-block;}
.morecontent span { display: none;}
.morelink { display: inline-block;}

/* Winery */
#winery .page_top_area::before{ content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+27,000000+100&0+27,0.8+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 27%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 27%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 27%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */}
#winery .page_top_area{ position: relative; background: url('../img/brand_page/brand_page_titleBG01.jpg') top left no-repeat,#000; background-size: cover;}
.winery_title{ position: relative; height: 100%; color: #fff; margin: 0 20px; }
.winery_title h3{ font-size: 1.8rem }
.winery_title img{ width: 175px; margin-right: 15px; vertical-align: bottom; opacity: .9}
.winery_title > div{ position: absolute; bottom: 20px;}
.winery_title p{ color:#e4dede;}
.winery_brief{ display: inline-block;}
#winery .container{ position: relative;  padding: 60px 0; }
#winery .history_content >div{ width: 56%; display: inline-block; margin-right: 3%; line-height: 1.8; }
#winery .history_content img{ width: 44%; max-width: 330px; }
.repo_year{ position: absolute; left:48%; top: -45px; }
.year_photo{ width: 40%; margin-right: 2%; }
.year_photo img{ max-width: 310px; width: 100%; }
.rep_content { position: relative; overflow: hidden; }
.rep_content div p{ margin-left: 42%;}
.year_photo span{ display: block; max-width: 320px; font-size: 12vw; color: #3a37380a; line-height: .9; }
#winery .slick-slider{ position: relative!important; height: 100%; padding: 0 0 15px;}
#winery ul.slick-dots{ bottom: -30px; }
.wine_brief{ width: auto; margin: 0 20px; }
.wine_brief p{ width: 96%; }
.wine_brief h4{ font-size: 1.6rem; line-height: 1.4; margin-bottom: 10px; }
#winery  button.slick-prev:before,#winery button.slick-next:before{ font-size: 18px; color: #797979; }
#winery ul.slick-dots li button:before,.slick-dots li button{ border-radius: 0; width: 12px; height: 12px; }
ul.slick-dots li button:hover:before{ background: #940d1d;}
#winery .slick-prev,#winery .slick-next{ z-index: 99;}
#winery .slick-next{ right: 0px; border: solid 1px #999; width: auto; padding: 5px 0px 5px 10px; height: auto;}
#winery .slick-prev{ left: 0px; border: solid 1px #797979; width: auto; padding: 5px 9px 5px 0px; height: auto;}
#winery .slick-slide img{ float: left; max-width: 320px; margin-right: 15px; width: 220px; height: 340px;}
#winery .slick-dots li button{ border:solid 1px #999; }
#report .slick-prev, #report .slick-next{ top: 15px; }
#report .slick-list{ padding: 50px 0 20px; box-sizing: border-box; overflow: initial;}
#report .slick-initialized .slick-slide{ margin:0; padding: 20px; background: #fbfbfb; }

/* Search result */
.result_area{ margin: 20px 0; }
.result_infor p:first-child{ font-size: 1.4rem; border-bottom: solid 1px #999; margin-bottom: 10px }
.total_result > span{ font-size: 1.2rem; font-weight: bold; }
.no_result{ font-size: 1.4rem; color: #999 }
.search_text{ color: #7d1933; margin-left: 10px; }
.result_list { width: 100%; }
.result_list .table{ width: 100%; padding: 15px; margin: 20px 0; line-height: 1.5; }
.result_list .t-th { padding: 15px;  }
.result_list .t-tr{ background: #fff; box-sizing: border-box;}
.result_list .t-td{ padding: 15px; }
.result_list .t-tr:nth-child(odd){ background: #fbfbfb;}
.w-10{ width: 10%; }
.result_list .table .t-tr:first-child{ background: #000; color: #fff;}
.result_list .t-th.wine_width { white-space: pre-line;}
.result_list .t-th.w_10 { }
/* products */
#products .page_top_area,#products_items .page_top_area{ background: url('../img/bg_page_title03.png') top left no-repeat,#000; background-size: cover;}
.products_list,.food_list{  margin: 30px 0; overflow: hidden; }
.products_list div,.food_list div{ position: relative; overflow: hidden; float: left; width: 49%;
    height: 0; min-height: 300px; margin-right: 2%; margin-bottom: 20px;}
.products_list div a,.food_list div a{ display: inline-block; width: 100%; height: 100%; transition: all 0.5s ease; background-color: black; background-position: center; background-size: cover;}
/*.products_list div:first-child a{ background-image: url("../img/products/ac_list_pic01.jpg");}
.products_list div:nth-child(2) a{ background-image: url("../img/products/ac_list_pic02.jpg");}
.products_list div:nth-child(3) a{ background-image: url("../img/products/ac_list_pic03.jpg");}
.products_list div:nth-child(4) a{ background-image: url("../img/products/ac_list_pic04.jpg");}*/
.products_list div:nth-child(2n),.food_list div:nth-child(2n){ margin-right: 0 }
.products_list span,.food_list span{ position: absolute; bottom: 20px;width:100%; margin:0 auto; z-index: 1; font-size: 1.4rem; color: #fff; text-align: center;}
.products_list a:hover,.food_list a:hover{ transform: scale(1.2);}
.products_list a::before,.food_list a::before{ content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 17%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 17%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 17%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}

.items_type{ width: auto; padding: 35px 20px; text-align: center; }
.items_type h5{ display: inline-block; margin: 0 auto;}
.items_type h5::before{ margin: 0 auto 20px;}
.item_brand_box{ width: 100%; box-sizing: border-box; }
.series_box{ width: 100%; min-height: 320px; padding: 20px; overflow: hidden;  background: #fff; margin-bottom: 50px; border-bottom: solid 1px #efefef;}
.item_brand_intro{ width: 25%; float: left; padding-right: 20px; box-sizing: border-box;  text-align: center; }
.item_brand_intro img{ max-width: 135px; }
.item_brand_intro h4{ margin: 15px 0; font-size: 1.3rem; font-weight: bold; }
.item_brand_intro a{ display: inline-block; padding: 5px 20px;}
.series_list{ width: 75%; float: right; }
.series_infor img{ width: 25%; display: inline-block; margin-top: 15px; vertical-align: top; max-width: 135px; }
.series_name{ position: relative; padding: 10px; background: #f4f3f3; border:solid 1px #d2d0d1; cursor: pointer; margin-top: -1px;}
.series_name i{ position: absolute; top:15px; right: 20px; } 
.series_name h6{ font-size: 1rem;}
.series_infor_text h6{ display: inline-block; width: auto; font-size: 1.3rem; border-bottom: solid 1px #000; }
.series_infor{ width: 100% ; padding-bottom: 10px;}
.series_infor_text{ margin: 2%; width: 70%;  display: inline-block; }
.series_infor_text p{ margin: 15px 0 10px 0;}

/* Brands */
#brands .page_top_area{ background: url('../img/bg_page_title02.png') top left no-repeat,#150f1b; background-size: cover;}
.h_menu_wrap{ position:relative; margin:20px auto; overflow:hidden; height:67px;}
.h_menu_wrap i{ color: #333; }
.h_menu_wrap i:after{ position: absolute; top: 8px; left: 5px; content: ''; z-index: -1; width: 6px; height: 11px; background: rgba(255,255,255,.8);}
.sl{ position: absolute; left: 5px; top: 15px; z-index: 5}
.sr{ position: absolute; right:5px; top: 15px; z-index: 5 }
.menu_item{ white-space:nowrap; border-bottom: solid 1px #666;	overflow-x: scroll; overflow-y: hidden;}
.menu_item li{ display: inline-block; text-align: center;}
.menu_item li a{ display:inline-block; min-width:65px; padding: 10px 16px; line-height: 1.2;}

.hidden {display: none;}
.menu_item li .active{ background: #7d1933; color: #fff; }
.menu_item li span{ display: block; font-size: 15px; }

.brands_list{ width: 100%;  margin: 20px 0; overflow: hidden;}
.brands_list > div{ float: left; margin-right: 2%; margin-bottom: 2%; width: calc(93.2%/4); text-align: center; }
.brands_list > div:nth-child(4n){ margin-right: 0; }
.brands_logo a{ width: 100%; }
.brands_list a:hover img{ border-color: #a2163b; }
.brands_logo div{  display: inline-block; }
.brands_list > div img{ width: 100%; border: solid 1px #999; box-sizing: border-box;}

/* food */
#related_food_items .page_top_area,#related_food .page_top_area{ background: url('../img/bg_page_title04.jpg') top left no-repeat,#000; background-size: cover;}
.food_list div a{ background-size: contain!important; }

/* Event */
#events .page_top_area{ background: url('../img/bg_page_title05.png') top left no-repeat,#150f1b; background-size: cover;}
#events .ev_list{ margin: 20px 0 0; }
.ev_category,.ev_category ul,.ev_category li{ display: inline-block; }
.ev_category{ width: 100%; padding: 10px 0; margin-top: 10px; margin-bottom: 15px; border-bottom: solid 1px #ddd; }
.ev_category .active{ font-weight: bold; color: #a2163b; font-size: 1rem }
.ev_category li:first-child a{ border-left:none;}
.ev_category li a{ font-size: 15px; padding: 0 15px; border-left: solid 1px #ddd; }
.ev_list{ margin: 10px 0 0 ; overflow: hidden; }
.ev_list ul .img{ width: 260px; height: 170px; background-size: 100%; background-position: center; margin: 0 2% 0 0; background-size: cover; float: left; overflow: hidden;  }
.ev_list li{ padding-bottom: 20px; line-height: 1.5; overflow: hidden; margin-bottom: 20px; border-bottom: solid 1px #ddd; }
.ev_list li .btn{ position: absolute; bottom: 0; font-size: 12px; padding: 0px 8px; }
.ev_date{ display: block; line-height: 1.3; font-size: 13px; color: #666; }
.ev_list h3{ font-size: 1.5rem; font-weight: 600; line-height: 1.8;  }
.ev_list p{ line-height: 1.7; overflow: hidden ; color: #666}
.ev_list div{ position: relative; min-height: 169px; margin-left: 260px;}

/* events single page */
#events_single{ background: #fbfbfb }
#events_single .container{ max-width: 1000px; }
.ev_normal,.ev_record{ width: 100%; margin:10px 0 20px; background: #fff; padding: 3%; box-sizing: border-box; border: solid 1px #eee; border-radius: 10px; }
.ev_title{ border-bottom: solid 1px #eee;}
.ev_title h3,.ev_record h3{ font-size: 1.8rem; line-height: 1.5; font-weight: bold; margin: 10px 0; }
#ev_slick .slick-dotted.slick-slider{ position: static;}
#ev_slick .slick-initialized .slick-slide{ margin: 0; }
#ev_slick .slick-slide img{ width: 100%; display: block; max-width: 938px; }
#ev_slick  ul.slick-dots{ background: rgba(0,0,0,.3); padding: 5px; bottom: 2px;}
#ev_slick .slick-dotted.slick-slider{ position: relative!important; height: auto; margin: 20px 0 0 0; }
#ev_slick .oneimgfix{ position: relative!important; height: auto; margin: 20px 0 0 0;}
.ev_text{ margin: 20px 0; }
.lt_rp ,.rp_lt{ width: 100%; overflow: hidden; margin-bottom: 20px; }
.sep_line{ display: block; width: 100%; height: 1px; margin: 30px 0; background: #aaa;}
.lt_rp  p{ display: inline-block; width: 58%; float: left;}
.rp_lt p{ display: inline-block; width: 58%; }
.lt_rp img{ width: 40%; margin-left:2%;}
.rp_lt img{ width: 40%; margin-right:2%; float: left;}
.ev_re_photo{ margin: 20px 0; display: inline-block; }
.ev_re_photo ul{ width: 100%; display: inline-block; font-size: 0;}
.ev_re_photo li{ display: inline-block; margin-right: 2%; margin-bottom: 2%; width: calc(100%/5.47); background: #000 }
.ev_re_photo li:nth-child(5n){ margin-right: 0;}
.ev_re_photo li img{ width: 100% }

/* contact */
#contact{-webkit-box-sizing:border-box;box-sizing:border-box}
#contact .container{padding:60px 0}
#contact .page_top_area{background-image:url("../img/bg_page_title07.jpg");background-size:cover;background-position:center right}
.contact_form{max-width:960px;margin:0 auto}
.contact_form .form-group{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:10px}
.contact_form .form-group>label{width:220px;color:#3a3738;line-height:40px;border-right:1px solid #ddd;padding-right:2%;margin-right:2%;margin-bottom:15px}
.contact_form .form-group>label span{font-size:12px;margin-left:5px}
.contact_form .form-group>label span.square{display:inline-block;vertical-align:middle;width:6px;height:6px;background:#7d1933;margin:0 5px 0 0}
.contact_form .form-group select{width:500px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:1px solid #ddd;height:40px;padding:0 10px;border-radius:5px;line-height:40px;margin-bottom:15px;font-size:16px}
.contact_form .form-group input{width:500px;height:40px;padding:0 10px;margin-bottom:15px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border:0;border-radius:5px;line-height:40px;background:#f1f1f1;font-size:16px}
.contact_form .form-group textarea{width:500px;height:200px;padding:0 10px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:16px;line-height:40px;border:0;background:#f1f1f1}
.contact_form .form-group .radio_box{width:500px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.contact_form .form-group .radio_box input{display:none}
.contact_form .form-group .radio_box label{display:block;height:40px;padding:0 10px;line-height:40px;background:#f1f1f1;margin-bottom:10px;cursor:pointer}
.contact_form .form-group .radio_box input[type="radio"]:checked ~ label{color:#fff;background:#7d1933}
.contact_form .form-group .sendbtn{width:200px;-webkit-box-flex:unset;-ms-flex-positive:unset;flex-grow:unset;margin:0 auto;border:1px solid #7d1933;border-radius:0;color:#7d1933;background:#fff;cursor:pointer}
.contact_form .form-group .sendbtn:hover,.contact_form .form-group .sendbtn:active{background:#7d1933;color:#fff}
.contact_form .form-group.center-check{margin-top:60px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.contact_form .form-group.center-check input[type="checkbox"]{display:none}
.contact_form .form-group.center-check label{width:100%;border:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}
.contact_form .form-group.center-check label span{display:block;width:16px;height:16px;margin-right:5px;border:1px solid #3a3738}
.contact_form .form-group.center-check input[type="checkbox"]:checked ~ label span{border:1px solid #3a3738;background:#7d1933}
.contact_form .legal_check{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px}
.contact_form .legal_check a{color:#7d1933}
.contact_form .legal_check a:hover{text-decoration:underline}
.contact_form .legel_box{display:none;width:100%;height:220px;padding:20px;overflow-y:scroll;background:#f1f1f1}
.contact_form .legel_box p{font-size:14px;line-height:1.2}
.contact_form .legel_box ul{padding-left:20px}
.contact_form .legel_box ul li{font-size:14px;list-style:decimal;line-height:1.2;margin-bottom:5px}
.contact_form .legel_box .sec_ul{padding-top:5px}
.contact_form .legel_box .sec_ul li{list-style:disc}


/* 404 */
.error_box{ padding: 30px 0 200px; background: url('../img/red_winrBG.jpg')0% 0 no-repeat; background-size: contain;}

/* Footer */
footer{ padding-top:30px; margin-top: -1px; padding-bottom:20vh; width: 100%; /*background: #1a1819;*/ background:#4f4f4f; text-align: center; clear: both;}
footer p{ color: #999; font-size: 12px;}
footer img{  width: 137px; vertical-align: middle;}
.footer_logo{ width: 300px; margin: 10px auto; }
.footer_logo .fb{ font-size: 1.8rem; margin-left: 7px; display: inline-block; }
.warning {display:block; width:100%; height:15vh; position:fixed; z-index:99; bottom:0px; left:0px; /*background: #706d6e;*/ background:black; color:white; font-size: 1.8rem;}
.warning img {display:block; width:100%; height:100%; margin:auto;}
.warning img.img1500, .warning img.img1200, .warning img.img980, .warning img.img800, .warning img.img650, .warning img.img450, .warning img.img350 {display:none;}
.page_title p{  font-size: 1.4rem; text-shadow: 0 1px 5px #000;}
.page_title span{ display: block; font-size: 1rem;}
.page_title span::before{ content: ''; display: block; width: 50px; height: 1px; margin: 0 auto; background: rgba(255,255,255,.5); }
.fb{ display: block; color: #fff; }


/* footer */
@media only screen and (max-width: 1500px){
	.warning img.img1920 {display:none;}
	.warning img.img1500 {display:block;}
}
@media only screen and (max-width: 1200px){
	.warning img.img1500 {display:none;}
	.warning img.img1200 {display:block;}
}
@media only screen and (max-width: 980px){
	.warning img.img1200 {display:none;}
	.warning img.img980 {display:block;}
}
@media only screen and (max-width: 800px){
	.warning img.img980 {display:none;}
	.warning img.img800 {display:block;}
}
@media only screen and (max-width: 650px){
	.warning img.img800 {display:none;}
	.warning img.img650 {display:block;}
}
@media only screen and (max-width: 450px){
	.warning img.img650 {display:none;}
	.warning img.img450 {display:block;}
}
@media only screen and (max-width: 350px){
	.warning img.img450 {display:none;}
	.warning img.img350 {display:block;}
}



/* For mobile */
@media only screen and (max-width: 1110px){
	 #about_us section{ margin-right: 20px; }
	 #accessories .container{ margin: 0 20px; }
	 .aside_menu{ width: 18% }
	 ul.aside_menu { left: 20px; }
	 .products_list,.food_list{ margin: 30px 20px; }
	 .ev_s_wrap{ margin:0 20px; }
	
}
@media only screen and (max-width: 1080px){
	 .result_area,.brands_area,#events .ev_list{ margin: 20px;}
	 #about_us section,#winery section{ margin-right: 20px; }
	 ul.aside_menu { left: 20px; }
	 .products_list div,.food_list div{ min-height: 240px;}
}
@media only screen and (max-width: 1024px){
 .main-carousel.slick-initialized .slick-slide{ max-height: 50vh;}
 .brands_list > div{ width: calc(93%/4);}
 .concept_content >div,#winery .history_content >div { width: 53%;}
 .aside_menu ul{ max-width: 180px;}
}
@media only screen and (max-width: 960px){
	.aside_menu,.aside_menu ul{ width: 100%; max-width: 160px;}
	.ev_list h3 { font-size: 1.4rem; line-height: 1.5;}
	.year_photo span{ font-size: 15vw;}
	.search_wrap { width: 100%; padding:0 20px; box-sizing: border-box;}
}
@media only screen and (max-width: 830px){
	header select{ right: 70px; top: 30px;}
	nav{ display: none; }
	.menu ul{ display: none;}
	.m_menu_btn{ display: block; }
	.openmenu { width: 100%; height: 100%; background: rgba(0, 0, 0,.9); position: fixed; z-index: 9999; text-align: center;}
	.m_menu { position: absolute; top: 50%; left: 50%; width: 70%; display: block; padding: 0;
    -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
	.m_menu_close{ position: absolute; top: 4%; right:5%;}
	.m_menu_close i{ font-size: 2.2rem; color: #fff; cursor: pointer;}		
	.brands_list > div{ width: calc(93%/4);}
	.aside_menu, .aside_menu ul { max-width: 140px;}
}
@media only screen and (max-width: 768px){
 	.aside_menu{ position: static; width: 100%; margin:-60px auto 0; overflow: hidden;}
 	.aside_menu li{ display: inline-block; width: calc(100%/5);float: left; background: #FFF;}
 	.aside_menu .go_top{ display: none!important;}
 	.aside_menu{ border-bottom: solid 1px #ddd; }
 	.aside_menu ul{ max-width: 100%; margin-top: 0;}
 	.aside_menu li a{  padding: 5px 0;}
 	.aside_menu,.aside_menu ul{ max-width:none; z-index: 510; }
 	#about_us section,#winery section{ clear: both; padding: 40px 20px 40px; width: 100%; margin: 0; box-sizing: border-box;}
 	.series_infor_text{ width: 100%;}
 	.item_brand_intro h4{ font-size: 1.2rem;}
 	.ev_list h3{ width: 95%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
 	.ev_re_photo li{ width: calc(100%/5.48);}
     
     .contact_form{width:94%}
     .contact_form .form-group{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0}
     .contact_form .form-group>label{width:100%;border:0;padding-right:0;margin:0}
     .contact_form .form-group .radio_box label{height:auto}
     .contact_form .form-group.center-check{margin:40px 0 20px 0}
   
}

@media only screen and (max-width: 640px){
	 .main-carousel.slick-initialized.slick-slide{ height: auto;}
	 .main-carousel.slick-list.slick-track{}
	 .banner_area h2 p{ margin: 0 15px; font-size: 24px; }
	 .wine_search_box{ padding: 0 15px;}
	 .type_year input{ width: calc(87%/2);}
	 .shop_menu .line_btn { padding: 5px 15px;}
	 .shop_menu li:last-child{ margin-top: 20px; }
 	.concept_content >div{ width: 100%;}
	.service_content div {  width: 100%; margin-left: 0;}
 	.concept_content img,.service_content img{ width: 60%; float: none; margin: 0 20%; padding: 15px 0 0;}
 	#winery .slick-slide img{ float: none; margin: 0 auto;}
 	.wine_brief{ text-align: center; margin: 15px 0; }
 	.products_list div,.food_list div{ margin-bottom: 15px; min-height: 200px; }
 	.item_brand_intro img{ float: left}
	.item_brand_intro{ width: 70%; margin: 0 auto;}
 	.item_brand_intro,.series_list{ float: none; width: 100%; padding-right: 0; overflow: hidden; }
 	.series_list{ margin-top: 30px }
 	.series_infor img{ width: 135px; margin: 0 0 10px 0; }
 	.series_infor{ padding: 15px 0; text-align: center;}
 	.series_infor p{  text-align: left;}
 	.series_infor_text{ margin: 0 }
 	.brands_list > div{ width: 47.5%; margin-bottom: 4%; max-width: none;}
 	.brands_list > div{ margin-right: 4%;}
	.brands_list > div:nth-child(2n){ margin-right: 0;}
	.result_list { overflow-x: auto; }
	.ev_list li .btn{ position: relative; margin-top: 10px; }
	.ev_list h3 { width: 100%; white-space: normal; font-size: 1.5rem; line-height: 1.5;}
	.ev_list ul .img{ float: none; width: 100vw;  height: 250px; display: block; margin-bottom: 10px;}
	.ev_list div{ margin-left: 0; }
	.lt_rp p{ float: none; width: 100%; }
	.rp_lt p{ width: 100%; }
	.lt_rp img,.rp_lt img{ margin: 0; width: 100%; margin: 20px 0; }
	.rep_content div p{ margin: 0 }
	.year_photo span{ max-width: none; text-align: center; }
	.year_photo{ margin-right: 4%;}
	.year_photo{ float: none; width: 100%; margin-bottom: 15px;}
	.series_list .series_item:first-child .series_name{ margin-top: 0;}
	.s_type_title { float: none; width: 100%; margin-bottom: 10px; text-align: left;}
	.s_area .search_tab,.search_wrap .wine_year{ width: 100%; }
	.s_winery ul{ width: 100%; }
	.search_wrap .wine_year select{ width: 35%;}
	.search_tab,.search_wrap .wine_year,.s_winery ul{ border: none;}
}
@media only screen and (max-width: 567px){
	.ev_re_photo li{ width: calc(100%/4.38);}
	.ev_re_photo li:nth-child(4n){ margin-right: 0; }
	.ev_re_photo li:nth-child(5n){ margin-right: 2%; }
}
@media only screen and (max-width: 540px){
	.wine_search_box p {font-size: 3rem;}
	.type_year input{ width: 43%;}
	.wine_search_box i{ top: 3%;}
	.photo_slider div.slick-slide{ margin:0;}	
	.shop_infor .photo_slider,.shop_infor > div{ width: 100%; margin-bottom: 20px;}
	.shop_infor ul span{ display: block; }
	.shop_infor ul li { margin-bottom: 10px; line-height: 1.7;}
	.shop_infor ul li:last-child p{ margin-left: 0;}
	.concept_content >div, #winery .history_content >div{ float: none; width: 100%; margin-bottom: 15px; }
	#winery .history_content img{ width: 100%; float: none; }
	.search_wrap .type_wine_name input { width: 75%;}	
	.s_winery ul li{ width: 50%; }
	.s_winery ul li a{ line-height: 1.5 }
	#dyscrollup-btn{ right: 12px!important; bottom: 100px; }
}

@media only screen and (max-width: 480px){
	.logo {width:120px; top:20px;}
	.hd_sns {left:150px;}
	.page_top_area{ height: 240px; }
	.page_title h3{ width: 150px; height: 150px; padding-top: 42px;}	
	.aside_menu li{ width: calc(100%/3);}
	.type_year input { width: 42%;}
	.ev_list ul .img{ height: 200px;}
	.ev_re_photo li { width: calc(100%/3.21);}
	.ev_re_photo li:nth-child(4n){ margin-right: 2%; }
	.ev_re_photo li:nth-child(3n){ margin-right: 0; }
	.winery_title img { width: 90px;}
	.winery_title h3{ font-size: 1.3rem; white-space: nowrap; }
	.winery_title p,.breadcrumb{ font-size: 12px; }
	.wine_brief p{ text-align: left;}
	.wine_brief h4{ font-size: 1.3rem; text-align: left;}
	#recommend .slick-slide img { max-width: 180px;}
	.products_list div, .food_list div { min-height: 155px;}
	.year_photo{ margin-bottom: 0; }
	#winery .slick-slide img{ max-width: 150px; margin: 0 15px 0 0; float: left; height: auto;}
	.products_list, .food_list { margin: 20px 3%;}
	.result_area, .brands_area, #events .ev_list { margin: 3%;}
	.products_list div a, .food_list div a{ background-size: cover!important;}
	.search_wrap .wine_year select,.search_wrap .type_year,.s_winery ul li{ width: 100%;}
	.type_year{ margin-top: 20px; }

}

@media only screen and (max-width: 414px){
	body{ font-size: 15px;}
	#age_gate > div { padding: 40px; max-width: 250px; margin: 35% auto;}
	#age_gate img { width: 165px;}
	#age_gate p{ font-size: 15px;}
	.logo {max-width:100px; top:25px; left:15px;}
	.hd_sns {left:130px;}
	.hd_sns a {margin-right:10px;}
	.hd_sns img {width:25px;}
	.m_menu a { font-size: 1.1rem; line-height: 2.9;}
	.wine_search_box p {font-size: 2.5rem; margin: 0 0 -10px 0;}
	.warning,.ev_title h3, .ev_record h3{ font-size: 1.4rem; }
	.no_result{ font-size: 1.2rem;}
	.infor_link{ padding: 0 15px;}
	.banner_area p{ font-size: 1.5rem; line-height: 1.5;}
	.banner_area p:before{ left: -20px;}
	.banner_area p:after{ right: -20px;}
	.black_cover>div { top: 50%;}
	.type_year input { width: calc(84%/2);}
	.history_year{ position: static; margin-left: 15px; font-size: 1.8rem;}
	div.history_content > div:last-child{ margin-bottom: 0;}
	.timeline-text div{ margin: 15px 0;}
	.timeline-text::before{ left: 0;}
	.timeline-text::after{ left: -5px; }
	.tab_content div:first-child select:first-child, .wine_year select,.tab_content > div{ margin: 0 0 15px;}
	.tab_content select, .type_year{ width: 100%; }	
	.type_year input { width: 45%;}
	.year_photo span { display: none;}
	.year_photo span { font-size: 100px;}
	.result_list .t-td,.result_list .t-th{ padding: 10px;word-wrap: break-word;}
	.menu_item li a { padding: 8px 8px;}
	.ev_category li a{ padding: 0 15px;}
	.wine_brief h4{ margin-bottom: 20px;}
	.ev_list h3,.wine_brief h4{ font-size: 1.3rem;}
	.ev_re_photo li { width: calc(100%/2.09);}
	.ev_re_photo li:nth-child(3n){ margin-right: 2%; }
	.ev_re_photo li:nth-child(2n){ margin-right: 0; }
	#recommend .slick-initialized .slick-slide{ margin: 0; }
	#winery .slick-slide img { }
	#winery .slick-prev,#winery .slick-next{ top: 40%;}
	.item_brand_intro img {  max-width: 100px;}
	.item_brand_intro { width: 90%;}
	.shop_menu .line_btn { padding: 3px 10px; font-size: 14px;}
	.table{ font-size: 14px;}
	.search_wrap .line_btn{ margin: 15px 0 0;}
	.search_tab a{ font-size: 15px; padding: 5px 15px;}
	.result_list .t-th.wine_width{ max-width: 200px;}
	.search_wrap .type_wine_name input { width: 65%; margin-right: 2%;}
}
@media only screen and (max-width: 375px){
	.openmenu img{ width: 115px; }
	.ev_category li{ margin-bottom: 10px; }
	.ev_list p{ margin-bottom: 10px; font-size: 14px}
	.ev_list li a{ position: static; }
	#winery ul.slick-dots .slick-dots li{ width: 15px; height: 15px;}
	.series_infor_text h6,.wine_brief h4 { font-size: 1.1rem; }
	.brands_area { margin: 15px;}
	.brands_list h4{ font-size: 1rem; line-height: 1.5; }
}
@media only screen and (max-width: 360px){
	.logo img { width: 90%;}
	#age_gate img { width: 148px;}
	#age_gate > div { padding: 25px; max-width: 230px; margin: 40% auto;}
	.ev_category li a { font-size: 13px; }
	.result_list{ font-size: 12px;}
	.wine_search_box p { font-size: 2rem;}
	.item_brand_intro h4 { font-size: 14px; margin: 0 0 15px 0;}
	.item_brand_intro img {  max-width: 80px;}
	.products_list div, .food_list div { min-height: 130px;}
}