/* ##6610 by LJ 2022-12-15 */
/* reset */
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; outline: 0; } 
html { font-size: 5.3334vw; /* 20px = 1rem; */ }
@media screen and (min-width: 750px){
    html { font-size: 40px; }
}
html,body { height: 100%; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,button { margin:0; padding:0; }
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 0.8rem; line-height: 1.1rem; max-width: 750px; margin: auto; } 
input, textarea, select, button, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family: inherit; }
input, textarea, select, button {
    border: none; background: none; resize: none; border-radius: 0; 
    -webkit-appearance: none; -moz-appearance: none; appearance: none; 
}
input::placeholder, textarea::placeholder { color: #bbb; }
input:-webkit-autofill, 
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active { 
    box-shadow: 0 0 0px 1000px white inset !important;
}
em, i { font-style:normal; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; text-align: center; }
img { border: 0; vertical-align: middle; }
ol, ul, li { list-style: none; }
a { color: #333; text-decoration: none; }
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; line-height: 0; }

.none { display: none; }
.pt20 { padding-top: 1rem; }
.pt30 { padding-top: 1.5rem; }
.mb4 { margin-bottom: .2rem; }
.mb8 { margin-bottom: .4rem; }
.mb12 { margin-bottom: .6rem; }
.mb20 { margin-bottom: 1rem; }
.mb24 { margin-bottom: 1.2rem; }
.mb28 { margin-bottom: 1.4rem; }
.mb32 { margin-bottom: 1.6rem; }
.mlr4 { margin-right: .2rem; margin-left: .2rem; }
.mlr8 { margin-right: .4rem; margin-left: .4rem; }
.mr4 { margin-right: .2rem; }
.ml4 { margin-left: .2rem; }
.ml8 { margin-left: .4rem; }
.ect { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.tc { text-align: center; }
.fb { font-weight: bold; }
.vm-top { display: inline-block; vertical-align: top; }

@font-face {
    font-family: "DIN-Bold";
    src: url("../../../../ui_v1/fonts/numfont/TG-TYPE-Bold.eot") format("embedded-opentype"),url("../../../../ui_v1/fonts/numfont/TG-TYPE-Bold.woff") format("woff"),url("../../../../ui_v1/fonts/numfont/TG-TYPE-Bold.ttf") format("truetype"),url("../../../../ui_v1/fonts/numfont/TG-TYPE-Bold.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

/* popup-msg */
.popup-msg { 
    position: fixed; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); z-index: 1002; transition: all .1s linear;
    padding: 1rem; background-color: rgba(0,0,0,.8); border-radius: 0.5rem; line-height: 1.1rem; width: 9rem; font-size: 0.7rem; color: #fff; text-align: center; }

.page-box { position: relative; background-color: #FCF5EF; height: 100%; }

/* loading-page */
.loading-page { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; color: #635A5A; line-height: 1.2rem; font-size: .75rem; background: linear-gradient(180deg, #FCF5EF 0%, #F3D5C6 100%); }
.loading-bg { position: relative; margin: auto; width: 5.25rem; height: 4.8rem; background: url('../../pic/activity/yearreport_2022/pic-1.png') no-repeat; background-size: 100% auto; }
.loading-bg:before { content: ''; position: absolute; top: 1rem; left: 50%; transform: translateX(-50%); width: 2.95rem; height: 2.25rem; background: url('../../pic/activity/yearreport_2022/pic-1-1.png') no-repeat; background-size: 100% 100%;  -webkit-animation: loadingAn 2.1s linear infinite; animation: loadingAn 2.1s linear infinite; }
.loading-bg:after { content: ''; position: absolute; top: 0; left: 0; width: 5.25rem; height: 3.25rem; background: url('../../pic/activity/yearreport_2022/pic-1-2.png') no-repeat; background-size: 100% 100%; }
.loading-page .txt { margin-top: 1.7rem; }
.loading-page .num { margin-top: .6rem; }
.loading-page .conts { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-75%); }
@-webkit-keyframes loadingAn {
	0% { top: .5rem; }
	80% { opacity: 1; }
	100% { top: 3.25rem; opacity: .8; }
}
@keyframes loadingAn {
	0% { top: .5rem; }
	80% { opacity: 1; }
	100% { top: 3.25rem; opacity: .8; }
}


/* slide-index */
.slide-index { position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; z-index: -1; opacity: 0; transition: opacity ease 2s; background: linear-gradient(181deg, #FDFDFD 0%, #FDFDFD 1%, #FCF5EF 40%, #EAB69E 100%); }
.slide-index .slide-conts { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url('../../pic/activity/yearreport_2022/pic-2.png') center bottom no-repeat; background-size: 100% auto; }
.slide-index .point { position: absolute; right: .6rem; bottom: 8.6rem; left: 1.2rem; height: 14.35rem; background: url('../../pic/activity/yearreport_2022/point.png') no-repeat; background-size: 100% 100%; -webkit-animation: pointKey linear 10s infinite; animation: pointKey linear 10s infinite; }
.slide-index .point2 { -webkit-animation-delay: -4.5s; animation-delay: -4.5s; }
@-webkit-keyframes pointKey {
	0% { -webkit-transform: scale(2.6,2.6); transform: scale(2.6,2.6); }
	90% { -webkit-transform: scale(0,0); transform: scale(0,0); }
	100% { -webkit-transform: scale(0,0); transform: scale(0,0); }
}
@keyframes pointKey {
	0% { -webkit-transform: scale(2.6,2.6); transform: scale(2.6,2.6); }
	90% { -webkit-transform: scale(0,0); transform: scale(0,0); }
	100% { -webkit-transform: scale(0,0); transform: scale(0,0); }
}
.slide-index.show { z-index: 3; opacity: 1; position: absolute; }
.slide-index .top-conts { position: absolute; top: .8rem; right: 1.2rem; left: .75rem; }
.slide-index .top-conts .logo { float: left; width: 6.4rem; height: 1.65rem; background: url('../../pic/activity/yearreport_2022/logo.png') no-repeat; background-size: 100% 100%; }
.slide-index .top-conts .info { float: right; line-height: 1.4rem; font-size: .7rem; color: #635A5A; max-width: 10rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.slide-index .top-conts .info img { float: left; width: 1.4rem; height: 1.4rem; border-radius: 50%; margin-right: .35rem; }

.slide-index .bottom-conts { position: absolute; right: 0; bottom: 2.4rem; left: 0; }
.slide-index .bottom-conts .txt { margin-bottom: .25rem; color: #E06C63; font-size: .5rem; line-height: .6rem; opacity: .5; }
.slide-index .bottom-conts .agree { font-size: .6rem; line-height: .7rem; color: #E06C63; padding: .25rem 0; }
.slide-index .bottom-conts .agree .ico-check { display: inline-block; vertical-align: middle; margin: -.15rem .2rem 0 0; width: .6rem; height: .6rem; border: .05rem solid #E06C63; border-radius: 50%; background-color: #fff; position: relative; }
.slide-index .is-this .bottom-conts .agree .ico-check:after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: .25rem; height: .25rem; background: url('../../pic/activity/yearreport_2022/checked.png') no-repeat; background-size: 100% 100%; }
.slide-index .bottom-conts .btn-shart-bar { width: 14.45rem; height: 4.45rem; padding: .8rem; line-height: 2.8rem; margin: auto; background: url('../../pic/activity/yearreport_2022/button.png') no-repeat; background-size: 100% 100%; font-size: .9rem; color: #fff; font-weight: bold; }


.slide-index .center-conts { position: absolute; top: 4.2rem; right: 0; left: 0; }
.slide-index .center-conts .txt { font-size: .65rem; line-height: 1.2rem; color: #635A5A; }
.slide-index .center-conts .txt p { margin-top: .9rem; }
.slide-index .center-conts .txt p:first-child { margin-bottom: 0; }
.slide-index .center-conts .tit { width: 15.5rem; height: 3.55rem; background: url('../../pic/activity/yearreport_2022/title.png') no-repeat; background-size: 100% 100%; margin: 0 auto 1.55rem; }


/* yeardata-swiper */
.yeardata-swiper { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: #FCF5EF; opacity: 0; transition: opacity ease 2s; }
.yeardata-swiper.show { z-index: 3; opacity: 1; }
    /* bottom-bar */
.yeardata-swiper .bottom-bar { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 0 0 1.15rem .65rem; }
.yeardata-swiper .bottom-bar .ecode { float: left; text-align: center; }
.yeardata-swiper .bottom-bar .ecode img { display: block; width: 2.4rem; height: 2.4rem; margin: auto; }
.yeardata-swiper .bottom-bar .ecode .txt { font-size: .4rem; color: #333; line-height: .5rem; margin-top: .25rem; }
.yeardata-swiper .bottom-bar .arrow { position: absolute; bottom: 1.6rem; left: 50%; margin-left: -.6rem; width: 1.2rem; height: 1.2rem; background: url('../../pic/activity/yearreport_2022/arrow.png') no-repeat; background-size: 100% 100%; -webkit-animation: slideTip linear 3s infinite; animation: slideTip linear 3s infinite; }
@-webkit-keyframes slideTip {
	0% { -webkit-transform: translateY(25%); transform: translateY(25%); }
	50% { -webkit-transform: translateY(-25%); transform: translateY(-25%); }
	100% { -webkit-transform: translateY(25%); transform: translateY(25%); }
}
@keyframes slideTip {
	0% { -webkit-transform: translateY(25%); transform: translateY(25%); }
	50% { -webkit-transform: translateY(-25%); transform: translateY(-25%); }
	100% { -webkit-transform: translateY(25%); transform: translateY(25%); }
}
.yeardata-swiper .bot-bg { position: absolute; background-size: 100% 100%; }
/**/
.yeardata-swiper .swiper-slide { background-position: center bottom; background-repeat: no-repeat; background-size: 100% auto; }
.yeardata-swiper .k1 { background-image: url('../../pic/activity/yearreport_2022/bg01.png'); }
.yeardata-swiper .k2 { background-image: url('../../pic/activity/yearreport_2022/bg02.png'); }
.yeardata-swiper .k3 { background-image: url('../../pic/activity/yearreport_2022/bg03.png'); }
.yeardata-swiper .k4 { background-image: url('../../pic/activity/yearreport_2022/bg04.png'); }
.yeardata-swiper .k5 { background-color: #FCF5EF; }
.yeardata-swiper .k6 { background-color: #FCF5EF; }
.yeardata-swiper .k7 { background: linear-gradient(182deg, #F9EDE4 0%, #EBBAA3 100%); }
.yeardata-swiper .k8 { background-image: url('../../pic/activity/yearreport_2022/bg08.png'); }


/* */
.data-txt-f15 { font-size: .75rem; color: #635A5A; line-height: 1.4rem; }
.data-txt-f15 .num { position: relative; top: .1rem; font-size: 1.4rem; }
.s-cce5 { color: #CE5445 !important; }

/* data-txt-bar */
.data-txt-bar { padding-top: 2.95rem; position: relative; z-index: 2; margin: 0 2.4rem; }

/* other-disc */
.other-disc { font-size: .65rem; line-height: 1.2rem; color: rgba(99, 90, 90, .6); position: relative; z-index: 2; margin: 0 2.4rem; }

/* k1 */
.yeardata-swiper .k1 .bot-bg {
    bottom: 0; right: -4rem;
    width: 14.55rem; height: 13.9rem; background-image: url('../../pic/activity/yearreport_2022/sandglass.png'); 
    -webkit-animation: sandglass 1.8s linear alternate infinite; animation: sandglass 1.8s linear alternate infinite; 
}
.k1 .data-txt-bar { margin: 0 2.1rem; }
.k1 .other-disc { margin: 4.35rem 2.1rem 0; }
@-webkit-keyframes sandglass {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(1rem); transform: translateY(1rem); }
}
@keyframes sandglass {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(1rem); transform: translateY(1rem); }
}

/* k2 */
.yeardata-swiper .k2 .bot-bg {
    bottom: 9.4rem; right: 4.7rem;
    width: 1.95rem; height: 2.8rem; background-image: url('../../pic/activity/yearreport_2022/location.png');
    transform: scale(.5,.5); opacity: 0; transform-origin: bottom;
}
.yeardata-swiper .k2.ani-slide .bot-bg {
    transition: all linear .5s;
    transform: scale(1,1); opacity: 1;
    -webkit-animation: location 1.8s linear 1s alternate infinite; animation: location 1.8s linear 1s alternate infinite;
}
.k2 .other-disc { margin-top: 5.8rem; }
@-webkit-keyframes location {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(.5rem); transform: translateY(.5rem); }
}
@keyframes location {
	0% { -webkit-transform: translateY(0); transform: translateY(0); }
	100% { -webkit-transform: translateY(.75rem); transform: translateY(.75rem); }
}

@-webkit-keyframes scaleKeyframes {
	0% { -webkit-transform: scale(.8,.8); transform: scale(.8,.8); transform-origin: center bottom; }
	100% { -webkit-transform: scale(1,1); transform: scale(1,1); transform-origin: center bottom; }
}
@keyframes scaleKeyframes {
	0% { -webkit-transform: scale(.8,.8); transform: scale(.8,.8); transform-origin: center bottom; }
	100% { -webkit-transform: scale(1,1); transform: scale(1,1); transform-origin: center bottom; }
}

@-webkit-keyframes scaleKeyframes2 {
	0% { -webkit-transform: scale(.9,.9); transform: scale(.9,.9); transform-origin: center bottom; }
	100% { -webkit-transform: scale(1,1); transform: scale(1,1); transform-origin: center bottom; }
}
@keyframes scaleKeyframes2 {
	0% { -webkit-transform: scale(.9,.9); transform: scale(.9,.9); transform-origin: center bottom; }
	100% { -webkit-transform: scale(1,1); transform: scale(1,1); transform-origin: center bottom; }
}

/* k3 */
.yeardata-swiper .k3 .bot-bg {
    -webkit-animation: scaleKeyframes 3s linear alternate infinite; animation: scaleKeyframes 3s linear alternate infinite; 
}
.yeardata-swiper .k3 .bot-bg1 {
    bottom: 7.7rem; right: .35rem; width: 7.1rem; height: 6.45rem;
    background-image: url('../../pic/activity/yearreport_2022/pic-7.png');
    animation-delay: 3s;
    animation-name: location;
}
.yeardata-swiper .k3 .bot-bg2 {
    bottom: 4.35rem; right: 7.6rem; width: 4.8rem; height: 4.3rem;
    background-image: url('../../pic/activity/yearreport_2022/pic-8.png');
    animation-delay: 1.8s;
    animation-name: scaleKeyframes2;
    animation-duration: 1.8s;
}
.yeardata-swiper .k3 .bot-bg3 {
    bottom: 2.7rem; right: 3.85rem; width: 2.5rem; height: 2.95rem;
    background-image: url('../../pic/activity/yearreport_2022/pic-9.png');
    animation-duration: 1.8s;
}
.k3 .other-disc { margin-top: 4.4rem; }

/* k4 */
.k4 .other-disc { margin-top: 4.6rem; }

/* k5 */
.k5 .data-txt-bar { padding-top: 2.5rem; }
.k5 .other-disc { margin-top: 1rem; text-align: center; }
.minh-144 { min-height: 7.2rem; }
.pie-bar { margin: 1.6rem -2.4rem 0; width: 18.75rem; height: 12rem; }

/* k6 */
.k6 .data-txt-bar { padding-top: 2.5rem; }
.k6 .other-disc { margin-top: 1.6rem; text-align: center; }

/* k7 */
.k7 .other-disc { margin: -2.1rem 1.6rem 0; text-align: right; }
.k7 .trans-opac { transition-delay: -.25s; }

/* lawyer-bar */
.lawyer-bar { margin-top: 2rem; height: 29.1rem; padding: 4.9rem 2.35rem 0; background: url('../../pic/activity/yearreport_2022/pic-11.png') center top no-repeat; background-size: 100% 100%; position: relative;width: 18.75rem;
}
.lawyer-bar .photo { float: right; width: 4rem; height: 4rem; margin-left: .4rem; }
.lawyer-bar .photo img { width: 4rem; height: 4rem; border-radius: 50%; box-shadow: 0 .05rem .35rem rgba(106,83,80,0.16); }
.lawyer-bar .name { padding-top: .4rem; margin-bottom: .5rem; font-size: .95rem; color: #6A5350; line-height: 1.3rem; font-weight: bold; }
.lawyer-bar .txt { font-size: .55rem; line-height: .75rem; margin-top: .15rem; color: #6A5350; }
.lawyer-bar .txt span { opacity: .5; margin-right: .2rem; }
.lawyer-bar .info-txt { margin-top: 1.85rem; display: flex; justify-content: space-between; background-color: #FCF2EC; border-radius: .8rem; padding: 1.05rem 0; }
.lawyer-bar .info-txt li { position: relative; flex: 1; text-align: center; }
.lawyer-bar .info-txt li:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: .65rem; background-color: #6A5350; opacity: .3; }
.lawyer-bar .info-txt li:last-child:after { display: none; }
.lawyer-bar .info-txt div { font-size: .8rem; color: #E06C63; height: 1.1rem; line-height: 1.1rem; overflow: hidden; font-weight: bold; }
.lawyer-bar .info-txt p { font-size: .45rem; color: #999; margin-top: .1rem; line-height: .65rem; }
.lawyer-bar .bot-txt { margin-top: 2rem; font-size: .6rem; color: #6A5350; line-height: .85rem; opacity: .5; text-align: center; }
.lawyer-bar .prise { position: relative; z-index: 1; width: 6.75rem; margin: .8rem auto; line-height: 1.2rem; }
.lawyer-bar .prise b { font-size: 1rem; color: #F85F1B; }
.lawyer-bar .prise span { position: absolute; bottom: -0.25rem; left: 50%; z-index: -1; transform: translateX(-50%); font-size: .8rem; color: #FFF1E8; white-space: nowrap; line-height: 1; text-transform: uppercase; letter-spacing: .1rem; font-weight: bold; }
#echart-bar { height: 4.5rem; margin-top: 1.8rem; }

.lawyer-bar-v2 { background-image: url('../../pic/activity/yearreport_2022/pic-14.png'); }
.lawyer-bar-v2.bg1 { background-image: url('../../pic/activity/yearreport_2022/pic-13.png'); }
.lawyer-bar-v2 .yeartag { position: absolute; top: 7.1rem; left: 3.05rem; }
.lawyer-bar-v2 .yeartag dt { font-size: .65rem; color: #6A5350; line-height: .9rem; }
.lawyer-bar-v2 .yeartag dd { font-size: 1.5rem; line-height: 2.05rem; color: #E06C63; font-weight: bold; }
.lawyer-bar-v2 .photo { position: absolute; top: 5.1rem; right: 2.95rem; }
.lawyer-bar-v2 .name { position: absolute; top: 9.85rem; right: 2.2rem; width: 5.65rem; text-align: center; font-weight: normal; font-size: .65rem; }
.lawyer-bar-v2 .txt-pos { position: absolute; top: 19.45rem; left: 3.95rem; right: 2.5rem; }
.lawyer-bar-v2 .txt-pos .txt { margin-top: .3rem; }
.lawyer-bar-v2.bg1 .txt-pos { top: 21.05rem; }
.lawyer-bar-v2 .info-txt { background: transparent; position: absolute; top: 13rem; right: 2.25rem; left: 2.25rem; margin-top: 0; }

.lawyer-bar-v2.bg2 { background-image: url('../../pic/activity/yearreport_2022/pic-15.png'); }

.k7 .lawyer-bar-v2+.other-disc { margin-top: -3.8rem; }
.k7 .lawyer-bar-v2.bg1+.other-disc { margin-top: -2.1rem; }

/* comment-list */
.comment-list { position: absolute; top: 12.5rem; right: 2.55rem; left: 2.55rem; }
.comment-list li { position: relative; max-width: 13.65rem; margin-top: .3rem; font-size: .7rem; color: #6A5350; line-height: 1rem; }
.comment-list li span { max-width: 100%; display: block; }
.comment-list li:nth-child(2n+1),
.comment-list li:nth-child(8) { font-size: .5rem; line-height: .7rem; opacity: .5; }
.comment-list li:nth-child(1) { padding-right: 1.15rem; text-align: center; }
.comment-list li:nth-child(2) { padding-left: 1.15rem; text-align: center; }
.comment-list li:nth-child(3) { text-align: right; }
.comment-list li:nth-child(4) { margin-top: .1rem; padding-left: 1.15rem; }
.comment-list li:nth-child(6) { margin-top: 0; padding-left: 7rem; }
.comment-list li:nth-child(7) { margin-top: -0.55rem; font-size: .6rem; line-height: .85rem; padding-left: .85rem; }
.comment-list li:nth-child(8) { margin-top: -0.25rem; text-align: right; }

/* text-list */
.text-list { font-size: .55rem; line-height: 1.2rem; color: #6A5350; position: absolute; top: 14.3rem; right: 2.4rem; left: 2.4rem; text-align: center; }
.text-list li { margin-bottom: 1rem; line-height: 1; }

/* end-conts */
.end-conts { position: absolute; top: 50%; right: .25rem; left: .25rem; transform: translateY(-50%); margin-top: -3rem; text-align: center; }
.end-conts .txt { font-size: .75rem; color: #6A5350; line-height: 1.65rem; }
.end-conts .txt li { margin-top: 1.65rem; }
.end-conts .txt li:first-child { margin-top: 0; }
.end-conts .num {
    margin-top: 2.5rem; position: relative;
    font-size: 0.65rem; color: rgba(106, 83, 80, .5); line-height: 0.9rem;
}
.end-conts .num:before, .end-conts .num:after {
    content: ''; position: absolute; top: 50%; 
    width: 1.4rem; height: 1px; background-color: #6A5350;
    -webkit-transform: scaleY(.5) translateY(-50%); transform: scaleY(.5) translateY(-50%); opacity: .5;
}
.end-conts .num:before { margin-left: -1.8rem; }
.end-conts .num:after { margin-left: .4rem; }
.end-conts .report-btn-bar { margin-top: 2.8rem; text-align: center; }
.end-conts .report-btn-bar .report-btn {
    display: inline-block; width: 7.85rem; height: 2.4rem; line-height: 2.4rem;
    background: url('../../pic/activity/yearreport_2022/button-2.png') no-repeat; background-size: 100% 100%; font-size: .75rem; color: #fff; text-align: center; margin-right: .6rem;
}
.end-conts .report-btn-bar .report-btn:last-child { margin-right: 0; }


/* ani-slide */
.ani-slide { position: relative; }

/* trans */
.trans-opac { 
    opacity: 0; 
    -webkit-transition: opacity ease 2s; 
    transition: opacity ease 2s; 
}
.ani-slide .trans-opac { opacity: 1; }
.ani-slide .trans2 {
    -webkit-transition-delay: .75s; 
    transition-delay: .75s; 
}
.ani-slide .trans3 {
    -webkit-transition-delay: 1.5s; 
    transition-delay: 1.5s; 
}
.ani-slide .trans4 {
    -webkit-transition-delay: 2.25s; 
    transition-delay: 2.25s; 
}
.ani-slide .trans5 {
    -webkit-transition-delay: 3s;
    transition-delay: 3s;
}
.ani-slide .trans6 {
    -webkit-transition-delay: 3.75s;
    transition-delay: 3.75s;
}
.ani-slide .trans7 {
    -webkit-transition-delay: 4.5s;
    transition-delay: 4.5s;
}

/* canvas-img */
.canvas-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; opacity: 0; }
.canvasshowimg { position:absolute; width:100%; left:0; top:0; opacity: 0; z-index: 3 }


@media screen and (max-height: 600px) {
    .k5 .other-disc,
    .k6 .other-disc { display: none; }
}
@media screen and (max-height: 680px) {
    .k7 .other-disc { display: none; }
}