/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre, textarea {
overflow: auto;
}
[hidden], audio:not([controls]), template {
display: none;
}
details, main, summary {
display: block;
}
input[type=number] {
width: auto;
}
input[type=search] {
-webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
progress {
display: inline-block;
}
small {
font-size: 75%;
}
textarea {
resize: vertical;
}
img {
display: inline;
}
[unselectable] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
*, ::after, ::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
border-width: 0;
border-style: solid;
}
* {
margin: 0;
padding: 0;
font-size: inherit;
line-height: inherit;
}
::after, ::before {
vertical-align: inherit;
text-decoration: inherit;
}
:root {
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
cursor: default;
box-sizing: border-box;
overflow-y: scroll;
text-rendering: optimizeLegibility;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
}
a {
text-decoration: none;
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
button, input, select, textarea {
background-color: transparent;
min-height: 1.5em;
color: inherit;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
}
nav ol, nav ul {
list-style: none;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
select::-ms-value {
color: currentColor;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.glide {
position: relative;
width: 100%;
height: 100%;
}
.glide__wrapper {
overflow: hidden;
}
.glide__track {
-webkit-backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
-ms-touch-action: pan-Y;
position: relative;
transform-style: preserve-3d;
backface-visibility: hidden;
width: 100%;
height: 100%;
overflow: hidden;
touch-action: pan-Y;
list-style: none;
}
.glide__track.dragging {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
cursor: -webkit-grabbing;
cursor: grabbing;
user-select: none;
}
.glide__slide {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
width: 100%;
user-select: none;
}
.glide__slide a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide__arrows {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide__arrow {
cursor: pointer;
}
.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.glide--slider .glide__slide {
float: left;
clear: none;
}
.glide--carousel.glide--vertical .glide__track {
overflow: visible;
}
.glide--carousel .glide__slide {
float: left;
clear: none;
}
.glide--slideshow .glide__wrapper {
height: 100%;
}
.glide--slideshow .glide__slide {
-webkit-transform-style: preserve-3d;
-webkit-transform: translate3d(0, 0, 0);
position: absolute;
top: 0;
left: 0;
z-index: -1;
height: 100%;
}
.glide--slideshow .glide__slide.active {
z-index: 1;
}
/*
Colorbox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
}
#cboxWrapper {
max-width: none;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
}
#cboxLoadedContent {
-webkit-overflow-scrolling: touch;
overflow: auto;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}
.cboxPhoto {
-ms-interpolation-mode: bicubic;
display: block;
float: left;
margin: auto;
border: 0;
border: solid 1px #d2e9f5;
max-width: none;
}
.cboxIframe {
display: block;
margin: 0;
border: 0;
padding: 0;
width: 100%;
height: 100%;
}
#colorbox, #cboxContent, #cboxLoadedContent {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
/*
User Style:
Change the following styles to modify the appearance of Colorbox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: 0.8;
background-color: #fff;
}
#colorbox {
outline: 0;
overflow: visible !important;
}
.cboxIframe {
background: #fff;
}
#cboxError {
border: 1px solid #53abdb;
background-color: #fff;
padding: 50px;
}
#cboxTitle {
position: absolute;
top: 100%;
left: 0;
margin-top: 1em;
width: 100%;
color: #fff;
font-size: 16px;
}
#cboxLoadingOverlay {
background-color: #fff;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
margin: 0;
border: 0;
background: none;
padding: 0;
width: auto;
overflow: visible;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
outline: 0;
}
#cboxClose {
position: absolute;
top: -72px;
right: -72px;
-webkit-transition: opacity 0 ease;
transition: opacity 0 ease;
background: url(../img/common/modal/btn_close.png) no-repeat left top;
width: 52px;
height: 52px;
font-size: 0;
}
#cboxClose:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: 0.7;
}
.l-in__inner {
line-height: 1.5;
}
/* Slider */
.slick-slider {
-moz-box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
touch-action: pan-y;
user-select: none;
}
.slick-list {
display: block;
position: relative;
margin: 0;
padding: 0;
overflow: hidden;
}
.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);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
display: block;
position: relative;
top: 0;
left: 0;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[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;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
border: 1px solid transparent;
height: auto;
}
.slick-arrow.slick-hidden {
display: none;
}
@media screen {
[hidden~=screen] {
display: inherit;
}
[hidden~=screen]:not(:active):not(:focus):not(:target) {
clip: rect(0 0 0 0) !important;
position: absolute !important;
}
}
