/* @import url(//fonts.googleapis.com/earlyaccess/notosanstc.css); */


@font-face {
    font-family: 'FAFont';
    src: URL('GenJyuuGothic-Light.woff2') format('woff2');
    font-weight: normal;
}

@font-face {
    font-family: 'FAFont';
    src: URL('Gen Jyuu Gothic Bold.woff2') format('woff2');
    font-weight: bold;
}


/* All Materials Design */

*{
    /* transition: transform 0.4s cubic-bezier(0, 0, 0.13, 1), opacity 0.4s cubic-bezier(0, 0, 0.13, 1); */
    /* transition: transform 0.2s linear, opacity 0.4s cubic-bezier(0, 0, 0.13, 1) !important; */
    /* backface-visibility: hidden;
    will-change: transform opacity; */
    /* transition: none !important; */
}

#LoadingBG{
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgb(43, 35, 56);
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 1s ease;
}
#LoadingBG.fade-out {
    opacity: 0;
    pointer-events: none;
}
.loadingBG-content {
    text-align: center;
}
.loadingBG-spinner {
    width: 40px;
    height: 40px;
    margin: 0 auto 16px;
    border: 3px solid rgba(255,255,255,0.15);
    border-top-color: rgba(255,255,255,0.8);
    border-radius: 50%;
    animation: loadingBGSpin 0.8s linear infinite;
}
.loadingBG-text {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    letter-spacing: 2px;
}
@keyframes loadingBGSpin {
    to { transform: rotate(360deg); }
}

.arrow {
    position: relative;
    /* color: #333; */
    /* font-family: Arial sans-serif; */
    /* font-size: 2em; */
    /* text-decoration: none; */
    padding: 0.5em 1.5em;
    bottom: 68%;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    opacity: 0;
}

.arrowShow {
    opacity: 1 !important;
}

.arrow:before,
.arrow:after {
    content: "";
    background: rgba(255, 255, 255, 0);
    -webkit-border-radius: 0.8em;
    border-radius: 0.8em;
    display: block;
    height: 1.3em;
    position: absolute;
    right: 0;
    width: 4em;
}

.arrow.left:before,
.arrow.left:after {
    left: -30%;
}

.arrow.left:before {
    top: 2.6em;
}

.arrow.right:before,
.arrow.right:after {
    left: -10%;
}

.arrow.right:after {
    top: 2.6em;
}

.arrow.left:after,
.arrow.left:before,
.arrow.right:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

arrow.left:before,
.arrow.right:before,
.arrow.left:after {
    top: 0.66em;
}

.arrow.left:after,
.arrow.right:after {
    bottom: 0.66em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

img,
a {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Old versions of Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
						supported by Chrome, Opera and Firefox */
    text-decoration: none;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    text-align: center;
    overflow: hidden;
    font-family: 'FAFont', 'Microsoft JhengHei', 'Noto Sans TC', sans-serif;
    background-color: rgb(43, 35, 56, 1);
    letter-spacing: 1.2;
    position: fixed;
}

a.pjax {
    text-decoration: none;
}

#canvasView {
    position: absolute;
    width: 100%;
    min-height: calc(100vh);
    height: calc(100vh);
    overflow: hidden;
    left: 0px;
    top: 0px;
    /*overflow: scroll;*/
    /*overflow-x: hidden;*/
}

#mainPageCanvas {
    width: 100%;
    height: 100%;
    /* position: absolute; */
    /* z-index: -100; */
    /* overflow: hidden; */
}

#topLogo {
    position: relative;
    width: 213px;
    height: 55px;
    margin: 1% auto;
    z-index: 100;
    display: inline-block;
    object-fit: contain;
    background: transparent;
    pointer-events: auto;
}

#mainArea {
    width: 100px;
    height: 100px;
}

main {
    background: rgba(60, 228, 219, 0.6);
    /* position: relative; */
    /* overflow: hidden; */
    /* stylings */
    /* padding: 1em 0; */
    /* border-radius: .3em; */
    border-radius: 30em;
    max-width: 500px;
    /* margin: 0 auto; */
    box-shadow: 0 0 0 1px hsla(0, 0%, 100%, .3) inset, 0 .5em 1em rgba(0, 0, 0, 0.6);
    text-shadow: 0 1px 1px hsla(0, 0%, 100%, .3);
    color: azure;
}

blockquote {
    line-height: 2em;
    font-family: "微軟正黑體";
    font-style: bold;
}

#domView {
    width: 100%;
    height: 100%;
    position: absolute;
}

#navArea {
    position: absolute;
    left: 0px;
    top: 0px;
}


/* #contentView{
	width: 100%;
	height: 100%;

	backdrop-filter: blur(20px);
} */

.contentView {
    overflow-x: hidden;
    overflow-y: scroll;
    /* -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0); */
    position: relative;
    top: 8%;
    width: 70%;
    height: 82%;
    padding: 1% 15%;
    text-align: left;
    font-weight: 300;
    background: rgba(43, 35, 56, 0.27);
    backdrop-filter: blur(20px) brightness(120%);
    -webkit-backdrop-filter:blur(20px) brightness(120%);
    color: rgb(250, 250, 250);
}

h1 {
    font-size: 2.5em;
}


/* h2 { font-size: 1.9em; } */

.content a{
    text-decoration: none;
    font-weight: bold;
    color: rgba(247, 198, 126, 1);
}

.content a:hover{
    text-decoration: none;
    color: rgba(158, 255, 226, 1);
    font-weight: bold;
}

article.news {
    text-align: center;
}

article.content {
    text-align: left;
    /* padding: 0px 16vw; */
    margin-bottom: 10vh;
    line-height: 38px;
    letter-spacing: 2px;
}

article {
    margin: 5% 0px;
    font-size: 20px;
    color: rgb(230, 230, 230);
}

article>h2 {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}

article>a>div.newsItem {
    display: inline-block;
    width: 75%;
}

article>div {
    display: inline-block;
    width: 55%;
}

hr {
    height: 6px;
    border: 0px;
    box-shadow: inset 0 6px 6px -6px rgba(255, 255, 255, 0.8);
}

hr.dot {
    height: 0px;
    box-shadow: none;
    border-top: 7px dotted white;
}

hr.innerDot {
    height: 0px;
    box-shadow: none;
    border-top: 7px dotted rgba(255, 255, 255, 0.1);
}

hr.centerInnerDot {
    height: 0px;
    box-shadow: none;
    width: 60%;
    border-top: 7px dotted rgba(255, 255, 255, 0.1);
}

#menu>hr {
    display: none;
}

.unclickable {
    pointer-events: none;
}

.clickable {
    pointer-events: auto;
    /* cursor: pointer; */
}

.cursorPointer {
    cursor: pointer;
}

.imgLoaderMask{
    width: 100%;
    position: absolute;
    height: 100%;
    background: #eee;
    opacity: 1;
    border-radius: 1.6vw;
    /* border-top-left-radius: 12px; */
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    z-index: 1;
    border: calc(1.6vw*0.5) solid #ccc; 
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

iframe {
    border-radius: 1.6vw;
    /* border-top-left-radius: 12px; */
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

img{
    border-radius: 1.6vw;
    /* border-top-left-radius: 12px; */
    -webkit-border-radius: 1.6vw;
    -moz-border-radius: 1.6vw;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.postMainImgImages {
    height: auto !important;
}

.postMainImg {
    /* width: 100%;
	height: calc(100% / 896 * 734); */
    /* height: 504px; */
    width: 896px;
    height: 504px;
    position: relative;
    display: inline-block;
}

.loader
{
    width: 100%;
    top: 240px;
    position: absolute;
    z-index: 2;
}

/* Contact Info */
.contact-info {
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 10px 0 30px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 20px;
}

.contact-icon {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border: 1px solid rgba(247, 198, 126, 0.3);
    border-radius: 50%;
    color: rgba(247, 198, 126, 1);
    background: rgba(247, 198, 126, 0.06);
    transition: all 0.3s ease;
}

.contact-item:hover .contact-icon {
    background: rgba(247, 198, 126, 0.15);
    border-color: rgba(247, 198, 126, 0.6);
}

.contact-detail {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.contact-label {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: rgba(255, 255, 255, 0.35);
}

.contact-detail a,
.contact-detail span {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none !important;
    letter-spacing: 1.5px;
    transition: color 0.25s ease;
}

.contact-detail a:hover {
    color: rgba(247, 198, 126, 1);
    text-decoration: none !important;
}

.mapouter {
    position: relative;
    text-align: right;
    width: 100%;
    height: 504px;
}

.gmap_canvas {
    overflow: hidden;
    background: none !important;
    width: 100%;
    height: 504px;
}

.centerContent {
    text-align: center;
}


/* NAVIGATION */

nav {
    /* width: 80%; */
    margin: 0 auto;
}

nav ul {
    list-style: none;
    text-align: center;
}

nav ul li {
    display: inline-block;
    width: 100px;
}

nav ul li a {
    display: block;
    padding: 5px 0px;
    text-decoration: none;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    margin: 0 10px;
    width: 100%;
    font-size: 1.4em;
    margin: 0px 0px;
    font-weight: 300;
}

.navChoosed {
    color: rgb(247, 198, 126);
    font-weight: 700;
}

.navChoosedSecondLayer {
    color: rgb(247, 198, 126);
    font-weight: 700;
}

.navChoosedProjects {
    color: rgb(247, 198, 126) !important;
    font-weight: 1000;
    /* font-size: 1.1em !important; */
    /* box-shadow: 0 0 2px 0 rgba(158, 255, 226, 1) inset, 0 0 4px 2px rgba(158, 255, 226, 1); */
    border: 1.5px solid rgba(158, 255, 226, 1) !important;
    border-radius: 50px;
}

.colorAbout{
    color: rgb(247, 198, 126) !important;
}

.colorNews{
    color: rgb(247, 198, 126) !important;
}

.colorProject{
    color: rgb(247, 198, 126) !important;
}

.colorBlog{
    color: rgb(247, 198, 126) !important;
}

.colorTeamUp{
    color: rgb(247, 198, 126) !important;
}

nav ul li a,
nav ul li a:after,
nav ul li a:before {
    transition: all .2s;
}

nav ul li a:hover {
    color: #555;
}

nav#navArea ul li a {
    position: relative;
    z-index: 1;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

/* "#efc276", "#b3d8f2", "#9af0d7", "#d6a3b9", "#c7cd82"]; */
nav#navArea ul li a:hover {
    /* color: #91640F; */
    color: rgb(247, 198, 126);
}

nav#navArea ul li:nth-child(1) a:hover {
    color: rgb(247, 198, 126);
    /* color: #efc276; */
}

nav#navArea ul li:nth-child(3) a:hover {
    color: rgb(247, 198, 126);
    /* color: #b3d8f2; */
}

nav#navArea ul li:nth-child(5) a:hover {
    color: rgb(247, 198, 126);
    /* color: #9af0d7; */
}

nav#navArea ul li:nth-child(7) a:hover {
    color: rgb(247, 198, 126);
    /* color: #d6a3b9; */
}

nav#navArea ul li:nth-child(9) a:hover {
    color: rgb(247, 198, 126);
    /* color: #c7cd82; */
}

nav#navArea ul li a:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 1px;
    content: '.';
    color: transparent;
    background: rgb(255, 255, 255, 0.1);
    visibility: none;
    opacity: 0;
    z-index: -1;
    border-radius: 5px;
}

nav#navArea ul li a:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
}


/* Keyframes */

@-webkit-keyframes fill {
    0% {
        width: 0%;
        height: 1px;
    }
    50% {
        width: 100%;
        height: 1px;
    }
    100% {
        width: 100%;
        height: 100%;
        background: #333;
    }
}


/* Keyframes */

@-webkit-keyframes circle {
    0% {
        width: 1px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        height: 1px;
        z-index: -1;
        background: #eee;
        border-radius: 100%;
    }
    100% {
        background: #aaa;
        height: 5000%;
        width: 5000%;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        border-radius: 0;
    }
}

#menuToggle input {
    display: none;
}

.hide{
    display: none !important;
}

.image-cropper {
    width: 20vh !important;
    height: 20vh;
    min-width: 260px;
    min-height: 260px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
    border: 2px rgb(255, 255, 255, 0.2) solid;
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */
    display: inline-block;
}

.imageCropperHoverColor {
    border: 2px solid;
}

.newsThumbnail {
    display: inline;
    margin: 0 auto;
    /* height: 100%; */
    /* width: auto; */
    pointer-events: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Video thumbnails (MP4 replacing GIF) */
video.newsThumbnail {
    display: block;
    background-color: #2B2338;
}

.newsItem {
    width: 100%;
    cursor: pointer;
    text-align: center;
    color: white;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
}

.newsItem p {
    text-align: left;
}

.newsItem h2 {
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
    width: 40%;
    /* padding-left: 5%; */
    font-size: 2em;
}

.newsItem div {
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
    font-size: 1.1em;
    width: 50%;
}

.newsHoverColor {
    color: rgb(158, 255, 226);
}

.desc {
    text-align: left;
    margin-left: 5vh;
}

.desc span {
    font-size: 1.1em;
}

.date {
    font-size: 1.3em;
    font-weight: bold;
    color: rgb(247, 198, 126);
}

.blogPostHeader{
    max-width: 896px;
    text-align: left;
    margin: 0 auto;
}

.blogPostHeader .newsInfo{
    float: right;
    /* vertical-align: top; */
    margin: 0px;
}

.blogPostHeader .date{
    font-size: 0.8em;
    font-weight: bold;
    color: rgb(222, 222, 222);
}

.postAuthor{
    font-size: 1.3em;
    font-weight: bold;
    color: rgb(222, 222, 222);
    margin-left: 20px;
}

.desc p b{
    font-size: 1.2em;
}

.desc p {
    font-size: 0.8em;
}

.newsPost {
    max-width: 896px;
    text-align: left;
    margin: 0 auto;
}

.contentNav ul {
    text-align: left;
}

.pagination{
    width: 100%;
    text-align: center;
}

.button {
    /* width: 170px; */
    /* padding-top: 1px; */
    /* padding-bottom: 1px; */
    text-align: center;
    color: #000;
    text-transform: uppercase;
    /* font-weight: 600; */
    margin: 0.5vw;
    /* margin-bottom: 30px; */
    cursor: pointer;
    display: inline-block;
    width: 90px;
    letter-spacing: 0.11em;
    padding: 2px 5px 2px 5px;
}

.buttonPage {
    /* width: 170px; */
    /* padding-top: 1px; */
    /* padding-bottom: 1px; */
    text-align: center;
    color: #000;
    text-transform: uppercase;
    /* font-weight: 600; */
    margin: 0.5vw;
    /* margin-bottom: 30px; */
    cursor: pointer;
    display: inline-block;
    width: 18px;
    letter-spacing: 0.11em;
    padding: 4px 5px 2px 7px;
}

.button-1 {
    background-color: transparent;
    border: 1.5px solid rgba(158, 255, 226, 0.1);
    border-radius: 50px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .18s ease-in-out;
    /* color: rgba(158, 255, 226, 1); */
    color: rgba(255, 255, 255, 1);
    font-size: 1.01em;
    /* padding: 1px 2px 2px 3px; */
}

.buttonTag {}

.button-1:hover {
    /* box-shadow: 0 0 2px 0 rgba(158, 255, 226, 1) inset, 0 0 4px 2px rgba(158, 255, 226, 1); */
    border: 1.5px solid rgba(158, 255, 226, 1);
    /* color:rgb(247, 198, 126) !important; */
}

.demoList {
    text-align: left;
    /* margin-bottom:-30px; */
}

.demoList span {
    font-size: 1.3em;
    font-weight: bold;
    color: #FFE5C7;
}

.demoList nav {
    display: inline-block;
}

.demoList nav ul {
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.projects {
    text-align: center;
    width: 92vw;
    left: -12vw;
    position: relative;
}

.blog {
    text-align: center;
}

.blog.allPosts>a.pjax {
    vertical-align: top;
}

.blog.allPosts>a.pjax {
    width: 49%;
    display: inline-block;
}

.blog.allPosts .projectDesc {
    width: 70%;
}


/* 
.blog > a.pjax{
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	height: 45vh;
}

.blog .projectItem.blogPost{
	position: absolute;
	top: 0px;
	left: 0px;
} */

.blog .projectTitle {
    display: inline-block;
    margin: 5px auto;
}

.blog .projectDesc {
    width: 30vw;
    display: inline-block;
    text-align: left;
    color: #ddd;
    font-size: 0.73em !important;
}

.projectItem {
    cursor: pointer;
    text-align: center;
    color: white;
    display: inline-block;
    position: relative;
    top: 0;
    left: 0;
    margin: 1.5vh 1vw;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translate3d(0, 0, 0);
}

.projectItem .desc {
    text-align: center;
    margin: 0px;
}

.projectItem .desc .branding {
    font-size: 0.6em;
    font-weight: bold;
    color: rgb(247, 198, 126);
    margin: 22px 0px 5px 0px;
    display: inline-block;
    background-color: transparent;
    border: 2px solid;
    border-radius: 50px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0px 12px;
    /* color: rgba(158, 255, 226, 1); */
}

.projectItem .desc .blogDate {
    font-size: 0.7em;
    font-weight: bold;
    color: rgb(247, 198, 126);
    margin: 22px 0px 5px 0px;
    display: inline-block;
    background-color: transparent;
    /* border: 2px solid; */
    /* border-radius: 50px; */
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0px 12px;
    /* color: rgba(158, 255, 226, 1); */
}

.projectItem .desc .blogAuthor {
    font-size: 0.8em;
    font-weight: bold;
    color: rgb(247, 198, 126);
    margin: 22px 0px 5px 0px;
    display: inline-block;
    background-color: transparent;
    /* border: 2px solid; */
    /* border-radius: 50px; */
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    padding: 0px 0px;
    /* color: rgba(158, 255, 226, 1); */
}

.projectItem .desc p {
    margin-top: 0px;
}

.projectItem .desc .projectTitle {
    font-size: 1.17em;
}

.projectItem .desc .projectDesc {
    font-size: 0.78em;
}

.image-cropper-project {
    width: 20vh !important;
    height: 20vh;
    min-width: 260px;
    min-height: 260px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    /* border-radius: 20%; */
    cursor: pointer;
    border: 2px solid;
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */
    display: inline-block;
    margin: 0 auto;
}
/* 主要顏色 */

.color_1 {
    color: #69BF97 !important;
}

.border_color_1 {
    border-color: #69BF97 !important;
}

.bg_1:before,
.bg_1:after {
    background: #69BF97 !important;
}

.color_2 {
    color: #92ffc8 !important;
}

.border_color_2 {
    border-color: #92ffc8 !important;
}

.bg_2:before,
.bg_2:after {
    background: #92ffc8 !important;
}

.color_3 {
    color: #d7ffea !important;
}

.border_color_3 {
    border-color: #d7ffea !important;
}

.bg_3:before,
.bg_3:after {
    background: #d7ffea !important;
}

.color_4 {
    color: #efc276 !important;
}

.border_color_4 {
    border-color: #efc276 !important;
}

.bg_4:before,
.bg_4:after {
    background: #efc276 !important;
}

.color_5 {
    color: #e691bf !important;
}

.border_color_5 {
    border-color: #e691bf !important;
}

.bg_5:before,
.bg_5:after {
    background: #e691bf !important;
}

.color_6 {
    color: #b3d8f2 !important;
}

.border_color_6 {
    border-color: #b3d8f2 !important;
}

.bg_6:before,
.bg_6:after {
    background: #b3d8f2 !important;
}

.color_7 {
    color: #2cb9c6 !important;
}

.border_color_7 {
    border-color: #2cb9c6 !important;
}

.bg_7:before,
.bg_7:after {
    background: #2cb9c6 !important;
}

.color_8 {
    color: #ed7575 !important;
}

.border_color_8 {
    border-color: #ed7575 !important;
}

.bg_8:before,
.bg_8:after {
    background: #ed7575 !important;
}

.color_9 {
    color: #8aafee !important;
}

.border_color_9 {
    border-color: #8aafee !important;
}

.bg_9:before,
.bg_9:after {
    background: #8aafee !important;
}

.color_10 {
    color: #e94179 !important;
}

.border_color_10 {
    border-color: #e94179 !important;
}

.bg_10:before,
.bg_10:after {
    background: #e94179 !important;
}

@media (hover: none) and (pointer: coarse)
{
    .aboutTopSayHi{
        transition: none !important;
    }

    .aboutChar{
        transition: none !important;
    }
}

@media (hover: none) {
    .button-1:hover {
        box-shadow: none;
        border: 3.5px solid rgba(158, 255, 226, 0.1);
        /* color: inherit; */
    }
}

/* @supports (-webkit-backdrop-filter: brightness(150%) blur(20px)) or (backdrop-filter: brightness(150%) blur(20px)) { */
    /* .contentView { */
        /* background:rgba(255, 255, 255, 0.1); */
        /* background: none; */
        /* border-radius: 10px 10px 0px 0px; */
        /* -webkit-backdrop-filter: brightness(125%) blur(40px); */
        /* backdrop-filter: brightness(125%) blur(40px); */
        /* box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.0); */
    /* } */
/* } */

@supports (-webkit-backdrop-filter: brightness(150%) blur(20px)) or (backdrop-filter: brightness(150%) blur(20px)) {
    @media screen and (max-width: 1440px) {
        .blurBG {
            /* background:rgba(255, 255, 255, 0.1); */
            background: none;
            /* border-radius: 10px 10px 0px 0px; */
            -webkit-backdrop-filter: brightness(125%) blur(40px);
            backdrop-filter: brightness(125%) blur(40px);
            /* box-shadow: 0 0 15px 10px rgba(255, 255, 255, 0.0); */
        }
    }
}

@supports not ((-webkit-backdrop-filter: brightness(150%) blur(20px)) or (backdrop-filter: brightness(150%) blur(20px))) {
    @media screen and (max-width: 1440px) {
        .blurBG {
            background-color: rgb(43, 35, 56, 1);
        }
    }
}

@media screen and (max-width:768px) {

    .cooperationSetSubTitle > svg{
        top: -10% !important;
        transition: none !important;
    }

    .cooperationSetSubTitle > p{
        font-size: 0.4em !important;
    }

    .whatsSpecialSubTitle{
        margin: -16% !important;
    }

    .whatsSpecialSubTitleSet_HintSet{
        height: 0% !important;
        top: -8vh !important;
    }

    .aboutTopSayHi{
        font-size: 32px !important;
    }

    .authorArea{
        margin: 1% 0% 6% 0% !important;
        padding: 2% !important;
        height: 300px !important;
        border: dotted 8px rgb(255, 255, 255, 0.2) !important;
        /* border-radius: 3px; */
        text-align: left !important;
        vertical-align: -webkit-baseline-middle !important;
    }
    
    .authorPic{
        margin-top: 70px;
        height: 80px !important;
        border-radius: 8px !important;
        margin-left: 5% !important;
        margin-right: 10px !important;
        vertical-align: -webkit-baseline-middle !important;
    }
    
    .authorInfo{
        width: 50% !important;
        /* display: inline-block !important; */
        margin-right: 5% !important;
        float: right !important;
    }

    input.searchInputText{
        width: 60% !important;
    }

    article>a>div.newsItem{
        width: 60%;
    }

    .projects {
        text-align: center;
    }
    .image-cropper {
        /* display: block !important; */
        margin: 0 auto;
        margin-bottom: 2vh;
    }
    .desc {
        margin-left: 0px;
    }
    .newsItem div {
        width: 100%;
    }
    #topLogo {
        position: relative;
        width: 160px;
        /* right: 20px; */
        height: 55px;
        margin: 3% auto;
        z-index: 100;
        /* scale: 0.54528; */
        /* zoom: 0.54528; Old IE only */
        -moz-transform: scale(0.66);
        -webkit-transform: scale(0.66);
        transform: scale(0.66);
        transform-origin: top center;
    }
    .contentView {
        width: 80% !important;
        padding: 1% 10%  !important;
        /* margin: 0px !important; */
    }
    article {
        margin: 10% 0px;
        font-size: 16px;
        color: rgb(220, 220, 220);
    }
    article.news {
        text-align: center;
    }
    .newsItem h2 {
        width: 60%;
    }
    .postMainImg {
        /* width: 338.8px; */
        /* height: 190.575px; */
        width: calc(100vw * 0.8);
        height: calc(100vw * 0.8 / 338.8 * 190.575);
    }
    h1 {
        font-size: 2em;
    }
    .demoList {
        margin-bottom: 0px;
    }
    .button {
        width: 90px;
    }
    .blog.allPosts .image-cropper-project {
        width: 16vh !important;
        height: 16vh !important;;
        min-width: 0;
        min-height: 0;
        display:table;
    }

    .image-cropper-project {
        width: 26vh !important;
        height: 26vh;
    }

    .blog.allPosts .projectDesc {
        display: none;
    }
}

@media (max-width:768px){

    .aboutChar{
        width: 360px !important;
    }
    
    .aboutChar_0{
        bottom: 30% !important;
    }
    
    .aboutChar_1{
        bottom: 5% !important;
    }
    
    .aboutChar_2{
        bottom: 5% !important;
    }
    
    .aboutChar_3{
        bottom: 15% !important;
    }

    .aboutCharBottom{
        width: 360px !important;
    }
    
    .aboutCharBottom_0{
        bottom: 5% !important;
    }
    
    .aboutCharBottom_1{
        bottom: -15% !important;
    }
    
    .aboutCharBottom_2{
        bottom: -12% !important;
    }
    
    .aboutCharBottom_3{
        bottom: -10% !important;
    }

    .whatsSpecialSubTitleSet_Hint:nth-child(1){
        font-size: 0.36em !important;
        line-height: 2em !important;
        transform: translate3d(0%, 120%, 0);
    }
    
    .whatsSpecialSubTitleSet_Hint:nth-child(2){
        font-size: 0.36em !important;
        line-height: 1.8em !important;
        transform: translate3d(0%, 120%, 0);
    }

    .whatWeDoTopWow{
        font-size: 100% !important;
    }

    .whatWeDoTopDesc{
        font-size: 20% !important;
        margin-left: 5%;
        padding-top: 5%;
    }

    .welcomeWords{
        font-size: 0.4em !important;
    }

    .conclusionSet > p{
        margin: 10px auto;
        font-size: 0.29em !important;
        line-height: 1.92em !important;
    }

    .aboutProjects p{
        top: 0px;
        left: 100%;
        text-align: left;
        margin-left: 20px;
    }

    .questionList{
        flex-direction: column !important;
    }

    .contact-icon {
        width: 40px;
        height: 40px;
        font-size: 17px;
    }

    .contact-detail a,
    .contact-detail span {
        font-size: 15px;
    }

    .mapouter,
    .gmap_canvas {
        height: 300px !important;
    }
}

@media screen and (min-width:768px) and (max-width:1440px) {

    .authorArea{
        margin: 1% 5% 6% 5% !important;
        padding: 2% !important;
        height: 200px !important;
        border: dotted 8px rgb(255, 255, 255, 0.2) !important;
        /* border-radius: 3px; */
        text-align: left !important;
        vertical-align: -webkit-baseline-middle !important;
    }
    
    .authorPic{
        margin-top: 25px;
        height: 150px !important;
        border-radius: 8px !important;
        margin-left: 5% !important;
        vertical-align: -webkit-baseline-middle !important;
    }
    
    .authorInfo{
        width: 50% !important;
        display: inline-block !important;
        margin-right: 5% !important;
        float: right !important;
    }

    input.searchInputText{
        width: 40% !important;
    }

    article>a>div.newsItem{
        width: 100%;
    }

    .image-cropper {
        /* display: block !important; */
        margin: 0 auto;
    }

    .image-cropper-project {
        width: 21vh !important;
        height: 21vh;
    }

    #topLogo {
        position: relative;
        width: 200px;
        /* right: 20px; */
        height: 55px;
        margin: 1.5% auto;
        z-index: 100;
        -moz-transform: scale(0.8);
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        transform-origin: top center;
    }
    .contentView {
        padding: 0% 15% 5%;
    }
    article {
        margin: 5% 0px;
        font-size: 16px;
        color: rgb(220, 220, 220);
    }
    article.news {
        text-align: center;
    }
    .newsItem h2 {
        /* width: 60%; */
    }
    
    .newsItem div {
        width: 45%;
    }

    .newsPost {
        max-width: 560px;
    }

    .postMainImg {
        margin-top: 2.5%;
        width: 560px;
        height: 315px;
    }
    h1 {
        font-size: 2em;
    }
    .demoList {
        text-align: left;
        /* margin-bottom:-10px; */
    }
}

@media screen and (prefers-reduced-motion: reduce){
    * {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
    }
}

@media screen and (max-width:1440px) {

    .projectItem .desc .projectTitle {
        font-size: 1.5em;
    }
    .projectItem .desc .projectDesc {
        font-size: 0.88em;
    }
    .blog .projectDesc {
        width: 50vw;
        font-size: 0.92em !important;
    }
    #menu {
        position: absolute;
        width: 100vw;
        height: 100vh;
        /* box-shadow: 0 0 10px #85888C; */
        margin: -50px 0 0 -25px;
        padding: 50px;
        padding-left: 0px;
        padding-top: 125px;
        /* background-color: rgb(43, 35, 56, 1); */
        -webkit-font-smoothing: antialiased;
        transform-origin: 0% 0%;
        transform: translate3d(-100%, 0, 0);
        transition: transform 0.6s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    }
    #menu li {
        transition-delay: 2s;
        width: 100%;
        height: 80px;
        vertical-align: middle;
        line-height: 70px;
        font-size: 1.2em;
        /* border: 0px; */
        /* box-shadow: inset 0 2px 5px -5px rgba(255, 255, 255, 0.8); */
    }
    #menuToggle {
        display: flex;
        flex-direction: column;
        position: relative;
        top: 24px;
        left: 24px;
        z-index: 1;
        -webkit-user-select: none;
        user-select: none;
    }
    #menuToggle input {
        display: flex;
        width: 40px;
        height: 32px;
        position: absolute;
        cursor: pointer;
        opacity: 0;
        z-index: 2;
    }
    #menuToggle span {
        display: flex;
        width: 29px;
        height: 2px;
        margin-bottom: 5px;
        position: relative;
        background: #ffffff;
        border-radius: 3px;
        z-index: 1;
        transform-origin: 5px 0px;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
    }
    #menuToggle span:first-child {
        transform-origin: 0% 0%;
    }
    #menuToggle span:nth-last-child(2) {
        transform-origin: 0% 100%;
    }
    #menuToggle input:checked~span {
        opacity: 1;
        transform: rotate(45deg) translate3d(-3px, -1px, 0);
        background: #fff;
    }
    #menuToggle input:checked~span:nth-last-child(3) {
        opacity: 0;
        transform: rotate(0deg) scale(0.2, 0.2);
    }
    #menuToggle input:checked~span:nth-last-child(2) {
        transform: rotate(-45deg) translate3d(0, -1px, 0);
    }
    #menuToggle input:checked~ul {
        transform: none;
    }
    #menu>hr {
        display: inline-block;
        width: 85%;
        height: 3px;
        border: 0px;
        box-shadow: inset 0 3px 3px -3px rgba(255, 255, 255, 0.1);
        margin-top: 1px;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

.js-Pjax {
    position: relative
}

.upperCase{
    text-transform: uppercase;
}

input.searchInputText
{
    text-transform: uppercase;
    width: 30%;
    letter-spacing: 0.11em;
    padding: 6px 15px 6px 15px;


    background-color: transparent;
    border: 1.5px solid rgba(255, 255, 255, 0.2);
    margin: 0.5vw;
    border-radius: 50px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    /* color: rgba(158, 255, 226, 1); */
    color: rgba(255, 255, 255, 1);
    font-size: 1.01em;
    cursor:pointer;
}

input.searchInputText:focus{
    outline: none;
    border: 1.5px solid rgba(255, 255, 255, 0.6);
}

.searchInputButton
{
    text-transform: uppercase;
    /* width: 40%; */
    letter-spacing: 0.11em;
    padding: 4px 10px 4px 10px;
    display: inline-block;
    text-align: center;

    /* background-color: transparent; */
    background-color:rgba(255, 255, 255, 0.2);
    border: 1.5px solid rgba(255, 255, 255, 0);
    margin: 0.5vw;
    border-radius: 50px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .18s ease-in-out;
    /* color: rgba(158, 255, 226, 1); */
    color: rgba(255, 255, 255, 1);
    font-size: 1.01em;
    cursor:pointer;
}

.searchInputButton:hover {
    /* box-shadow: 0 0 2px 0 rgba(158, 255, 226, 1) inset, 0 0 4px 2px rgba(158, 255, 226, 1); */
    border: 1.5px solid rgba(255, 255, 255, 0.6);
    /* color:rgb(247, 198, 126) !important; */
}


/* parent element where switch will be made */


/* .js-Pjax-child { width: 60vw } */


/* position for the elements that will be removed */

.js-Pjax-remove {
    position: absolute;
    left: 100%;
    /* transform: translateX(-50%) */
    /* transform can't be used since we already use generic translate for the remove effect (eg animate.css) */
    /* margin-left: -width/2; // made with js */
    /* you can totally drop the margin-left thing from switchesOptions if you use custom animations */
}

.Animated--reverse {
    animation-direction: reverse
}

/* Author */

.authorArea{
    margin: 1% 15% 6% 15%;
    padding: 2%;
    height: 150px;
    border: dotted 8px rgb(255, 255, 255, 0.2);
    /* border-radius: 3px; */
    text-align: left;
    vertical-align: -webkit-baseline-middle;
}

.authorPic{
    height: 100%;
    border-radius: 8px;
    margin-left: 5%;
    vertical-align: -webkit-baseline-middle;
}

.authorInfo{
    width: 60%;
    display: inline-block;
    margin-right: 5%;
    float: right;
}

.authorname{
    margin-top: 0px;
}

.authorLink{
    text-decoration: none;
    font-weight: bold;
    color: rgba(247, 198, 126, 1);
    font-size: 1.3em;
}

.authorLink:hover{
    text-decoration: none;
    color: rgba(158, 255, 226, 1);
    font-weight: bold;
}


/* CSS animations */


/* .AnimatedOriginal {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Animated--reverse { animation-direction: reverse }

.Animate--fast { animation-duration: .5s }
.Animate--noDelay { animation-delay: 0s !important;  }

.Animate--slideInRight { animation-name: Animation-slideInRight }

@keyframes Animation-slideInRight {
  0% {
    opacity: 0;
    transform: translateY(100rem);
  }

  100% {
    transform: translateX(0);
  }
}

.Animate--slideInLeft { animation-name: Animation-slideInLeft }

@keyframes Animation-slideInLeft {
  0% {
    opacity: 0;
    transform: translateY(100rem);
  }

  100% {
    transform: translateX(0);
  }
} */







/* CSS Loader */

/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */

/* =Elements style
---------------------- */
.load-wrapp {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #d8d8d8;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #ffffff;
}

.ring-1 {
    width: 10px;
    height: 10px;
    margin: 0 auto;
    padding: 10px;
    border: 7px dashed #ffffff;
    border-radius: 100%;
}

.ring-2 {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
    border: 4px solid #ffffff;
    border-radius: 100%;
}

.ball-holder {
    position: absolute;
    width: 12px;
    height: 45px;
    left: 17px;
    top: 0px;
}

.ball {
    position: absolute;
    top: -11px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #ffffff;
}

.letter-holder {padding: 16px;}

.letter {
    float: left;
    font-size: 14px;
    color: #777;
}

.square {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background-color: #ffffff;
}

.spinner {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
}

.bubble-1,
.bubble-2 {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #555;
}

.bubble-2 {
    top: auto;
    bottom: 0;
}

.bar {
    float: left;
    width: 15px;
    height: 6px;
    border-radius: 2px;
    background-color: #ffffff;
}

/* =Animate the stuff
------------------------ */
.load-1{
    width: 100%;
    top: calc(100% / 2);
    position: absolute;
    z-index: 2;
}

.load-1 .line{
    background: #69BF97;
}

.load-1 .line:nth-last-child(1) {animation: loadingA 1.5s 1s infinite;}
.load-1 .line:nth-last-child(2) {animation: loadingA 1.5s .5s infinite;}
.load-1 .line:nth-last-child(3) {animation: loadingA 1.5s 0s infinite;}

.load-2 .line:nth-last-child(1) {animation: loadingB 1.5s 1s infinite;}
.load-2 .line:nth-last-child(2) {animation: loadingB 1.5s .5s infinite;}
.load-2 .line:nth-last-child(3) {animation: loadingB 1.5s 0s infinite;}

.load-3 .line:nth-last-child(1) {animation: loadingC .6s .1s linear infinite;}
.load-3 .line:nth-last-child(2) {animation: loadingC .6s .2s linear infinite;}
.load-3 .line:nth-last-child(3) {animation: loadingC .6s .3s linear infinite;}

.load-4 .ring-1 {animation: loadingD 1.5s .3s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-5 .ball-holder {animation: loadingE 1.3s linear infinite;}

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}

.load-7 .square {animation: loadingG 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-8 .line {animation: loadingH 1.5s cubic-bezier(.17,.37,.43,.67) infinite;}

.load-9 .spinner {animation: loadingI 2s linear infinite;}
.load-9 .bubble-1, .load-9 .bubble-2 {animation: bounce 2s ease-in-out infinite;}
.load-9 .bubble-2 {animation-delay: -1.0s;}

.load-10 .bar {animation: loadingJ 2s cubic-bezier(.17,.37,.43,.67) infinite;}

@keyframes loadingA {
    0% {height: 15px;}
    50% {height: 35px;}
    100% {height: 15px;}
}

@keyframes loadingB {
    0% {width: 15px;}
    50% {width: 35px;}
    100% {width: 15px;}
}

@keyframes loadingC {
    0% {transform: translate3d(0,0, 0);}
    50% {transform: translate3d(0,15px, 0);}
    100% {transform: translate3d(0,0, 0);}
}

@keyframes loadingD {
    0% {transform: rotate(0deg);}
    50% {transform: rotate(180deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingE {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}

@keyframes loadingG {
    0% {transform: translate3d(0,0, 0) rotate(0deg);}
    50% {transform: translate3d(70px,0, 0) rotate(360deg);}
    100% {transform: translate3d(0,0, 0) rotate(0deg);}
}

@keyframes loadingH {
    0% {width: 15px;}
    50% {width: 35px; padding: 4px;}
    100% {width: 15px;}
}

@keyframes loadingI {
    100% {transform: rotate(360deg);}
}

@keyframes bounce  {
  0%, 100% {transform: scale(0.0);}
  50% {transform: scale(1.0);}
}

@keyframes loadingJ {
  0%,100% {transform: translate3d(0,0, 0);}
  
  50% {
      transform: translate3d(80px,0, 0);
      background-color: #f5634a;
      width: 25px;
  }
}



/* .character_1 {
    height: 148px;
    width: 612px;
    background-image: url(img/scottpilgrim.png);
} */

.aboutScrollArea{
    /* scroll-behavior: smooth; */
}

.aboutAllScrollArea{
    /* scroll-behavior: smooth; */
    height: 21380px;
}

.aboutTopDiv{
    width: 100%;
    height: 80vh;
    position: sticky;
    top: 0px;
    left: 0px;
    font-size: 3em;
    /* 32 */
    /* font-weight: bold; */
    text-align: center;
    /* transition: top 0.5s cubic-bezier(0, 0, 0.13, 1); */
}

/* .aboutQuestionDiv{
    width: 100%;
    height: 80vh;
    position: sticky;
    top: 500px;
    left: 0px;
    font-size: 45pt;
    font-weight: bold;
    text-align: center;
    background-color: #cde;
} */

/* .aboutTopDiv {
    transition: transform 0.02s ease-out;
} */

.questionChar{
    position: absolute;
    /* top: 0px;
    left: 0px; */
    bottom:-25%;
    left: 50%;
    width: 70%;
    transition: all 0.5s cubic-bezier(0, 0, 0.13, 1);
    /* pointer-events: none; */
}

.questionChar_0{
    transform: translate3d(-50%, 0%, 0) rotate(-15deg);
}

.questionChar_1{
    bottom:-28%;
    transform: translate3d(-50%, 0%, 0) rotate(5deg);
}

.questionChar_2{
    width: 65%;
    bottom:-30%;
    transform: translate3d(-50%, 0%, 0) rotate(-12deg);
}

.aboutChar{
    position: absolute;
    /* top: 0px;
    left: 0px; */
    bottom:0%;
    left: 50%;
    transform: translate3d(-50%, 0%, 0);
    width: 720px;
    transition: all 0.5s cubic-bezier(0, 0, 0.13, 1);
    pointer-events: none;
}

.aboutChar_0{
    bottom: -10%;
    left: -5%;
    transform: translate3d(-50%, 0%, 0) rotate(35deg) scale(1.2); 
    transform-origin: center;
    z-index: 3;
}

.aboutChar_1{
    bottom: -46%;
    left: 30%;
    transform: translate3d(-50%, 0%, 0) rotate(15deg) scale(1.1); 
    transform-origin: center;
    z-index: 2;
}

.aboutChar_2{
    bottom: -46%;
    left: 70%;
    transform: translate3d(-50%, 0%, 0) rotate(-15deg) scale(0.8);
    transform-origin: center;
    z-index: 1;
}

.aboutChar_3{
    bottom: -35%;
    left: 100%;
    transform: translate3d(-50%, 0%, 0) rotate(-35deg) scale(1.2); 
    transform-origin: center;
    z-index: 0;
}

.aboutTopSayHi{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    top: 10%;
    transform: translate3d(0%, 18%, 0);
    position: relative;
    transition: all 0.25s linear, transform 0.25s linear;
    z-index: 999;
    font-size: 50px;
}

.aboutSentence{
    /* position: absolute; */
    /* top: 30vh; */
    font-weight: bold;
}

.aboutSentence_2{
    opacity: 0;
    font-weight: bold;
}

.aboutSentence_3{
    opacity: 0;
    font-weight: bold;
}

html {
    /* scroll-behavior: smooth; */
}

html.has-scroll-smooth {
	/* backface-visibility: hidden;
	transform: translateZ(0); */
}

.aboutProjects{
    margin: 2%;
    /* width: 100%; */
    display: inline-block;
    transform: scale(1);
    height: 66%;
}

.aboutProjects p{
    position: absolute;
    color: #fff;
    font-size: 22.5pt;
    font-weight: bold;
    text-decoration: none;
    width: 100%;
    margin-top: 35%;
}

.aboutProjects p span{
    font-size: 12pt;
    font-weight: normal;
}

.questionList{
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    /* left: -15vw; */
    transform: translate3d(0%, 300%, 0);
    transition: all 0.5s cubic-bezier(0, 0, 0.13, 1);
    opacity: 0;

    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.lightPoints{
    transition: all 0.5s cubic-bezier(0, 0, 0.13, 1);
    position: absolute;
    top: 0px;
    left: -20%;
    z-index: -100;
}

#animatedMainLogo{
    width: 668px;
    /* width: 100%; */
    transform: translate3d(0%, 60%, 0) scale(1);
    /* transform-origin:50% -25%; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0% auto;
    opacity: 0;
    pointer-events: none;
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
    position: relative;
    top: 0px;
    left: 0px;
}

.questionAnswer{
    position: absolute;
    top: 0%;
    width: 100%;
    transform: translate3d(0%, 300%, 0);
    /* opacity: 0; */
    height: 100%;
    margin: 0 auto;
    transition: all 0.6s cubic-bezier(0, 0, 0.13, 1);
}

.questionAnswerP{
    /* position: absolute; */
    /* margin-top: 5vh; */
    color: #fff;
    font-size: 22.5pt;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    height: 35%;
    margin: 0 auto;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.questionAnswerP p span{
    font-size: 22.5pt;
    font-weight: bold;
}

.whatWeDo{
    position: absolute;
    top: 0%;
    width: 100%;
    transform: translate3d(0%, 300%, 0);
    /* opacity: 0; */
    height: 100%;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    margin-top: 2%;
}

.whatWeDoTopSet{
    height: 27%;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.whatWeDoTopWow{
    width: 25%;
    margin-right: 10%;
    height: 100%;
    font-size: 150%;
    transform: translate3d(-800%, -500%, 0) rotate(-385deg) scale(3);
    transform-origin: 50% 50%;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.whatWeDoTopDesc{
    width: 65%;
    height: 100%;
    font-size: 30%;
    float: right;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.whatWeDoTopDesc > p{
    text-align: left;
}

.whatWeDoList{
    position: absolute;
    top: 27%;
    width: 100%;
    height: 72%;
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
}

.whatsSpecial{
    position: absolute;
    top: 0%;
    /* left: -15vw; */
    width: 100%;
    /* left: -50%; */
    /* transform: translate3d(0%, 300%); */
    /* opacity: 0; */
    height: 100%;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    z-index: -1;
}

.whatsSpecialTopTitle{
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
}

.whatsSpecialSubTitleSet{
    position: relative;
    top: 7%;
    height: 55%;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
}

.whatsSpecialSubTitle {
    overflow: visible;
    font-size: 3em;
    font-weight: bold;
    text-align: left;
    margin: -4% 0%;
    /* width: 200%; */
    position: relative;
    white-space: nowrap;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    transform: translate3d(0%, 200%, 0) rotate(360deg) scale(1.5);
    opacity: 0;
}


.whatsSpecialSubTitle > p{
    display: inline-block;
    margin: 0%;
    /* text-shadow: #69BF97 0px 6px 10px; */
    /* background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 100%, transparent 100%);
    -webkit-background-clip: text;
    color: transparent;
    -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask-clip: text; */
    /* transition: text-shadow 0.4s cubic-bezier(0, 0, 0.13, 1); */
}

.whatsSpecialSubTitle > span {
    margin: 0%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(-50%, -50%, 0);
    font-size: 0.12em;
    padding: 0.36em 1.8em;
    border-radius: 1em;
    /* font-weight: normal; */
}

.whatsSpecialSubTitle > span:nth-child(2) {
    left: 25%;
}

.whatsSpecialSubTitle > span:nth-child(3) {
    left: 75%;
}

.whatsSpecial_1_1 {
    background: #FF6F9E;
}

.whatsSpecial_1_2 {
    background: #FFE100;
    color: #3a3a3a;
}

.whatsSpecial_2_1 {
    background: #79E028;
    color: #3a3a3a;
}

.whatsSpecial_2_2 {
    background: #0094FF;
}

.whatsSpecial_3_1 {
    background: #3a3a3a;
}

.whatsSpecial_3_2 {
    background: #69BF97;
}

.whatsSpecialSubTitleSet_HintSet{
    position: relative;
    top: 0%;
    width: 100%;
    height: 40%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.whatsSpecialSubTitleSet_HintSet > div{
    height: 60%;
}


.whatsSpecialSubTitleSet_HintSet > div > .whatsSpecialSubTitleSet_Hint{
    /* position: absolute; */
    width: 100%;
    /* top: 0; */
    /* left: 0; */
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
}

.whatsSpecialSubTitleSet_Hint:nth-child(1){
    font-size: 0.48em;
    line-height: 2em;
    transform: translate3d(0%, 120%, 0);
    opacity: 0;
}

.whatsSpecialSubTitleSet_Hint > div > span{
    font-weight: bold;
}

.whatsSpecialSubTitleSet_Hint:nth-child(2){
    font-size: 0.5em;
    line-height: 1.8em;
    transform: translate3d(0%, 120%, 0);
    opacity: 0;
}

.nameHighlight{
    margin: 0%;
    top: 50%;
    left: 0;
    transform: translate3d(-50%, -50%, 0);
    padding: 0.24em 0.8em;
    border-radius: 1em;    
    background: #69BF97;
    margin-right: 0.3em;
}

.cooperationSetTitle {
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
}

.cooperationSet{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    padding-top: 2%;
}

.cooperationSetSubTitle > p{
    margin: 1% auto;
    font-size: 0.6em;
    /* font-weight: bold; */
    transform: translate3d(0%, 300%, 0);
    transition: opacity 0.6s cubic-bezier(0, 0, 0.13, 1);
    opacity: 0;
}

.cooperationSetSubTitle > svg{
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    width: 370px;
    position: absolute;
    top: 0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    font-weight: bold;
}

.aboutHandLeft{
    position: absolute;
    left: -5%;
    top: -18%;
    width: 33%;
    transform-origin: top left;
    transform: rotate(120);
    opacity: 0;
}

.aboutHandRight{
    position: absolute;
    right: -5%;
    top: -18%;
    width: 33%;
    transform: translate3d(100%, 0, 0) scaleX(-1) rotate(120);
    transform-origin: top left;
    opacity: 0;
}

.aboutHandRight img{
    transform-origin: top left;
    animation: shake 1.9s ease-in-out infinite;
}

.aboutHandLeft img{
    transform-origin: top left;
    animation: shake 2.05s ease-in-out infinite;
}

@keyframes shake {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes shakeMark {
    0% {
        transform: rotate(-5deg);
    }
    50% {
        transform: rotate(5deg);
    }
    100% {
        transform: rotate(-5deg);
    }
}

.aboutHand img{
    width: 100%;
}

#question_0{
    left:-25%;
    transform: translate3d(0%, 170%, 0);
    opacity: 0;
}

#question_1{
    right:-25%;
    transform: translate3d(0%, 220%, 0);
    opacity: 0;
}

#question_2{
    left:-25%;
    transform: translate3d(0%, 270%, 0);
    opacity: 0;
}

#question_3{
    right:-25%;
    transform: translate3d(0%, 320%, 0);
    opacity: 0;
}

#question_4{
    left:-25%;
    transform: translate3d(0%, 370%, 0);
    opacity: 0;
}

.backgroundQuestionMark{
    font-weight: bold;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    opacity: 0;
}

.backgroundQuestionMark_Left{
    color: #949494;
    /* opacity: 0.2; */
    font-size: 70vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
    animation: shakeMark 1.96s ease-in-out infinite;
}

.backgroundQuestionMark_Right{
    color: #949494;
    /* opacity: 0.2; */
    font-size: 70vh;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -3;
    animation: shakeMark 2.07s ease-in-out infinite;
}

.welcomeCircle {
    border: #69BF97 solid 3px;
    border-radius: 100%;
    font-size: 0.45em;
    height: 300px;
    width: 300px;
    margin: 50px auto;
    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    position: relative;
    /* left: 50%; */
    /* transform: translate3d(-50%, 25%) scale(1); */
    animation: circleBreathe 2s ease-in-out infinite;
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    opacity: 0;
}

@keyframes circleBreathe {
    0% {
        transform: scale(1);
        border: #69BF97 solid 9px;
    }
    50% {
        transform: scale(1.06);
        border: #eeccab solid 9px;
    }
    100% {
        transform: scale(1);
        border: #69BF97 solid 9px;
    }
}

.welcomeWords{
    /* position: absolute; */
    /* left: 50%; */
    /* transform: translate3d(-50%, -100%); */
    font-size: 0.5em;
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
    /* bottom: 13%; */
}

.cooperationLogos{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    padding-top: 2%;
    /* display: none; */
}

.cooperationLogosSetTitle {
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
}

#allLogos {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin-top: 30px;
}

.image-container {
    /* width: 150px;  */
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid #ccc; */
    /* overflow: hidden; */
    margin: 0 2%;
    opacity: 0;
    transition: all 0.8s cubic-bezier(0, 0, 0.47, 1.01);
}

.coLogoImages {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;

    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    overflow: hidden !important;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.image-container img {
    transition: transform 0.4s cubic-bezier(0, 0, 0.47, 1.01);
}

#contactUs{
    color: white;
    display: inline-block;
}

.conclusionSet{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
}

.conclusionSet > p{
    margin: 10px auto;
    font-size: 0.44em;
    line-height: 2em;
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
}

.conclusionSet > p > span{
    white-space: nowrap;
}

.cooperationSetTitle {
    transition: all 0.4s cubic-bezier(0, 0, 0.13, 1);
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
}

.callToActionSet{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    padding-top: 2%;
}

.callToActionSetTitle{
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
}

#callToActionSetContent{
    margin: 120px auto 10px;
    font-size: 0.44em;
    line-height: 1em;
    z-index: 999;
    position: relative;
}

#callToActionSetContent > p{
    transform: translate3d(0%, 300%, 0);
    opacity: 0;
}

.aboutCharBottom{
    position: absolute;
    /* top: 0px;
    left: 0px; */
    bottom:0%;
    left: 50%;
    transform: translate3d(-50%, 0%, 0);
    width: 720px;
    transition: all 0.4s ease-out;
    pointer-events: none;
}

.aboutCharBottom_0{
    bottom: -10%;
    left: -5%;
    transform: translate3d(-50%, 0%, 0) rotate(-10deg) scale(-1.2, 1.2); 
    transform-origin: center;
    z-index: 1;
    animation: aboutCharBottom_0_Ani 2s ease-in-out infinite;
    opacity: 0;
}

.aboutCharBottom_1{
    bottom: -40%;
    left: 20%;
    transform: translate3d(-50%, 0%, 0) rotate(-25deg) scale(-1, 1); 
    transform-origin: center;
    z-index: 2;
    animation: aboutCharBottom_1_Ani 1.87s ease-in-out infinite;
    opacity: 0;
}

.aboutCharBottom_2{
    bottom: -32%;
    left: 75%;
    transform: translate3d(-50%, 0%, 0) rotate(35deg) scale(0.7);
    transform-origin: center;
    z-index: 3;
    animation: aboutCharBottom_2_Ani 1.91s ease-in-out infinite;
    opacity: 0;
}

.aboutCharBottom_3{
    bottom: -30%;
    left: 115%;
    transform: translate3d(-50%, 0%, 0) rotate(10deg) scale(1.2); 
    transform-origin: center;
    z-index: 0;
    animation: aboutCharBottom_3_Ani 2.03s ease-in-out infinite;
    opacity: 0;
}

@keyframes aboutCharBottom_0_Ani {
    0% {
        transform: translate3d(-50%, 0%, 0) rotate(-10deg) scale(-1.2, 1.2); 
    }
    50% {
        transform: translate3d(-50%, -2%, 0) rotate(-12deg) scale(-1.25, 1.25); 
    }
    100% {
        transform: translate3d(-50%, 0%, 0) rotate(-10deg) scale(-1.2, 1.2); 
    }
}

@keyframes aboutCharBottom_1_Ani {
    0% {
        transform: translate3d(-50%, 0%, 0) rotate(-25deg) scale(-1, 1); 
    }
    50% {
        transform: translate3d(-50%, -2%, 0) rotate(-27deg) scale(-1, 1.05); 
    }
    100% {
        transform: translate3d(-50%, 0%, 0) rotate(-25deg) scale(-1, 1); 
    }
}

@keyframes aboutCharBottom_2_Ani {
    0% {
        transform: translate3d(-50%, 0%, 0) rotate(35deg) scale(0.7);
    }
    50% {
        transform: translate3d(-50%, -2%, 0) rotate(37deg) scale(0.75);
    }
    100% {
        transform: translate3d(-50%, 0%, 0) rotate(35deg) scale(0.7);
    }
}

@keyframes aboutCharBottom_3_Ani {
    0% {
        transform: translate3d(-50%, 0%, 0) rotate(10deg) scale(1.2); 
    }
    50% {
        transform: translate3d(-50%, -2%, 0) rotate(12deg) scale(1.25); 
    }
    100% {
        transform: translate3d(-50%, 0%, 0) rotate(10deg) scale(1.2); 
    }
}

/* What we do content */
.container {
    position: relative;
    width: 175px;
    aspect-ratio: 1 / 1.3;
    border: 4px solid white;
    border-radius: 36px;
    overflow: hidden;
    display: inline-block;
    margin: 0 0.2%;
  }
  
  .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: all 0.8s ease;
  }

  .container-6{
    width: 390px;
    aspect-ratio: 1.71;
  }

  .container-1::before{
    background-image: url('../resources/about/SectionAI/AI_ceativeThinking.png');
  }

  .container-2::before{
    background-image: url('../resources/about/SectionAI/AI_Exhition.png');
  }

  .container-3::before{
    background-image: url('../resources/about/SectionAI/AI_Gaming.png');
  }

  .container-4::before{
    background-image: url('../resources/about/SectionAI/AI_Marketing.png');
  }

  .container-5::before{
    background-image: url('../resources/about/SectionAI/AI_Projector.png');
  }

  .container-6::before{
    background-image: url('../resources/about/SectionAI/AI_ARVRMRXR.png');
  }

  .container-7::before{
    background-image: url('../resources/about/SectionAI/AI_5GAI.png');
  }
  
  .container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    transition: background-color 0.3s ease;
    z-index: 2;
  }
  
  .container:hover::after {
    background-color: rgba(0, 0, 0, 0.7);
  }

  .container:hover::before {
    transform: scale(1.06);
  }
  
  .content {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 3;
  }
  
  .contentTitle {
    margin: 0;
    padding: 2vh 0 2vh 0;
    text-align: center;
    font-size: 0.55em;
    color: white;
    background: linear-gradient(to bottom, rgba(43, 25, 56, 1), rgba(43, 25, 56, 0));
  }
  
  .text-content {
    text-align: center;
    font-size: 0.25em;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 70%;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }

  .text-content-wide{
    margin: 0 10%;
  }

  .text-content-wide > p{
    display: inline-block;
  }

  .text-content-wide > p{
    float: left;
    margin: 0 3%;
  }
  
  .container-6:hover .text-content {
    top: 30% !important;
  }

  .container:hover .text-content {
    top: 25%;
  }
  
  .image-content {
    background-size: cover;
    position: absolute;
    top: 15%;
    left: 0;
    width: 130%;
    aspect-ratio: 1;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  
  .container:hover .image-content {
    top: 100%;
  }

  /* 定义上下晃动的关键帧动画，针对每个 .image-content-x */

@keyframes bobbing-1 {
    0%   { transform: rotate(-5deg) translate3d(0, 15px, 0); }
    50%  { transform: rotate(-3deg) translate3d(0, 0px, 0); }
    100% { transform: rotate(-5deg) translate3d(0, 15px, 0); }
  }
  
  @keyframes bobbing-2 {
    0%   { transform: rotate(30deg) translate3d(0, 15px, 0); }
    50%  { transform: rotate(32deg) translate3d(0, 0px, 0); }
    100% { transform: rotate(30deg) translate3d(0, 15px, 0); }
  }
  
  @keyframes bobbing-3 {
    0%   { transform: rotate(16deg) translate3d(0, 15px, 0); }
    50%  { transform: rotate(14deg) translate3d(0, 0px, 0); }
    100% { transform: rotate(16deg) translate3d(0, 15px, 0); }
  }
  
  @keyframes bobbing-4 {
    0%   { transform: rotate(330deg) translate3d(0, 15px, 0); }
    50%  { transform: rotate(332deg) translate3d(0, 0px, 0); }
    100% { transform: rotate(330deg) translate3d(0, 15px, 0); }
  }
  
  @keyframes bobbing-5 {
    0%   { transform: rotate(-5deg) translate3d(0, 15px, 0); }
    50%  { transform: rotate(-7deg) translate3d(0, 0px, 0); }
    100% { transform: rotate(-5deg) translate3d(0, 15px, 0); }
  }
  
  @keyframes bobbing-6 {
    0%   { transform: rotate(-8deg) translate3d(0, 15px, 0); }
    50%  { transform: rotate(-6deg) translate3d(0, 0px, 0); }
    100% { transform: rotate(-8deg) translate3d(0, 15px, 0); }
  }
  
  @keyframes bobbing-7 {
    0%   { transform: rotate(-5deg) translate3d(0, 15px, 0); }
    50%  { transform: rotate(-7deg) translate3d(0, 0px, 0); }
    100% { transform: rotate(-5deg) translate3d(0, 15px, 0); }
  }
  
  /* 应用动画到每个 .image-content-x 元素 */
  
  .image-content-1 {
    animation: bobbing-1 1.9s ease-in-out infinite;
  }
  
  .image-content-2 {
    animation: bobbing-2 2.1s ease-in-out infinite;
  }
  
  .image-content-3 {
    animation: bobbing-3 1.95s ease-in-out infinite;
  }
  
  .image-content-4 {
    animation: bobbing-4 2.05s ease-in-out infinite;
  }
  
  .image-content-5 {
    animation: bobbing-5 2s ease-in-out infinite;
  }
  
  .image-content-6 {
    animation: bobbing-6 1.9s ease-in-out infinite;
  }
  
  .image-content-7 {
    animation: bobbing-7 2.1s ease-in-out infinite;
  }
  
  /* 保留原有的样式和悬停效果 */
  
  .image-content-1 {
    background-image: url('../resources/about/SectionAI/section2-pink.png');
    transform-origin: 25% 30%;
    width: 140%;
    left: -16%;
    top: 15%;
    position: absolute;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  
  .image-content-2 {
    background-image: url('../resources/about/SectionAI/section2-green.png');
    transform-origin: 20% 20%;
    position: absolute;
    top: 15%;
    left: 0;
    width: 130%;
    aspect-ratio: 1;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  
  .image-content-3 {
    background-image: url('../resources/about/SectionAI/section2-blue.png');
    transform-origin: 25% 30%;
    width: 140%;
    left: 10%;
    top: 20%;
    position: absolute;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  
  .image-content-4 {
    background-image: url('../resources/about/SectionAI/section2-yellow.png');
    transform-origin: 80% 80%;
    left: -20%;
    top: 15%;
    position: absolute;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  
  .image-content-5 {
    background-image: url('../resources/about/SectionAI/Robot_1-2.png');
    transform-origin: 25% 30%;
    width: 140%;
    left: -16%;
    top: 15%;
    position: absolute;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  
  .image-content-6 {
    background-image: url('../resources/about/SectionAI/Robot_2-1.png');
    transform-origin: 20% 20%;
    position: absolute;
    top: -40%;
    left: -10%;
    width: 125%;
    aspect-ratio: 1;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  
  .image-content-7 {
    background-image: url('../resources/about/SectionAI/Robot_3-1.png');
    transform-origin: 25% 30%;
    width: 140%;
    left: -16%;
    top: 15%;
    position: absolute;
    color: white;
    transition: top 0.3s ease;
    overflow: hidden;
    z-index: 4;
  }
  

  
  
  
  









/* spriteLargeLogo 已改用 WebM/MP4 video */
.spriteLargeLogo {
    display: block;
    width: 100%;
    max-width: 640px;
    height: auto;
    aspect-ratio: 16 / 9;
    align-self: flex-start;
    background: transparent;
}

/* .white-mov-_nomusic_00000 {width:3px; height:3px; background-position: -0px -0px}
.white-mov-_nomusic_00001 {width:9px; height:18px; background-position: -10px -0px}
.white-mov-_nomusic_00002 {width:8px; height:19px; background-position: -117px -0px}
.white-mov-_nomusic_00003 {width:7px; height:16px; background-position: -3px -0px}
.white-mov-_nomusic_00004 {width:11px; height:26px; background-position: -205px -0px}
.white-mov-_nomusic_00005 {width:20px; height:22px; background-position: -159px -0px}
.white-mov-_nomusic_00006 {width:26px; height:23px; background-position: -179px -0px}
.white-mov-_nomusic_00007 {width:34px; height:21px; background-position: -125px -0px}
.white-mov-_nomusic_00008 {width:44px; height:18px; background-position: -19px -0px}
.white-mov-_nomusic_00009 {width:54px; height:18px; background-position: -63px -0px}
.white-mov-_nomusic_00010 {width:61px; height:33px; background-position: -216px -0px}
.white-mov-_nomusic_00011 {width:63px; height:54px; background-position: -277px -0px}
.white-mov-_nomusic_00012 {width:62px; height:75px; background-position: -340px -0px}
.white-mov-_nomusic_00013 {width:60px; height:86px; background-position: -402px -0px}
.white-mov-_nomusic_00014 {width:60px; height:90px; background-position: -462px -0px}
.white-mov-_nomusic_00015 {width:81px; height:90px; background-position: -522px -0px}
.white-mov-_nomusic_00016 {width:91px; height:91px; background-position: -1550px -90px}
.white-mov-_nomusic_00017 {width:91px; height:90px; background-position: -603px -0px}
.white-mov-_nomusic_00018 {width:91px; height:90px; background-position: -694px -0px}
.white-mov-_nomusic_00019 {width:91px; height:90px; background-position: -785px -0px}
.white-mov-_nomusic_00020 {width:91px; height:90px; background-position: -876px -0px}
.white-mov-_nomusic_00021 {width:91px; height:90px; background-position: -967px -0px}
.white-mov-_nomusic_00022 {width:91px; height:90px; background-position: -1058px -0px}
.white-mov-_nomusic_00023 {width:91px; height:90px; background-position: -1149px -0px}
.white-mov-_nomusic_00024 {width:91px; height:90px; background-position: -1240px -0px}
.white-mov-_nomusic_00025 {width:91px; height:90px; background-position: -1331px -0px}
.white-mov-_nomusic_00026 {width:91px; height:90px; background-position: -1422px -0px}
.white-mov-_nomusic_00027 {width:91px; height:90px; background-position: -1513px -0px}
.white-mov-_nomusic_00028 {width:91px; height:90px; background-position: -1604px -0px}
.white-mov-_nomusic_00029 {width:91px; height:90px; background-position: -1695px -0px}
.white-mov-_nomusic_00030 {width:91px; height:90px; background-position: -1786px -0px}
.white-mov-_nomusic_00031 {width:91px; height:90px; background-position: -1877px -0px}
.white-mov-_nomusic_00032 {width:91px; height:90px; background-position: -0px -18px}
.white-mov-_nomusic_00033 {width:91px; height:90px; background-position: -91px -23px}
.white-mov-_nomusic_00034 {width:91px; height:90px; background-position: -182px -33px}
.white-mov-_nomusic_00035 {width:91px; height:90px; background-position: -273px -75px}
.white-mov-_nomusic_00036 {width:91px; height:90px; background-position: -364px -86px}
.white-mov-_nomusic_00037 {width:91px; height:91px; background-position: -1641px -90px}
.white-mov-_nomusic_00038 {width:91px; height:90px; background-position: -455px -90px}
.white-mov-_nomusic_00039 {width:91px; height:90px; background-position: -546px -90px}
.white-mov-_nomusic_00040 {width:91px; height:90px; background-position: -637px -90px}
.white-mov-_nomusic_00041 {width:91px; height:90px; background-position: -728px -90px}
.white-mov-_nomusic_00042 {width:91px; height:90px; background-position: -819px -90px}
.white-mov-_nomusic_00043 {width:91px; height:90px; background-position: -910px -90px}
.white-mov-_nomusic_00044 {width:91px; height:90px; background-position: -1001px -90px}
.white-mov-_nomusic_00045 {width:91px; height:91px; background-position: -1732px -90px}
.white-mov-_nomusic_00046 {width:91px; height:91px; background-position: -1823px -90px}
.white-mov-_nomusic_00047 {width:91px; height:91px; background-position: -1914px -90px}
.white-mov-_nomusic_00048 {width:91px; height:92px; background-position: -364px -176px}
.white-mov-_nomusic_00049 {width:91px; height:92px; background-position: -1010px -180px}
.white-mov-_nomusic_00050 {width:91px; height:93px; background-position: -0px -199px}
.white-mov-_nomusic_00051 {width:91px; height:94px; background-position: -272px -256px}
.white-mov-_nomusic_00052 {width:91px; height:94px; background-position: -363px -268px}
.white-mov-_nomusic_00053 {width:91px; height:95px; background-position: -272px -350px}
.white-mov-_nomusic_00054 {width:91px; height:96px; background-position: -1854px -459px}
.white-mov-_nomusic_00055 {width:91px; height:97px; background-position: -91px -485px}
.white-mov-_nomusic_00056 {width:91px; height:95px; background-position: -926px -457px}
.white-mov-_nomusic_00057 {width:91px; height:93px; background-position: -91px -204px}
.white-mov-_nomusic_00058 {width:91px; height:91px; background-position: -0px -108px}
.white-mov-_nomusic_00059 {width:90px; height:93px; background-position: -182px -214px}
.white-mov-_nomusic_00060 {width:90px; height:94px; background-position: -0px -292px}
.white-mov-_nomusic_00061 {width:90px; height:96px; background-position: -182px -307px}
.white-mov-_nomusic_00062 {width:90px; height:97px; background-position: -0px -386px}
.white-mov-_nomusic_00063 {width:93px; height:100px; background-position: -182px -539px}
.white-mov-_nomusic_00064 {width:91px; height:104px; background-position: -366px -549px}
.white-mov-_nomusic_00065 {width:91px; height:101px; background-position: -275px -549px}
.white-mov-_nomusic_00066 {width:91px; height:96px; background-position: -0px -485px}
.white-mov-_nomusic_00067 {width:92px; height:95px; background-position: -1017px -457px}
.white-mov-_nomusic_00068 {width:92px; height:94px; background-position: -90px -297px}
.white-mov-_nomusic_00069 {width:92px; height:94px; background-position: -1607px -365px}
.white-mov-_nomusic_00070 {width:94px; height:94px; background-position: -1699px -365px}
.white-mov-_nomusic_00071 {width:95px; height:94px; background-position: -1793px -365px}
.white-mov-_nomusic_00072 {width:92px; height:94px; background-position: -1888px -365px}
.white-mov-_nomusic_00073 {width:94px; height:95px; background-position: -1109px -457px}
.white-mov-_nomusic_00074 {width:93px; height:94px; background-position: -182px -445px}
.white-mov-_nomusic_00075 {width:93px; height:94px; background-position: -275px -455px}
.white-mov-_nomusic_00076 {width:93px; height:93px; background-position: -1375px -272px}
.white-mov-_nomusic_00077 {width:93px; height:92px; background-position: -1101px -180px}
.white-mov-_nomusic_00078 {width:93px; height:91px; background-position: -455px -180px}
.white-mov-_nomusic_00079 {width:92px; height:91px; background-position: -548px -180px}
.white-mov-_nomusic_00080 {width:93px; height:91px; background-position: -640px -180px}
.white-mov-_nomusic_00081 {width:93px; height:91px; background-position: -733px -180px}
.white-mov-_nomusic_00082 {width:92px; height:90px; background-position: -1092px -90px}
.white-mov-_nomusic_00083 {width:91px; height:90px; background-position: -1184px -90px}
.white-mov-_nomusic_00084 {width:91px; height:90px; background-position: -1275px -90px}
.white-mov-_nomusic_00085 {width:91px; height:91px; background-position: -91px -113px}
.white-mov-_nomusic_00086 {width:93px; height:92px; background-position: -1194px -180px}
.white-mov-_nomusic_00087 {width:93px; height:94px; background-position: -368px -455px}
.white-mov-_nomusic_00088 {width:93px; height:94px; background-position: -461px -455px}
.white-mov-_nomusic_00089 {width:91px; height:92px; background-position: -1287px -180px}
.white-mov-_nomusic_00090 {width:91px; height:92px; background-position: -1378px -180px}
.white-mov-_nomusic_00091 {width:91px; height:92px; background-position: -1469px -181px}
.white-mov-_nomusic_00092 {width:91px; height:92px; background-position: -1560px -181px}
.white-mov-_nomusic_00093 {width:91px; height:92px; background-position: -1651px -181px}
.white-mov-_nomusic_00094 {width:91px; height:91px; background-position: -182px -123px}
.white-mov-_nomusic_00095 {width:91px; height:91px; background-position: -273px -165px}
.white-mov-_nomusic_00096 {width:92px; height:90px; background-position: -1366px -90px}
.white-mov-_nomusic_00097 {width:92px; height:90px; background-position: -1458px -90px}
.white-mov-_nomusic_00098 {width:92px; height:91px; background-position: -826px -180px}
.white-mov-_nomusic_00099 {width:92px; height:91px; background-position: -918px -180px}
.white-mov-_nomusic_00100 {width:93px; height:93px; background-position: -961px -364px}
.white-mov-_nomusic_00101 {width:94px; height:95px; background-position: -1203px -457px}
.white-mov-_nomusic_00102 {width:94px; height:95px; background-position: -1297px -458px}
.white-mov-_nomusic_00103 {width:94px; height:95px; background-position: -1391px -458px}
.white-mov-_nomusic_00104 {width:93px; height:95px; background-position: -1485px -458px}
.white-mov-_nomusic_00105 {width:92px; height:95px; background-position: -1578px -459px}
.white-mov-_nomusic_00106 {width:92px; height:95px; background-position: -1670px -459px}
.white-mov-_nomusic_00107 {width:92px; height:95px; background-position: -1762px -459px}
.white-mov-_nomusic_00108 {width:92px; height:94px; background-position: -90px -391px}
.white-mov-_nomusic_00109 {width:92px; height:94px; background-position: -554px -455px}
.white-mov-_nomusic_00110 {width:92px; height:94px; background-position: -646px -455px}
.white-mov-_nomusic_00111 {width:92px; height:94px; background-position: -738px -455px}
.white-mov-_nomusic_00112 {width:96px; height:94px; background-position: -830px -455px}
.white-mov-_nomusic_00113 {width:100px; height:93px; background-position: -1054px -364px}
.white-mov-_nomusic_00114 {width:107px; height:93px; background-position: -1154px -364px}
.white-mov-_nomusic_00115 {width:114px; height:93px; background-position: -1261px -364px}
.white-mov-_nomusic_00116 {width:116px; height:93px; background-position: -1375px -365px}
.white-mov-_nomusic_00117 {width:116px; height:93px; background-position: -1491px -365px}
.white-mov-_nomusic_00118 {width:115px; height:92px; background-position: -1742px -181px}
.white-mov-_nomusic_00119 {width:115px; height:92px; background-position: -1857px -181px}
.white-mov-_nomusic_00120 {width:116px; height:92px; background-position: -454px -271px}
.white-mov-_nomusic_00121 {width:139px; height:92px; background-position: -570px -271px}
.white-mov-_nomusic_00122 {width:143px; height:92px; background-position: -709px -271px}
.white-mov-_nomusic_00123 {width:131px; height:92px; background-position: -852px -271px}
.white-mov-_nomusic_00124 {width:114px; height:92px; background-position: -983px -272px}
.white-mov-_nomusic_00125 {width:137px; height:92px; background-position: -1097px -272px}
.white-mov-_nomusic_00126 {width:141px; height:92px; background-position: -1234px -272px}
.white-mov-_nomusic_00127 {width:129px; height:92px; background-position: -1468px -273px}
.white-mov-_nomusic_00128 {width:118px; height:92px; background-position: -1597px -273px}
.white-mov-_nomusic_00129 {width:128px; height:92px; background-position: -1715px -273px}
.white-mov-_nomusic_00130 {width:127px; height:92px; background-position: -1843px -273px}
.white-mov-_nomusic_00131 {width:118px; height:92px; background-position: -363px -363px}
.white-mov-_nomusic_00132 {width:112px; height:92px; background-position: -481px -363px}
.white-mov-_nomusic_00133 {width:118px; height:92px; background-position: -593px -363px}
.white-mov-_nomusic_00134 {width:123px; height:92px; background-position: -711px -363px}
.white-mov-_nomusic_00135 {width:127px; height:92px; background-position: -834px -363px}
.white-mov-_nomusic_00136 {width:131px; height:109px; background-position: -457px -549px}
.white-mov-_nomusic_00137 {width:134px; height:109px; background-position: -588px -549px}
.white-mov-_nomusic_00138 {width:136px; height:109px; background-position: -722px -549px}
.white-mov-_nomusic_00139 {width:138px; height:109px; background-position: -858px -552px}
.white-mov-_nomusic_00140 {width:140px; height:109px; background-position: -996px -552px}
.white-mov-_nomusic_00141 {width:141px; height:109px; background-position: -1136px -552px}
.white-mov-_nomusic_00142 {width:142px; height:109px; background-position: -1277px -553px}
.white-mov-_nomusic_00143 {width:144px; height:109px; background-position: -1419px -553px}
.white-mov-_nomusic_00144 {width:145px; height:109px; background-position: -1563px -554px}
.white-mov-_nomusic_00145 {width:146px; height:109px; background-position: -1708px -554px}
.white-mov-_nomusic_00146 {width:147px; height:109px; background-position: -1854px -555px}
.white-mov-_nomusic_00147 {width:147px; height:109px; background-position: -0px -582px}
.white-mov-_nomusic_00148 {width:148px; height:110px; background-position: -147px -650px}
.white-mov-_nomusic_00149 {width:148px; height:110px; background-position: -295px -653px}
.white-mov-_nomusic_00150 {width:135px; height:110px; background-position: -443px -658px}
.white-mov-_nomusic_00151 {width:129px; height:128px; background-position: -857px -661px}
.white-mov-_nomusic_00152 {width:136px; height:127px; background-position: -578px -658px}
.white-mov-_nomusic_00153 {width:143px; height:127px; background-position: -714px -658px}
.white-mov-_nomusic_00154 {width:142px; height:131px; background-position: -986px -661px}
.white-mov-_nomusic_00155 {width:135px; height:132px; background-position: -1424px -662px}
.white-mov-_nomusic_00156 {width:145px; height:132px; background-position: -1559px -663px}
.white-mov-_nomusic_00157 {width:150px; height:131px; background-position: -1274px -662px}
.white-mov-_nomusic_00158 {width:146px; height:131px; background-position: -1128px -661px}
.white-mov-_nomusic_00159 {width:144px; height:134px; background-position: -1000px -792px}
.white-mov-_nomusic_00160 {width:149px; height:133px; background-position: -1704px -663px}
.white-mov-_nomusic_00161 {width:136px; height:133px; background-position: -1853px -664px}
.white-mov-_nomusic_00162 {width:132px; height:135px; background-position: -1495px -1600px}
.white-mov-_nomusic_00163 {width:130px; height:140px; background-position: -1026px -1731px}
.white-mov-_nomusic_00164 {width:131px; height:142px; background-position: -1412px -1735px}
.white-mov-_nomusic_00165 {width:130px; height:142px; background-position: -1543px -1736px}
.white-mov-_nomusic_00166 {width:130px; height:143px; background-position: -1802px -1736px}
.white-mov-_nomusic_00167 {width:129px; height:142px; background-position: -1673px -1736px}
.white-mov-_nomusic_00168 {width:128px; height:141px; background-position: -1284px -1734px}
.white-mov-_nomusic_00169 {width:128px; height:140px; background-position: -1156px -1732px}
.white-mov-_nomusic_00170 {width:126px; height:139px; background-position: -900px -1730px}
.white-mov-_nomusic_00171 {width:101px; height:137px; background-position: -799px -1730px}
.white-mov-_nomusic_00172 {width:97px; height:135px; background-position: -0px -958px}
.white-mov-_nomusic_00173 {width:96px; height:134px; background-position: -1144px -792px}
.white-mov-_nomusic_00174 {width:96px; height:134px; background-position: -1240px -793px}
.white-mov-_nomusic_00175 {width:97px; height:134px; background-position: -1336px -794px}
.white-mov-_nomusic_00176 {width:97px; height:135px; background-position: -0px -1093px}
.white-mov-_nomusic_00177 {width:98px; height:135px; background-position: -1397px -1599px}
.white-mov-_nomusic_00178 {width:99px; height:136px; background-position: -700px -1729px}
.white-mov-_nomusic_00179 {width:98px; height:135px; background-position: -1627px -1601px}
.white-mov-_nomusic_00180 {width:98px; height:134px; background-position: -1433px -794px}
.white-mov-_nomusic_00181 {width:98px; height:134px; background-position: -1531px -795px}
.white-mov-_nomusic_00182 {width:98px; height:134px; background-position: -1629px -796px}
.white-mov-_nomusic_00183 {width:97px; height:134px; background-position: -1727px -796px}
.white-mov-_nomusic_00184 {width:97px; height:134px; background-position: -1824px -797px}
.white-mov-_nomusic_00185 {width:97px; height:134px; background-position: -0px -824px}
.white-mov-_nomusic_00186 {width:96px; height:134px; background-position: -97px -893px}
.white-mov-_nomusic_00187 {width:97px; height:135px; background-position: -0px -1228px}
.white-mov-_nomusic_00188 {width:97px; height:135px; background-position: -0px -1363px}
.white-mov-_nomusic_00189 {width:97px; height:135px; background-position: -0px -1498px}
.white-mov-_nomusic_00190 {width:97px; height:135px; background-position: -1725px -1601px}
.white-mov-_nomusic_00191 {width:97px; height:135px; background-position: -1822px -1601px}
.white-mov-_nomusic_00192 {width:100px; height:135px; background-position: -0px -1700px}
.white-mov-_nomusic_00193 {width:100px; height:134px; background-position: -193px -896px}
.white-mov-_nomusic_00194 {width:100px; height:135px; background-position: -100px -1700px}
.white-mov-_nomusic_00195 {width:100px; height:135px; background-position: -200px -1705px}
.white-mov-_nomusic_00196 {width:100px; height:134px; background-position: -293px -896px}
.white-mov-_nomusic_00197 {width:100px; height:134px; background-position: -393px -901px}
.white-mov-_nomusic_00198 {width:100px; height:134px; background-position: -493px -918px}
.white-mov-_nomusic_00199 {width:100px; height:134px; background-position: -593px -918px}
.white-mov-_nomusic_00200 {width:100px; height:134px; background-position: -693px -918px}
.white-mov-_nomusic_00201 {width:100px; height:134px; background-position: -793px -922px}
.white-mov-_nomusic_00202 {width:100px; height:134px; background-position: -893px -925px}
.white-mov-_nomusic_00203 {width:100px; height:135px; background-position: -300px -1722px}
.white-mov-_nomusic_00204 {width:100px; height:134px; background-position: -993px -926px}
.white-mov-_nomusic_00205 {width:100px; height:133px; background-position: -0px -691px}
.white-mov-_nomusic_00206 {width:100px; height:133px; background-position: -100px -760px}
.white-mov-_nomusic_00207 {width:100px; height:135px; background-position: -400px -1722px}
.white-mov-_nomusic_00208 {width:100px; height:135px; background-position: -500px -1722px}
.white-mov-_nomusic_00209 {width:100px; height:135px; background-position: -600px -1726px}
.white-mov-_nomusic_00210 {width:100px; height:133px; background-position: -200px -763px}
.white-mov-_nomusic_00211 {width:100px; height:134px; background-position: -1093px -926px}
.white-mov-_nomusic_00212 {width:100px; height:134px; background-position: -1193px -927px}
.white-mov-_nomusic_00213 {width:100px; height:134px; background-position: -1293px -928px}
.white-mov-_nomusic_00214 {width:100px; height:133px; background-position: -300px -763px}
.white-mov-_nomusic_00215 {width:100px; height:133px; background-position: -400px -768px}
.white-mov-_nomusic_00216 {width:100px; height:133px; background-position: -500px -785px}
.white-mov-_nomusic_00217 {width:100px; height:133px; background-position: -600px -785px}
.white-mov-_nomusic_00218 {width:100px; height:133px; background-position: -700px -785px}
.white-mov-_nomusic_00219 {width:100px; height:133px; background-position: -800px -789px}
.white-mov-_nomusic_00220 {width:100px; height:133px; background-position: -900px -792px}
.white-mov-_nomusic_00221 {width:100px; height:134px; background-position: -1393px -928px}
.white-mov-_nomusic_00222 {width:100px; height:134px; background-position: -1493px -929px}
.white-mov-_nomusic_00223 {width:100px; height:134px; background-position: -1593px -930px}
.white-mov-_nomusic_00224 {width:100px; height:134px; background-position: -1693px -930px}
.white-mov-_nomusic_00225 {width:100px; height:134px; background-position: -1793px -931px}
.white-mov-_nomusic_00226 {width:100px; height:134px; background-position: -1893px -931px}
.white-mov-_nomusic_00227 {width:100px; height:134px; background-position: -97px -1030px}
.white-mov-_nomusic_00228 {width:100px; height:134px; background-position: -197px -1030px}
.white-mov-_nomusic_00229 {width:100px; height:134px; background-position: -297px -1035px}
.white-mov-_nomusic_00230 {width:100px; height:134px; background-position: -397px -1052px}
.white-mov-_nomusic_00231 {width:100px; height:134px; background-position: -497px -1052px}
.white-mov-_nomusic_00232 {width:100px; height:134px; background-position: -597px -1052px}
.white-mov-_nomusic_00233 {width:100px; height:134px; background-position: -697px -1056px}
.white-mov-_nomusic_00234 {width:100px; height:134px; background-position: -797px -1059px}
.white-mov-_nomusic_00235 {width:100px; height:134px; background-position: -897px -1060px}
.white-mov-_nomusic_00236 {width:100px; height:134px; background-position: -997px -1060px}
.white-mov-_nomusic_00237 {width:100px; height:134px; background-position: -1097px -1061px}
.white-mov-_nomusic_00238 {width:100px; height:134px; background-position: -1197px -1062px}
.white-mov-_nomusic_00239 {width:100px; height:134px; background-position: -1297px -1062px}
.white-mov-_nomusic_00240 {width:100px; height:134px; background-position: -1397px -1063px}
.white-mov-_nomusic_00241 {width:100px; height:134px; background-position: -1497px -1064px}
.white-mov-_nomusic_00242 {width:100px; height:134px; background-position: -1597px -1064px}
.white-mov-_nomusic_00243 {width:100px; height:134px; background-position: -1697px -1065px}
.white-mov-_nomusic_00244 {width:100px; height:134px; background-position: -1797px -1065px}
.white-mov-_nomusic_00245 {width:100px; height:134px; background-position: -1897px -1065px}
.white-mov-_nomusic_00246 {width:100px; height:134px; background-position: -97px -1164px}
.white-mov-_nomusic_00247 {width:100px; height:134px; background-position: -197px -1164px}
.white-mov-_nomusic_00248 {width:100px; height:134px; background-position: -297px -1169px}
.white-mov-_nomusic_00249 {width:100px; height:134px; background-position: -397px -1186px}
.white-mov-_nomusic_00250 {width:100px; height:134px; background-position: -497px -1186px}
.white-mov-_nomusic_00251 {width:100px; height:134px; background-position: -597px -1186px}
.white-mov-_nomusic_00252 {width:100px; height:134px; background-position: -697px -1190px}
.white-mov-_nomusic_00253 {width:100px; height:134px; background-position: -797px -1193px}
.white-mov-_nomusic_00254 {width:100px; height:134px; background-position: -897px -1194px}
.white-mov-_nomusic_00255 {width:100px; height:134px; background-position: -997px -1194px}
.white-mov-_nomusic_00256 {width:100px; height:134px; background-position: -1097px -1195px}
.white-mov-_nomusic_00257 {width:100px; height:134px; background-position: -1197px -1196px}
.white-mov-_nomusic_00258 {width:100px; height:134px; background-position: -1297px -1196px}
.white-mov-_nomusic_00259 {width:100px; height:134px; background-position: -1397px -1197px}
.white-mov-_nomusic_00260 {width:100px; height:134px; background-position: -1497px -1198px}
.white-mov-_nomusic_00261 {width:100px; height:134px; background-position: -1597px -1198px}
.white-mov-_nomusic_00262 {width:100px; height:134px; background-position: -1697px -1199px}
.white-mov-_nomusic_00263 {width:100px; height:134px; background-position: -1797px -1199px}
.white-mov-_nomusic_00264 {width:100px; height:134px; background-position: -1897px -1199px}
.white-mov-_nomusic_00265 {width:100px; height:134px; background-position: -97px -1298px}
.white-mov-_nomusic_00266 {width:100px; height:134px; background-position: -197px -1298px}
.white-mov-_nomusic_00267 {width:100px; height:134px; background-position: -297px -1303px}
.white-mov-_nomusic_00268 {width:100px; height:134px; background-position: -397px -1320px}
.white-mov-_nomusic_00269 {width:100px; height:134px; background-position: -497px -1320px}
.white-mov-_nomusic_00270 {width:100px; height:134px; background-position: -597px -1320px}
.white-mov-_nomusic_00271 {width:100px; height:134px; background-position: -697px -1324px}
.white-mov-_nomusic_00272 {width:100px; height:134px; background-position: -797px -1327px}
.white-mov-_nomusic_00273 {width:100px; height:134px; background-position: -897px -1328px}
.white-mov-_nomusic_00274 {width:100px; height:134px; background-position: -997px -1328px}
.white-mov-_nomusic_00275 {width:100px; height:134px; background-position: -1097px -1329px}
.white-mov-_nomusic_00276 {width:100px; height:134px; background-position: -1197px -1330px}
.white-mov-_nomusic_00277 {width:100px; height:134px; background-position: -1297px -1330px}
.white-mov-_nomusic_00278 {width:100px; height:134px; background-position: -1397px -1331px}
.white-mov-_nomusic_00279 {width:100px; height:134px; background-position: -1497px -1332px}
.white-mov-_nomusic_00280 {width:100px; height:134px; background-position: -1597px -1332px}
.white-mov-_nomusic_00281 {width:100px; height:134px; background-position: -1697px -1333px}
.white-mov-_nomusic_00282 {width:100px; height:134px; background-position: -1797px -1333px}
.white-mov-_nomusic_00283 {width:100px; height:134px; background-position: -1897px -1333px}
.white-mov-_nomusic_00284 {width:100px; height:134px; background-position: -97px -1432px}
.white-mov-_nomusic_00285 {width:100px; height:134px; background-position: -197px -1432px}
.white-mov-_nomusic_00286 {width:100px; height:134px; background-position: -297px -1437px}
.white-mov-_nomusic_00287 {width:100px; height:134px; background-position: -397px -1454px}
.white-mov-_nomusic_00288 {width:100px; height:134px; background-position: -497px -1454px}
.white-mov-_nomusic_00289 {width:100px; height:134px; background-position: -597px -1454px}
.white-mov-_nomusic_00290 {width:100px; height:134px; background-position: -697px -1458px}
.white-mov-_nomusic_00291 {width:100px; height:134px; background-position: -797px -1461px}
.white-mov-_nomusic_00292 {width:100px; height:134px; background-position: -897px -1462px}
.white-mov-_nomusic_00293 {width:100px; height:134px; background-position: -997px -1462px}
.white-mov-_nomusic_00294 {width:100px; height:134px; background-position: -1097px -1463px}
.white-mov-_nomusic_00295 {width:100px; height:134px; background-position: -1197px -1464px}
.white-mov-_nomusic_00296 {width:100px; height:134px; background-position: -1297px -1464px}
.white-mov-_nomusic_00297 {width:100px; height:134px; background-position: -1397px -1465px}
.white-mov-_nomusic_00298 {width:100px; height:134px; background-position: -1497px -1466px}
.white-mov-_nomusic_00299 {width:100px; height:134px; background-position: -1597px -1466px}
.white-mov-_nomusic_00300 {width:100px; height:134px; background-position: -1697px -1467px}
.white-mov-_nomusic_00301 {width:100px; height:134px; background-position: -1797px -1467px}
.white-mov-_nomusic_00302 {width:100px; height:134px; background-position: -1897px -1467px}
.white-mov-_nomusic_00303 {width:100px; height:134px; background-position: -97px -1566px}
.white-mov-_nomusic_00304 {width:100px; height:134px; background-position: -197px -1566px}
.white-mov-_nomusic_00305 {width:100px; height:134px; background-position: -297px -1571px}
.white-mov-_nomusic_00306 {width:100px; height:134px; background-position: -397px -1588px}
.white-mov-_nomusic_00307 {width:100px; height:134px; background-position: -497px -1588px}
.white-mov-_nomusic_00308 {width:100px; height:134px; background-position: -597px -1588px}
.white-mov-_nomusic_00309 {width:100px; height:134px; background-position: -697px -1592px}
.white-mov-_nomusic_00310 {width:100px; height:134px; background-position: -797px -1595px}
.white-mov-_nomusic_00311 {width:100px; height:134px; background-position: -897px -1596px}
.white-mov-_nomusic_00312 {width:100px; height:134px; background-position: -997px -1596px}
.white-mov-_nomusic_00313 {width:100px; height:134px; background-position: -1097px -1597px}
.white-mov-_nomusic_00314 {width:100px; height:134px; background-position: -1197px -1598px}
.white-mov-_nomusic_00315 {width:100px; height:134px; background-position: -1297px -1598px} */