.styleTittle {
	FONT-SIZE: 40px; FONT-FAMILY: "Arial"; 
}
.STYLEAuthor {
	FONT-SIZE: 18px; font-style: italic; color: #555; FONT-FAMILY: "PmingLiu";
}
.styleAffiliation {
	FONT-SIZE: 16px; color: #555; FFONT-FAMILY: "PmingLiu";
}
.STYLESection {
	FONT-SIZE: 30px; FONT-FAMILY: "Arial", Times, serif; FONT-WEIGHT: bold;
}
.styleAbstract {
	FONT-SIZE: 20px; FONT-FAMILY: "Arial";
}
.STYLECaption {
	FONT-SIZE: 18px; FONT-FAMILY: "Arial"
}
.STYLECitation {
	FONT-SIZE: 17px; FONT-FAMILY: "Arial"
}
BODY {
	BACKGROUND-IMAGE: none
}
HR {
	BORDER-TOP: purple 1px solid; BORDER-RIGHT: purple 1px solid; BORDER-BOTTOM: purple 1px solid; BORDER-LEFT: purple 1px solid
}
SPAN.style231{
	FONT-FAMILY: "Times New Roman","serif"; mso-style-name: style231; mso-style-unhide: no; mso-ansi-font-size: 12.0pt; mso-bidi-font-size: 12.0pt; mso-ascii-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-bidi-font-family: "Times New Roman"
}
SPAN.style2311 {
	FONT-FAMILY: "Times New Roman","serif"; mso-style-name: style231; mso-style-unhide: no; mso-ansi-font-size: 12.0pt; mso-bidi-font-size: 12.0pt; mso-ascii-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-bidi-font-family: "Times New Roman"
}
SPAN.style23111 {
	FONT-FAMILY: "Times New Roman","serif"; mso-style-name: style231; mso-style-unhide: no; mso-ansi-font-size: 12.0pt; mso-bidi-font-size: 12.0pt; mso-ascii-font-family: "Times New Roman"; mso-hansi-font-family: "Times New Roman"; mso-bidi-font-family: "Times New Roman"
}
.style47 {
	FONT-SIZE: 16pt; COLOR: #000000
}
.style55 {
	FONT-SIZE: 16px; FONT-FAMILY: "Times New Roman", Times, serif; FONT-WEIGHT: bold
}
A:link {
	TEXT-DECORATION: none
}
A:visited {
	TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: none
}
A:active {
	TEXT-DECORATION: none
}



#container {WIDTH: 1024px; MARGIN: 0px auto;}	  
#Scene1_father {
        
        background-color: rgb(245, 245, 245);
        position: relative;
      }
#Scene2_father {
        
        background-color: rgb(245, 245, 245);
        position: relative;
      }
#Scene3_father {
        
        background-color: rgb(245, 245, 245);
        position: relative;
      }

  /* Our normalize css */
  *{
    margin:0;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  /* Our wrapper */
  .wrapper{
    width: 256px;
    height: 170px;
    max-height:100vh;
    position: absolute;
    left:50%;
    top:50%;
    transform:translate3d(-50%,-50%,0);
    overflow:hidden;
  }


  /* Our image information */
  .bottom,
  .middle,
  .top {
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-color: white;
    background-size: cover;
    background-position: center;
    position: absolute;
    top:0;
    left:0;
    pointer-events:none;
    overflow: hidden;
    &>img{
      height:100%;
    }
  }

  .top{
    width:125px;
  }

  .scroller{
    width: 50px;
    height:50px;
    position: absolute;
    left:100;
    top:50%;
    border-radius:50%;
    background-color: #fff;
    opacity:0.9;
    transition: opacity 0.12s ease-in-out;
    pointer-events:auto;
    cursor: pointer;
  }
  .scroller-top{
    margin-top:-25px;
  }


  .scroller:hover{
    opacity:1;
  }

  .scrolling{
    pointer-events:none;
    opacity:1;
    // z-index: 1;
  }

  .scroller__thumb{
    width:100%;
    height:100%;
    border-radius:50%;
    padding: 7px;
  }

  .scroller:before,
  .scroller:after{
    content:" ";
    display: block;
    width: 7px;
    height: 9999px;
    position: absolute;
    left: 50%;
    margin-left: -3.5px;
    z-index: 30;
    transition:0.1s;
  }
  .scroller:before{
    top:49px;
  }
  .scroller:after{
    bottom:49px;
  }

  /* If you want to cahnge the colors, make sure you change the fill in the svgs to match */
  .scroller-top>.scroller__thumb{
    border: 5px solid #FFAB91;
  }
  .scroller-top:before,
  .scroller-top:after{
    background: #FFAB91;}