html, body {
  height: 100%;
}

form {
  height: auto;
}

a {
  color: #2f7fcc;
}

#header {
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

.wrapper {
  margin: 0 auto -85px;
  background: #585858;
  overflow: hidden;
  background: #fda800;
  background: -moz-linear-gradient(top, #fda800 0%, #ffb52d 73%, #ffe8bc 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fda800), color-stop(73%, #ffb52d), color-stop(100%, #ffe8bc));
  background: -webkit-linear-gradient(top, #fda800 0%, #ffb52d 73%, #ffe8bc 100%);
  background: -o-linear-gradient(top, #fda800 0%, #ffb52d 73%, #ffe8bc 100%);
  background: -ms-linear-gradient(top, #fda800 0%, #ffb52d 73%, #ffe8bc 100%);
  background: linear-gradient(to bottom, #fda800 0%, #ffb52d 73%, #ffe8bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fda800', endColorstr='#ffe8bc',GradientType=0 );
}

a.page_next,
a.page_previous {
  position: absolute;
  top: 305px;
  font-size: 4em;
  right: 10px;
  width: 50px;
  height: 80px;
  z-index: 50;
  display: block;
  color: #444444;
  text-decoration: none;
  line-height: 80px;
  text-align: right;
}

a.page_previous {
  right: auto;
  left: 10px;
  text-align: left;
}

a.page_previous:hover {
  left: 5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

a.page_next:hover {
  right: 5px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.pager {
  position: absolute;
  top: 188px;
  left: 225px;
  z-index: 50;
}

.pager a.pager_button {
  display: block;
  float: left;
  margin-left: 6px;
  width: auto;
  padding: 0 20px;
  height: 26px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  color: #454545;
  text-align: center;
  font-size: 1.1em;
  line-height: 26px;
}

.pager a.activePage {
  text-decoration: underline;
}

#wrapper {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.page {
  overflow-x: hidden;
}

.band {
  width: 100%;
  text-align: center;
}

.page_lower .band {
  text-align: left;
}

.band_1 {
  background: #FDBC3D;
  height: 55px;
  -moz-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 1;
}

.page_lower .band_1 {
  height: 20px;
}

.band_1 .triangle {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 2;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 35px 215px 0 0;
  border-color: #fdbd3d transparent transparent transparent;
}

.header_band {
  background: #f2f6f7;
  background: -moz-linear-gradient(top, #f2f6f7 0%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f6f7), color-stop(100%, #e7e7e7));
  background: -webkit-linear-gradient(top, #f2f6f7 0%, #e7e7e7 100%);
  background: -o-linear-gradient(top, #f2f6f7 0%, #e7e7e7 100%);
  background: -ms-linear-gradient(top, #f2f6f7 0%, #e7e7e7 100%);
  background: linear-gradient(to bottom, #f2f6f7 0%, #e7e7e7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f6f7', endColorstr='#e7e7e7',GradientType=0 );
  height: 145px;
  padding-top: 30px;
}

.page_lower .header_band {
  padding-top: 10px;
  height: 155px;
  overflow: hidden;
}

.header_band img {
  margin: 0 auto;
  display: block;
  width: 434px;
  height: auto;
  max-width: 100%;
}

.page_lower .header_band h1 {
  font-family: SourceSansProLight, Arial, Helvetica, Tahoma, Geneva, Verdana, Sans-serif;
  font-size: 3.9em;
  line-height: 1.2em;
  margin: 15px 0;
  margin-left: 20px;
  margin-bottom: 5px;
}

.page_lower .header_band h2 {
  font-family: OpenSansLight, Arial, Helvetica, Tahoma, Geneva, Verdana, Sans-serif;
  color: #686868;
  font-size: 1.7em;
  line-height: 1.2em;
  margin-left: 20px;
}

.band_3 {
  background: #ffb933;
  color: #5f5f5f;
  line-height: 30px;
  font-family: OpenSansLight, Arial, Helvetica, Tahoma, Geneva, Verdana, Sans-serif;
  font-size: 1.2em;
}

.page_lower .band_3 {
  position: relative;
}

.band_3 .triangle {
  display: block;
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 2;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 45px 215px 0 0;
  border-color: #e7e7e7 transparent transparent transparent;
}

.band_3 .triangle_2 {
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 1;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 45px 215px 0 0;
  border-color: #ffb933 transparent transparent transparent;
}

.main_band {
  padding-top: 40px;
  color: #454545;
  min-height: 315px;
}

.page_lower .main_band {
  height: auto;
  padding-top: 20px;
}

.page_lower .main_band h3 {
  font-family: SourceSansProLight, Arial, Helvetica, Tahoma, Geneva, Verdana, Sans-serif;
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 10px 0;
}

.main_band .upload_box,
.content_box {
  position: relative;
  background: #faeed6;
  color: #454545;
  border: 1px solid #b8ab94;
  width: 748px;
  height: auto;
  margin: 0px auto;
  -moz-box-shadow: 0px 0px 78px rgba(255, 255, 255, 0.18);
  -webkit-box-shadow: 0px 0px 78px rgba(255, 255, 255, 0.18);
  box-shadow: 0px 0px 78px rgba(255, 255, 255, 0.18);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
  max-width: 100%;
}

.content_box {
  margin-right: 100px;
  padding: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  width: auto;
  overflow: hidden;
}

.main_band .upload_box p.upload_instruction {
  font-family: OpenSansLight, Arial, Helvetica, Tahoma, Geneva, Verdana, Sans-serif;
  font-size: 1.3em;
  line-height: 1.2em;
  margin-top: 20px;
  margin-bottom: 0;
}

.upload_box p {
  line-height: 1em;
}

.upload_button {
  display: block;
  margin: 0 auto;
  width: 510px;
  max-width: 100%;
  height: 50px;
  padding-top: 10px;
  border: 1px solid #c0ac8c;
  cursor: pointer;
  color: #fff;
  background: #eb900d;
  background: -moz-linear-gradient(top, #eb900d 0%, #e9a011 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb900d), color-stop(100%, #e9a011));
  background: -webkit-linear-gradient(top, #eb900d 0%, #e9a011 100%);
  background: -o-linear-gradient(top, #eb900d 0%, #e9a011 100%);
  background: -ms-linear-gradient(top, #eb900d 0%, #e9a011 100%);
  background: linear-gradient(to bottom, #eb900d 0%, #e9a011 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb900d', endColorstr='#e9a011',GradientType=0 );
  -moz-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 2px 13px rgba(0, 0, 0, 0.25);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
  font-size: 24px;
  line-height: 15px;
  font-weight: bold;
  padding-left: 50px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.upload_button small {
  font-size: 0.55em;
}

.upload_button:hover {
  background: #ffa62b;
  background: -moz-linear-gradient(top, #ffa62b 0%, #ffb428 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa62b), color-stop(100%, #ffb428));
  background: -webkit-linear-gradient(top, #ffa62b 0%, #ffb428 100%);
  background: -o-linear-gradient(top, #ffa62b 0%, #ffb428 100%);
  background: -ms-linear-gradient(top, #ffa62b 0%, #ffb428 100%);
  background: linear-gradient(to bottom, #ffa62b 0%, #ffb428 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa62b', endColorstr='#ffb428',GradientType=0 );
}

.homepage_remark {
  position: absolute;
  bottom: -80px;
  left: -30px;
  z-index: 3;
}

.upload_button img.upload_ppt {
  position: absolute;
  z-index: 3;
  top: -20px;
  left: -20px;
}

.upload_button img.upload_arrow {
  float: right;
  margin-right: 15px;
  margin-top: -3px;
}

.scenario {
  width: 315px;
  height: auto;
  float: left;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
  max-width: 100%;
}

.scenario img {
  width: 100%;
  display: block;
}

.scenario .overlay {
  display: block;
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}

.scenario:hover .overlay {
  background: rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.scenario a {
  display: block;
  position: absolute;
  z-index: 7;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.scenario .description {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 6;
  background: rgba(0, 0, 0, 0.75);
  color: #fff;
}

.scenario .description p,
.scenario .description h4 {
  margin: 10px;
}

.scenario .description h4 {
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
}

.push {
  height: 85px;
}

#footer {
  border-top: 10px solid #585858;
}