body { /* UTF-8 √ */
   color:#0B1973;
   background-color:#FFFFFF;
   font-family:'Segoe UI Variable', 'Segoe UI', sans-serif;
   font-size:14pt;
   line-height:21pt;
   margin:0;
   padding:0;
   text-align:left;
   vertical-align:top;
}

p {
   margin:0;
   padding:0;
}

div {
   color:#0B1973;
}

/* div { border:1px dotted blue; } */

.chirysCursor {
   cursor:url("/www/image/Click for more.png"), zoom-in;
}

div.slideControl {
   display:inline-block;
   color:#D0D0D0;
   margin:0;
   padding:2px 6px 2px 6px;
   cursor:default;
   font-size:12pt;
}
div.slideControlShowing {
   color:#0B1973;
}
div.slideControl:hover {
   color:#0B1973;
   background-color:#88E5FF;
   border-color:#88E5FF;
   border-collapse:collapse;
   border-radius:5pt;
   box-shadow:9px 9px 14px #0B1973;
   -webkit-box-shadow:9px 9px 14px #0B1973;
   -moz-box-shadow:9px 9px 14px #0B1973;
}
div.slideControlText {
   color:#0B1973;
   font-size:18pt;
   padding:4px 12px 4px 12px;
}
div.slideControlText:hover {
   color:white;
}
div.slideControlTextShowing {
   color:white;
   background-color:#88E5FF;
   border-color:#88E5FF;
   border-collapse:collapse;
   border-radius:5pt;
   box-shadow:9px 9px 14px #0B1973;
   -webkit-box-shadow:9px 9px 14px #0B1973;
   -moz-box-shadow:9px 9px 14px #0B1973;
}

div.divSlideText {
   display:inline-block;
   opacity:0;
   padding:9px 12px 9px 12px;
   background-color:transparent;
   border:2px solid #0B1973;
   border-collapse:collapse;
   box-shadow:3px 3px 3px #CCC inset, 5px 5px 5px #CCC;
}


.divPerspective {
   perspective:1200px;
   /*perspective-origin:50% 100px;*/
}

.divPrism {
   margin-right:24px;
   position:relative;
   max-width:400px;
   min-width:400px;
   transform-style:preserve-3d;
   -webkit-transform-style:preserve-3d;
   -ms-transform-style:none;
}

.prismFace {
   position:absolute;
}

.prismFace1 {
   transform:translateZ(117px);
   -webkit-transform:translateZ(117px);
   -ms-transform:translateZ(117px);
}
.prismFace2 {
   transform:translateX(400px) translateZ(117px) rotateY(120deg);
   transform-origin:left;
   -webkit-transform:translateX(400px) translateZ(117px) rotateY(120deg);
   -webkit-transform-origin:left;
}
.prismFace3 {
   transform:translateX(-400px) translateZ(117px) rotateY(-120deg);
   transform-origin:right;
   -webkit-transform:translateX(-400px) translateZ(117px) rotateY(-120deg);
   -webkit-transform-origin:right;
}

@keyframes spin {
   from { transform:rotateY(0); }
   to   { transform:rotateY(-360deg); }
}

.divPrism {
   /* animation:spin 12s infinite linear; */
}

@keyframes prismToFace1 {
   to {
      transform:rotateY(-360deg);
      -webkit-transform:rotateY(-360deg);
   }
}
@keyframes prismToFace2 {
   to {
      transform:rotateY(-120deg);
      -webkit-transform:rotateY(-120deg);
   }
}
@keyframes prismToFace3 {
   to {
      transform:rotateY(-240deg);
      -webkit-transform:rotateY(-240deg);
   }
}

.showFace1 {
   transform:rotateY(-240deg);
   -webkit-transform:rotateY(-240deg);
   animation:prismToFace1 2.5s ease 1 forwards;
   -webkit-animation:prismToFace1 2.5s ease 1 forwards;
}
.showFace2 {
   transform:rotateY(0deg);
   -webkit-transform:rotateY(0deg);
   animation:prismToFace2 2.5s ease 1 forwards;
   -webkit-animation:prismToFace2 2.5s ease 1 forwards;
}
.showFace3 {
   transform:rotateY(-120deg);
   -webkit-transform:rotateY(-120deg);
   animation:prismToFace3 2.5s ease 1 forwards;
   -webkit-animation:prismToFace3 2.5s ease 1 forwards;
}



input[type=button] {
   font-size:12pt;
   font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
   margin:0 8px 12px 4px;
   padding:2px 12px 2px 12px;
}
input[type=text] {
   font-size:14pt;
   font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
}
input[type=text]:focus {
   background-color:#FFFF99;
}
input.inputText {
   font-size:14pt;
   font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
}
.inputOption,
.inputSelect {
   font-size:14pt;
   font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
}
input.inputTextArea {
   font-size:14pt;
   font-family:MyriadPro-SemiCn, MyriadPro-Regular, MyriadPro-Cond, Arial;
}

img {
   border:none;
   vertical-align:top;
}

.hidden {
   display:none;
}
.center {
   text-align:center;
}
.left {
   text-align:left;
}
.right {
   text-align:right;
}

.bold {
   font-style:bold;
}
.italic {
   font-style:italic;
}
.subscript {
   font-size:62%;
   letter-spacing:-0.1em;
   padding-right:0.1em;
   position:relative;
   top:0.8ex;
   vertical-align:0;
}
.superscript {
   bottom:1.4ex;
   font-size:62%;
   letter-spacing:-0.1em;
   position:relative;
   margin-left:-0.1em;
   margin-right:-0.05em;
   vertical-align:0;
}

.caption {
   position:absolute;
   left:0;
   opacity:0;
   font-size:24pt;
   line-height:24pt;
}

.right {
   text-align:right
}

/* Animation keyframes and styles */

@keyframes keyFadeIn {
   from { opacity:0; } 
   to   { opacity:1; }
}
@-webkit-keyframes keyFadeIn {
   from { opacity:0; }
   to   { opacity:1; }
}
@keyframes keyFadeOut {
   from { opacity:1; }
   to   { opacity:0; }
}

@-webkit-keyframes keyFadeOut {
   from { opacity:1; } 
   to   { opacity:0; }
}

.fade-hidden {
   display:none !important;
}
.fade-inline {
   display:inline-block !important;
}
.fade-in {
   animation:keyFadeIn 1.25s ease-in 1 forwards !important;
   -webkit-animation:keyFadeIn 1.25s ease-in 1 forwards !important;
}
.fade-out {
   animation:keyFadeOut 0.75s ease-out 1 forwards !important;
   -webkit-animation:keyFadeOut 0.75s ease-out 1 forwards !important;
}

.is-paused {
   animation-play-state:paused !important;
}