@charset "utf-8";
/*字型-思源黑體*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&subset=chinese-traditional');*/
/*字型-fontawesome Pro*/
/*@import url('https://pro.fontawesome.com/releases/v5.8.2/css/all.css');*/
/*卷軸外掛*/
@import url('../js/lib/mCustomScrollbar/jquery.mCustomScrollbar.min.css');
@import url('animate-min.css');


/* reset */
*{margin: 0;padding: 0;font-size: 16px;box-sizing: border-box;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline: none;font-family: 'Noto Sans TC','Microsoft JhengHei','Apple LiGothic Medium','Arial',sans-serif;}html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}body{margin: 0;-webkit-overflow-scrolling: touch;text-align: center;}: before,: after,i{font-family: ,'icomoon','Font Awesome 5 Pro','Font Awesome 5 Free','Font Awesome 5 Brands','fontawesome','Microsoft JhengHei',Arial,'Microsoft JhengHei','Apple LiGothic Medium',sans-serif;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,div,a{display: block;box-sizing: border-box;position: relative;}a{background: transparent;text-decoration: none;color: inherit;cursor: pointer;line-height: 1em;display: inline-block;font-size: inherit;}a: active{outline: 0;}b,strong{font-weight: bold;font-size: inherit;}dfn{font-style: normal;}img{width: 100%;height: auto;max-height: 100%;border: 0;vertical-align: middle;line-height: 0;font-size: 0;flex-shrink: 0;}input,textarea,button,select,option{border: 0;margin: 0;outline: none;padding: 0;font-size: 1.6rem;font-family: /*'Noto Sans TC','Open Sans',*/'Microsoft JhengHei','Apple LiGothic Medium','Arial',sans-serif;-webkit-appearance: none;-moz-appearance: none;/*-ms-appearance: none;appearance: none;*/}textarea{resize: none;}select: : -ms-expand{display: none;}input: : -moz-placeholder,textarea: : -moz-placeholder{color: #ccc;}input: -ms-input-placeholder,textarea: -ms-input-placeholder{color: #ccc;}input: : -webkit-input-placeholder,textarea: : -webkit-input-placeholder{color: #ccc;}table{border-collapse: collapse;border-spacing: 0;}td,th{padding: 0;}h1,h2,h3,h4,h5,h6,p,figure,form,blockquote{margin: 0;font-weight: normal;line-height: 1em;margin-bottom: 0;}ul,ol,li,dl,dd{margin: 0;padding: 0;}ul,ol{list-style: none;box-sizing: border-box;}
/* reset */


/*loading*/
.loading{width:100vw; height:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; display:flex; justify-content:center; align-items:center; background-color: rgba(0,0,0,.8);}/*loading 圖*/.loading-circle circle{-webkit-animation:c1_2 9s linear infinite,c1_3 4.5s infinite; -moz-animation:c1_2 9s linear infinite,c1_3 4.5s infinite; animation:c1_2 9s linear infinite,c1_3 4.5s infinite; stroke-width:2px;}@-webkit-keyframes c1_2{0%{stroke-width:0;} 10%{stroke-width:4;} 75%{stroke-width:4;} 90%{stroke-width:0;} 100%{stroke-width:0;} }@-webkit-keyframes c1_3{0%{stroke-dasharray:104,156; stroke-dashoffset:-52;} 16%{stroke-dasharray:1,156; stroke-dashoffset:-52;}16.01%{stroke-dasharray:1,156; stroke-dashoffset:-208;} 33%{stroke-dasharray:104,52; stroke-dashoffset:-104;}33.01%{stroke-dasharray:104,52; stroke-dashoffset:-104;} 49%{stroke-dasharray:1,156; stroke-dashoffset:-104;} 49.01%{stroke-dasharray:1,156; stroke-dashoffset:52;} 66%{stroke-dasharray:104,52; stroke-dashoffset:156;}66.01%{stroke-dasharray:104,52; stroke-dashoffset:156;} 82%{stroke-dasharray:1,156; stroke-dashoffset:156;}82.01%{stroke-dasharray:1,156; stroke-dashoffset:156;} 99.99%{stroke-dasharray:104,52; stroke-dashoffset:256;}}
/*END  loading 圖*/

/* Firefox隱藏滾動bar */

:after,:before{ font-family: 'icomoon','Linearicons-Free',"微軟正黑體";}
html {
    overflow: -moz-hidden-unscrollable;
    /* height: 100%; */
}
/* Chorme隱藏滾動bar */
body::-webkit-scrollbar {
    display: none;
}

body {
	/* IE/Edge隱藏滾動bar */
    -ms-overflow-style: none;
    /* Firefox隱藏滾動bar */
    height: 100%;
	overflow: auto;

	margin-top: 50px;
	
	/*文字對齊*/
	text-align: left;
	text-justify:inter-ideograph;
	-ms-word-break: break-all;
	-ms-word-wrap: break-all;
	-webkit-word-break: break-word;
	-webkit-word-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;

} 


/*卷軸*/
.mCSB_inside>.mCSB_container{ margin-right:0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color:#fff; }
.mCSB_scrollTools .mCSB_draggerRail{ background-color:rgba(255,255,255,.4); }


/*共用內容*/
html,body{ background: #fff8fd; }
html{ position:relative; }
html.fixed{ position:fixed; }
body{ height:100%; min-height:100vh; position:relative; overflow-x:hidden; font-size: 10px;}
/*為了解決footer下方謎樣空白*/
iframe{ position:absolute; }
.opentitletxt{color:#ffed00;text-align: center;font-size: 2rem;margin-top: 60px;}
.notice ul li a{ color: #0012ff;text-decoration: underline; }

h2, h2 span { width: fit-content; font-size: 28px; font-weight: bold; color: #bd916e; line-height: 1.2; }
h2 span { white-space:nowrap; }

/*header*/
header{ position:fixed; top:0; left:0; width:100%; z-index:90; transition:all .6s ease-in-out; background: #c1599d;}
header .header-container{ display:flex; justify-content:space-between; align-items:center; padding:15px 25px; }
header .header-container .logo{ width:145px; height:27px; display: hidden; }
header .header-container .logo svg{ width:auto; height:100%; }
header .header-container .logo svg > *{ fill:#fff; }
header nav{ position:fixed; bottom:0; left:0; width:100%; height:0; overflow:hidden; transition:background .3s cubic-bezier(.17,.67,.83,.67); transform:translateY(0);background:#c1599d;}
header nav .mainMenu-box{ width:100%; height:100%; overflow:auto; border-radius:20px; background:#fff;}
header nav ul.mainMenu{ display:flex; justify-content:center; flex-wrap:wrap; flex-direction:column; align-items:center;  margin:30px 15px; padding-right:30px;  }
header nav ul.mainMenu > li{list-style-type: none; text-align:left; margin:0 15px; padding: 0.7em 0; font-size:1.8rem; width:100%; max-width:480px;}
header nav ul.mainMenu > li h4{ color:#f72f33; border-left:solid 4px #f72f33;font-size:.8em; font-weight:600; display:block; margin: 0 0 .8em 0; padding-left:.4em; } 
header nav ul.mainMenu > li > a{ width:100%; border-radius:50px; padding: 0; font-size:0.7em; line-height:1.3em; } 
header nav ul.mainMenu > li > a:after{ content:''; width:0; height:2px; background:#fff; display:block; transform:translateY(6px); transition:all .6s;}
header nav ul.mainMenu > li + li{ border-top:dotted 2px #000; }
header nav ul.mainMenu > li > a.mtop{padding-top:0em; }
.navToggle{ width:37px; height:27px; box-sizing:border-box; cursor:pointer;}
.navToggle span ,.navToggle span:before ,.navToggle span:after{ display:block; width:100%; height:4px; background:#fff;} 
.navToggle span{ position:relative; top:50%; transform:translateY(-50%);}
.navToggle span:before ,.navToggle span:after{ content:''; position:absolute; }
.navToggle span:before{ top:-10px; }
.navToggle span:after{ bottom:-10px; }

.navToggle.navToggle01 span{ transition:background .3s .6s;}
.navToggle.navToggle01 span:before{ transition:transform .1s .3s ,top .3s .7s; }
.navToggle.navToggle01 span:after{ transition:transform .1s .3s ,bottom .3s .7s;}
.navCheck{ display:none; font-size:0; opacity:0; pointer-events:none; }
.navCheck:checked ~ .navToggle.navToggle01 span{ background:none; transition:background 0s;}
.navCheck:checked ~ .navToggle.navToggle01 span:before{ top:0; transform:rotate(135deg); transition:top .2s .1s,transform .2s .6s;}
.navCheck:checked ~ .navToggle.navToggle01 span:after{ bottom:0; transform:rotate(225deg); transition:bottom .2s .1s,transform .2s .6s;}
.navCheck:checked ~ nav{ padding:60px 25px 30px; max-height: 100vh; width: 100vw;}



/* ---------- 頁面滑動動態 ---------- */

header.hide{ transform:translateY(-240%); }

/* tabs scroll fixed */
.tabs.scrollfixed{ position: fixed; left: 0; top: 0; z-index: 999; transition:all .6s ease-in-out;}
.tabs.hastop{ top: 57px; transition:all .6s ease-in-out; }


/* ---------- 內容 ---------- */
.D\(f\) { display: flex; }
.FW\(w\) { flex-wrap: wrap;}
picture { width: 100%; }
.bg\(\#e6d0e2\){background-color: #e6d0e2;}
.bg\(\#ffedfd\){background-color: #ffedfd;}
.bg\(\#000000\){background-color: #000000;}
.bg\(\#f0f0f0\){background-color: #f0f0f0;}
.bg\(\#ed6c00\){background-color: #ed6c00;}
.bg\(\#ff5353\){background-color: #ff5353;}
.bg\(\#d95185\){background-color: #d95185;}
.bg\(\#f8ccd7\){background-color: #f8ccd7;}
.bg\(\#f3a8bb\){background-color: #f3a8bb;}
.bg\(\#eaeccd\){background-color: #eaeccd;}
.bg\(\#d5e9c9\){background-color: #d5e9c9;}
.text\(\#DC000C\){color: #DC000C;}
.text\(\#EA5305\){ color: #EA5305;}
.text\(\#ffef01\){color: #ffef01;}
.text\(\#ffffff\){color: #ffffff;}
.text\(\#5a207b\){color: #5a207b;}
.text\(\#e9518e\){color: #e9518e;}
.red-text{color: #e70000; font-weight: bold; font-size:16px;}

.contant {  display: flex; justify-content: center; flex-wrap: wrap; }

/* 
完售 
*/
.soldout { position:relative; }
.soldout:before{ position:absolute; display:block; content:''; width:100%; height:100%; background:url('../images/soldout.png') center center no-repeat; background-size:auto 60%; z-index:2; transition:all .6s;}
.soldout-big:before{ background-size:auto 80%; }


/*
優惠活動
*/
.banner { width: 100%; }
.banner2 img { border-radius: 20px; border: 5px solid #e4b8d6;}


/* wrap */
.wrap{ box-sizing: border-box;o}

/* 
kv 
*/
.kv-container { width: 100vw; max-width: 100vw; height: 100%; display: flex; justify-content: center; padding: 0; flex-direction: column; align-items: center;}
.kv-container img { width: 100vw; }

.event-container { width: 100%; max-width: 1100px; }

/* 
標題 
*/
.event-title{ width: 100%; max-width: 1100px; border-bottom: 3px solid #bd916e; margin: 0 auto 40px auto; padding: 30px 20px; font-size: 28px; color: #bd916e; font-weight: bold; text-align: center;margin-top: 30px; display: flex; justify-content: center; }
.event-title .date{ width: 340px; position: absolute; border: 3px solid #bd916e; border-radius: 100px; font-size: 18px; padding: 8px; color: #bd916e; background: #fff; bottom: -23px; left:calc(50% - 170px);}
.event-title img { width:auto; height:28px; }
.event-title img.icon-l { transform: scaleX(-1); }
.event-title.no-date { margin: 30px auto; padding: 5px 50px}


.opentitletxt{color:#ffed00;text-align: center;font-size: 1.2rem;margin-top: 10%;}


.l-store .event-title { margin: 0 auto 30px auto;}


/*footer*/
footer{text-align:center; padding:15px; display: flex; flex-direction: column; justify-content: center; background-color:#c1599d; color: #fff; }
footer img{width: 100%; height:100%;}
footer div p{ font-size:0.8rem; line-height: 1.5em;text-align: center;}

/* TOP- */
.btn-top { width: 50px; height:50px; position:fixed; right:10px; bottom:60px; cursor:pointer; z-index: 999; display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; font-weight: bold; background:#c1599d; border-radius:25px;} 
.btn-top img{ width:auto; height:50px; }

/* 注意事項 */
.notice h2 { font-size: 16px; margin-bottom: 5px; line-height: 1.5; }
.notice p { font-size: 14px; color: #151515; }
.notice ul { list-style: decimal; margin-left: 2em;  }
.notice ul li { font-size: 14px; color: #151515; line-height: 1.5; margin-bottom: .5em; }
.notice ul li span {font-size: 14px; font-weight: bold; color: #e70000;}

/* 表格 */
table { margin:5px 0;border: 1px solid #000;width: 95%; }
th, td { text-align: center; padding: 5px 5px; font-size: 14px;}
th { background: ; color: #000; }


/* 
收納注意事項 
*/
.accordion {
  width: 100%;
  border-radius: 0px;
  /*margin-bottom: 80px;*/
}
.accordion .item {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 15px 0 10px 0;
}

.accordion .item label.menulabel {
  display: block;
  width: 100%;
  background-color: #F5F5F5;
  color: #444;
  border: 1px solid #dddddd;
  font-size: 1.8em;
  line-height: 1.2em;
  font-weight: bold;
  border-radius: 0px;
  position: relative;
  padding: 10px 50px 10px 20px;
  overflow: hidden;
  box-shadow: none;
  text-align: center;
  cursor: pointer;
}
.accordion .item label.menulabel:after {
  display: none;
  content: "+";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -15px;
  font-size: 40px;
  font-weight: normal;
  color: #444;
  transition: transform 200ms ease-out;
  -webkit-transition: transform 200ms ease-out;
  -moz-transition: transform 200ms ease-out;
}
.accordion .item input[type="radio"],
.accordion .item input[type="checkbox"] {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 15px;
  height: 15px;
  border: 0px;
  z-index: 999;
}

.accordion .item input[type="radio"][hidden="hidden"],
.accordion .item input[type="checkbox"][hidden="hidden"] {
  visiblity: hidden;
  top: -100%;
}
.accordion .item input[type="radio"][hidden="hidden"] + label:after,
.accordion .item input[type="checkbox"][hidden="hidden"] + label:after {
  display: block;
}
.accordion .item input[type="radio"]:focus,
.accordion .item input[type="checkbox"]:focus {
  outline: none;
}
.accordion .item input[type="radio"]:checked ~ .acoordion-content,
.accordion .item input[type="checkbox"]:checked ~ .acoordion-content {
    padding: 20px;
    height: auto;	
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.accordion .item input[type="radio"]:checked + label.menulabel:after,
.accordion .item input[type="checkbox"]:checked + label.menulabel:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.accordion .item .acoordion-content{
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 20px;
	height: 0px;
	background-color: #fff;
	color: #333;
	overflow: hidden;
	transition: padding 200ms ease-in-out;
	 -webkit-transition: padding 200ms ease-in-out;
	-moz-transition: padding 200ms ease-in-out;
}
/* download- */
.btn-download{ position:fixed; right:20px; bottom:66px; cursor:pointer;z-index: 9999999;} 
.btn-download img{ width:auto; height:70px; }

/* danny */
.menu{ display: none; }

	/* ------------------ Extra large devices (desktops) ------------------ */
	@media screen and (min-width:1200px){ 

	.D\(pc\) { display: flex; }
	.D\(mobile\) { display: none ; }
	body{ margin-top: 0; }
	header{ display: none; }

	/* 
	錨點選單 
	*/
	.menu {  width: 100vw;  display: flex;  color: #fff; background: #c1599d; justify-content: center; align-items: center; text-align: center; padding: 10px 0; }
	.menu div {  padding: 0 30px;  font-size: 18px; font-weight: bold; cursor: pointer;  }
	.menu div.line {  width: 1px; height: 30px; background: #fff; padding: 0; }

	.menu.scrollfixed{ position: fixed; left: 0; top: 0; z-index: 999; /* transition:all .6s ease-in-out; */ } 

	.navToggle{ transform:scaleX(.8); transition:transform .3s cubic-bezier(0.78, 2.21, 0.51, 0.32); }
	.navToggle:hover { transform:scaleX(1); }
	.navCheck:checked ~ .navToggle.navToggle01{ transform:scaleX(1); }
	.index footer{ display: flex; flex-direction: row; justify-content: center; color: #fff; margin-top: 0px;}
	.index .kv-container .images-block .images-bg:before{ padding-top:38.6%; min-height:528px; } 

	.kv-container .btn { max-width: 800px; margin: 0 auto 50px auto; }

	section { display: flex; justify-content: center; padding: 0 0 30px 0;  }

	/* 
	標題 
	*/
	.event-title img { width:auto; height:40px; }
	.event-title{ width: 100%; border-bottom: 3px solid #bd916e; margin: 0 auto 60px auto; padding: 50px 0 30px 0; font-size: 36px; color: #bd916e; font-weight: bold; text-align: center; display: flex; justify-content: center;}

	.event-title .date{ width: 350px; position: absolute; border: 3px solid #bd916e; border-radius: 100px; font-size: 18px; padding: 8px; color: #bd916e; background: #fff; bottom: -23px; left:calc(50% - 175px);}



	/* 
	主要文字
	*/
  h2, h2 span { font-size: 36px; }	
	p { font-size: 16px; line-height: 1.5em; }
	.line-black { width: 100%; height: 1px; background: #000; margin: 15px 0; }

	.btn { width: 30%; height: 50px; background: #FCB800; color: #fff; font-size: 30px; font-weight: bold; justify-content: center; align-items: center; border-radius: 80px; margin:20px auto 0 auto;text-align: center;font-size: 24px;line-height: 48px; }
	.btn img { width: 60px; height: 60px; margin: 0 5px; }
	.btn-kv { height: auto; padding: 10px 0; background: url(../images/btn-bg.jpg) center center repeat-x;}
	.btn-kv p { font-size: 30px; line-height: 1; font-weight: bold; text-align: center; }
	.btn-kv p span { font-size: 20px; }
	.btn-kv .arr {font-size: 60px; margin-left: 20px;}



	.tag { height: 50px; display: flex; justify-content: center; align-items: center; position: absolute; top: -28px; color: #fff; z-index: 10; }
	
		/* download- */
.btn-download{ position:fixed; right:20px; bottom:66px; cursor:pointer;z-index: 9999999;} 
.btn-download img{ width:auto; height:70px; }

	/*
	優惠活動
	*/
	.banner1 { padding: 20px 40px; }
	.banner1 p { font-size: 18px; padding: 15px 0; font-weight: bold; }
	ul.bankevent { justify-content: center; }
	ul.bankevent li { width: 90%; }
	ul.bankevent li img { border-radius: 20px; }
	.banner2 { margin-bottom: 30px; }
	.banner2 .tag { top: -25px; }
	.banner2 .tag-date { width: auto; padding: 0 25px; background:#e8518d; border-radius: 50px 50px 50px 0; font-weight: bold; font-size: 20px; color: #fff; }
	.opentitletxt{color:#ffed00;text-align: center;font-size: 2rem;margin-top: 60px;}

	.alert-block { width: 100%; border:1px solid #000; border-radius: 15px; padding: 20px; flex-wrap: nowrap;margin-top: 20px; }
	.alert-block p { font-size: 14px; color: #000; font-weight: normal; padding: 0; }
	.alert-block img { width: 40px; margin-right: 10px; }
	.alert-block ul { list-style: disc; margin-left: 2em;  }
	.alert-block li { font-size: 14px; color: #000; }
	.alert-block span { font-weight: bold; }
	.alert-block-tablepc{display: block;width: 100%;}
	.alert-block-tablemo{display: none;}
		
    .wine-alert{width: 100%;background-color: #231816;position: fixed;bottom: 0;z-index: 999;height:150px;background-image: url("../images/discount-alert.jpg");background-size: 95%;background-position: center;background-repeat:no-repeat;}
	.wine-alert-pic{width: 60%;height: auto;margin: auto;max-width: 1000px;}
	.wine-alert-pic img { width: 100%; }
	


	/* 框+小標 */
	.border-red { border:3px solid #DC000C; border-radius: 15px; padding: 50px 30px ; margin:40px 0 0 0; }
	/* business logo */
	.btn_p4{width: 30%;margin: 20px auto;}
	.business-logo{ display: flex; flex-wrap: wrap; width: 100%;margin: 0 auto; }
	.business-logo li{ width: 24%; margin: 5px 5px 5px 5px; }
	.business-logo li a{ width: 100%; }
	.business-logo li a img{ width: 100%;}
	/* notelist */
	.notelist{ width: 100%; max-width: 900px; margin: 15px auto 0 auto; }
	.notelist ul .notelist_tit{ font-size: 1.6rem; color: #ff9000; margin: 0 0 10px -25px; }
	.notelist h5{ display: flex; justify-content: center; height: 40px; line-height: 40px; border: 1px solid #009943; box-sizing: border-box; padding: 0 20px; font-size: 1.4rem; color: #009943; position: relative; cursor: pointer; border-radius: 10px;  }
	.notelist.colorw h5{ border: 1px solid #fff; color: #fff;   }
	.notelist h5:after{ content: '\e90b'; position: absolute; right: 20px; }
	.notelist .ullist{ border: 1px solid #009943; font-size: 1.4rem; line-height: 1.5em; color: #000; box-sizing: border-box; padding: 20px 20px 20px 20px; margin: -6px 0 0 0; transition: all .4s cubic-bezier(.23,1,.32,1); display: none; }
	.notelist ul{ list-style: decimal; margin: 0 0 0 20px; }
	.notelist.colorw .ullist{ border: 1px solid #fff; color: #fff; }
	.notelist.active h5{ border-radius: 10px 10px 0 0; }
	.notelist.active h5:after{ content: '\e90a'; }
	.notelist.active .ullist{ display: block; }
	.notelist-box{ width: 100%; max-width: 953px; margin: 0 auto; font-size: 1.6rem; line-height: 1.6em; box-sizing: border-box; padding: 40px 0; }
	.notelist_tit{ font-size: 2rem; font-weight: bold; margin: 0 0 10px; }
	.notelist-box ul{ list-style: decimal; margin: 0 0 0 30px; }
	.notelist-box ul>li>ul{ list-style: disc; margin: 0 0 0 20px; }
	.notelist-box h5{ font-size: 3.6rem; text-align: center; margin: 0 0 30px 0; }

	/*
	行動隨時取
	*/
	.l-easytake .event-title img { width: 45%; margin-bottom: 10px; }
	.l-easytake .event-title2 img { width: 45%; margin-bottom: 10px; }
	ul.drink li { width: 24%; height: auto; margin-bottom: 35px; margin-right: 14px; border-radius: 10px; display: flex; align-items: center; position: relative; padding:20px 0 10px 0; }
	ul.drink li h4 { font-size: 15px; }
	ul.drink li .tag { height: auto; border-radius: 50px 50px 50px 0; padding:2px 15px; font-size: 18px; font-weight: bold; top: -24px; left:-1px; }
	ul.drink li .tag span { font-size: 27px; color: #FFEB00; }
	ul.drink li:nth-child(4n) { margin-right: 0;}
	ul.drink li:nth-child(5), .drink li:nth-child(6), .drink li:nth-child(7), .drink li:nth-child(8), .drink li:nth-child(9), .drink li:nth-child(10), .drink li:nth-child(11), .drink li:nth-child(12) { margin-bottom: 0;}
	ul.drink li:nth-child(9), .drink li:nth-child(10), .drink li:nth-child(11), .drink li:nth-child(12) { margin-top: 35px;}
	.banner2 { margin-bottom: 30px; }
		


	.l-notice .event-title { margin: 0 auto 30px auto; }

	}


	/* ------------------ Large devices (tablets) ------------------ */
	@media screen and (max-width:1199.98px) and (min-width:768px){

	.D\(pc\) { display: none; }
	.D\(mobile\) { display: none ; }
	.D\(table\) { display: flex ; }

	.container{ padding:0 20px;}
	header nav ul.mainMenu > li{ width:100%; }
	.index .kv-container .images-block .images-bg{ max-width:605px; } 
	.index .kv-container .images-block .images-bg:before{ padding-top:100%; } 
	.index .kv-container { min-height: auto; }  

	.kv-container .btn { max-width: 600px; margin: 0 auto 50px auto; }

	section { display: flex; justify-content: center; padding: 0 20px 50px 20px;  }

	/* 
	標題 
	*/
	.event-title{ width: 100%; border-bottom: 3px solid #bd916e; margin: 0 auto 60px auto; padding: 30px 0; font-size: 36px; color: #bd916e; font-weight: bold; text-align: center;}
	.event-title .date{ width: 360px; position: absolute; border: 3px solid #bd916e; border-radius: 100px; font-size: 18px; padding: 8px; color: #bd916e; background: #fff; bottom: -23px; left:calc(50% - 180px);}
	.l-discount .event-title{ margin: 0 auto 30px auto; }


	

	/* 
	限量6000店紀念隨取卡(福袋) 
	*/

	p { font-size: 16px; line-height: 1.5em; }
	.line-black { width: 100%; height: 1px; background: #000; margin: 15px 0; }

	.btn { width: 30%; height: 50px; background: #FCB800; color: #fff; font-size: 30px; font-weight: bold; justify-content: center; align-items: center; border-radius: 80px; margin:20px auto 0 auto;text-align: center;font-size: 24px;color: #000;border: 2px solid #fff;line-height: 46px;}
	.btn img { width: 60px; height: 60px; margin: 0 5px; }
	.btn-kv { height: auto; padding: 10px 0; background: url(../images/btn-bg.jpg) center center repeat-x;}
	.btn-kv p { font-size: 28px; line-height: 1; font-weight: bold; text-align: center; }
	.btn-kv p span { font-size: 16px; }
	.btn-kv .arr {font-size: 50px; margin-left: 20px;}


	.tag { height: 50px; display: flex; justify-content: center; align-items: center; position: absolute; top: -28px; color: #fff; z-index: 10; }
	
	/*
	優惠活動
	*/
	.banner1 { padding: 20px 40px; }
	.banner1 p { font-size: 18px; padding: 15px 0; font-weight: bold; }
	ul.bankevent { justify-content: center; }
	ul.bankevent li { width: 90%; }
	ul.bankevent li img { border-radius: 20px; }
	.banner2 { margin-top: 40px; }
	.banner2 .tag { top: -15px; }
	.banner2 .tag-date { width: auto; height: 34px; padding: 0 25px; background:#e8518d; border-radius: 50px 50px 50px 0; font-weight: bold; font-size: 20px; color: #fff; }
		

	.alert-block { width: 100%; border:1px solid #000; border-radius: 15px; padding: 20px; flex-wrap: nowrap;margin-top: 30px; }
	.alert-block p { font-size: 14px; color: #000; font-weight: normal; padding: 0; }
	.alert-block img { width: 40px; margin-right: 10px; }
	.alert-block ul { list-style: disc; margin-left: 2em;  }
	.alert-block li { font-size: 14px; color: #000; }

	/* 
	框+小標 
	*/
	.border-red { border:3px solid #DC000C; border-radius: 15px; padding: 50px 30px ; margin:40px 0 0 0; }
	.event-title .date2{ width: 600px; position: absolute; border: 3px solid #e9518e; border-radius: 100px; font-size: 18px; padding: 8px; color: #e9518e; background: #fff; bottom: -23px; left:calc(50% - 300px);}
	.event-title .date3{ min-width: 450px; position: absolute; border: 3px solid #e9518e; border-radius: 100px; font-size: 18px; padding: 8px; color: #e9518e; background: #fff; bottom: -23px; left:calc(50% - 225px);}
	.btn_p4{width: 60%;margin: 20px auto;}
	.business-logo{ display: flex; flex-wrap: wrap; width: 100%;margin: 0 auto; }
	.business-logo li{ width: 32%; margin: 5px 5px 5px 5px; }
	.business-logo li a{ width: 100%; }
	.business-logo li a img{ width: 100%;}



	/* 
	行動隨時取
	*/
	.l-easytake .event-title img { width: 60%; margin-bottom: 10px; }
	ul.drink li { width: 45%; height: auto; margin: 0 4% 35px 0; border-radius: 10px; display: flex; align-items: center; position: relative; padding:20px 0 10px 0; }
	ul.drink li .tag { height: auto; border-radius: 50px 50px 50px 0; padding:2px 15px; font-size: 18px; font-weight: bold; top: -24px; left:-1px; }
	ul.drink li .tag span { font-size: 27px; color: #FFEB00; }
	ul.drink li:nth-child(2n) { margin: 0 35px 35px 0;}
	ul.drink li:nth-child(7) { margin: 0 10px 0px 10px;}


	/* notelist */
	.notelist{ width: 100%; max-width: 900px; margin: 15px auto 0 auto; }
	.notelist ul .notelist_tit{ font-size: 1.6rem; color: #ff9000; margin: 0 0 10px -25px; }
	.notelist h5{ display: flex; justify-content: center; height: 40px; line-height: 40px; border: 1px solid #009943; box-sizing: border-box; padding: 0 20px; font-size: 1.4rem; color: #009943; position: relative; cursor: pointer; border-radius: 10px;  }
	.notelist.colorw h5{ border: 1px solid #fff; color: #fff;   }
	.notelist h5:after{ content: '\e90b'; position: absolute; right: 20px; }
	.notelist .ullist{ border: 1px solid #009943; font-size: 1.4rem; line-height: 1.5em; color: #000; box-sizing: border-box; padding: 20px 20px 20px 20px; margin: -6px 0 0 0; transition: all .4s cubic-bezier(.23,1,.32,1); display: none; }
	.notelist ul{ list-style: decimal; margin: 0 0 0 20px; }
	.notelist.colorw .ullist{ border: 1px solid #fff; color: #fff; }
	.notelist.active h5{ border-radius: 10px 10px 0 0; }
	.notelist.active h5:after{ content: '\e90a'; }
	.notelist.active .ullist{ display: block; }
	.notelist-box{ width: 100%; max-width: 953px; margin: 0 auto; font-size: 1.6rem; line-height: 1.6em; box-sizing: border-box; padding: 40px 0; }
	.notelist_tit{ font-size: 2rem; font-weight: bold; margin: 0 0 10px; }
	.notelist-box ul{ list-style: decimal; margin: 0 0 0 30px; }
	.notelist-box ul>li>ul{ list-style: disc; margin: 0 0 0 20px; }
	.notelist-box h5{ font-size: 3.6rem; text-align: center; margin: 0 0 30px 0; }

	.l-discount .event-title.more{ margin: 0 auto 70px auto; }

	}

	
	.fullnote{ font-size: 1.5rem; color: #fff; text-align: center ;padding: 0 2% 2% 2%; }

	/* ------------------ Small devices (phones) ------------------ */
	@media screen and (max-width:767.98px){

	.D\(pc\) { display: none; }
	.D\(mobile\) { display: flex; }

	.yellow-text{color: #FFD100; font-weight: bold; font-size:16px;}
	.red-text{color: #009943; font-weight: bold; font-size:16px;text-decoration: underline;}

	/*header*/
	header .header-container{ padding:15px; }
	header .header-container .logo{ width:109px; height:20px; }
	header nav{ align-items:initial; }
	.navToggle{ width:27px; height:20px;  }
	.navToggle span, .navToggle span:before, .navToggle span:after{ height:2px; }
	.navToggle span:before{ top:-8px; }
	.navToggle span:after{ bottom:-8px; }
	.navCheck:checked ~ nav{ padding:50px 15px 30px;  }

	.kv-container .btn { width: 90%;; margin: 0 auto 50px auto; }

	section { display: flex; justify-content: center; padding: 0px 15px 20px 15px;}

	
	/* business logo */
	.business-logo{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0 auto; }
	.business-logo li{ width: 46.5%; margin: 5px 5px 5px 5px; }
	.business-logo li a{ width: 100%; }
	.business-logo li a img{ width: 100%;}
	/* notelist */
	.notelist{ width: 90vw; margin: 10px auto 0 auto; }
	.notelist ul .notelist_tit{ font-size: 1.4rem; color: #ff9000; margin: 0 0 10px -25px; }
	.notelist h5{ display: flex; justify-content: center; height: 40px; line-height: 40px; border: 1px solid #009943; box-sizing: border-box; padding: 0 20px; font-size: 1.2rem; color: #009943; position: relative; cursor: pointer; border-radius: 10px;  }
	.notelist.colorw h5{ border: 1px solid #fff; color: #fff;   }
	.notelist.active h5{ border-radius: 10px 10px 0 0; }
	.notelist h5:after{ content: '\e90b'; position: absolute; right: 10px; }
	.notelist .ullist{ border: 1px solid #009943; font-size: 1.2rem; line-height: 1.5em; color: #000; box-sizing: border-box; padding: 20px 20px 20px 20px; margin: -6px 0 0 0; display: none; }
	.notelist ul{ list-style: decimal; margin: 0 0 0 20px;  }
	.notelist.colorw .ullist{ border: 1px solid #fff; color: #fff; }
	.notelist.active h5:after{ content: '\e90a'; }
	.notelist.active .ullist{ display: block }
	.ullist ul li span{color:#e60013}
	.notelist-box{ width: 90vw; margin: 0 auto; font-size: 1.4rem; line-height: 1.5em; box-sizing: border-box; padding: 30px 0 20px; }
	.notelist_tit{ font-size: 2rem; font-weight: bold; margin: 0 0 10px; }
	.notelist-box ul{ list-style: decimal; margin: 0 0 0 30px; }
	.notelist-box ul>li>ul{ list-style: disc; margin: 0 0 0 20px; }
	.notelist-box h5{ font-size: 2.8rem; text-align: center; margin: 0 0 30px 0; }



	/* 
	
	*/

	p { font-size: 16px; line-height: 1.5em; }
	.line-black { width: 100%; height: 1px; background: #000; margin: 10px 0; }

	.btn { width: 60%; height: 45px; background: #FCB800; color: #000; font-size: 16px; font-weight: bold; justify-content: center; align-items: center; border-radius: 100px; margin:20px auto 0 auto;text-align: center;font-size: 1.2em;line-height: 2.1em;border: 2px solid #fff; }
	.btn img { width: 35px; height: 35px; margin: 0 5px; }
	.btn-kv { height: auto; padding: 10px 20px; background: url(../images/btn-bg.jpg) center center repeat-x;}
	.btn-kv p { font-size: 18px; line-height: 1; font-weight: bold; text-align: center; }
	.btn-kv p span { font-size: 14px; }
	.btn-kv .arr {font-size: 50px; margin-left: 10px;}


	.tag { height: 40px; display: flex; justify-content: center; align-items: center; position: absolute; top: -28px; color: #fff; z-index: 10; }

	/*
	優惠活動
	*/
	.banner1 { padding: 20px 15px; }
	.banner1 p { font-size: 16px; padding: 5px 0 15px 0; font-weight: bold; }
	ul.bankevent { flex-direction: ; }
	ul.bankevent li { width: 100%; margin-bottom: 10px; }
	ul.bankevent li img { border-radius: 0px; }
	.banner2 { margin-top: 20px; }
	.banner2 .tag { height: 30px; display: flex; justify-content: center; align-items: center; position: absolute; top: -12px; z-index: 10; }
	.banner2 .tag-date { width: auto; padding: 0 25px; background:#e8518d; border-radius: 50px 50px 50px 0; font-weight: bold; font-size: 1rem; color:#fff ; }



	.alert-block { width: 100%; border:1px solid #000; border-radius: 15px; padding: 15px; flex-direction: column; align-items: center;margin-top: 10px;}
	.alert-block p { font-size: 14px; color: #000; font-weight: normal; padding: 0; }
	.alert-block img { width: 30px; margin-bottom: 10px; }
	.alert-block ul { list-style: disc; margin-left: 2em;  }
	.alert-block li { font-size: 14px; color: #000; }
	.alert-block-tablepc{display: none;}
	.alert-block-tablemo{display: block;}


	/* 框+小標 */
	.border-red { border:3px solid #DC000C; border-radius: 15px; padding: 20px 15px ; margin:40px 0 0 0; }
	.btn_p4{width:80%;margin: 10px auto;}

	/*
	行動隨時取
	*/
	ul.drink li { width: 100%; height: auto; margin-top: 30px; border-radius: 10px; display: flex; align-items: center; position: relative; padding:20px 0 10px 0; }
		ul.drink li:nth-child(1){margin-top: 20px;}
	ul.drink li .tag { height: auto; border-radius: 50px 50px 50px 0; padding:2px 15px; font-size: 16px; font-weight: bold; top: -24px; left:-1px; }
	ul.drink li .tag span { font-size: 24px; color: #FFEB00; }
	
	ul.drink li:nth-child(12) { margin-bottom: 0;}
	
		/*footer*/
footer{text-align:center; padding:15px; display: flex; flex-direction: column; justify-content: center; background-color:#c1599d; color: #fff; }
footer img{width: 100%; height:100%;}
footer div p{ font-size:0.8rem; line-height: 1.5em;text-align: center;}
	 .wine-alert{width: 100%;background-color: #231816;position: fixed;bottom: 0;z-index: 999;height:100px;background-image: url("../images/discount-alert.jpg");background-size: 100%;background-position: center;background-repeat:no-repeat;}
	.wine-alert-pic{width: 100%;height: auto;margin: auto;}
	.wine-alert-pic img { width: 100%; }


	}

	/* ------------------ min devices (phones) ------------------ */
	@media screen and (max-width:321px){

	.banner2 .tag-date { width: 65%; background:#DC000C; left: 0; border-radius: 50px 50px 50px 0; font-weight: bold; font-size: 13px; }
	.btn-kv p { font-size: 16px; }
	.btn-kv p span { font-size: 12px; }
	.btn-kv .arr {font-size: 40px; margin-left: 5px;}

	}


/* $Pad
--------------------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1024px){

	.l-discount .event-title.more{ margin: 0 auto 50px auto; }
	
	/* notelist */
	.notelist{ width: 100%; max-width: 900px; margin: 15px auto 0 auto; }
	.notelist ul .notelist_tit{ font-size: 1.6rem; color: #ff9000; margin: 0 0 10px -25px; }
	.notelist h5{ display: flex; justify-content: center; height: 40px; line-height: 40px; border: 1px solid #009943; box-sizing: border-box; padding: 0 20px; font-size: 1.4rem; color: #009943; position: relative; cursor: pointer; border-radius: 10px;  }
	.notelist.colorw h5{ border: 1px solid #fff; color: #fff;   }
	.notelist h5:after{ content: '\e90b'; position: absolute; right: 20px; }
	.notelist .ullist{ border: 1px solid #009943; font-size: 1.4rem; line-height: 1.5em; color: #000; box-sizing: border-box; padding: 20px 20px 20px 20px; margin: -6px 0 0 0; transition: all .4s cubic-bezier(.23,1,.32,1); display: none; }
	.notelist ul{ list-style: decimal; margin: 0 0 0 20px; }
	.notelist.colorw .ullist{ border: 1px solid #fff; color: #fff; }
	.notelist.active h5{ border-radius: 10px 10px 0 0; }
	.notelist.active h5:after{ content: '\e90a'; }
	.notelist.active .ullist{ display: block; }
	.notelist-box{ width: 100%; max-width: 953px; margin: 0 auto; font-size: 1.6rem; line-height: 1.6em; box-sizing: border-box; padding: 40px 0; }
	.notelist_tit{ font-size: 2rem; font-weight: bold; margin: 0 0 10px; }
	.notelist-box ul{ list-style: decimal; margin: 0 0 0 30px; }
	.notelist-box ul>li>ul{ list-style: disc; margin: 0 0 0 20px; }
	.notelist-box h5{ font-size: 3.6rem; text-align: center; margin: 0 0 30px 0; }
	.opentitletxt{color:#ffed00;text-align: center;font-size: 2rem;margin-top: 60px;}
	.event-title .date2 small{font-size: 0.8em;color: #000;}


}