@charset "utf-8";
/* CSS Document */

/****** Start Global Setting  ******/
body {margin:0 auto;font:13px 'Lato','Noto Sans TC', "Microsoft JhengHei","微軟正黑體",微軟正黑體,"Apple LiGothic Medium","蘋果儷中黑",蘋果儷中黑,Arial,Helvetica,sans-serif;background:#fff;}
body.nofullwidth {margin:0 auto;font:13px 'Roboto', 'Noto Sans TC', "Microsoft JhengHei","微軟正黑體",微軟正黑體,"Apple LiGothic Medium","蘋果儷中黑",蘋果儷中黑,Arial,Helvetica,sans-serif;background:#fff;max-width:2560px;border-left:1px solid #ccc;border-right:1px solid #ccc;-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.25);-moz-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);}

.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.clearfix {display:inline-block}
a {color:#444;text-decoration:none;transition:all .3s;}
a:hover,.formDiv a:focus {color:#444;text-decoration:underline;transition:all .3s;}
a:active,a:hover,a:focus {outline:0;text-decoration: none;}
button,button:hover,button:focus {transition:all .3s;outline: 0;}
button.btn-terms {position:relative;color:#43716D;font-size: 16px; font-weight:400;letter-spacing: 3.2px;text-align: center; display: block; margin: 0 auto;}
button.btn-terms:after {
	content:"";
	background:#43716D;
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    bottom: -8px;
}
button.btn-terms:hover {color:#43716D;text-decoration:none;}
input{ box-shadow: none}
textarea {resize:none;}
a.disabled {pointer-events:none;cursor:default;}
img{border: 0;margin: 0; padding: 0;}
img.fullwidth {width:100%;height:auto}

.no-gutter { margin-right: 0; margin-left: 0;}
.no-gutter > [class*="col-"] { padding-right: 0; padding-left: 0; }
.row-flex {  display: flex; flex-wrap: wrap;}


h2 {color: #444;font-size: 31px;font-style: normal;font-weight: 500;line-height: 1.5; /*62px */letter-spacing: 6.2px;}


/****** Desktop large Screen ******/
/* Nav */
.site-main { width: 100%; position: relative; }

.site-header .container-fluid{padding-left: 0; padding-right: 0;}
.navbar { background:url(../_img/nav-bg.jpg); background-repeat:repeat-x;}
.navbar-default{background: #fff;border: none;min-height: 80px;border-radius: 0px;margin-bottom: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover { color: #555; background-color: #e7e7e7; transition: all .3s;}

.navbar-nav>li {float: left;width: 180px;text-align: center; font-size: 21px; }
.navbar-nav>li a:hover .nav-1,.navbar-nav>li a:hover .nav-2,.navbar-nav>li a:hover .nav-3{transition: all .3s;}

.nav-1,.nav-2,.nav-3 {background-color:#fff;width:100%;height:80px;line-height:75px;}
.active a .nav-1,.nav-1:hover,.active a .nav-2,.nav-2:hover,.active a .nav-3,.nav-3:hover {background-color:#fff;width:100%;height:80px;color:#fb799e;color:var(--main-color);}

.nav.navbar-nav.header-nav li a {padding:0px;}
.navbar-collapse {background-color:#fff; }

.navbar-toggle {position: relative;float: right;padding: 20px 17px; margin-top: 0px;margin-right: 0px; margin-bottom:0px;background-color: transparent; background-image: none; border: 0px solid transparent;border-radius: 0px; background: var(--main-color, #333);}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #fff; margin: auto;max-width: 570px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: var(--main-color, #333);}
.navbar-default .navbar-toggle .icon-bar {background-color: #ffffff;}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right: 0px;margin-left: 0px;max-width: 570px;overflow: hidden; margin: auto;}

/* Main content */
.site-main .kv {position: relative;background-color:#fafbf4}
/*.site-main .kv .kv-img img{
	margin:0 auto;
	max-width:1920px;
	width:100%	
}*/

.site-main .kv .kv-img{
	background: url(../_img/kv-bg.jpg) no-repeat top center / cover;
    /* height: 700px;
    height:580px;*/
    max-width:2560px;
    width:100%;
    margin: 0 auto;
    position: relative;
    aspect-ratio: 1.4;
}

.site-main .kv .kv-img:after{
    content: "";
    opacity: 0.5;
    background: linear-gradient(180deg, #A9E1E8 0%, #FFF 100%);
    width: 100%;
    display: block;
    height: 63px;
    position: relative;
    top: 63px;
    z-index: 1;
}

.kv_logo {
    position: absolute;
    top: 30px;
    margin: 0 auto;
    right: 0;
    left: 0;
}
.kv_logo img {
    max-width: 320px;
}

.campaign {
    height: 100%;
    display: flex;
    align-items: center;
}

.kv_title {text-align: center;}
.kv_title p{color:#fff; font-weight: 300; font-size: 23px; line-height: 130%; letter-spacing: 2.3px;}
.kv_title h1{color:#fff; font-weight: 700; font-size: 48px; line-height: 130%; letter-spacing: 2.88px; margin:5px 0 }
.kv_title hr {width: 40%;}
.kv_title hr ~ p{font-weight: 500; letter-spacing: 0.1em;}

/*
.campaign .kv-txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -90px;
    margin: auto;
    padding: 0 30px;
}*/

.kv-txt {
    margin-top: -420px;
}

.kv_title h1 img {
	max-width:800px;
	width: 100%;

}

.campagin {position: relative; height: 100%}
.kv_tagline {
	position: absolute;
    bottom: -63px;
    left: 0;
    right: 0;
    max-width: 798px;
    width: 100%;
    margin: auto;
}



/*.campaign {height: 100%;/*position: absolute; padding-top:30px; left:0; right:0;display: flex; align-items: center;}*/
.kv_title {position:relative; z-index:2; margin: 0 auto 52px; /*width: 100%; max-width: 930px; background: #fff; border: 1px solid #4F899C; padding:20px 0 50px;*/}
.kv_title img {
	max-width: 800px;
	width:100%;
}

.intro_text  {
	background: linear-gradient(180deg, rgba(131, 191, 204, 0.10) 0%, #629AA0 48%);
	padding: 7px;
	max-width: 950px;
	width: 100%;
	margin: auto;
	z-index: 2;
    position: relative;
}


.intro_text  .white-border{
	border: 1px solid #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 40px;
}


.intro_text p{
	color: #FFF;
	font-size: 16px;
	text-align:left;
	font-weight: 400;
	line-height: 200%;
	letter-spacing: 1.28px;
	margin: 0;
}

/*.leaf-right, .leaf-left {position: relative;}

.leaf-left:after {
	content: "";
    background: url(../_img/kv-info-left.svg) no-repeat left top / cover;
    width: 130px;
    height: 206px;
    display: block;
    z-index: 1;
    position: absolute;
    left: 13px;
    top: -27px;
}

.leaf-right:after {
	content:"";
	background:url('../_img/kv-info-right.svg') no-repeat right bottom / cover;
	width: 148px;
	height:156px;
	display: block;
	z-index: 1;
	position: absolute;
    right: 10px;
    bottom: -50px;
}


.kv_info:before {
	content: "";
    background: url(../_img/kv-info-flower.svg) no-repeat left bottom / cover;
    width: 98px;
    height: 209px;
    display: block;
    z-index: 1;
    position: absolute;
    left: -62px;
    bottom: -68px;
}*/

.kv_info hr {border-color:#4F899C; margin:0 auto 20px}
/*.kv_info img {max-width:800px;width:100%;padding: 0 30px; }*/
/*.kv_info div, .kv_info span {display:inline-block}*/

.kv_info div.kv-info-item{position:relative; align-items:center;display:flex;justify-content:center}

.kv_info div.time{color:#4F899C;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:1.8px}
.kv_info div.time b{font-weight:600;font-size:19px}
.kv_info div.location{color:#4F899C;text-align:center;font-size:18px;font-style:normal;font-weight:400;line-height:150%;letter-spacing:1.12px}

.kv_info div.time div,
.kv_info div.location div{font-size: 20px;line-height: 150%;}

.kv_info span{background:#4F899C;width:1px;display:inline-block;height:70px}
.kv_info .date img{max-width:280px}


.kv_info {margin-bottom: 52px}
.kv_info img {
	max-width:590px;
	width: 100%;
}


/* intro content */
.main_intro{width: 100%; padding:0px 0 50px; position: relative; background:url('../_img/bg-main-intro.jpg') no-repeat bottom right / 80%; }
.main_intro:before {
	content: "";
    background: url(../_img/pattern-top.png) no-repeat left top / cover;
    width: 168px;
    height: 356px;
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: -100px;
}

.main_intro .container{}
.main_intro .btn-register{border: 0;max-width:400px; width:100%; margin-bottom: 13px; padding: 6px 40px;
background: linear-gradient(0deg, #49726F 0%, #60A9CB 100%);
color: #FFF;
text-align: center;
font-size: 25px;
font-weight: 500;
line-height: 202%;
letter-spacing: 5px;
 }
.main_intro .btn-register:hover{/*outline:0;background:#fff;color:#81979F*/ opacity: 0.8}
/*.main_intro .btn-register {all:unset;background:transparent; border:0; padding:0; margin: -30px auto 15px; z-index: 2;position: relative; cursor:pointer;}
.main_intro .btn-register img{max-width:410px; width:100%; }*/

.main_intro .remark_cta{
	color: #43716D;
	text-align: center;
	font-size: 16px;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: 1.6px;
}
.main_intro .remark_cta span {font-size: 13px;font-weight: 300;display: block;}
.main_intro .intro_text{color:#333;text-align:center;font-size:17px;font-style:normal;font-weight:300;line-height:175%;letter-spacing:1.6px;margin:0 auto 75px;}
.main_intro .intro_text b {font-weight: 500}


/* Hall Rooms */
.venue .bg-grey{padding:20px; background: linear-gradient(140deg, #F5F5F5 56.02%, #EFEFEF 92.53%);}
.venue .room-intro{background: #FFF; padding:52px 40px;}
.venue .name{
	color: #4F899C;
	font-size: 30px;
	font-weight: 400;
	line-height: 175%;
	letter-spacing: 2.4px;
	margin-bottom:5px; margin-top: 0
}

.venue .description{
	color: #333;
	font-size: 17px;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: 1.28px;
}

.venue .img-wrapper {
	height: 100%;
}


.venue .img-wrapper img {
	height: 100%;
	object-fit: cover;
}

.venue ul,  .vip-offer ul {list-style: none;}
.venue ul.description li::before, .vip-offer ul li::before {
    content: "·";
    color: #444;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 175%;
    letter-spacing: 1.28px;
    display: inline-block;
    width: 20px;
    margin-left: -20px;
    text-align: center;
}

.venue ul.description li, .vip-offer ul li{
	margin-left: -25px; 
}

/* Owl Carousel */
/* .owl-carousel .owl-stage-outer {padding:20px 0;} */
.owl-prev,.owl-next{/*background:#fff!important;width:60px;height:60px;*/position:absolute;top:50%;transform:translateY(-50%);/*opacity:.6*/}
.owl-prev:hover,.owl-next:hover{opacity:1;transition:all .3s}
.owl-prev{left:-50px}
.owl-next{right:-50px}
.owl-carousel .prev-btn{position:absolute;background:url(../_img/arrow_prev.png) no-repeat;background-size:22px 42px;width:22px;height:42px;margin:0;background-position:center;top:50%;left:50%;transform:translate(-50%,-50%)}
.owl-carousel .next-btn{position:absolute;background:url(../_img/arrow_next.png) no-repeat;background-size:22px 42px;width:22px;height:42px;margin:0;background-position:center;top:50%;left:50%;transform:translate(-50%,-50%)}
.owl-dot {background: #C6AC75 !important;border-color: #C6AC75 !important; opacity: 0.3; transition: opacity .3s;}
.owl-dot.active {opacity: 1;}
.owl-dots {margin-top: 20px;}
.owl-nav .disabled{ opacity: 0.3; cursor: default !important; }





/* Special Offer */
/*.special-offer:before {
	content: "";
    background: url('../_img/offer-left.svg') no-repeat left top / cover;
    width: 123px;
    height: 224px;
    display: block;
    z-index: 1;
    position: absolute;
    left: 0;
    top: -10px;
    
}*/
.special-offer {position:relative; }
.special-offer h2 {margin-bottom:12px}
/*.special-offer .special-bg img {width: 100%; height: 100%; object-fit: cover;}*/


.intro { position:relative;  margin-bottom: 180px;}
.info-box {
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, #FFF 100%);
	padding: 7px;
	position: absolute;
	top: -200px;
	left: 0;
}

.info-box .blue-border {
	border: 1.5px solid rgba(88, 151, 172, 0.50);
	padding: 32px 40px;
}

.info-box h2 {
	color: #4F899C;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 2.16px;
	margin-top: 0;
}


.info-box ul{list-style:none}
.info-box ul li{margin-left:-25px;margin-bottom:0;font-size:16px;font-weight:400}
.info-box ul li::before{content:"·";color:#43716D;font-size:16px;font-style:normal;font-weight:400;line-height:175%;letter-spacing:1.28px;display:inline-block;width:13px;margin-left:-13px}


.info-box ul, 
.info-box ul li{
	color: #43716D;
	font-family: "Lato", "Noto Sans TC", sans-serif;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 1.6px;
}


.info-box ul l b {
	font-weight: 500;
}


.intro .info-box ul li{
	margin-bottom:10px;
}


.intro img, .special-offer img {box-shadow: 0px 4px 20px #CDE8EA;}


.special-offer .info-box {top: -480px; right: 0; left: unset}
.special-offer .info-box .menu {margin-bottom: 30px}

.special-offer .info-box .menu h3{
	color: #4F899C;
	font-size: 24px;
	font-weight: 500;
	line-height: 175%; 
	letter-spacing: 1.92px;
	margin-bottom: 0px;
	margin-top: 0;
}


.special-offer .info-box .menu p{
	color: #43716D;
	font-size: 16px;
	font-weight: 400;
	line-height: 175%;
	letter-spacing: 1.28px;
	margin-bottom: 0;
}



.special-offer .info-box .menu p span {
	color: #43716D;
	font-family: "Lato", sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 175%;
	letter-spacing: 1.76px;
}

.special-offer .info-box .menu div {
	color: #43716D;
	font-size: 16px;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: 1.28px;
}


.special-offer .info-box p {
	color: #43716D;
	font-family: "Lato", "Noto Sans TC", sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 175%;
	letter-spacing: 1.28px;
}


.special-offer .info-box ul li{
	line-height: 1;
}

.info-box .left {
	border-right: 1px solid #4F899C;
	padding-right:12px;
}

.workshop{
	margin-top: 180px;
}

.workshop .info-box {
	top:0px;
	margin-top: 40px;
}

.workshop .info-box h3{
	color: #4F899C;
	font-size: 24px;
	font-weight: 500;
	line-height: 175%; 
	letter-spacing: 1.92px;
	margin-bottom: 0px;
	margin-top: 0;
}

.workshop .info-box p{
	color: #43716D;
	font-family: "Lato", "Noto Sans TC", sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: 1.28px;
}

/*.black-box-wrapper{padding:40px 20px 40px 150px; height:100%;display: flex; flex-direction: column; justify-content: center;}
.black-box-wrapper h2{color: #4F899C; font-size: 38px;font-style: normal;font-weight: 500; line-height: 150%; letter-spacing: 4.56px;margin-bottom:12px;margin-top:0}
.black-box-wrapper p span{color: #665231;font-size: 20px;font-weight: 500;line-height: 150%;letter-spacing: 1.8px;}
.black-box-wrapper p {margin-bottom: 0; color: #333;font-size: 17px;font-weight: 300;line-height: 150%; letter-spacing: 1.6px;}
.black-box-wrapper hr {background: #4F899C; width: 40px; height:2px; margin:20px 0}
.black-box-wrapper small{font-size:14px; font-weight:300; letter-spacing: 0.72px;margin-bottom:0;display:block;}
*/

/* VIP Offer */
.vip-offer {position:relative; margin-bottom: 90px; 
	box-shadow: 0px 4px 20px #CDE8EA; /*background:url('../_img/bg-offer.jpg') no-repeat center/cover;*/}

.vip-offer h2 {
	color: #AD8344;
	text-align: left;
	font-size: 28px;
	font-style: normal;
	font-weight: 500;
	line-height: 175%; 
	letter-spacing: 4.2px;
	margin-top: 0;
	margin-bottom: 5px;
}

.vip-offer ul, .vip-offer ul li{
	color: #333;
	font-size: 18px;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: 1.6px;
}

.vip-offer ul li span {
	color: #665231;
	font-size: 20px;
	font-weight: 500;
	line-height: 175%;
	letter-spacing: 1.8px;
}




/*.vip-offer .col-xs-12 {padding-left: 0; padding-right: 0;}*/
/*.vip-offer .container {width: 100%}*/
.align-items-center {display: flex;align-items: center;}
.vip-offer .img-wrapper {height: 100%}
.vip-offer .img-wrapper img {height: 100%; object-fit: cover;}
.vip-offer .offer-content { position:relative; padding-right: 160px;padding-left: 70px; height: 100%}

.vip-offer .offer-content h2 img { max-width: 250px; width: 100%}
.vip-offer .offer-content h2 {margin-bottom: 5px}
.vip-offer .offer-content h2 ~ p{color: #4F899C;font-size: 17px;font-weight: 400;line-height: 175%;letter-spacing: 1.6px; margin-bottom: 20px}
.vip-offer .offer-content .title{color:#242021;font-size:40px;font-style:normal;font-weight:500;line-height:200%;letter-spacing:8px;margin-bottom:10px}
.vip-offer .offer-content p{color:#242021;font-size:17px;font-style:normal;font-weight:300;line-height:175%;letter-spacing:1.28px;margin-bottom:0}
.vip-offer small{color: #333;font-size: 14px;font-weight: 300; line-height: 175%;letter-spacing: 1.2px;margin-bottom:0}


/* Activity */
.exp-activity {/*padding:40px 0 0;*/ margin-top: 118px; background:url('../_img/bg-experience.jpg') no-repeat right bottom / 1440px auto; }
.exp-activity h2{margin-bottom:26px;color:#4F899C;font-size:31px;font-weight:500;line-height:200%;letter-spacing:6.2px}
.experience-box{position:relative; margin-bottom:36px}
.experience-box .merchant {position:relative;margin-bottom:10px;  }
.experience-box .merchant span{position:absolute; bottom:0; left:0;color: #FFF;
font-size: 12px;
font-weight: 500;
line-height: 175%;
background: rgba(98, 154, 160, 0.90);
padding: 1px 9px
}
.experience-box h3,.workshops .workshop-info h3{color:#43716D;font-size:18px;font-weight:400;line-height:175%;letter-spacing:2.7px;margin:0 0 5px}
.experience-box p,.workshops .workshop-info p{
color: #1C2425;
font-size: 16px;
font-weight: 300;
line-height: 175%;
letter-spacing: 1.28px;
}
.experience-box p{text-align:justify}
.workshops .row-flex [class*="col-"]{margin-bottom:10px}
.workshops img{margin-bottom:12px}
.workshops .workshop-info{height:100%}

.workshops {background:#f5f5f5; padding-bottom: 32px;}
.workshops .remarks {display: block; font-weight: 300;font-size: 12px;line-height: 200%;letter-spacing: 1.8px; color: #242021; }

.exp-activity hr {
	border-color:#4F899C;
	margin:25px 0;
}

.exp-activity small {
	color: #444;
	font-size: 12px;
	font-style: normal;
	font-weight: 300;
	line-height: 175%;
	letter-spacing: 0.96px;
	display: block;
}

div.site-form {padding-top: 10px}
.site-form hr {
	border-top:2px solid #fff;
	margin: 0;
}


/* supportDiv */
.supportDiv {padding: 30px 0 85px;}
.supportDiv h4{position:relative;color: #4F899C;font-size: 22px;font-weight: 500;line-height: 200%; letter-spacing: 4.4px;margin-bottom:30px; margin-top:0;}
/*.supportDiv h4:after {
	content:'';
	background:#4F899C;
	height: 1px;
	width: calc(100% - 200px);
	display: inline-block;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}*/

.supportDiv .row-flex {align-items: center}
.supportDiv img.logo {display: inline; max-height:95px;height:100%; /*margin-right: 40px;*/}
.supportDiv .logo-wrapper {display: inline-block;}

.form-bottom {display: none}
/*.form-bottom {position: relative; left: 40px; bottom: 20px;max-width: 423px;width: 100%;}
.form-bottom img {max-width: 423px;width: 100%;}*/

/* Footer - supportDiv */
/*.supportDiv {background:#fff;}
.supportDiv .container {padding-top:50px;padding-bottom:50px;}
.supportDiv .container .supportholder {display: flex; flex-wrap: wrap;align-items: center}
.supportDiv .logos{border-left: 1px solid #6a2723;flex-grow: 1;border:0}
.supportDiv .logo-right {flex-grow: 1;border-left: 1px solid #6a2723;}
.supportDiv .logo-right img {max-height:50px;margin:0px 30px 25px 0}
.supportDiv .container h4 {font-size:14px;color:#6a2723;padding:0;margin: 0 auto 12px;}*/




img.value-mobile{width:90%;max-width:424px;margin:auto}
img.value-desktop{width:90%;max-width:748px;margin:auto}
.value{padding:20px 0}




/****** Start Global Setting (Non Mobile View) ******/
@media screen and (min-width:992px){
	.special-offer .row { display: flex; }
	.special-offer .special-bg { height: 530px;}
	.vip-offer .img-wrapper { height: 346px;}
	.vip-offer .row.row-flex {align-items: center;}


	.kv_info div.kv-info-item:not(:last-of-type):after {
	    content: "";
	    background: #4F899C;
	    height: 45px;
	    width: 1px;
	    position: absolute;
	    right: 0;
	}

}

@media screen and (min-width: 500px) {
	/*.content-info-nav-btn { width:32.6%;}*/
	.info-container span.big { font-size: 24px; }
	.info-container p { margin-top:8px; }
	.margin-offset { margin-top:10px; }
	
	.card-deck{-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}
	.card-deck .card{display:-ms-flexbox;display:flex;/*-ms-flex:1 0 0;flex:1 0 0;*/-ms-flex:25%;flex:25%;-ms-flex-direction:column;flex-direction:column;margin-right:15px;margin-bottom:0;margin-left:15px}
}

@media screen and (min-width: 768px) {
	/*================== Start Common Setting ==================*/	
	.checkbox-input-field { width: 300px; display: inline-block; }
	/*================== End Common Setting ==================*/
	
	
	
	/*.content-info-nav-btn { display: inline-block; padding: 30px 20px 20px; margin-bottom:-2px; width:32.6%;}
	.content-info-nav-btn.active { border-bottom:3px solid #c19526; }
	.content-info-nav { padding-top: 30px;}*/
	img.add { margin:0 ;}

	.time-options-list {width:500px; margin:0 auto; padding: 15px 0;}



/*	.black-box-wrapper { max-width: 600px;  width: 100%; margin:0 0 0 auto}*/
}



@media screen and (min-width:1025px){
	.card-deck .card{-ms-flex:1 0 0;flex:1 0 0;}
}

@media screen and (min-width:1680px){
/*	.black-box-wrapper{padding:40px 20px 40px 250px;}*/
}



@media screen and (max-width: 1366px) {
/*	.black-box-wrapper{padding:40px 20px 40px 110px;}*/

	.kv-txt {
	    margin-top: -380px;
	}
}


@media screen and (max-width: 1280px) {
	.owl-prev {left:-40px;}
	.owl-next {right:-40px; }
}


@media screen and (max-width: 1199px){


	/*.black-box-wrapper {         
		padding-left: 30px;
        padding-right: 30px; 
    }

	.special-offer:before, .vip-offer:after {
		background-size: 80%;
	}*/
/*
	.leaf-left:after {
	    left: -67px;
	}

	.leaf-right:after {
		right: -90px;
	}*/

	.site-main .kv .kv-img {aspect-ratio: 1.9}

	.kv-txt {
        margin-top: -250px;
    }
	.kv_title {margin-bottom: 20px}
    .intro_text {
	    background: linear-gradient(180deg, rgba(131, 191, 204, 0.10) 0%, #629AA0 48%), #0D323B;
	}

	/*.special-offer:before {
		left: -30px;
    	top: -30px;
	}*/


}

@media screen and (max-width: 1024px) {
	textarea,input[type=text] {   
    /* Remove First */
    -webkit-appearance: none;
    -moz-appearance: none;
		appearance: none;
	}

	.fixed_top {/*
		background: #f8f2f2;
		background: -moz-linear-gradient(45deg, #f8f2f2, #fbf5f5);
		background: -webkit-linear-gradient(45deg, #f8f2f2, #fbf5f5);
		background: linear-gradient(45deg, #f8f2f2, #fbf5f5);
			filter: progid:DXImageTransform.Microsoft.gradient(star.experience-box p, .workshops .workshop-info ptColorstr="#77d1f3",endColorstr="#e4f6fd",GradientType=1);*/
	}

	/*.special-offer:before {
		display: none;
	}

	.vip-offer .offer-content {
		padding-left: 40px;
		padding-right: 30px;*/
	}
}


@media screen and (max-width: 991px) {

	.kv_title {margin-bottom: 30px}

	.kv_title div.preline{font-size:20px}

	
	.owl-stage {padding-left: 15px !important;}


/*	.supportDiv img.logo {max-height:74px}*/

	.kv_info {padding:20px 10px 50px}


	.black-box-wrapper {
        padding: 40px 20px;
    }

	.kv_logo img {max-width: 220px}


	.kv_info:before {
		display:none
	}

	.vip-offer:after {

	}

	.vip-offer .offer-content {
		padding: 40px 30px;
	}

	.kv_tagline {width:calc(100% - 170px)}


	.info-box .left {
		padding-right: 0;
		border-width: 0 0 1px 0;
	}


	.kv_title img {
		transform: scale(0.8);
	}

}


@media screen and (max-width: 768px) {
	.site-main .kv .kv-img {aspect-ratio:1.4 }

	.kv_title {max-width:470px}
	.kv_title p {font-size:18px}
	.kv_title h1{font-size:30px}
 
	.campaign-title img {bottom:30px;}
	.workshops .row-flex [class*="col-"] { margin-bottom: 20px; }

/*	.vip-offer .col-xs-12 {padding-right:15px; padding-left:15px}*/
	.vip-offer .align-items-center {flex-direction: column}

	.intro, .special-offer {box-shadow: none}
	.intro {margin-bottom: 30px}
	.info-box, .special-offer .info-box {
		position: relative;
	    top: 0px;
	    margin: 0 -15px;
	    margin-top: -30px;
	}

	.special-offer {margin-top: 30px}
	.workshop{margin-top: 80px;}




}

@media screen and (max-width:767px){
	.checkbox-inside-align > .row { margin:0 -15px !important; width:unset !important;}
	
	.main_intro .intro_text{margin-bottom: 35px; font-size:16px}

	.vip-offer .offer-content{padding:25px}

	.kv_logo img { max-width: 200px; }
	.site-main .kv .kv-img {height:100%; aspect-ratio: 1;}

	.kv_info div.kv-info-item:first-of-type:after {
		content: "";
	    background: #4F899C;
	    height: 45px;
	    width: 1px;
	    position: absolute;
	    right: 0;
	}

	.kv_info div.kv-info-item:not(:last-of-type) {
		transform: scale(0.95);
		padding-bottom: 20px;
	}

	.kv_info div.kv-info-item:last-of-type {
		border-top: 1px solid #4F899C;
		padding-top: 30px;
	}

/*	.vip-offer {margin-bottom:50px}*/

	.main_intro:before, .vip-offer:after {display: none}

	.info-box .left {
		border-width: 0;
		border-bottom: 1px solid #4F899C;
		padding-bottom: 30px;
		margin-bottom: 0;
	}


}

@media screen and (max-width: 550px) {

/*	.main_intro {padding-top: 40px}*/

	.site-main .kv .kv-img:after {top: 0}
	.kv_info {
		/*width: calc(100% + 30px); 
		margin: 0 -15px; 
		border-width:1px 0;
		flex-direction: column;*/
		margin-bottom: 30px;
	}

	.kv_tagline {width: 100%}
	.main_intro {padding-top: 100px}

	.main_intro .intro_text {margin-bottom: 45px}
	.intro_text .white-border {
		padding: 20px;
	}
	
	.activity h2 img, .supportDiv h4 img {zoom:85%}

	.workshops .remarks {margin-bottom:10px;}
	.activity h2 span, .supportDiv h4 span {font-size:20px; padding: 0 10px}

	.activity .workshops p {margin-bottom:25px}

	.vip-offer .offer-content .title { font-size:30px }
	
	

	.headline_txt{font-size:22px;color:#4B8B85;font-weight:700}


	.main_intro img.date-info { max-width: 362px; margin-left:0;}
	.btn-wrapper { margin-bottom: 20px;}
	.black-box-wrapper {padding:40px 20px}
	.black-box-wrapper h2 {font-size: 32px;}
	.supportDiv { padding: 25px 0 30px; }
	.supportDiv h4:after {width: calc(100% - 170px);}
	.supportDiv img.logo {max-height: 80px;/*	margin-bottom: 5px; margin-right: 15px;*/}


/*	.owl-nav {margin-top:25px;} */
	.owl-prev, .owl-next {position: relative; width:80px; height:80px;left: unset;
		display: inline-block;right:unset;top:unset;transform: none;}
	.owl-prev {left:-10px;}
	.owl-next {right:-10px;} 
  
	.owl-carousel .prev-btn, .owl-carousel .next-btn { background-size: 13px 20px; width: 13px; height: 20px;}


	.form-bottom {left:15px}
	.form-bottom, .form-bottom img{max-width:250px}

/*	.venue {padding-bottom: 35px}*/
	
	.kv_logo {top:20px}
	.site-main .kv .kv-img {background-position: top 30px center;}
	.exp-activity {padding-bottom: 100px; margin-top: 60px; background-size: 770px auto;}
	.exp-activity h2 {font-size: 30px}

	.experience-box p, .workshops .workshop-info p {font-size: 15px}
	.border-1 {padding:30px 5%}


	.venue {padding: 40px 0 60px}
	.venue .bg-grey {padding: 10px}
	.venue .room-intro {padding: 30px 25px}

	.supportDiv h4 {margin-bottom: 20px}

	div.site-form {background-size: 100%;}

	.intro img, .special-offer img {
		height: 30vh;
    	object-fit: cover;
	}

	.info-box .blue-border {
		padding: 32px 25px;
	}

}


@media screen and (max-width:414px){
	.checkbox-input-field{width:100%}


	.footer-container > *{text-align:center;margin:0 auto;}


	.venueTourDiv .time-options-list {
		width: 200px;
    	margin: 0 auto;
	}
	
	.tab-content {padding: 50px 0px}
	.tab_section {padding-left:20px; padding-right:20px;}
	.tab_section.details {padding:0 40px;}
	.tab-content h1{font-size: 18px; padding: 18px 14px;line-height: 1.6;}
	.tab-content span.line {margin:35px auto 50px;}
	.tab-content p span.remark{font-size: 13px;}
	/*.tab-content h3{font-size: 24px; }*/
	.tab-content p.tips{font-size: 14px;margin: 0 auto 20px;}

	.tab_section .event-date {font-size:20px;}
	.tip_img{margin-top: 8px}
	.main_intro .tab_row{margin-bottom: 60px;}
	.supportDiv .container .supportholder img{width: 120px;}
	.nav-tabs.nav-justified>li>a br{display: block}
	.tab-content ul.tasting li{ text-indent: -22px;padding-left: 22px;}
	.tab-center{text-align: center}
	.supportDiv h4 span {letter-spacing: 0.2em}
	
	/*.pad-top {padding-top: 120px;}
	.supportDiv .logo-right img {max-height: 50px!important}*/


	/*.supportDiv img.logo {
	    max-height: 45px;
	    margin-right: 15px;
	}
	*/
	
	/* Payment */
	#payment-logo-header img {max-width:60px !important;}


}


@media screen and (max-width: 375px) {
	.activity h2 img, .supportDiv h4 img { width: 8%;}
	.tab-content h2 { font-size:26px; }
	.tab-content h3 {font-size:24px;}
	
	.activity h2 span, .supportDiv h4 span {letter-spacing: 0.1em}
	.supportDiv .container .supportholder img{zoom:95%;}

	.btn-register {font-size: 20px}

/*	.supportDiv img.logo { max-height: 55px;margin-right: 15px; }*/
	
}


@media screen and (max-width:320px){
  	.kv_title h1 {font-size:28px}
  	h2 {font-size: 26px}
	.activity h2 span, .supportDiv h4 span {font-size: 18px;}
	.nav-tabs.nav-justified>li>a{margin-bottom: 0;vertical-align: middle;display: table-cell; font-size: 17px;letter-spacing: 0;}
	
}

/****** End Global Setting (Non Mobile View) ******/