Team:Hong Kong HKUST/Danson

#sideMenu, #top_title {display:none;}

1. globalWrapper, #content {

 width: 100%;
 height: 100%;
 border: 0px;
 margin: 0px;
 padding: 0px;
 font-size: 100%;

}

       #globalWrapper{border:1px soli orange;}

#content { padding:0px; width:100%; height:100%; margin-top:-7px; margin-left:0px; border: 1px dotte blue; background: transparent;} body {background-color:white;}

       #HQ_page {height:100%;}
       #bodyContent {border: 1px soli red; height:100%;}
       #mw-content-text {height:100%;}
       #content_wrapper {width:100%;}

#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } div#circleContainer {

   border: 1px soli black;
   border-radius: 50%;
   width: 450px;
   height: 450px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   opacity: 0;

} div#coverHomeTab {

   border: 1px soli black;
   position: absolute;
   width: 695px;
   height: 360px;
   background: url() 0 0;
   left: -124px;
   top: -171px;
   transform: scale(0.20);
   cursor: pointer;

} div#coverAbout{

   border: 1px soli black;
   position: absolute;
   left: 272px;
   top:-2px;

} div#coverAboutTab { border: 1px soli black;

   position: absolute;
   width: 695px;
   height: 359px;
   background: url() 0 -365px;
   left: -272px;
   top: -129px;
   transform: scale(0.20) rotate(36deg);
   transition: background 0.5s;
   cursor: pointer;

} div#coverAboutTeam {

   border: 1px soli black;
   position: absolute;
   left: 197px;
   top: 4px;
   width: 150px;

} div#coverAboutAttribution {

   border: 1px soli black;
   position: absolute;
   left: 207px;
   top: 45px;

} div#svgAboutWrapper {

   position: absolute;
   border: px solid black;
   top: 0px;
   left: -98px;
   height: 30px;
   transform: scale(0.2);

} div#coverProjectTab {

   border: 1px soli black;
   position: absolute;
   width: 697px;
   height: 360px;
   background: url() 0 -729px;
   left: 78px;
   top: -25px;
   transform: scale(0.20) rotate(72deg);
   cursor: pointer;

} div#svgProjectWrapper {

   position: absolute;
   border: 1x solid black;
   top:113px;
   left: 271px;
   height: 30px;
   transform: scale(0.2);

} div#coverProjectOverview {

   border: 1px soli black;
   position: absolute;
   left: 552px;
   top: 115px;
   width: 150px;

} div#coverProjectIdea {

   border: 1px soli black;
   position: absolute;
   left: 552px;
   top: 155px;
   width: 200px;

} div#coverProjectResults {

   border: 1px soli black;
   position: absolute;
   left: 548px;
   top: 180px;
   width: 200px;

} div#coverModelingTab {

   border: 1px soli black;
   position: absolute;
   width: 697px;
   height: 361px;
   background: url() 0 -1093px;
   left: 80px;
   top: 108px;
   transform: scale(0.20) rotate(-72deg);
   cursor: pointer;

} div#svgModelingWrapper {

   position: absolute;
   border: 1p solid black;
   top: 275px;
   left: 250px;
   height: 30px;
   transform: scale(0.2);

} div#coverModelingModel {

   border: 1px soli black;
   position: absolute;
   left: 559px;
   top: 294px;
   width: 200px;

} div#coverModelingStability {

   border: 1px soli black;
   position: absolute;
   left: 533px;
   top: 323px;
   width: 200px;

} div#coverHPTab {

   border: 1px soli black;
   position: absolute;
   width: 695px;
   height: 337px;
   background: url() 0 -1457px;
   left: 4px;
   top: 228px;
   transform: scale(0.20) rotate(-36deg);
   cursor: pointer;

} div#svgHPWrapper {

   position: absolute;
   border: 1p solid black;
   top: 375px;
   left: 112px;
   height: 30px;
   transform: scale(0.2);

} div#coverHPIntroduction {

   border: 1px soli black;
   position: absolute;
   left: 462px;
   top: 377px;
   width: 200px;

} div#coverHPProduct {

   border: 1px soli black;
   position: absolute;
   left: 417px;
   top: 404px;
   width: 200px;

} div#coverHPInfo {

   border: 1px soli black;
   position: absolute;
   left: 410px;
   top: 420px;
   width: 200px;

} div#coverHPLearning {

   border: 1px soli black;
   position: absolute;
   left: 410px;
   top: 449px;
   width: 200px;

} div#coverFutureTab {

   border: 1px soli black;
   position: absolute;
   width: 696px;
   height: 363px;
   background: url() -695px 0;
   left: -124px;
   top: 257px;
   transform: scale(0.20);
   cursor: pointer;

} div#coverAchievementsTab {

   border: 1px soli black;
   position: absolute;
   width: 695px;
   height: 361px;
   background: url() -700px -366px;
   left: -251px;
   top: 217px;
   transform: scale(0.20) rotate(36deg);
   cursor: pointer;

} div#svgAchievementsWrapper {

   position: absolute;
   border: 1p solid black;
   top: 400px;
   left: -143px;
   height: 30px;
   transform: scale(0.2);

} div#coverAchievementsParts {

   border: 1px soli black;
   position: absolute;
   left: -87px;
   top: 405px;
   width: 200px;

} div#coverAchievementsMedal {

   border: 1px soli black;
   position: absolute;
   left: -104px;
   top: 446px;
   width: 200px;

} div#coverLabTab {

   border: 1px soli black;
   position: absolute;
   width: 698px;
   height: 362px;
   background: url() -697px -729px;
   left: -329px;
   top: 108px;
   transform: scale(0.20) rotate(72deg);
   cursor: pointer;

} div#svgLabWrapper {

   position: absolute;
   border: 1p solid black;
   top: 276px;
   left: -318px;
   height: 30px;
   transform: scale(0.2);

} div#coverLabProtocol {

   border: 1px soli black;
   position: absolute;
   left: -254px;
   top: 299px;
   width: 200px;

} div#coverLabSafety {

   border: 1px soli black;
   position: absolute;
   left: -121px;
   top: 318px;
   width: 200px;

} div#coverCollaTab {

   border: 1px soli black;
   position: absolute;
   width: 695px;
   height: 360px;
   background: url() -695px -1092px;
   left: -327px;
   top: -23px;
   transform: scale(0.20) rotate(-72deg);
   cursor: pointer;

} div#coverInterLabTab {

   border: 1px soli black;
   position: absolute;
   width: 695px;
   height: 360px;
   background: url() -698px -1454px;
   left: -249px;
   top: -130px;
   transform: scale(0.20) rotate(-36deg);
   cursor: pointer;

} div#circleContainer span{position: relative;}

1. tram{

   transform: scale(0.33);
   position: absolute;
   top:-279px;
   left:-280px;

}

1. rail{

   transform: scale(0.15);
   position: absolute;
   top: -671px;
   left: -275px;

}

div{border: 0px solid black;}

1. scrollButton {

display: inline; transform: translate(50px, 0); }

img.button {

   opacity: 1.0;
   filter: alpha(opacity=100); /* For IE8 and earlier */

}

img.button:hover {

   opacity: 0.7;
   filter: alpha(opacity=80); /* For IE8 and earlier */

}