@charset "UTF-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block;  background:#ffa800 url('/customized/images/main/main_bar_bg.jpg') no-repeat 50% 0%; background-size:cover;}

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-lightbox { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: black; -webkit-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }

.slick-lightbox .slick-loading .slick-list { background-color: transparent; }

.slick-lightbox .slick-prev { left: 15px; }

.slick-lightbox .slick-next { right: 15px; }

.slick-lightbox-hide { opacity: 0; }

.slick-lightbox-hide.slick-lightbox-ie { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.slick-lightbox-hide-init { position: absolute; top: -9999px; opacity: 0; }

.slick-lightbox-hide-init.slick-lightbox-ie { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }

.slick-lightbox-inner { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }

.slick-lightbox-slick-item { text-align: center; overflow: hidden; }

.slick-lightbox-slick-item:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { position: absolute; bottom: 0; left: 0; text-align: center; width: 100%; margin-bottom: 20px; }

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption { display: block; text-align: center; }

.slick-lightbox-slick-item-inner { display: inline-block; vertical-align: middle; max-width: 90%; max-height: 90%; }

.slick-lightbox-slick-img { margin: 0 auto; display: block; max-width: 90%; max-height: 90%; }

.slick-lightbox-slick-caption { margin: 10px 0 0; color: white; }

.slick-lightbox-close { position: absolute; top: 15px; right: 15px; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; }

.slick-lightbox-close:focus { outline: none; }

.slick-lightbox-close:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: 'Ąż'; }

.skip-nav { position: absolute; top: 0; left: -100%; color: #fff; background: #555; font-size: 1.6em; }

.skip-nav:focus { display: block; position: fixed; left: 0; width: 100%; z-index: 9999; padding: 20px; font-weight: bold; line-height: 1.5; text-align: center; vertical-align: middle; }

.is-hidden { display: none; }

.blind, .hide { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); }

.overflow-hidden { overflow: hidden; }



@media (max-width: 767px) { .only-desktop { display: none !important; } }

@media (min-width: 768px) { .only-mobile { display: none !important; } }

@media (min-width: 1025px) { .until-tablet { display: none !important; } }

@media (max-width: 1024px) { .not-tablet { display: none !important; } }

.over-img { display: inline-block; }



@media (min-width: 768px) { .index-ux-app-desc { margin-top: 17px; font-size: 17px; letter-spacing: 0; line-height: 33px; } }

.index-event-section { position: relative; width: 100%; overflow: hidden; }

.index-event-slick { width: 100%; }

.index-event-slide { position: relative; width: 100%; margin: 0 auto; font-size: 0; text-align: center; }

 .index-event-link { display: inline-block; width: 100%; max-width: 1200px; height: 0; padding-bottom: 30.2777%; margin: 0 auto; }

@media (min-width: 768px) { .index-event-link { padding-bottom:20.625%; } }

@media (min-width: 1280px) { .index-event-link { height: 200px; padding-bottom: 0; } }

.index-event-arrows { display: none; max-width: 1200px; margin: 0 auto; }

@media (min-width: 768px) { .index-event-arrows { display: block; } }

.index-event-arrow-prev, .index-event-arrow-next { position: absolute; top: 50%; z-index: 1000; width: 46px; height: 66px; padding: 0; border: 0; margin: -33px 0 0; font-size: 0; line-height: 46px; color: rgba(0, 0, 0, 0); }

.index-event-arrow-prev { z-index:0; left: 0; background: url("/customized/images/main/index-event-arrow-prev_lg.png") no-repeat; background-size: auto; background-position: 10px 10px; }

@media (min-width: 1280px) { .index-event-arrow-prev { left: 52%; margin-left: -640px; } }

.index-event-arrow-next { z-index:0;  right: 0; background: url("/customized/images/main/index-event-arrow-next_lg.png") no-repeat; background-size: auto; background-position: 10px 10px; }

@media (min-width: 1280px) { .index-event-arrow-next { right: auto; right: unset; left: 46%; margin-left: 614px; } }

.index-event-pagers { display: block; position: absolute; top: 17px; right: 20px; text-align: right; }

@media (min-width: 768px) { .index-event-pagers { display: none; } }

.index-event-pagers .slick-dots { font-size: 0; }

.index-event-pagers .slick-dots li { display: inline-block; }

.index-event-pagers .slick-dots li button { display: none; padding: 0; border: 0; margin: 0; font-size: 12px; line-height: 1; transition: all 0.3s ease; }

.index-event-pagers .slick-dots li.slick-active button { display: inline-block; color: #fff; }

.index-event-pagers .slick-dots li.slick-active .total { font-size: 12px; line-height: 1; color: rgba(255, 255, 255, 0.5); }