html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
}

* {
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
}


body {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
    background-color:rgb(255, 255, 255);
    
}
#rotate {
    position: absolute;
    top: 50px;
    right: 50px;
    z-index: 999;
    width: 60px;
    height: 60px;
    background-image: url(../images/mute.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    border:none;
    border-radius: 40px;
} 
.rotate_ani {
    -webkit-animation: rotating 3s linear 0s infinite;
    -moz-animation: rotating 3s linear 0s infinite;
    -ms-animation: rotating 3s linear 0s infinite;
    animation: rotating 3s linear 0s infinite;
    background-image: url('../images/music.png')!important; 
    display: none;
}

@-webkit-keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

video::-webkit-media-controls,video::-moz-media-controls,video::-webkit-media-controls-enclosure {
	display:none!important
}
video::-webkit-media-controls-panel,video::-webkit-media-controls-panel-container,.video::-webkit-media-controls-start-playback-button {
	display:none!important;
	-webkit-appearance:nones
}
.about{
    position:absolute;
    right:20;
    bottom:0px;
    display: none;
}
.author{
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;;
    display: none;
}
.note{
    width:125px;
	animation:tip_move 1.5s linear .5s infinite
	}
 @keyframes tip_move {
        0% ,100%{
            transform: translateX(0)
        }
        25% {
            transform: translateX(-15px)
        }
    
        50% {
            transform: translateX(0)
        }
          75% {
            transform: translateX(15px)
        }
}
.videowraper{width:750px;height:75966px;position:absolute;left:0;top:0;display: none;}
.videocontainer{
width:750px;height:100%;
    position: absolute;
    display: none;
    
}
.videocontainer video{
    object-fit: contain;
    object-position: center;
    width: 100%;
}
.videobg{
    width:100%;height:100%;
}
.videobtn{
    position:absolute;left:203px;bottom:100px;
}
.videodiv{position: absolute;width: 654px;top: 214px;height: 368px;left: 48px;}
.poster{width:100%;height:100%;position:absolute;left:0}
.playbtn{
    position:absolute;left:260px;top:130px
    }
.closebtn{
position: absolute;
    left: 680px;
    top: 125px;
}

/**********iframe begin**********/
.part1,
.part2,
.part3 {
  position: absolute;
  display: none;
  width: 750px;
  height: 100%;
}
.iframePage {
    /* display: none;
     */width: 650px;
     height: calc( 100% - 300px );
     z-index: 1000;
     /*background: #FFFFFF;
     */position: absolute;
     right: 0;
     left: 0;
     top: 200px;
     margin:0 auto; 
   }
   .iframeBox {
    width: 100%;
    /*height: 750px;
    */height: 100%;
    z-index: 998;
    /*background: #ffffff;
   */ -webkit-overflow-scrolling: touch;
   overflow-y: scroll;
    
     /*transform: scale(2);
    transform-origin: top left;
   position: absolute;
    margin-top: 200px;*/
   }
   .iframeBox .cover {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #FFFFFF;
     z-index: 999;
   }
   #iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
   }
   #iframe2 {
     position: absolute;
     top: 0;
     left: 0;
   }
   #iframe3{
     position: absolute;
     top: 0;
     left: 0;
   }
 .back {
    position: absolute;
    top: 100;
    left: 50;
    z-index: 99999;
    background-size: 100% auto;
    width: 100px;
    height: 100px;
   }
 
   .iframePage .back img{
      position: absolute;
    top: 30px;
    left: 50px;
    width: 60px;
   }
   .part3 .back img,.part4 .back img{
     position: absolute;
     top: 30px;
     left: 30px;
   }
   
   /**********iframe end**********/
.loading_progress{

   text-align: center;color:#4a815d;font-weight: normal;font-size: 24px;
   position: absolute;left: 300px;top:800px;
   /*transform: rotate(90deg);top: 48%;*/
}
.loadingbar{
    position: absolute;
    left: 200px;
    top: 750px;
}
.loading {
        margin: 0px;
        padding: 0px;
        overflow: hidden;
        background-color:#000;

     /*   background-color:rgb(138,206,234);*/
       
        background-size:100% 100%;
    }
img-comparison-slider {
  visibility: hidden;
}

img-comparison-slider [slot='second'] {
  display: none;
}

img-comparison-slider.rendered {
  visibility: inherit;
}

img-comparison-slider.rendered [slot='second'] {
  display: unset;
}
.slider-with-animated-handle {
    --divider-width: 0px; 
    --default-handle-opacity: 0;
}
.beginbtn{ position:absolute;top:600px;left:240px;z-index: 999;display: none;
animation: pulse1 3s linear 1.5s infinite;
} 
@keyframes pulse1 {
	0% {
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
}
50% {
	-webkit-transform:scale3d(1.2,1.2,1.2);
	-ms-transform:scale3d(1.2,1.2,1.2);
	transform:scale3d(1.2,1.2,1.2)
}
100% {
	-webkit-transform:scale3d(1,1,1);
	-ms-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1)
}
}
.iframebg{
width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}