:root{
    --color: #183a68;
	--logo: #007ac3;
	--button: #004CF1;
	
}
*, *::before, *::after{
    box-sizing: border-box;
}

input[type='number'] {-moz-appearance:textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;}

body{
    margin: 0px;
    padding: 0px;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.8;
	color: #2f2f2f;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
.body.nav-open {
  overflow: hidden;
}
ul, li{
    list-style: none;
}
a{
    text-decoration: none;
    transition: 0.3s cubic-bezier(.7,0,.3,1);
}
a:hover, a:focus{
    text-decoration: none;
    outline: none;
}
p{ font-family: 'Noto Sans TC', sans-serif; margin: 25px 0;}
p a{ text-decoration: underline; }
img{ width: 100%;}

.web{ display: block;}
.mo{ display: none;}


.body.nav-open {
  overflow: hidden;
}
.container{
    width: 90%;
    margin: 0px auto;
	max-width: 1400px;
	position: relative;
	padding: 80px 0;
}
h1, h2, h3{
	color: var(--logo);
	font-weight: 900;
	text-align: center;
	letter-spacing: -1px;
	line-height: 1.4;
}
h1{ font-size: 55px; margin-bottom: 15px;}
h2{	font-size: 45px; margin-bottom: 25px;}
h3{ font-size: 28px; letter-spacing: -0.5px; padding: 0 30px;}

header{
    text-align: center;
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%; 
    transition: 0.5s;
	padding: 10px 0;
	background: none;
	/* -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.5);
	-moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,.5);
	box-shadow: 0px 3px 10px 0px rgba(0,0,0,.5);  */
}
header .container{
    display: flex;
    position: relative;
    z-index: 999;
    width: 95%;
	max-width: inherit;
    margin: 0px auto;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
}
.logo{
    width: 170px;
	display: flex;
}
.logo img{
    margin: 20px 0px;
}

.scol_d_logo{
	display: none;
}

/* navigation style start*/
.nav-toggle{
    display: none;
}
.nav-toggle-label{
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 10px;
    height: 80px;
    display: flex;
    align-items: center;
    cursor: pointer;
	z-index: 100;
}
.nav-toggle-label span,
.nav-toggle-label span::before,
.nav-toggle-label span::after{
    display: block;
    background: #fff;
    height: 3px;
    width: 1.6em;
    border-radius: 20px;
    position: relative;
    transition: 0.2s;
}
.navbar-fixed-top .nav-toggle-label span,
.navbar-fixed-top .nav-toggle-label span::before,
.navbar-fixed-top .nav-toggle-label span::after,
.top_open .nav-toggle-label span,
.top_open .nav-toggle-label span::before,
.top_open .nav-toggle-label span::after{
	background: #fff;
}
.nav-toggle-label span::before,
.nav-toggle-label span::after{
    content: "";
    position: absolute;
}
.nav-toggle-label span::before{
    bottom: 8px;
}
.nav-toggle-label span::after{
    top: 8px;
}
.nav-toggle-label.close span{
    background: transparent;
}
.nav-toggle-label.close span:before{
    top: 0 ;
    bottom: 0;
    transform: rotateZ(45deg);
}
.nav-toggle-label.close span:after{
    top: 0;
    bottom:0;
    transform: rotateZ(-45deg);
}

.nav-toggle-label {
    display: none;
}
/* navigation style end*/

nav{
    display: flex;
    justify-content: center;
	flex: 1;
	align-items: center;
	padding-left: 2vw;
}
nav ul{ 
    position: relative;
    display: flex;
	align-items: center;
	margin: 0;
	padding: 0 20px;
}
nav ul li{
    transition: 0.3s ease-in-out;
    position: relative;
	height: 100%;
	padding: 0 1.2vw;
	cursor: pointer;
}
nav ul li a{
    color: var(--logo);
    text-decoration: none;
    padding: 0px 0px;
    display: flex;
	align-items: center;
    font-size: 22px;
    line-height: 1.1;
	font-weight: 700;
	letter-spacing: -0.5px;
	text-transform: uppercase;
}

nav ul li a span{
	padding-right: 5px;
}
nav ul li a i{
	transition: 0.5s;
	display: flex;
	align-items: center;
	padding-top: 1px;
}
nav ul li a i svg{
	width: 1.4vw;
  height: auto;
  max-width: 22px;
	fill: var(--logo);
}
nav ul li:hover a.menu_link i{
	transform: rotate(180deg);
	margin-top: 4px;
}

nav ul li a:hover{
   opacity: 0.5;
}
nav ul li a:focus{
	opacity: 1;
}

nav ul li.header_dona{
	display: none;
}

nav .header_lang{
	display: none;
}

.header_right{
	display: flex;
  gap: 10px;
  align-items: center;
}
.header_dona{
	display: flex;
}
.header_dona a{
	background: #009ad0;
  color: #fff;
  font-weight: 900;
  padding: 10px 18px;
  border-radius: 5px;
  font-size: 23px;
  border: none;
	letter-spacing: -0.5px;
	text-transform: uppercase;
	line-height: 1.4;
	display: flex;
	align-items: center;
}
.header_dona a:hover{
	background: #21c0ea;
}
.header_dona a i{
	margin-right: 5px;
	display: flex;
	align-items: center;
}
.header_dona a i svg{
	width: 2.2vw;
	height: auto;
	max-width: 28px;
	fill: #fff;
}
.header_dona a .fa-solid{
	display: none;
}
.header_dona a:hover .fa-solid{
	display: flex;
}
.header_dona a:hover .fa-regular{
	display: none;
}


.menu_link_sub {
  pointer-events: none;
}


nav ul li ul{
	display: block;
	min-width: 250px;
	background: #fff;	
	padding: 0;
	position: absolute;
	transform-origin: top;
	transition: all 0.3s ease-in-out;
	transform: translateY(0px);
	opacity: 0;
	visibility: hidden;
	box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.2);
	border-radius: 5px;
	overflow: hidden;
	margin: 0;
}
nav ul li:hover ul{
	opacity: 1;
	visibility: visible;
	transform: translateY(12px);
}
nav ul li ul li{
	padding: 0;
	margin: 0;
}
nav ul li ul li a{
	padding: 15px 20px;
	display: block;
	color: #000;
	font-weight: 500;
	font-size: 17px;
	text-align: left;
	letter-spacing: 0px;
	text-transform: capitalize;
}
nav ul li:hover ul li a{
	color: #000;
	opacity: 1;
	text-align: left;
}
nav ul li ul li a:hover{
	color: var(--color);
	background: #f3f3f3;
}


.header_lang{ display: flex; align-items: center; height: 100%; margin-right: 10px;}
.header_lang a{ word-break: keep-all; font-weight: 400; color:#0083cb; font-size: 14px;  display: flex; align-items: center;}
.header_lang i{transition: 0.5s; display: flex; align-items: center;}
.header_lang i svg{ width: 2vw; height: auto; max-width: 20px; fill: var(--logo);}
.header_lang a:hover{ opacity: 0.5;}
.header_lang a:hover i{ transform: translateX(5px);}
.header_lang a:focus, .header_lang a:visited{ color: #0083cb;}

.navbar-fixed-top nav ul li{ padding: 0px 1.1vw;}
.navbar-fixed-top nav ul li a{font-size: 20px; padding: 0px;  border-radius: 5px; margin: 0 5px; }
.navbar-fixed-top nav ul li a b{ font-size: 14px;}
.navbar-fixed-top nav ul li ul li{ padding: 0px;}
.navbar-fixed-top nav ul li ul li a{ font-size: 16px; padding: 13px 20px; margin: 0px;}

header.navbar-fixed-top{  position: fixed; padding: 0px; background: #fff; border-bottom: 1px solid #eee;}
header.navbar-fixed-top nav{ padding: 0 0 0 0vw;}
.front_page header.navbar-fixed-top{ background: none;}
header.navbar-fixed-top .container{ padding: 5px 0; }

header.navbar-fixed-top .logo{ width: 160px; display: inline-flex; vertical-align: middle;}

header.navbar-fixed-top .logo img{ display: flex;}
header.navbar-fixed-top .logo_bw img{ display: flex;}

header.navbar-fixed-top nav ul{ margin: 10px 0 10px;}

header.navbar-fixed-top .header_right{ gap: 10px;}

header.navbar-fixed-top .header_lang{padding: 3px 15px;  border-radius: 50px; background: #fff; font-size: 14px; margin: 0;}
header.navbar-fixed-top .logo{ display: none;}
header.navbar-fixed-top .scol_d_logo{ display: block; background: #fff; width: 70px; padding: 8px; border-radius: 50%;}
header.navbar-fixed-top .scol_d_logo img{ margin: 0;}
header.navbar-fixed-top .header_dona a{ font-size: 20px; padding: 8px 15px 9px; border-width: 2px;}




.slide-bottom {
    -webkit-animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.slide-up {
    -webkit-animation: slide-up 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-up 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/**
 * ----------------------------------------
 * animation slide-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slide-bottom {
    0% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes slide-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}
@keyframes slide-up {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100px);
        transform: translateY(-100px);
    }
}



.hero{	
	background: center bottom url("../images/bg_1.jpg") no-repeat;
	background-size: cover;
	overflow: hidden;
}
.hero .container{
	padding: 120px 0 0 0;
	width: 100%;
	height: 100vh;
	min-height: 900px;
	max-width: inherit;
	position: relative;
}
.swiper{
	widows: 100%;
	height: 100%;
}
.swiper-slide{
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slide_p1, .slide_p2, .slide_p3{
	background: none;
}
.swiper-pagination-bullet{
	width: 20px;
	height: 5px;
	border-radius: 0px;
}



/* --------------------------- hero --------------------------- */

.kv_img, .kv_icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.hl_circle_g{
	width: 55vw;
	max-width: 490px;
	transform: translate(-50%, -75%);
}
.swiper-slide-active .hl_circle_g{
	animation: zoom_in_1 3s;
}
@keyframes zoom_in_1{
	0%{ width: 1vw;}
	100%{ width: 55vw; }
}
@keyframes zoom_in_2{
	0%{ width: 1vw;}
	100%{ width: 75vw; }
}

.swiper-slide-active .hl_circle_g img{
	animation: rotate_center 3s;
}
@keyframes rotate_center{
	0%{ transform: rotate(0deg);}
	100%{ transform: rotate(360deg);}
}

.headline{
	width: 40vw;
	max-width: 325px;
	transform: translate(-50%, -85%);
	z-index: 3;
}
.swiper-slide-active .headline img{
	animation: zoom_out 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}
@keyframes zoom_out{
	0% { transform: scale3d(0.01, 0.01, 0.01);}
	20% { transform: scale3d(0.75, 0.75, 0.75);}
	30%{ transform: scale3d(0.75, 1.25, 1);}
	40%{ transform: scale3d(1.25, 0.75, 1);}
	50%{ transform: scale3d(0.85, 1.15, 1);}
	65%{ transform: scale3d(1.05, 0.95, 1);}
	75%{ transform: scale3d(0.95, 1.05, 1);}
	100%{ transform: scale3d(1, 1, 1);}
}

.chara_1{
	top: inherit;
	bottom: -50px;
	transform: translateX(-100%) scale(0.5) rotate(-90deg);;
	width: 30vw;
	max-width: 450px;
	transform-origin: bottom;
}
.swiper-slide-active .chara_1{
	animation: chara_1_a 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
}
@media(max-width: 1030px){ 
	.chara_1{width: 34vw; transform: translateX(-95%) scale(0.5) rotate(-90deg);;}
	.swiper-slide-active .chara_1{
		animation: chara_1_a_1030 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
	}	
}
@media(max-width: 586px){ 
	.chara_1{width: 43vw; transform: translateX(-78%) scale(0.5) rotate(-90deg);;}
	.swiper-slide-active .chara_1{
		animation: chara_1_a_586 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s both;
	}	
}
@keyframes chara_1_a{
	0%{ transform: translateX(-100%) scale(0.5) rotate(-90deg); bottom: -100px;}
	100%{ transform: translateX(-100%) scale(1) rotate(0deg); bottom: -50px;}
}
@keyframes chara_1_a_1030{
	0%{ transform: translateX(-95%) scale(0.5) rotate(-90deg); bottom: -100px;}
	100%{ transform: translateX(-95%) scale(1) rotate(0deg); bottom: -36px;}
}
@keyframes chara_1_a_586{
	0%{ transform: translateX(-78%) scale(0.5) rotate(-90deg); bottom: -100px;}
	100%{ transform: translateX(-78%) scale(1) rotate(0deg); bottom: -36px;}
}


.swiper-slide-active .chara_1 img{
	animation: chara_1_wobble 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
@keyframes chara_1_wobble{
	0%{ transform: rotate(-8deg); }
	50%{ transform: rotate(0deg);}
	50%{ transform: rotate(8deg);}
	50%{ transform: rotate(0deg);}
	100%{ transform: rotate(-8deg);}
}



.chara_2{
	top: inherit;
  bottom: -95px;
  transform: translateX(130%);
  width: 20vw;
  max-width: 310px;
	transform-origin: bottom;
}
.swiper-slide-active .chara_2{
	animation: chara_2_a 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
@media(max-width: 1030px){ 
	.chara_2{width: 28vw; transform: translateX(92%) scale(0.5) rotate(90deg);}
	.swiper-slide-active .chara_2{
		animation: chara_2_a_1030 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	}	
}
@media(max-width: 586px){ 
	.chara_2{width: 39vw; transform: translateX(47%) scale(0.5) rotate(90deg);}
	.swiper-slide-active .chara_2{
		animation: chara_2_a_586 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	}	
}
@keyframes chara_2_a{
	0%{ transform: translateX(130%) scale(0.5) rotate(90deg); bottom: -150px;}
	100%{ transform: translateX(130%) scale(1) rotate(0deg); bottom: -95px;}
}
@keyframes chara_2_a_1030{
	0%{ transform: translateX(92%) scale(0.5) rotate(90deg); bottom: -150px;}
	100%{ transform: translateX(92%) scale(1) rotate(0deg); bottom: -89px;}
}
@keyframes chara_2_a_586{
	0%{ transform: translateX(47%) scale(0.5) rotate(90deg); bottom: -150px;}
	100%{ transform: translateX(47%) scale(1) rotate(0deg); bottom: -74px;}
}

.swiper-slide-active .chara_2 img{
	animation: chara_2_wobble 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
@keyframes chara_2_wobble{
	0%{ transform: rotate(5deg); }
	50%{ transform: rotate(0deg);}
	50%{ transform: rotate(-5deg);}
	50%{ transform: rotate(0deg);}
	100%{ transform: rotate(5deg);}
}



.chara_3{
	top: inherit;
  bottom: -50px;
  transform: translateX(-247%);
  width: 17vw;
  max-width: 271px;
	transform-origin: bottom;
}
.swiper-slide-active .chara_3{
	animation: chara_3_a 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
}
@media(max-width: 1030px){ 
	.chara_3{width: 26vw; transform: translateX(-192%) scale(0.5) rotate(-90deg);}
	.swiper-slide-active .chara_3{
		animation: chara_3_a_1030 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
	}	
}
@media(max-width: 586px){ 
	.chara_3{width: 34vw; transform: translateX(-157%) scale(0.5) rotate(-90deg);}
	.swiper-slide-active .chara_3{
		animation: chara_3_a_586 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.6s both;
	}	
}
@keyframes chara_3_a{
	0%{ transform: translateX(-247%) scale(0.5) rotate(-90deg); bottom: -100px;}
	100%{ transform: translateX(-247%) scale(1) rotate(0deg); bottom: -50px;}
}
@keyframes chara_3_a_1030{
	0%{ transform: translateX(-192%) scale(0.5) rotate(-90deg); bottom: -100px;}
	100%{ transform: translateX(-192%) scale(1) rotate(0deg); bottom: -39px;}
}
@keyframes chara_3_a_586{
	0%{ transform: translateX(-157%) scale(0.5) rotate(-90deg); bottom: -100px;}
	100%{ transform: translateX(-157%) scale(1) rotate(0deg); bottom: -39px;}
}

.swiper-slide-active .chara_3 img{
	animation: chara_3_wobble 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
@keyframes chara_3_wobble{
	0%{ transform: rotate(-6deg); }
	50%{ transform: rotate(0deg);}
	50%{ transform: rotate(6deg);}
	50%{ transform: rotate(0deg);}
	100%{ transform: rotate(-6deg);}
}




.chara_4{
	top: inherit;
  bottom: -45px;
  transform: translateX(6%);
  width: 25vw;
  max-width: 390px;
	transform-origin: bottom;
	z-index: 1;
}
.swiper-slide-active .chara_4{
	animation: chara_4_a 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
}
@media(max-width: 1030px){ 
	.chara_4{width: 32vw; transform: translateX(-1%) scale(1) rotate(0deg);}
	.swiper-slide-active .chara_4{
		animation: chara_4_a_1030 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
	}	
}
@media(max-width: 586px){ 
	.chara_4{width: 40vw; transform: translateX(-28%) scale(1) rotate(0deg);}
	.swiper-slide-active .chara_4{
		animation: chara_4_a_586 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s both;
	}	
}
@keyframes chara_4_a{
	0%{ transform: translateX(6%) scale(0.5) rotate(90deg); bottom: -100px;}
	100%{ transform: translateX(6%) scale(1) rotate(0deg); bottom: -45px;}
}
@keyframes chara_4_a_1030{
	0%{ transform: translateX(-1%) scale(0.5) rotate(90deg); bottom: -100px;}
	100%{ transform: translateX(-1%) scale(1) rotate(0deg); bottom: -34px;}
}
@keyframes chara_4_a_586{
	0%{ transform: translateX(-28%) scale(0.5) rotate(90deg); bottom: -100px;}
	100%{ transform: translateX(-28%) scale(1) rotate(0deg); bottom: -34px;}
}

.swiper-slide-active .chara_4 img{
	animation: chara_4_wobble 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite both;
}
@keyframes chara_4_wobble{
	0%{ transform: rotate(5deg); }
	50%{ transform: rotate(0deg);}
	50%{ transform: rotate(-5deg);}
	50%{ transform: rotate(0deg);}
	100%{ transform: rotate(5deg);}
}



.with_icon{
	position: relative;
	width: 100%;
	height: 100%;
}
.kv_icon_1{
	width: 9vw;
	max-width: 160px;
	transform: translate(2%, -275%);
	transform-origin: bottom;
}
.swiper-slide-active .kv_icon_1{
	animation: kv_icon_1 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
}
@media(max-width: 586px){ 
	.swiper-slide-active .kv_icon_1{
		animation: kv_icon_1_586 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.2s both;
	}
}
@keyframes kv_icon_1{
	0%{ transform: translate(2%, -150%); opacity: 0;}
	5%{ transform: translate(2%, -250%); opacity: 1;}
	100%{ transform: translate(2%, -275%); opacity: 1;}
}
@keyframes kv_icon_1_586{
	0%{ transform: translate(2%, -150%); opacity: 0;}
	5%{ transform: translate(2%, -220%); opacity: 1;}
	100%{ transform: translate(2%, -234%); opacity: 1;}
}

.kv_icon_2{
	width: 11.5vw;
	max-width: 190px;
	transform: translate(-85%, -270%);
	transform-origin: bottom;
}
.swiper-slide-active .kv_icon_2{
	animation: kv_icon_2 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.4s both;
}
@keyframes kv_icon_2{
	0%{ transform: translate(-85%, -180%); opacity: 0;}
	5%{ transform: translate(-85%, -240%); opacity: 1;}
	100%{ transform: translate(-85%, -270%); opacity: 1;}
}

.kv_icon_3{
	width: 9vw;
	max-width: 150px;
	transform: translate(-68%, -250%);
	transform-origin: bottom;
}
.swiper-slide-active .kv_icon_3{
	animation: kv_icon_3 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.5s both;
}
@keyframes kv_icon_3{
	0%{ transform: translate(-68%, -150%); opacity: 0;}
	5%{ transform: translate(-68%, -220%); opacity: 1;}
	100%{ transform: translate(-68%, -250%); opacity: 1;}
}

.kv_icon_4{
	width: 10vw;
	max-width: 150px;
	transform: translate(-50%, -240%);
	transform-origin: bottom;
}
.swiper-slide-active .kv_icon_4{
	animation: kv_icon_4 6s cubic-bezier(0.250, 0.460, 0.450, 0.940) 1.6s both;
}
@keyframes kv_icon_4{
	0%{ transform: translate(-50%, -160%); opacity: 0;}
	5%{ transform: translate(-50%, -220%); opacity: 1;}
	100%{ transform: translate(-50%, -240%); opacity: 1;}
}



.swiper-slide h2{
	margin: 0 0 10px;
}
.hero_event{
	max-width: 1200px;
	padding: 0 50px;
	transform: scale(0.5);
  opacity: 0;
	transition: 0.8s;
}
.swiper-slide-active .hero_event{
	transform: scale(1);
	opacity: 1;
}



/* --------------------------- hero - end --------------------------- */


/* --------------------------- footer --------------------------- */

.footer, .lower_footer{
	background: var(--logo);
	color: #fff;
}
.footer .container{
	padding: 30px 0 5px;
	max-width: 1000px;
}
.lower_footer .container{
	padding: 10px 0 20px;
	border-top: 1px solid #118bd4;
	width: 94%;
	max-width: inherit;
}
.footer a:active, .footer a:focus, .footer a{
	color: #fff;
}
.lower_footer a:active, .lower_footer a:focus, .lower_footer a{
	color: #fff;
}
.footer_l {
  display: flex;
  width: 100%;
  padding: 10px 0px;
  font-size: 14px;
	align-items: flex-end;
}
.colf_2 {
  flex: 1;
}
.fb_area {
  display: block;
  padding-left: 30px;
}
.footer_l p {
  margin: 17px 0;
  display: flex;
  line-height: 1.5em;	
}

.footer_l i {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  flex: 0 0 25px;
}
.fb_area p {
  text-align: right;
  display: block;
	margin: 10px 0;
}

.mfp-figure figure{
	padding: 25px;
}


.footer h3{
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-bottom: 40px;
}
.p_fun_r {
  display: flex;
  justify-content: center;
  margin: 30px 0px;
	gap: 20px;
}
.contact_col {
  text-align: center;
  flex: 0 0 32%;
}
.contact_col i {
  width: 35px;
  height: 35px;
  display: inline-block;
}
.p_fun_r .contact_col h4 {
  margin: 3px 0;
  font-size: 18px;
  font-weight: 700;
}
.p_fun_r .contact_col p {
  margin-top: 0; 
}


/* --------------------------- footer - end --------------------------- */


.sec_headline{
	position: relative;
}
.sec_headline h3{
	font-weight: 500;
	font-size: 25px;
}
.sec_headline h3 u{
	font-weight: 900;
}
.sec_headline.pt_80{
	padding-top: 80px;
}
.sec_headline .button_s1{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0px;
}

.event_area{
	background: #F3F9FC;
}
.event_area .container{
	width: 100%;
	max-width: inherit;
	max-width: 1400px;
}
.event_area .sec_headline{
	width: 100%;
	margin: auto
}
.button_s1{
	color: var(--logo);
  border: 1px solid var(--logo);
  padding: 6px 20px;
  border-radius: 5px;
	transition: 0.3s;
	font-weight: 500;
}
.button_s1:hover{
	background: var(--logo);
	color: #fff;	
}

.mySwiper2{
	padding: 50px 0 90px;
}
.mySwiper2 .swiper-slide{
	flex-direction: column;
	transition: 0.5s;
	max-width: 500px;
}
.slide_header{
	font-weight: 900;
  font-size: 40px;
  letter-spacing: -0.5px;
  line-height: 1;
	display: flex;
	background: #d3569d;
	color: #fff;
	width: 100%;
	padding: 5px 15px 8px;
}
.slide_header small{
	font-weight: 400;
	font-size: 0.9em;
}
.mySwiper2 .swiper-slide-active{
	transform: translateZ(0) scale(1.17);
	z-index: 10;
}
.mySwiper2 .swiper-slide-active .slide_header{
	background: #bc1474;
}

.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev{
	background: #fff;
  height: 60px;
  width: 60px;
  border-radius: 50%;
}
.mySwiper2 .swiper-button-next::after, .mySwiper2 .swiper-button-prev::after {
	font-size: 1.5vw;
	font-weight: 700;
}

.event_act{
	width: 100%;
	height: 70px;
}
.event_act a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: var(--button);
	color: #fff;
	padding: 10px;
	font-weight: 700;
	overflow: hidden;
	position: relative
}
.event_act a::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #3676FF;
	transform: translateX(-100%);
	transition: 0.3s;
}
.event_act a span{
	z-index: 3;
}
.event_act:hover a::after{
	transform: translateX(0);
}
.event_act i{
	display: flex; align-items: center; z-index: 3;
}
.event_act i svg{
	width: 2.5vw;
	fill: #fff;
	max-width: 28px;
}
.event_act p{
	margin: 0;
	padding: 10px;
	background: #ADAAAA;
	line-height: 1.2;
	color: #fff;
	font-weight: 700;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.event_act p small{
	font-weight: 400;
	font-size: 0.8em;
}
.event_img{
	display: flex;
}


.Retail_Offer{
	background: #F3F9FC;
}
.Retail_Offer .container{
	padding:  120px 40px 80px;
	max-width: inherit;
	display: flex;
	width: auto;
}

.items_submenu{
	flex: 0 0 20%;
}
.items_submenu ul{
	position: sticky;
	top: 200px;
	padding: 0px 30px 0px 10px;
}
.items_submenu ul li::marker{
	content: "-";
}
.items_submenu ul li{
	padding-left: 5px;
	margin: 22px 0;
	line-height: 1.4;
}
.items_submenu ul li.active{
	font-weight: 900;
	color: var(--logo);
}
.items_submenu ul li a{
	color: #2f2f2f
}
.items_submenu ul li a:hover{
	color: var(--logo);
}

.items_submenu ul li ul{
	padding-right: 0px;
}
.items_submenu ul li ul li{
	margin: 10px 0;
}
.items_submenu ul li ul li::marker{
	content: "+";
}
.items_submenu ul li ul li a{
	font-weight: 400;
	font-size: 14px;
}
.items_submenu ul li.active ul li{
	font-weight: 400;
	color: #2f2f2f;
}


.item_list{
	flex: 0 0 80%;
}

.row_grid{
	display: grid;
	grid-gap: 25px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	margin: 40px 0;
}
.grid_card{
	margin-bottom: 30px;
	background: #fff;
	padding: 20px 20px 70px;
	position: relative;
}
.grid_card .button_s1{
	position: absolute;
	bottom: 20px;
}
.grid_card h4{
	margin: 15px 0 15px;
  line-height: 1.5;
	font-size: 1.12em;
	font-weight: 900;
}
.grid_card h4 small{
	display: inline-block;
	font-weight: 500;
	line-height: 1.4;
	font-size: 0.75em;
}
.grid_card p{
	margin: 8px 0;
  line-height: 1.6;
  font-size: 0.9em;
}
.grid_img{
	display: flex;
	overflow: hidden;
}
.grid_img img{
	transition: 0.3s;
}
.grid_img:hover img{
	transform: scale(1.1);
}
.grid_card .remark{
	font-size: 0.8em;
	color: #555;
}

.one_item_col{
	margin: auto;
	display: flex;
	align-items: center;
	gap: 40px;
	padding: 20px;
}
.one_item_col .grid_img{
	flex: 0 0 50%;
	max-width: 600px;
}
.one_item_col .item_detail h4{
	margin-top: 0px;
}
.one_item_col .item_detail ol{
	margin-bottom: 20px;
	padding-left: 20px;
}
.one_item_col .item_detail ol li{
	list-style: disc;
	line-height: 1.2;
	margin: 8px 0;
}
.one_item_col .button_s1{
	position: inherit;
	display: inline-block;
}



.member_offer{
	background: center center url("../images/bg_3.jpg") repeat;
	background-size: cover;
	background-attachment: fixed;
}
.dona_offer{
	background: center center url("../images/bg_4.jpg") repeat;
	background-size: cover;
	background-attachment: fixed;
}
.grooming_offer{
	background: center center url("../images/bg_2.jpg") repeat;
	background-size: cover;
	background-attachment: fixed;
}
.offer_sec{
	min-height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	position: relative;
}
.offer_sec h2, .offer_sec h3{
	text-align: left;
	padding: 0;
}
.row_2_flex{
	display: flex;
	height: 100%;
	align-items: center;
	gap: 20px;
}
.col_inf{
	flex: 0 0 55%;
	z-index: 2;
}
.col_inf h2{
	font-size: 73px;
  letter-spacing: -3px;
  margin-top: 0px;
	line-height: 1.2;
}
.col_inf h3{
	font-size: 2.5vw;
  margin-bottom: 10px;
}
.col_inf .txt_1{
	font-size: 22px;
  font-weight: 500;
  margin-top: 10px;
	margin-bottom: 30px;
}
.w_btu{
	background: #fff;
  display: flex;
  align-items: center;
  padding: 15px 20px;
  border-radius: 5px;
  font-size: 25px;
  text-align: center;
  justify-content: center;
  max-width: 300px;
  font-weight: 700;
	color: var(--logo);
}
.w_btu:hover{
	color: #fff;
	background: var(--logo);
}
.w_btu i{
	display: flex;
}
.w_btu i svg{
	width: 35px;
	height: auto;
	fill: var(--logo);
	transition: 0.3s;
}
.w_btu:hover i svg{
	fill: #fff;
}

.member_offer .col_img img{
	transform: scale(1.3);
}
.grooming_offer .col_img img{
	transform: scale(1.25);
}
.grooming_offer h2{
	color: #6c3c32;
}

.bold_tel{
	margin-top: 5px;
}
.bold_tel a{
	text-decoration: none;
	font-weight: 900;
	font-size: 2.8vw;
	color: #6c3c32;
	display: inline-flex;
	align-items: center;
	line-height: 1.4;
}
.bold_tel i {
	display: flex;
	margin-right: 8px;
}
.bold_tel i svg{
	width: 3vw;
	height: auto;
	fill: #6c3c32;
	padding-top: 8px;
}

.dona_offer h2, .dona_offer h3{
	color: #1b6b0e;
}
.dona_offer .container{
	position: inherit;
}
.dona_offer .row_2_flex{
	grid-row-gap: 50px;
}

.dona_offer .col_inf{
	padding-right: 12%;
	position: relative;
}
.done_gift{
	position: absolute;
  top: 50%;
  right: -7%;
  transform: translateY(-58%);
	width: 32%;
  max-width: 210px;
}


.mySwiper3{
	border: 2px solid #fff;
	border-radius: 10px;
}
.mySwiper3 .swiper-slide{
	background: none;
	padding: 50px;
	flex-direction: column;
}
.mySwiper3 .swiper-button-next::after, .mySwiper3 .swiper-button-prev::after {
	font-size: 26px;
	font-weight: 700;
	color: #fff;
}
.mySwiper3 .event_img{
	overflow: hidden;	
}
.mySwiper3 .event_img img{
	transition: 0.3s;
}
.mySwiper3 .event_img:hover img{
	transform: scale(1.1);
}
.cin_inf p{
	margin: 20px 0 5px;
	font-weight: 700;
}
.cin_inf h3{
	text-align: center;
	margin: 5px 0 10px;
	font-size: 2em;
}
.cin_inf a{
	text-decoration: underline;
	color: #1b6b0e;
}

.mb_5{
	margin-bottom: 5px;
}
.txt_link{
	color: #2f2f2f;
}

.item_label{
	background: #ef9d00;
	color: #fff;
	padding: 3px 10px 4px;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 500;
	border-radius: 5px;
}
.info_flex{
	display: flex;
	align-items: center;
	margin: 8px 0;
}
.info_flex div{
	font-size: 14px;
	line-height: 1.4;
}
.info_flex i{ display: flex; margin-right: 5px;}

.grid_card .action{
	margin: 25px 0 0;
}


.workshop{
	background: center center url("../images/bg_5.jpg") no-repeat;
	background-size: cover;
}
.workshop .container{
	padding: 120px 40px 80px;
	max-width: 1600px;
	width: auto;
}
.workshop .row_grid{
	display: flex;
	flex-direction: column;
}
.workshop .grid_card{
	display: flex;
	gap: 40px;
	padding: 20px;
	margin-bottom: 0px;
}
.workshop .grid_img{
	flex: 0 0 50%;
	height: fit-content;
}
.workshop .grid_card .button_s1{
	position: inherit;
	display: inline-block;
}
.workshop .grid_card h4{
	font-size: 1.6em;
	margin: 0 0 20px;
}
.workshop .grid_card p{
	margin: 25px 0;
}
.workshop .info_flex{
	margin: 12px 0;
}
.workshop .grid_card .action{
	margin-top: 30px;
	margin-bottom: 10px;
}


.about .container{
	max-width: 1000px;
}
.video_area{
  display: flex;
  margin: 40px 0;
}

.g_tnc{
	font-size: 0.8em;
	line-height: 1.2;
}
.g_tnc p{
	margin: 5px 0;
	font-weight: 700;
}
.g_tnc ul{
	padding-left: 20px;
}
.g_tnc ul li{
	list-style: disc;
	margin: 5px 0;
}

.f_remark{
	font-size: 0.85em;
	line-height: 1.2;
}
.f_remark ul{
	padding-left: 20px;
}
.f_remark ul li{
	margin: 8px 0;
}
.f_remark ul li::marker{
	content: "*";
}



/* --------------------------- CHI --------------------------- */
html:lang(ch) nav ul li a{
	letter-spacing: 1px;
  font-weight: 500;
}
html:lang(ch) .header_dona a{
	letter-spacing: 1px;
	font-size: 20px;
	font-weight: 700;
}
html:lang(ch) .callact .header_dona a{
	font-size: 26px;
}
html:lang(ch) .prize_table .lt_col_1 {
  flex: 0 0 240px;
}






/* --------------------------- Mobile --------------------------- */
@media(max-width: 1400px){ 
	.prize_top .col_prize{ flex: 0 0 100%; align-items: center;}
	.prize_top .col_prize .prize_img{ max-width: 350px; margin-right: 20px;}
	
	nav ul li a{ font-size: 1.6vw; }
	.header_dona a{ font-size: 1.8vw;}
	.logo{ width: 13vw;}
	.header_lang a{ font-size: 1.1vw;}
	
	header.navbar-fixed-top .header_dona a, .navbar-fixed-top nav ul li a{ font-size: 1.6vw;}
	
	.counter_area .cu_container ul li{ font-size: 1vw;}
	.cu_container ul li span{ font-size: 3vw;}
	
	.sponsor_logo{	flex: 0 0 16.6%;}
	.long_s_logo{
		flex: 0 0 auto;
		width: 90%;
	}
	nav ul li ul li a{
		font-size: 16px;
	}
	
	.col_inf h3{ font-size: 2.5vw; }
}

@media(max-width: 1200px){ 
	nav{padding: 0;}
	nav ul li a{ font-size: 1.8vw;	}
	.header_dona a{	font-size: 1.8vw;}
	.headline{	flex: 0 0 360px;	}
	.logo{ width: 13.5vw;}
}

@media(max-width: 1030px){ 
	.web{ display: none;}
	.mo{ display: block;}
	
	header.navbar-fixed-top{
		border: none;
	}
	header.navbar-fixed-top .container{
		padding: 0px;
	}
	nav{
        grid-column: unset;		
    }
    nav ul, header.navbar-fixed-top nav ul{
        display: none;
        width: 100%;
        position: static;
		padding: 5px 0 0;
		margin-top: 80px;
    }

	nav ul li, .navbar-fixed-top nav ul li{
        display: block;
		text-align: left;
		letter-spacing: 1px;
		height: auto;
		padding: 10px 15px;
    }
	nav ul li.header_dona{display: block;}
	.nav-toggle-label{
        display: flex; margin-left: 15px;
		background: var(--logo);
    	padding: 9px;
    	border-radius: 70px;
		height: 50px; 
   		width: 50px;
    	top: 25px;
		border: 3px solid var(--logo);
    }	
	
	header.navbar-fixed-top .scol_d_logo{display: none;}
	.nav-open header.navbar-fixed-top .scol_d_logo{display: none;}

	.logo{ display: none;}
	.scol_d_logo {
	  display: flex;
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
	  width: 80px;
	  top: 5px;
	  padding: 8px;
	  background: none;
	  border-radius: 50%;
	}
	.scol_d_logo img{ margin: 0;}	
	
	header{ padding: 0;}
	.scol_d_logo{ top: 20px; z-index: 100;}
	header.top_open{ padding: 0; background: #fff; height: 100vh; padding-bottom: 150px; overflow-y: auto;}
	header.top_open .container{ padding: 25px 0;}
	header.top_open nav{ flex-direction: column; align-items: flex-start; padding: 0;}
	header.top_open nav .header_lang{ display: block; margin: 0;}
	
	nav ul li a, .navbar-fixed-top nav ul li a{
	  font-size: 6vw;
	  background: none;
	  margin: 0 2px;
		border: none;
		padding: 0px;
		letter-spacing: -4px;
		font-weight: 900;
	}
	nav ul li a span {
	  padding-right: 10px;
	}
	nav ul li a i svg{
		width: 6vw;
		max-width: inherit;
	}
	
	.navbar-fixed-top nav ul li ul li a{
		letter-spacing: 0px;
		padding: 5px 10px;
	}
	header.top_open nav ul{
		margin-top: 90px;
	}
	header.top_open nav .header_lang{
		border: none;
		background: none;
		margin-top: 30px;
		padding: 3px 15px;
		font-size: 18px;
		color: var(--logo);
	}
	header.top_open nav .header_lang a{
		color: var(--logo);
		font-size: 18px;
	}
	.header_lang i svg{
		width: 30px;
		max-width: inherit;
	}
	
	.header_dona a i svg{
		width: 5vw;
		max-width: inherit;
	}
	header.top_open nav ul li.header_dona a, header.navbar-fixed-top .header_dona a{
		width: 100%;
		position: relative;
		padding: 15px 20px;
		font-size: 6vw;
		border: none;
		text-align: center;
		margin-top: 15px;
		letter-spacing: -1px;
		background: #009ad0;
	}
	header.top_open nav ul li.header_dona a::after{
		position: absolute;
		top: 0;
		left: 0;
		right: 0px;
		bottom: 0;
		border-radius: 50px;
		content: "";
	}
	header.top_open .scol_d_logo{
		display: none;
	}
	header.navbar-fixed-top nav{ padding: 0;}	
	
	header.top_open nav ul li ul{
		background: none;
		border: none;
		position: relative;
		opacity: inherit;
		visibility: visible;
		transform: translateX(0px);
		transition: none;
		margin: 10px 0;
		display: none;
		box-shadow: none;
		min-width: inherit;
	}
	header.top_open nav ul li ul li a{
		font-size: 20px;
		font-weight: 600;
		padding: 16px 20px;
	}
	header.top_open nav ul li:hover ul{
		transform: translateY(0px);
	}
	nav ul li ul li a{
		letter-spacing: 0px;
	}
	
	.menu_link_sub {
		pointer-events: auto;
	}
	.header_dona a{
		text-align: center;
	}
	
	
	
	
	.hero_event{
		max-width: 800px;
	}
	.kv_icon_3{	width: 11vw; max-width: inherit;}
	.kv_icon_2 { width: 14.5vw; max-width: inherit;}
	.kv_icon_1 { width: 14vw; max-width: inherit;}
	.kv_icon_4 { width: 14vw; max-width: inherit;}
	.mySwiper .swiper-slide{ align-items: flex-start;}
	
	.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev {
		width: 50px; height: 50px;
	}
	.mySwiper2 .swiper-button-next::after, .mySwiper2 .swiper-button-prev::after {
		font-size: 2.8vw;
	}
	
	.row_2_flex{
		flex-direction: column-reverse; gap: 0px;
	}
	.member_offer .col_img img, .grooming_offer .col_img img  {
	  transform: inherit;  max-width: 600px;
	}
	.col_inf{ width: 100%;}
	.col_inf h2{ font-size: 8vw; letter-spacing: 0px; text-align: center;}
	.col_inf h3{ font-size: 5vw; text-align: center;}
	.col_inf p, .col_inf .txt_1{ text-align: center;}
	
	.bold_tel a{ font-size: 7vw;}
	.bold_tel i svg{ width: 8vw;}
	
	.mySwiper3{ width: 100%; max-width: 500px;}
	.dona_offer .col_inf{ padding: 0px;}
	.done_gift{
		position: relative;
	  transform: inherit;
	  margin: 0 auto 20px;
	  top: inherit;
	  right: inherit;
	  width: 100%;
	  max-width: 500px;
	}
	
	.w_btu{ margin: auto;}
	
	.Retail_Offer .container{ display: block;}
	.items_submenu{ display: none;}
	
	.one_item_col{ display: block;}
	.one_item_col .grid_img{ margin: auto;}
	.one_item_col .item_detail{ max-width: 600px;}
	.one_item_col .item_detail h4 { margin-top: 30px;}
	
	.hero_event{ padding-top: 5%;}
	
	.workshop .grid_card{ flex-direction: column; gap: 20px; padding: 30px;}
	.Retail_Offer .container{ padding: 120px 25px 80px;}
	.slide_header{ font-size: 32px;}

}


@media(max-width: 768px){
	header.navbar-fixed-top .scol_d_logo, .scol_d_logo{ width: 70px; padding: 5px;}	
	nav ul li a, .navbar-fixed-top nav ul li a{
	  font-size: 7.5vw;
		padding: 5px 10px;
		letter-spacing: -2px;
	}
	header.top_open nav ul li.header_dona a, header.navbar-fixed-top .header_dona a{
		font-size: 7vw;
	}
	.header_dona a i svg {	width: 6.5vw;  }	
	
	.p_fun_r{ flex-direction: column; gap: 40px; margin-top: 60px;}
	.footer_l{ flex-direction: column;}
	.colf_2{ width: 100%;}
	.fb_area{ padding: 0px;}
	.fb_area p{ text-align: left;}
	
	
	.container{ width: 85%;}
	.hero .container{
		min-height: inherit;
		height: auto;
		aspect-ratio: 0.8;
	}	
	.hero_event{
		padding: 0 40px;
	}
	.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
	  font-size: 5vw;
	}
	.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{
		font-size: 5vw;
	}
	.sec_headline{ text-align: center; margin-bottom: 25px;}
	.sec_headline .button_s1{ position: inherit;}
	
	h2{ font-size: 8.5vw;}
	
	.mySwiper .swiper-slide{ padding-top: 20px;}
	.w_btu{ max-width: inherit;}
	
	
	
	.mySwiper2 {  padding: 70px 0 110px;}
	
	.workshop .grid_card .button_s1{ display: block; text-align: center; font-size: 1.2em; font-weight: 600;}
	.workshop .container { padding: 120px 20px 80px;}
	.mySwiper2 .swiper-slide{ max-width: 570px;}
	
	
}


@media(max-width: 586px){
	header{ padding: 0;}
	header.top_open nav ul li.header_dona a, header.navbar-fixed-top .header_dona a{
		font-size: 6.2vw;
		padding: 12px 20px;
	}	
	header.navbar-fixed-top .scol_d_logo, .scol_d_logo{ width: 70px; top: 20px;}	

	.hero .container{ aspect-ratio: 0.6; max-height: 100vh;}
	.headline{ width: 60vw; transform: translate(-50%, -75%);}
	
	.hl_circle_g { width: 75vw; max-width: inherit;}
	.swiper-slide-active .hl_circle_g{	animation: zoom_in_2 3s;}
	
	.kv_icon_3{ width: 15vw;}
	.kv_icon_4{ width: 17vw;}
	.kv_icon_2{ width: 21.5vw;}
	.kv_icon_1{ width: 18vw;}
	
	.mySwiper2 .swiper-slide-active{ transform: scale(1);}
	.mySwiper2 .swiper-slide{ padding: 0 25px; background: none;}
	
	.mySwiper2 .swiper-button-next, .mySwiper2 .swiper-button-prev {
		width: 40px; height: 40px; opacity: 0.5; transition: 0.3s;
	}
	.mySwiper2 .swiper-button-next:hover, .mySwiper2 .swiper-button-prev:hover {
		opacity: 1;
	}
	
	.mySwiper2 .swiper-button-next::after, .mySwiper2 .swiper-button-prev::after {
		font-size: 3.5vw;
	}
	
	.sec_headline h3{ font-size: 4.5vw;}
	
	.grid_card h4{ font-size: 1em;}
	.row_grid{ grid-template-columns: auto;}
	.grid_card .button_s1{ position: inherit;}
	.grid_card .button_s1{ display: block; text-align: center;}
	.grid_card{ background: #fff; padding: 25px;}
	
	.one_item_col .button_s1{ display: block;}
	
	.hero_event{ padding-top: 15%;}
	.workshop .container { padding: 120px 15px 80px;}
	.Retail_Offer .container { padding: 120px 15px 80px; }
	.slide_header{ font-size: 8vw;}
	.mySwiper2 {    padding: 30px 0 50px;  }
	
	.event_area .container{ padding: 50px 0px 65px;}
	
}