.app-content{background: #9999A3; text-align:right;}
#contentPanel{position:absolute; bottom:0px;}
/*#loadingPanel{width: 100%;height: 100%;background-color: white;z-index: 100;position:absolute;}
#loadingImg{width: 32px;height:32px;position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px;z-index: 101;}
#contentPanel{display: none;}*/

.dirr{color:red;}

/**************************************************landscape**************************************************/

.landscape{width:50.625em; height:28.9375em;
   -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.landscape > img {position:absolute; top:0; left:0;width:50.625em; height:28.9375em}
.landscape > img.bg1{z-index:500}
.landscape > img.bg2{z-index:400}
.landscape > img.bg3{z-index:300}
.landscape > img.bg4{z-index:200}
.landscape > img.topBg{z-index:600}

.vi .landscape > img {position:absolute; top:0; left:0;width:50.625em; height:28.9375em}
.vi .landscape > img.bg1{z-index:500}
.vi .landscape > img.bg2{z-index:400}
.vi .landscape > img.bg3{z-index:300}
.vi .landscape > img.bg4{z-index:200}
.vi .landscape > img.topBg{z-index:600}

/**************************************************tabs**************************************************/

.tabs{position:absolute; top:0; left:0; height:3.625em;width:50.5125em; z-index:800;}
.tabs > div{height:3.625em; float:right; font-weight:bold; cursor:default; margin-left:.2em;
  -moz-border-radius-topleft:1.6em;
  -webkit-border-top-left-radius: 1.6em;
   border-top-left-radius:1.6em;
}
.tabs > .plant1 {width:12.925em; color:#C4DBFF;}
.tabs > .plant2 {width:12.225em; color:#FF6600;}
.tabs > .plant3 {width:12.525em; color:#F3C987;}
.tabs > .plant4 {width:12.225em; color:#EBCCB0; margin-left:0;}

.tabs .content{text-align:center;  float:right; margin-top:.3em;} body.ar .tabs .content{margin-top: -0.1em;}
.vi .tabs .content{text-align:center;  float:left; margin-top:.2em;}
.tabs > .plant1 > .content{width:9.3125em;}
.tabs > .plant2 > .content{width:9.0125em;}
.tabs > .plant3 > .content{width:9.0125em;}
.tabs > .plant4 > .content{width:9.0125em;}

.tabs .title {font-size:78%;}body.ar .tabs .title {font-size:85%;margin-top: 0.3em;}
.tabs .text { font-size:58%;}body.ar .text{font-size:67%;}

.tabs .pic { float:left; text-align:left;width:2.8em; margin:.4em 0 0 .3em;}
.tabs .pic > img{width:2.8em; height:2.8em;}
.tabs .pic::after{clear:both;}

/**************************************************panes**************************************************/

.panes > div{width:5.5em; height:23.5em;position:absolute;top:4.72em;z-index:600;}
.panes > .paneR{right:1em;}
.panes > .paneL{left:1.12em;}
.panes img{width:100%; height: 100%;}
.panes span{font-size:100%; position:absolute; top:.4em;}
.panes > .paneR span{right:1.65em;}
.panes > .paneL span{left:.8em;}
body.en .panes > .paneR span{right:1.15em;}
body.en .panes > .paneL span{right:1.05em;}
body.vi .panes > .paneL span{text-align:left; font-size:0.97em; top:9px;right:0em;left:.4em;}
.vi .panes > .paneR span {left:0em; right:2.1em;font-size:0.97em;top:9px;}
body.zh .panes > .paneL span{right:1.7em;}
body.ar .panes > .paneL span{white-space:nowrap; left:.95em;}

/**************************************************canvas**************************************************/

.canvas-activity{position:absolute; bottom:0; left:0; z-index:700;}

/**************************************************scales**************************************************/

.scaleL .bottom img{width:16.1em; height:3.5625em; position:absolute; bottom:1em; left:8.5em; z-index:800}
.scaleL .top img{ width:6.7625em; position:absolute; bottom:2.9em; left:13.1em; z-index:600}
.scaleR img{width:15.1875em;position:absolute;bottom:.95em; right:8.2em; z-index:600}