@charset "utf-8";

/* ----------------------------------------------
	style
---------------------------------------------- */
body {
    -webkit-touch-callout: default;
    -webkit-user-select: all;
    -moz-touch-callout: default;
    -moz-user-select: all;
    touch-callout: default;
    user-select: all;
    touch-action: auto;
}

.loading {
    width: 100%;
    height: 100%;
    transition: all 1s;
    background-color: #000;
    position: fixed;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999999;
    opacity: 0;
    visibility: visible;
    overflow: hidden;
}

#document {
    position: relative;
    overflow: hidden;
    width: 100%;
    /* display: none; */
    display: block;
    opacity: 1;
}

#sectionInfo {
	padding-top: 0vw;
	padding-bottom: 0vw;
	position: relative;
}
#sectionInfo .main {
	position: relative;
}
#sectionInfo .infoBg {
	background-attachment: fixed;
	background-image: url(../img/info/info_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 40%;
	background-size: cover;
	height: 100%;
	position: fixed;
	top: 0vw;
	left: 0;
	width: 100%;
	z-index: -1;
}
@media (max-width:992px) {
    #sectionInfo .infoBg {
        height: calc(100% - 11.5vw);
        top: 11.5vw;
        background-image: none;
        background-color: #000;
    }
}

ul.detacoreCard {
	display: flex;
	align-content: space-around;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: 0 5.5%;
	position: absolute;
		top: 25.83%;
		left: 0;
	width: 100%;
}
ul.detacoreCard li {
	margin: 0 1.4% 3%;
	width: 26.78%;
	white-space: pre-wrap;
}
ul.detacoreCard li img {
	box-shadow: 3px 3px 3px rgba(0,0,0,0.75);
}