*{ text-shadow:0 0 10px #fff,  0 0 20px #fff,  0 0 40px #fff,  0 0 80px #fff,  0 0 120px #fff,  0 0 200px #fff;}
body {font-family:  -apple-system, BlinkMacSystemFont, sans-serif, system-ui,'微軟正黑體', '.SFNSText-Regular', Arial, 新細明體 !important;}
.video_swiper { overflow: hidden; margin: 10px; position: relative}
.video_swiper .slick-list{  overflow: hidden; padding-left: 8px;}
.video_swiper .slick-prev { left: 0; z-index: 9}
.video_swiper .slick-next { right: 0; z-index: 9}
.video_swiper .slick-dots { bottom: 0; position: relative}
.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {padding: 0 12px !important; white-space: nowrap !important;}
.slick-arrow {
  background-color: transparent !important;
  width: 0!important;
  height: 0!important;

}
.slick-prev.slick-arrow{  border-top: 15px solid transparent!important;
  border-right:  25px solid rgba(255, 255, 255, 0.79) !important;
  border-bottom: 15px solid transparent!important;}
.slick-next.slick-arrow{  border-top: 15px solid transparent!important;
  border-left: 25px solid rgba(255, 255, 255, 0.79) !important;
  border-bottom: 15px solid transparent!important;}
#videolist{
width:100%; margin: auto; padding:0 40px; opacity: 0;
}
#videolist .item{
text-align: center;
overflow: hidden; float: left; margin:5px 8px 5px 0 }
#videolist .item .vpic img{
width:100% ;}
#videolist .item h4{ font-size: 1.2em; font-weight: bold; margin-bottom: 10px;}

.video_slider2 .item .vpic a{ display: inline-block}

.aw-name {color: #000000 !important;line-height: 125%;text-align: center;width: 100%;display: block;font-size: 21px;line-height: 100%;margin-bottom: 0px;font-weight: 900;}
.hkfg-nav { background-color: #3fb586}
h1, h2 {color:#0259a0 !important}
.uk-margin-medium-bottom {margin-top: 20px; margin-bottom: 10px  !important;}
	.uk-navbar-nav > li > a {
  color: #000;
}
.landingnews h3 {color:#000; font-weight:900;}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a.uk-open, .uk-navbar-nav > li > a:focus{color:#0259a0
 !important }
.uk-navbar-nav li.uk-active a {color:#0259a0
 !important }
		.uk-sticky-placeholder {height: 112px; margin: 0px;display: block !important;}
		
		
	.hkfg-nav.uk-box-shadow-medium{	 background-color: #ffffff73;border-radius: 9px;}
	.uk-navbar-item.uk-logo img.landinglogo {max-height: 180px;position: absolute;z-index: 1;left: 0;top: 0;}
.uk-card-default.targetbox {background-color: #009845}	
.hkfg-body .targetbox h3.uk-card-title {color:#fff}
.uk-navbar-toggle {color:#000}	
.uk-navbar-toggle.uk-open, .uk-navbar-toggle:focus, .uk-navbar-toggle:hover {color:#0259a0
}	
.cd-timeline__date {font-size: 16px; font-size: 2em;color: #333;line-height: 100%; }
.uk-container {max-width: none}
span.hi-btn{
padding: 8px 16px 8px 16px;
background-color: #20499c;
	color: #fcee6a;
		-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
	}
span.hi-btn-m {padding: 4px 16px 4px 16px;
background-color: #fff;
	color: #20499c;
		-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
a:hover span.hi-btn, .uk-navbar-nav li.uk-active a span.hi-btn{
	color: #fff;
}
a:hover span.hi-btn-m, li.uk-active a span.hi-btn-m{
	color: #009845;
}
.land_vdo {zwidth:100%;display: block;text-align: center}
.land_vdo_gp {width:48%;display: inline-block;margin-bottom: 40px}
.land_vdo_gp:nth-child(odd) {margin-right:1%;}
.land_vdo_gp:nth-child(even) {margin-left:1%;}
.land_vdo_con {width:100%;display:block;position: relative;z-index: 0}
.land_vdo_con iframe {width:100%; height:100%; position:absolute; z-index:1; left:0; top:0}
.land_vdo_con  .vdo_space  {width:100%; max-width:1200px; height:auto; position:relative; z-index:0}
.land_vdo_gp h3 {text-align: center;margin-top: 10px;}
.r_icon {padding-left: 52px; background-repeat: no-repeat; background-position: left center; background-size: auto 95%; box-sizing: border-box}

.hkfg-prizes .p1 table.aboutobm {border-top: solid 1px #ddd;margin-top: 0}
.hkfg-prizes .p1 table.aboutobm .c1{border-right: solid 1px #ddd; }
.hkfg-prizes .p1 table.aboutobm td{color: #000 !important; }
h2.obmhead { font-weight: 900;color:#fff !important; margin-bottom: 0 !important;padding: 8px 16px 8px 16px;}
.keyImg.main-btn {position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background-image: url("../images/main-cover-btn.png")}
	.hkfg-home .keyImg {
  height: 210px;
  background-size: auto 104%;
}
	.hkfg-home.up_logo{background-size:auto 100%; background-repeat: repeat-x;position: relative;margin-top: -40vh;
z-index: 1;}
.intro_text{display: block;color: #000;font-size:18px;font-weight: 400;box-sizing: border-box;padding: 32px 0;text-align: center; max-width: 1280px}
.catbox_title{display: block;color: #000;font-size:32px;font-weight: 900;box-sizing: border-box;padding: 32px;text-align: center; max-width: 1280px}

.catbox.table_a{margin-top: 0px;color: #fff;font-size:28px;font-weight: 900;box-sizing: border-box;text-shadow: 0px 0px 8px #444;padding: 32px; padding-top: 0px; text-align: left; margin-left: auto;margin-right: auto}

.catbox.table_a .td_b {width: calc(100% / 3 );text-align: center;color: #fff;font-size:23px;font-weight: 400; text-align: center;

}
.iconbx{width: 100%;display: block}
		.main_gp{padding-bottom: 20px;
	background-size:100% auto;
	background-repeat: repeat-y;background-position: bottom;

}
img.s_logo_d {padding-left: 15%; padding-right:  15%; display: block;}
img.e_logo {  display: inline-block;
  height: auto;
	width: 100%;
}
	.box-icon{   background-image: url("../images/box-label.png");
  background-size:  auto 60px;
  background-repeat: no-repeat;
  background-position: right;
  text-align: left !important;
  padding-left: 0;
  color: #0259a0
 !important;
  font-size: 32px;
  height: 60px;display: inline-block;
padding-right: 80px;
  line-height: 50px;font-weight: 900;
	
		
}
	
		.tm_table {display: table;width: 100%}
.tm_tr {display: table-row;width: 100%}
.tm_td{display: table-cell;vertical-align: top;width: 125px}
.tm_td.r {padding-left: 30px;display: table-cell;width: auto}
.box-text {font-weight:900;color: #0259a0;font-size: 28px;padding-left:100px;display:grid;background-size: auto 100%;background-repeat: no-repeat;background-position: left;margin-left: 40px;}
		.table_a{display:table;margin-left: auto;margin-right: auto}
.tr_a{display:table-row}
.td_a{display:table-cell;vertical-align: middle}
.table_text_gp{display: inline-block;max-height:420px}
.text_gp_table{display:table;padding-right: 40px}
.text_gp_tr{display:table-row}
.text_gp_td{display:table-cell;text-align: left}
.text_gp_headline{padding-bottom: 30px;display: block}
.text_gp_btn{color:#ffffff;font-size:42px;text-decoration: none;background-color: #d70c18;border-radius: 30px;vertical-align: text-bottom;padding: 16px;box-shadow: var(--shd,0 4px 4px rgba(0,0,0,.4));}
		.text_gp_btn:hover {text-decoration: none;color: #fff;			 background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%); box-shadow: var(--shd,0 0px 60px rgba(255,255,255,.9));}
.text_gp_date{display: inline-block;text-align: left;font-size: 48px;color: #000;padding-left: 32px;line-height: 110%;font-weight: 900}
.td_b{display:table-cell}	
.logo_gp{display: inline-block;max-height:420px}
.info_txt {font-size:18px;color:#000;}
.box-text-info {text-decoration: none;font-weight:300;font-size:32px;color:#000}
.sil_line{ width: 100%;background-color:#cccccc4a; height:1px;display:block}
.dummy_img{ width: 100%;height: auto}
.table_w{ display: table; width: 100%;padding-top: 10px; padding-bottom: 10px;text-align: left}
.tr_w{ display: table-row; width: 100%}
 .td_wa{text-shadow: 0px 0px 8px #444; display: table-cell;  width:15%;font-size: 32px;font-weight: 900;color: #fff; vertical-align: top}
.td_wb{ text-shadow: 0px 0px 8px #444;display: table-cell;  width:25%;font-size: 32px;font-weight: 900;color: #fff; vertical-align: top}
.td_wc{text-shadow: 0px 0px 8px #444; display: table-cell; font-size: 18px;color: #fff; vertical-align: top}
.td_wc ul   { padding: 0;margin:10px 0 0 0; list-style: decimal;padding-left: 30px}
.no_d{display: none!important}
	
			.award-visual-box {vertical-align: top;
			padding: 0;
			height: auto;
			position: relative;
			transition: all 300ms cubic-bezier(0.06, 0.98, 0.53, 0.99) 0s;
			/* border: 5px solid #998249; */
			/* background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);*/
			border-radius:5px;
		box-sizing: border-box;
width: calc(86% / 5 );
display: inline-block;
margin-bottom: 1%;
aspect-ratio: 4/5;
				margin-bottom: 1%;
				cursor: default
		}
	.award-visual-box.transcale-a {margin-right: 2%}
.award-visual-box.transcale-b {margin-right:  2%}
.award-visual-box.transcale-c {margin-right: 2%}
	.award-visual-box.transcale-d {margin-right:  2%}
.award-visual-box.transcale-e {margin-right: 2%}
.award-visual-box.transcale-f {}
		.award-visual-box-wrapper {
			display: block;
			width: 100%;
			border-radius:45px;
			font-size: 28px;
			font-weight : 400;
			color: #0259a0;
			position: relative;
			z-index: 0;
box-sizing: border-box;
		

		}
	.award-visual-box-wrapper-img {
		background-position: center center;
			display: block;
			width: 100%;
		height: auto;
			border-radius:60%;
			color: #0259a0;
			position: relative;
			z-index: 0;
box-sizing: border-box;
		background-size: auto 100%;position: relative;z-index: 0;
		background-position: center center

	}

a.award-visual-box:hover .award-visual-box-wrapper-img {
  animation: imgmove 2s both;
}

@keyframes imgmove {
50% {background-size: auto 150%;}
  0%, 100% {
    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 0)); /* 無發光 */
  }
  50% {
    filter: drop-shadow(0 0 150px rgba(2, 89, 160, 1)); /* 發光效果 */
  }
}

a.award-visual-box:hover .cat_title, a.award-visual-box .cat_title:hover { text-decoration: none}


	.cat_title{
margin: 0;
font-size: 21px;
padding-top: 0;
padding-bottom: 5px;
color: #000;
position: relative;
z-index: 1;
width: 100%;
text-align: center;
font-weight: 300;
		white-space: nowrap;
	}


a.award-visual-box:hover, a:hover .cat_title{text-decoration: none}
	.con_table_gp:hover{  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFAC 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%)}



	.main_gp.aw_main_bg {background-size: cover;position:fixed;z-index: -1; left: 0; top: 0;width: 100%; height: 100%;}
	.main_gp.aw_main_gp {background-image: none;z-index: 1;position: relative;}
	.aw_con {width: 100%;padding-right: 0;text-align: center;}

	.aw_header {cursor: pointer;background: rgb(153,130,73);background: linear-gradient(90deg, rgba(2,89,160,0) 0%, rgb(2,89,160) 20%,rgb(2,89,160) 50%, rgb(2,89,160) 80%,rgba(2,89,160,0) 100%);text-align: center;padding-top: 8px;padding-bottom: 8px;font-size: 32px;color: #fff;margin-bottom: 20px;margin-top: 40px;margin-top: 10px;position: absolute;z-index:0;width: 100%;top: -40px;width:100%;font-size: 21px;}

	.main_gp{background-size: 100% auto }
.info-text{width: 100%;display: block;
padding: 28px 40px 28px 40px ;border-radius: 18px; border: solid 1px #001c5b;  background-color:#ffffff; background-color:#001c5b;box-sizing:border-box; -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);
	 -moz-box-shadow: 0px 2px 4px -2px  rgba(0,0,0,0.33);
	 box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);}            
.info-text.eh-info{width: 100%;display: block;
padding: 28px 40px 28px 40px ;

border-radius: 15px; width:100%; display:block;  border: solid 1px #cccccc;  background-color:#ffffff; background-color:#ffffff94;box-sizing:border-box;  padding-bottom:10px;-webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);
	 -moz-box-shadow: 0px 2px 4px -2px  rgba(0,0,0,0.33);
	 box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);
  background-image: url('../images/logobg.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;
}
.info_txt, .info-text p {	font-weight:400; 
letter-spacing: 0.02em;

 display:block; text-align:center; color:#000;  font-size:18px ; line-height:175%; text-align:left; margin-top:0px; margin-bottom:20px;  margin-left: auto; margin-right: auto }

.info-text p.fea-sub-head {  font-size:29px ; font-weight:900;  color:#0259a0
; margin-bottom:0px; text-align:center; }
.info_txt .info-text a{color:#0259a0
 !important}

.gp-2_table  {max-width:800px; margin-left:auto; margin-right:auto; display:table}
.gp-2_tr  {width:100%; display: table-row}
.gp-2_td {width:calc(50% - 5px); height:auto; display: table-cell;  background-color: transparent; 
}
.gp-2_td:nth-child(2) {width:10px;  background-color: transparent}
.gp-2_td  span{ width:100%; box-sizing:border-box;padding-left: 20px;padding-right: 20px;padding-bottom: 10px;padding-top:10px;	font-weight: 400; 

line-height:135%;

 display:block; text-align:center; color:#000000; font-size: 15px; vertical-align:top }
.index-h-pg {
  width: 100%;
  display: block;
  margin-top: 0;
  font-weight: 900;
  letter-spacing: 0.02em;
  color: #0259a0;
  font-size: 25px;
  margin: 0;
    margin-bottom: 0px;
  margin-bottom: 5px;
  width: 100%;
  background-size: contain;
  height: auto;
  line-height: 120%;
}
.gp-2_td img {width:100%}
.gp-2_td a {
color: inherit;
text-decoration: none;
border: 0;
	}
.imgcap {box-sizing: border-box;border-radius: 15px;object-fit: cover;background-color: #0259a0;color: #fff;padding: 10px 15px 10px 15px;width: 100%;font-size: 21px;display:block;z-index: 1;text-align: center}
a .imgcap, a.lightbox2:hover  {text-decoration: none !important;}
#com_list {border-radius: 15px; width:100%; display:block;  border: solid 1px #cccccc;  background-color:#ffffff; background-color:#ffffff94;box-sizing:border-box;  padding-bottom:10px;-webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);
	 -moz-box-shadow: 0px 2px 4px -2px  rgba(0,0,0,0.33);
	 box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.33);
  background-image: url('../images/logobg.png');
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right center;padding-top: 10px;margin-top: 40px;margin-bottom: 20px;

}
#com_list.nonact{padding: 0;
border: none;
background-image: none;
background-color: transparent;
box-shadow: none;
}
#com_list.nonact .list-table{display: none}
#com_list .head_title { width:100%; line-height:130%; display:block; margin-bottom:5px; margin-top:10px;
letter-spacing: 0.02em;
 font-weight:700;  font-size:27px; color:#0259a0;background-image: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAYEBQYFBAYGBQYHBwYIChAKCgkJChQODwwQFxQYGBcUFhYaHSUfGhsjHBYWICwgIyYnKSopGR8tMC0oMCUoKSj/2wBDAQcHBwoIChMKChMoGhYaKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCj/wAARCAABA8ADASIAAhEBAxEB/8QAGQABAQADAQAAAAAAAAAAAAAAAAUBAwQI/8QAGBABAQEBAQAAAAAAAAAAAAAAAARBAzH/xAAXAQEBAQEAAAAAAAAAAAAAAAAABAMC/8QAFhEBAQEAAAAAAAAAAAAAAAAAAAID/9oADAMBAAIRAxEAPwD1N18cFGgzt1KXTqTToIdFEJdGp/UEOiiWhgGLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZAG/ioT4DaGdKk2K02AuzT0qT47+XgLoT0//9k="); width:100%;background-size: contain; background-position:bottom center; background-repeat:no-repeat; text-align:left; padding-left:20px; box-sizing:border-box }
#com_list  .list-table { padding-top: 10px;width:100%; display:table; padding-left:40px; padding-right:40px; box-sizing:border-box }
#com_list  .list-tr {width:100%; display: table-row}
#com_list a {display: table-cell; text-decoration:none; font-size:21px; color:#000000; 
	font-weight: 600; 

letter-spacing: 0.02em;

 width:33% ;padding-bottom:5px;white-space: inherit;line-height: 125%;} 

#com_list a:hover {color:#0259a0}
#com_list a.on {color:#0259a0; font-weight: 900}
#com_list a span{display:inline-block}
.stocktitle  { 
width: auto;
display: inline-block;
margin-top: 10px;
font-weight: 600;
letter-spacing: 0.02em;
color: #fff;
font-size: 31px;
margin: 0;
margin-bottom: 5px;
background: linear-gradient(90deg, rgb(153, 130, 73) 0%, rgb(153, 130, 73) 50%, rgb(153, 130, 73) 90%, rgba(153,130,73,0) 100%);
padding-left: 20px;
padding-right: 10%;
	margin-left: -20px;
	
}

.com_contect p  {font-size: 18px;
line-height: 175%;
text-align: left;
color: #fff;
margin-bottom: 35px;
letter-spacing: 1px;
margin:0; padding:0;		font-weight: 400;	 margin-bottom:30px
}

.com_contect p.atitle { border-bottom: 1px solid #ccc;
width:100%; display:block; margin-top:10px;font-weight: 900; 

letter-spacing: 0.02em;

  color:#ffee65 ; font-size:31px; margin:0;margin-bottom:20px;width:100%;background-size: contain; background-position:bottom center; background-repeat:no-repeat; height:auto; line-height:135%; padding-bottom:8px  }
.com_contect p.atitle ins {text-decoration:none; display:inline-block}
.com_contect p.first_pg { font-weight:bold; color: #fff}

.com_contect .h-pg{width:100%; display:block; margin-top:0;font-weight: 900; 

letter-spacing: 0.02em;

  color:#ffee65 ; font-size:25px; margin:0;margin-bottom:5px;width:100%;background-size: contain;height: auto; line-height:120%  }

.content_pic { display:table; width:480px; float:right; margin-left:20px; margin-bottom:10px}
.content_pic_b { display: table; width: auto; margin-right:10px  }
.content_pic_tr { display:table-row}
.content_pic_td { display:table-cell;  text-align:left; font-size:14px; font-style: italic; line-height:135%;color:#fff}
.content_pic_b .content_pic_td img, .content_pic_td img { margin-bottom: 5px; border-radius: 15px; object-fit: cover;max-width:480px; width:100%}

.content_pic_td.cap_td {padding-bottom:80px; position:relative; z-index:0}

.img_cap {position:absolute; z-index:1; left:0; top:5px; width:100%}
.artcon {width: 100%;padding-top: 20px; padding-bottom: 20px}
.aw_header_v2  {background: rgb(153,130,73);background: linear-gradient(90deg, rgba(2,89,160,0) 0%, rgb(2,89,160) 20%,rgb(2,89,160) 50%, rgb(2,89,160) 80%,rgba(2,89,160,0) 100%);text-align: center;padding-top: 8px;padding-bottom: 8px;font-size: 32px;color: #ffffff ; font-weight: 900; margin-bottom: 20px;margin-top: 40px; max-width: 640px; margin-left: auto; text-shadow: none;margin-right: auto}
.aw_logo  {width:100%}
	.logo_co{width:49%;display: inline-block;padding-left: 10px;
padding-right: 10px;margin-bottom: 48px;
box-sizing: border-box;position: relative;z-index: 0}

.logo_co .co_label{
background:linear-gradient(90deg, rgba(153,130,73,0) 0%,rgba(153,130,73,0.2) 10%, rgb(153, 130, 73) 25%, rgb(153, 130, 73) 50%, rgb(153, 130, 73) 75%, rgba(153,130,73,0.2) 90%,rgba(153,130,73,0) 100%);
color: #fff;
padding: 5px;
font-size: 21px;
display: block;
width: 100%;
margin-top: -5px;
z-index: 1;
font-weight: 400;
	box-sizing: border-box;
	text-align: center
}

li.over
	{
	position: relative;z-index: 0;			
	}
li.over div
	{
	position: absolute; z-index: 1; left: 0; bottom: auto; padding: 8px  16px  8px  16px;background-color: #ffffff; width: 90%; border: solid 1px #cccccc;display: none;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.33);
	 -moz-box-shadow: 0px 0px 4px 0px  rgba(0,0,0,0.33);
	 box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.33);
		margin-top: 8px;
	}
	
li.over div a
	{	
	 padding-top: 8px;padding-bottom: 8px;display: block;border-bottom: #cccccc solid 1px;font-size: 18px;	cursor: pointer;color: #000000;
line-height: 100%; text-decoration: none;text-align: center
	}

li.over div a:last-child
	{	
	border-bottom: none;
	}
li.over div a:hover
	{	
	color:#00623c;
	font-weight: 900;
	cursor: pointer;
	}

.stocktitle.jumppage{font-size: 18px;
font-weight: 400;
padding-right: 35px;
padding-top:5px;
padding-bottom: 5px; cursor: pointer}

.ticket-visual_visual {
			padding: 6px;
width: calc(100% / 4 - 24px);
height: 120px;
			margin: 10px auto 20px auto;
			position: relative;
			transition: all 300ms cubic-bezier(0.06, 0.98, 0.53, 0.99) 0s;
			/* border: 5px solid #fff; */
			 background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
			border-radius: 100px;
      display: inline-block
		}

		.ticket-visual-wrapper {
			display: flex;
			width: 100%;
			height: 100%;
			background: rgb(255,254,238);
			background: radial-gradient(circle, rgba(255,254,238,1) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); 
			border-radius: 100px;
		 align-items:center;
        justify-content:center;
			font-size: 28px;
			font-weight: 400;
			color: #6f2500;
			position: relative;
			text-align: center;
			z-index: 0
		}
		.ticket-visual-info{
			font-size: 23px;
			font-weight: 400;
			
		}
		
		#ticket-gp{	
			width: calc(100%);
		background: linear-gradient(180deg, 
        rgba(0,0,0,0) calc(50% - 1px), 
        rgba(111,37,0,1) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
			 );
			display: inline-block;
			}
.ticket-visual_visual:nth-child(1), .ticket-visual_visual:nth-child(2), .ticket-visual_visual:nth-child(3) { margin-right:16px}

	.rtxtbg{max-width:1280px; box-sizing: border-box;width: 100%;margin-left: auto; margin-right: auto; margin-top: 20px;margin-bottom: 20px;text-align: left;padding-left: 80px;padding-right: 80px; padding-top: 16px; padding-bottom: 16px}

.rtxttit {display: block;color: #000;font-size:25px;font-weight: 900;box-sizing: border-box;text-align: left; max-width: 1280px}
.rtxt {display: block;color: #000;font-size:18px;font-weight: 400;box-sizing: border-box;text-align: left; max-width: 1280px}


.rtxtxtbox {color: #fff;font-weight: 900;font-size: 25px;text-shadow: 0px 0px 8px #444;position: relative;
display: block;}
.pofbox {font-weight: 900;font-size: 25px;width: 100%; text-align: left;color: #0259a0;}

.pofbox ins{
background-color: transparent;
font-size: 18px;
color: #000;
display: block;text-align: center;
}
	.ac-box{	
	display: inline-block;margin-right: 30px;position: relative;
background-repeat: no-repeat;box-sizing: border-box; background-image: url('../images/gold.png');background-size: auto 50%;background-position: left;padding-left: 18px;}

	.pof-box{	
	width: calc(100% / 4);aspect-ratio: 1/1;display: inline-block;margin-right: 10%;position: relative;background-size: cover;background-size:100% auto;
background-repeat: no-repeat;background-position: center center;vertical-align: top;40px; margin-bottom: 40px}
.pof-box img{border-radius: 60%;	
}

.upper_con {margin-top: -40vh}
	.sec_btn{
		
max-width: 480px; box-sizing: border-box;width: auto;margin-left: auto; margin-right: auto; margin-bottom: 10px;text-align: center;border-radius: 18px;font-size:21px;font-weight: 400;background:linear-gradient(90deg, rgb(140, 102, 8) 0%,rgb(153, 130, 73) 10%, rgb(215, 185, 113) 50%, rgb(140, 102, 8) 90%,rgb(153, 130, 73) 100%);color:#fff;padding-top: 12px; padding-bottom: 12px;display: inline-block;padding-left: 24px;padding-right: 24px; box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.33);position: absolute;right: 0;bottom: -75px;
	}
		@media (max-width: 980px) { .uk-navbar-item.uk-logo img.landinglogo {position: relative;left: auto;top: auto;max-height: 80px;} .cd-timeline__date {font-size: 1.5em; }

			
			
}
@media (max-width: 1199px){

.sec_btn{
		
position: fixed;
right: 0;
left: auto;
bottom: 0;
z-index: 9999999;
top: auto;
	}
}

@media (max-width: 1280px){

	.hkfg-home.up_logo {margin-top: -20vh}
	.upper_con {margin-top: -20vh}
}

	


@media (max-width: 64rem) { 
	
	
		.box-icon{margin-left: 60px;}
	
	
	
	.hkfg-home.up_logo{margin-top: -15vh;}
	img.e_logo {
	max-width:100%;
}
	.pof-box{	
		width: calc(100% / 2 - 20px); margin-right:10px; margin-left: 10px}
	.upper_con {margin-top: -5vh}
	.ac-box {width: 100%;
margin-right: 0;
display: block; }
	.rtxtxtbox{font-size: 18px}
	.rtxtbg {padding-left:16px; padding-right: 16px}
	.ac-box.ac-box2 {margin-right: 0}
	.catbox_title {font-size:32px;}
	.catbox.table_a{font-size:25px;padding-bottom: 16px; padding-top: 0px; padding-left: 8px; padding-right: 8px}

.catbox.table_a .td_b {font-size:15px;padding-right: 16px; white-space: nowrap}
	
	.intro_text {text-align: left}
		.hkfg-home.up_logo{margin-top: -70px;
z-index: 1;}
	.uk-offcanvas { z-index: 99999  !important}
.stocktitle {box-sizing: border-box;
  text-align: center;
  width: 100%;
  margin-left: 0;
	 padding-left: 8px;
  padding-right: 8px;
  background-color: rgb(153, 130, 73);
}
	.com_contect p.atitle {text-align: center}

	#com_list .list-table, #com_list .list-tr, #com_list a {display: block;width: 100%}
	#com_list .list-table {padding-left: 24px; padding-right: 24px}
	.main_gp.aw_main_gp, .art_con {padding: 16px ;text-align: center;}
	.container {margin-left: 0 !important; margin-right: 0 !important; width: 100% !important;}
	.info-text {padding: 32px 24px 32px 24px}
.content_pic {display: block;width: 100%;float: inherit;margin-left: 0;}
.content_pic_tr {display: block;}
.content_pic_td {display: block;}
.content_pic_td video{ width: 100%; height:auto}
.content_pic_b {margin-right:0; display: block}
.content_pic_td.cap_td{ padding-bottom:40px}
.content_pic_b .content_pic_td img, .content_pic_td img {max-width:none}
	
.fea_con_a  a.com-btn.off[style] {	display:none !important;}

.img_cap
{
    position: relative;
    display: block;
    z-index: 0;
    top: auto;
    left: auto;
}
	
	.imgcap {font-size: 13px; position: relative; left: auto;top: auto; bottom: auto; right: auto;margin-left: -12px;}
	
.main_gp{background-size: auto 100%; padding-bottom: 0}
	.no_m {display:none !important}
	.text_gp_table {padding-right: 20px; padding-left: 20px}
	.text_gp_td {text-align: center}
	.e_logo.no_d {margin-top: 0 !important;max-height: 220px}
	.text_gp_btn {display: inline-block}
	.table_text_gp {
  max-height:none;
}
	.text_gp_headline{padding-bottom: 10px; display: block;text-align: center}
	.text_gp_date {padding-left: 0; display: block;text-align: center;margin-top: 10px}
	.no_d{display: inherit !important}
	#ticket-gp {		background: linear-gradient(90deg, 
        rgba(0,0,0,0) calc(50% - 1px), 
        rgba(111,37,0,1) calc(50%), 
        rgba(0,0,0,0) calc(50% + 1px)
			 ); text-align: center;margin-top: 10px;margin-bottom: 10px;}
	.ticket-visual_visual{width: 80%;height: auto; }
		.ticket-visual_visual:nth-child(1){margin-top: 0}
		.ticket-visual_visual:nth-child(4){margin-bottom: 0;}
	.ticket-visual-wrapper {
	font-size: 28px;
	}
	.award-visual-box {width: calc(95% / 2 );}
	.award-visual-box.transcale-a {margin-right: 2%}
.award-visual-box.transcale-b {margin-right: 0}
.award-visual-box.transcale-c {margin-right: 0}
	.award-visual-box.transcale-d {margin-right:2%}
.award-visual-box.transcale-e {margin-right: 2%}
.award-visual-box.transcale-f {}
	
	.td_wa {font-size: 36px;text-shadow: 0px 0px 8px #444;}
	.td_wb {font-size: 36px;text-shadow: 0px 0px 8px #444;}
	.td_wc ul { text-shadow: 0px 0px 8px #444;margin-top: 0}
	.uk-sticky-fixed {padding-left: 3%;padding-right: 3%;padding-top: 10px;text-shadow: 0px 0px 8px #444;}
	
	.tr_w{display: block;text-shadow: 0px 0px 8px #444;}
	.td_wa{text-shadow: 0px 0px 8px #444;display: inline-block;width:auto;padding-right:16px}
	.td_wb{text-shadow: 0px 0px 8px #444;display: inline-block;width:auto}
	.td_wc{text-shadow: 0px 0px 8px #444;display: block;width:100%}
	.e_logo {margin-left: auto;margin-right: auto}
	
	.text_gp_btn
{
font-size: 28px;
}

.text_gp_date {
font-size: 32px;
}


.box-icon 
{
font-size: 28px;
}

.cat_title {font-size: 15px;
}

		.logo_co {width:100%;display:block;padding-left:0;padding-right:0;}
	}


@media (max-width: 1180px) { 
.keyImg.main-btn {background-image: url("../images/main-cover-btn-m.png")}
}


@media (max-width: 980px){
	
	div.art_con div.container.max-width-lg h1 { margin-top: 8px; margin-bottom: 8px !important}
	.aw_header { font-size: 18px}
	#com_list_gp{ margin-top: -20px; margin-bottom: -20px}
.land_vdo_gp {width:100%;display: block;}
.land_vdo_gp:nth-child(odd) {margin-right:auto;}
.land_vdo_gp:nth-child(even) {margin-left:auto;}
.hkfg-prizes .p1 table.aboutobm .c1{border-right:none; }
}


@media (min-width: 375px){
.uk-navbar-item.uk-logo img {
  max-height: 70px;
}
		.hkfg-home .keyImg {
  height: 220px;
  background-size: auto 104%;
}



}

@media (min-width: 480px)
{
	.hkfg-home .keyImg {
  height: 380px;
  background-size: auto 100%;
}
	
	.hkfg-home {
  background-size: 560px auto;
  background-position: center bottom;
    background-position-y:  bottom;
}

}	

@media (min-width: 640px){
	

	.hkfg-home .keyImg {
  height: 520px;
  background-size: auto 104%;
}
	
.uk-navbar-item.uk-logo img {
  max-height: 50px;
}

}
@media (min-width: 980px){
	
		.hkfg-home .keyImg {
  height: 560px;
  background-size: auto 104%;
}
	
	
.uk-navbar-item.uk-logo img {
  max-height: 70px;
}

	.uk-sticky-fixed {padding-top: 5px;padding-left: 10%;padding-right: 10%}		
	}

	@media (min-width: 1180px){
			.hkfg-home .keyImg {
  height: 620px;
  background-size: auto 108%;
}
	
	
}
@media (max-width: 375px){
.uk-navbar-item.uk-logo img {height: 30px; max-width: none;}
	

}

	.animated {

 animation: up-down ;
	 animation-duration:1s ;
	 transition-timing-function:ease-in-out;
		animation-iteration-count:infinite ;
	 animation-direction:alternate-reverse;
}	



@keyframes up-down {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-5%);
  }
}

.topbanner-waves {
  display: block;
  margin-top: 60px;
  width: 100%;
  height: 60px;
  z-index: 5;
  position: relative;
}

.wave1 use {
  animation: move-forever1 10s linear infinite;
  animation-delay: -2s;
}

.wave2 use {
  animation: move-forever2 8s linear infinite;
  animation-delay: -2s;
}

.wave3 use {
  animation: move-forever3 6s linear infinite;
  animation-delay: -2s;
}

@keyframes move-forever1 {
  0% {
    transform: translate(85px, 0%);
  }

  100% {
    transform: translate(-90px, 0%);
  }
}

@keyframes move-forever2 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

@keyframes move-forever3 {
  0% {
    transform: translate(-90px, 0%);
  }

  100% {
    transform: translate(85px, 0%);
  }
}

.fade-in-text {
  animation: left-to-right-fade-in 0.5s ease-in;
animation-delay: 0.5s;
  -webkit-mask-repeat: no-repeat;
	animation-fill-mode: forwards;
}
		

@keyframes left-to-right-fade-in {
  0% {
	   opacity: 0;
    -webkit-mask-size: 0%;
    -webkit-mask-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 1) 100%,
      rgba(0, 0, 0, 0)
    );
  }
  100% {
	  opacity: 1;
    -webkit-left-to-right-fade-in: 100%;
    -webkit-mask-image: linear-gradient(
      to right,
      rgba(0, 0, 0, 1) 100%,
      rgba(0, 0, 0, 0)
    );
  }
}
	
	
	.fade-in-image { animation: fadeIn 1.5s; animation-delay: 0.25s;	animation-fill-mode: forwards;}
.fade-in-image-two { animation: fadeIn 1.5s; animation-delay: 0.75s;	animation-fill-mode: forwards;}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

	
	@keyframes crescendo {
		 0%   { opacity: 0;transform: scale(1.25);} 
  100% { opacity: 1;transform: scale(1);}
}
.transcale {
  animation: crescendo 0.5s ease-in;
animation-delay: 0.5s;
	animation-fill-mode: forwards;
}	


.transcale-a {
  animation: crescendo 0.5s ease-in;
animation-delay: 0.15s;
	animation-fill-mode: forwards;
}	


.transcale-b {
  animation: crescendo 0.5s ease-in;
animation-delay: 0.3s;
	animation-fill-mode: forwards;
}	

.transcale-c {
  animation: crescendo 0.5s ease-in;
animation-delay: 0.45s;
	animation-fill-mode: forwards;
}	

.transcale-d {
  animation: crescendo 0.5s ease-in;
animation-delay: 0.6s;
	animation-fill-mode: forwards;
}	

.transcale-e {
  animation: crescendo 0.5s ease-in;
animation-delay: 0.6s;
	animation-fill-mode: forwards;
}	

.transcale-f {
  animation: crescendo 0.5s ease-in;
animation-delay: 0.6s;
	animation-fill-mode: forwards;
}	


.catch{
    display:none;
  }




.u-fade-type-left{
    transform: translateX(-100px);
    opacity: 0;
}


.u-fade-type-left.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}

		
.u-fade-type-right{
    transform: translateX(100px);
    opacity: 0;
}

.u-fade-type-right.is-active{
    transition: 1s;
    transform: translateX(0);
    opacity: 1;
}

.u-fade-type-down{
    transform: translateY(100px);
    opacity: 0;
}

.u-fade-type-down.is-active{
    transition: 1s;
    transform: translateY(0);
    opacity: 1;
}

.u-fade-type-up{
    transform: translateY(-100px);
    opacity: 0;
}

.u-fade-type-up.is-active{
    transition: 1s;
    transform: translateY(0);
    opacity: 1;
}


		
.u-fade-type-static{
    opacity: 0;
}

.u-fade-type-static.is-active{
    transition: 1s;
    opacity: 1;
}

.arrow-1 {
  width:100px;
  height:30px;
  display: flex;
}
.arrow-1:before {
  content: "";
  background: currentColor;
  width:15px;
  clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
  animation: a1 1.5s infinite linear;
}
@keyframes a1 {
  90%,100%{flex-grow: 1}
}

.arrow-2 {
  width:50px;
  height:30px;
  display: flex;
  justify-content: center;
	  position: absolute;
  right: 0;
  top: auto;
  bottom: 15px;
	transform: rotate(90deg) scale(0.5);

}
.arrow-2:before,
.arrow-2:after {
  content: "";
  background: currentColor;
  width:15px;
  clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
  animation: a2 2s infinite linear;
}

.arrow-2:before {
  transform: scaleX(-1);
}
@keyframes a2 {
  90%,100%{flex-grow: .5}
}


.arrow-3 {
  width:100px;
  height:30px;
  display: flex;
}
.arrow-3:before,
.arrow-3:after {
  content: "";
  flex: 1;
  margin: 0 5px;
  background: currentColor;
  clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
  animation: a3 .5s infinite alternate;
}

.arrow-3:after {
  --s:-1;
}
@keyframes a3 {
  0%  {transform: scaleX(var(--s,1)) translate(-4px)}
  100%{transform: scaleX(var(--s,1)) translate( 4px)}
}

.arrow-4 {
  width:40px;
  height:30px;
  display:grid;
}
.arrow-4:before,
.arrow-4:after {
  content: "";
  grid-area: 1/1;
  background: currentColor;
  clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
  animation: a4 .5s infinite alternate;
}

.arrow-4:after {
  --s:-1;
}
@keyframes a4 {
  0%  {transform: scale(var(--s,1)) translate(12px,-6px) translate(4px)}
  100%{transform: scale(var(--s,1)) translate(12px,-6px) translate(-4px)}
}

.arrow-5 {
  width:50px;
  height:30px;
  display: grid;
  overflow: hidden;
}
.arrow-5:before,
.arrow-5:after {
  content: "";
  grid-area: 1/1;
  background: currentColor;
  clip-path: polygon(0 10px,calc(100% - 15px) 10px,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,calc(100% - 15px) calc(100% - 10px),0 calc(100% - 10px));
  animation: a5 1s infinite;
  transform: translate(calc(0% + var(--s,0%)));
}

.arrow-5:after {
  --s:-100%;
}

@keyframes a5 {
  80%,100%{transform: translate(calc(100% + var(--s,0%)))}
}

.arrow-6 {
  width:50px;
  height:60px;
  display: grid;
}
.arrow-6:before,
.arrow-6:after {
  content: "";
  background:
    linear-gradient(90deg,currentColor calc(100% - 15px),#0000 0) 0 50%/100% 10px,
    conic-gradient(from -136deg at 15px 50%,#0000 ,currentColor 1deg 90deg,#0000 91deg) 35px 0/100% 100%;
  background-repeat: repeat-x;
  animation: a6 1s infinite;
}
.arrow-6:after {
  transform: scaleX(-1);
}

@keyframes a6 {
  80%,100%{background-position: 50px 50%,85px 0}
}

.arrow-7 {
  width:110px;
  height:30px;
  display: flex;
  background: 
    linear-gradient(currentColor 0 0) left /30px 10px,
    linear-gradient(currentColor 0 0) right/30px 10px,
    conic-gradient(from -136deg at             15px  50%,#0000 ,currentColor 1deg 90deg,#0000 91deg) 30px              0/100% 100%,
    conic-gradient(from   44deg at calc(100% - 15px) 50%,#0000 ,currentColor 1deg 90deg,#0000 91deg) calc(100% - 30px) 0/100% 100%;
  background-repeat: no-repeat;
  animation: a7 .5s infinite alternate;
}
.arrow-7:before {
  content: "";
  flex: 1;
  background: inherit;
  transform: rotate(90deg);
}

@keyframes a7 {
  90%,100%{width:93px}
}

.arrow-8 {
  width:30px;
  height:30px;
  display: flex;
  background: 
    linear-gradient(currentColor 0 0) center/calc(100% - 30px) 10px,
    conic-gradient(from -136deg at right,#0000 ,currentColor 1deg 90deg,#0000 91deg) right/15px 100%,
    conic-gradient(from   44deg at left ,#0000 ,currentColor 1deg 90deg,#0000 91deg) left /15px 100%;
  background-repeat: no-repeat;
  animation: a8 .5s infinite alternate;
}
.arrow-8:before {
  content: "";
  flex: 1;
  background: inherit;
  transform: rotate(90deg);
}

@keyframes a8 {
  90%,100%{width:80px}
}

.arrow-9 {
  width:60px;
  height:30px;
  display: flex;
  background: 
    linear-gradient(currentColor 0 0) center/calc(100% - 30px) 10px,
    conic-gradient(from -136deg at right,#0000 ,currentColor 1deg 90deg,#0000 91deg) right/15px 100%,
    conic-gradient(from   44deg at left ,#0000 ,currentColor 1deg 90deg,#0000 91deg) left /15px 100%;
  background-repeat: no-repeat;
  animation: a9 .5s infinite linear alternate;
}

@keyframes a9 {
  0%   {transform: translate(-30px)}
  100% {transform: translate( 30px)}
}

.arrow-10 {
  width:30px;
  height:60px;
  padding-top: 60px;
  display: grid;
  background: 
    linear-gradient(currentColor 0 0) bottom/10px calc(100% - 15px),
    conic-gradient(from 134deg at top,#0000 ,currentColor 1deg 90deg,#0000 91deg) top/100% 15px;
  background-origin: content-box;
  background-repeat: no-repeat;
  animation: a10-0 2s infinite;
}
.arrow-10:before,
.arrow-10:after {
  content: "";
  grid-area: 1/1;
  background:inherit;
  background-size: 10px calc(100% - 25px),100% 25px;
  animation: a10-1 2s infinite;
}
.arrow-10:after {
  background-size: 10px calc(100% - 30px),100% 30px;
  animation: a10-2 2s infinite;
}
@keyframes a10-0 {
  25%,100% {padding-top:0px}
}

@keyframes a10-1 {
  0%,25%   {margin:60px -10px 0}
  50%,100% {margin:8px  -10px 0}
}
@keyframes a10-2 {
  0%,50%   {margin:60px -15px 0}
  75%,100% {margin:20px -15px 0}
}

@keyframes fadeLoop {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.9;
  }
  100% {
    opacity: 0.6;
  }
}



        

.oploop {
  animation: fadeLoop 6s linear infinite;
}