body.home #head {
  background: rgba(255, 255, 255, 0.8);
}
body.home .scene {
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 800px;
}
body.home .scene .area-txt,
body.home .scene .area-box {
  position: fixed;
}
body.home .arw {
  position: fixed;
  left: 50%;
  bottom: 10px;
  margin-left: -24px;
}
body.home .note {
  line-height: 2em;
  text-align: justify;
  font-weight: bold;
}
body.home .box-link {
  position: relative;
  z-index: 1;
}
body.home .img-copy {
  margin-bottom: 20px;
}
body.home #scene1 .area-txt {
  right: 40px;
  top: 180px;
  width: 342px;
  height: auto;
}
body.home #scene2 .area-txt {
  left: 40px;
  top: 150px;
  width: 358px;
  height: auto;
}
body.home #scene2 .area-box {
  right: 40px;
  bottom: 40px;
  padding: 25px;
  text-align: center;
  background: url(../img/common/bg_white_60.png) repeat 0 0;
}
body.home #scene2 .area-box .subhead {
  margin-bottom: 10px;
}
body.home #scene2 .area-box .note {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
body.home #scene3 .area-txt {
  right: 40px;
  top: 150px;
  width: 501px;
  height: auto;
}
body.home #scene3 .area-box {
  left: 40px;
  bottom: 40px;
  padding: 25px;
  text-align: center;
  background: url(../img/common/bg_white_60.png) repeat 0 0;
}
body.home #scene3 .area-box .subhead {
  margin-bottom: 10px;
}
body.home #scene3 .area-box .note {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
body.home #scene4 .area-txt {
  left: 40px;
  bottom: 40px;
  width: 311px;
  height: auto;
}
body.home #scene4 .area-box {
  right: 40px;
  top: 120px;
  padding: 25px;
  text-align: center;
  background: url(../img/common/bg_white_60.png) repeat 0 0;
}
body.home #scene4 .area-box .subhead {
  margin-bottom: 10px;
}
body.home #scene4 .area-box .note {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
body.home #scene5 .area-txt {
  right: 40px;
  top: 120px;
  width: 357px;
  height: auto;
}
body.home #scene5 .area-box {
  left: 40px;
  bottom: 40px;
  padding: 25px;
  text-align: center;
  background: url(../img/common/bg_white_60.png) repeat 0 0;
}
body.home #scene5 .area-box .subhead {
  margin-bottom: 10px;
}
body.home #scene5 .area-box .note {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
body.home #scene6 .area-txt {
  right: 40px;
  top: 120px;
  width: 383px;
  height: auto;
}
body.home #scene6 .area-box {
  right: 40px;
  bottom: 40px;
  padding: 25px;
  text-align: center;
  background: url(../img/common/bg_white_60.png) repeat 0 0;
}
body.home #scene6 .area-box .subhead {
  margin-bottom: 10px;
}
body.home #scene6 .area-box .note {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
body.home #scene7 .area-txt {
  right: 40px;
  top: 120px;
  width: 583px;
  height: auto;
}
body.home #scene7 .area-box {
  left: 40px;
  bottom: 100px;
  padding: 25px;
  text-align: center;
  background: url(../img/common/bg_white_60.png) repeat 0 0;
}
body.home #scene7 .area-box .subhead {
  margin-bottom: 10px;
}
body.home #scene7 .area-box .note {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
}
body.home #scene7 #scene7-bnr {
  position: fixed;
  left: 40px;
  bottom: 80px;
}

body.quality #eyecat {
  background-image: url(../img/quality/eyecat.jpg);
}
body.quality #pagetit {
  width: 320px;
}
body.quality .intro {
  position: relative;
  height: 178px;
  text-align: center;
}
body.quality .intro img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
body.quality .keyimg {
  max-width: 1500px;
  margin: 0 auto 30px auto;
}
body.quality .keyimg img {
  width: 100%;
  height: auto;
}
body.quality .wideimg {
  width: 700px;
  margin: 20px auto;
}
body.quality .wideimg img {
  width: 100%;
  height: auto;
}
body.quality .subimg {
  width: 720px;
  margin: 20px auto;
}
body.quality .subimg {
  *zoom: 1;
}
body.quality .subimg:before, body.quality .subimg:after {
  content: "";
  display: table;
}
body.quality .subimg:after {
  clear: both;
}
body.quality .subimg .inr {
  width: 340px;
  float: left;
  margin: 0 10px;
}
body.quality .subimg .inr .sub {
  padding-top: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.quality .figure {
  margin: 20px 0 60px 0;
  text-align: center;
}
body.quality .sub {
  margin-bottom: 30px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.quality .box {
  position: relative;
  margin-left: 30px;
  margin-bottom: 20px;
  padding: 10px 45px;
  border: 1px solid #1B7FBE;
}
body.quality .box .ico {
  position: absolute;
  left: -30px;
  top: -10px;
}
body.quality .box .subhead {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #1B7FBE;
}
body.quality .box .subhead sup {
  font-size: 13px;
  font-size: 1.3rem;
}
body.quality .box .note {
  text-align: justify;
}
body.quality .note {
  line-height: 1.75;
}
body.quality .note .sub {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.quality .note sup {
  font-size: 11px;
  font-size: 1.1rem;
}
body.quality .caption {
  margin-bottom: 20px;
}
body.quality .caption .subhead {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #1B7FBE;
}
body.quality .caption .note {
  line-height: 1.75;
}
body.quality .caption .note .sub {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}
body.quality .caption .figure {
  margin: 20px 0;
  text-align: center;
}
body.quality .btn-link {
  margin-bottom: 20px;
}
body.quality #area-intro {
  margin-bottom: 60px;
}
body.quality #sec-2 {
  margin-bottom: 60px;
}
body.quality #sec-2 .subline {
  margin-bottom: 20px;
}
body.quality #sec-2 .subimg {
  *zoom: 1;
}
body.quality #sec-2 .subimg:before, body.quality #sec-2 .subimg:after {
  content: "";
  display: table;
}
body.quality #sec-2 .subimg:after {
  clear: both;
}
body.quality #sec-2 .subimg .pic {
  float: right;
  margin-left: 20px;
}
body.quality #sec-2 .subimg .box-subline {
  margin-bottom: 10px;
}
body.quality #sec-2 .subimg .note {
  width: 480px;
}
body.quality #sec-3 {
  margin-bottom: 60px;
}
body.quality #sec-3 .box {
  position: relative;
  margin-left: 0px;
  margin-bottom: 20px;
  padding: 10px 45px;
  border: 1px solid #1B7FBE;
}
body.quality #sec-3 .box .ico {
  position: absolute;
  left: -30px;
  top: -10px;
}
body.quality #sec-3 .box .subhead {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  color: #1B7FBE;
}
body.quality #sec-3 .box .subhead sup {
  font-size: 13px;
  font-size: 1.3rem;
}
body.quality #sec-3 .box .note {
  text-align: justify;
}
body.quality #sec-3 .col-2 {
  margin-right: -30px;
  overflow: hidden;
}
body.quality #sec-3 .col-2 {
  *zoom: 1;
}
body.quality #sec-3 .col-2:before, body.quality #sec-3 .col-2:after {
  content: "";
  display: table;
}
body.quality #sec-3 .col-2:after {
  clear: both;
}
body.quality #sec-3 .col-2 .col-box {
  float: left;
  width: 335px;
  margin-right: 30px;
}

body.interrior #eyecat,
body.exterior #eyecat,
body.modelplan #eyecat {
  background-image: url(../img/interior/eyecat.jpg);
}
body.interrior #pagetit,
body.exterior #pagetit,
body.modelplan #pagetit {
  width: 652px;
}
body.interrior #tab,
body.exterior #tab,
body.modelplan #tab {
  margin-top: -120px;
  padding-top: 120px;
}
body.interrior .local-nav,
body.exterior .local-nav,
body.modelplan .local-nav {
  margin: 55px 0 15px 0;
}
body.interrior .local-nav ul,
body.exterior .local-nav ul,
body.modelplan .local-nav ul {
  width: 720px;
  margin: 0 auto;
}
body.interrior .local-nav ul,
body.exterior .local-nav ul,
body.modelplan .local-nav ul {
  *zoom: 1;
}
body.interrior .local-nav ul:before, body.interrior .local-nav ul:after,
body.exterior .local-nav ul:before,
body.exterior .local-nav ul:after,
body.modelplan .local-nav ul:before,
body.modelplan .local-nav ul:after {
  content: "";
  display: table;
}
body.interrior .local-nav ul:after,
body.exterior .local-nav ul:after,
body.modelplan .local-nav ul:after {
  clear: both;
}
body.interrior .local-nav li,
body.exterior .local-nav li,
body.modelplan .local-nav li {
  float: left;
  width: 240px;
}
body.interrior .local-nav li a,
body.exterior .local-nav li a,
body.modelplan .local-nav li a {
  display: block;
  width: 240px;
  height: 0;
  padding-top: 45px;
  background-repeat: no-repeat;
  overflow: hidden;
}
body.interrior .local-nav.nav-top,
body.exterior .local-nav.nav-top,
body.modelplan .local-nav.nav-top {
  border-bottom: 5px solid #1b7fbe;
}
body.interrior .local-nav.nav-top li a,
body.exterior .local-nav.nav-top li a,
body.modelplan .local-nav.nav-top li a {
  background-image: url(../img/interior/localnav.png);
}
body.interrior .local-nav.nav-bottom,
body.exterior .local-nav.nav-bottom,
body.modelplan .local-nav.nav-bottom {
  border-top: 5px solid #1b7fbe;
}
body.interrior .local-nav.nav-bottom li a,
body.exterior .local-nav.nav-bottom li a,
body.modelplan .local-nav.nav-bottom li a {
  background-image: url(../img/interior/localnav_bottom.png);
}
body.interrior .local-nav .btn-interrior a,
body.exterior .local-nav .btn-interrior a,
body.modelplan .local-nav .btn-interrior a {
  background-position: 0 0;
}
body.interrior .local-nav .btn-interrior a.current, body.interrior .local-nav .btn-interrior a:hover,
body.exterior .local-nav .btn-interrior a.current,
body.exterior .local-nav .btn-interrior a:hover,
body.modelplan .local-nav .btn-interrior a.current,
body.modelplan .local-nav .btn-interrior a:hover {
  background-position: 0 -45px;
}
body.interrior .local-nav .btn-exterior a,
body.exterior .local-nav .btn-exterior a,
body.modelplan .local-nav .btn-exterior a {
  background-position: -240px 0;
}
body.interrior .local-nav .btn-exterior a.current, body.interrior .local-nav .btn-exterior a:hover,
body.exterior .local-nav .btn-exterior a.current,
body.exterior .local-nav .btn-exterior a:hover,
body.modelplan .local-nav .btn-exterior a.current,
body.modelplan .local-nav .btn-exterior a:hover {
  background-position: -240px -45px;
}
body.interrior .local-nav .btn-modelplan a,
body.exterior .local-nav .btn-modelplan a,
body.modelplan .local-nav .btn-modelplan a {
  background-position: -480px 0;
}
body.interrior .local-nav .btn-modelplan a.current, body.interrior .local-nav .btn-modelplan a:hover,
body.exterior .local-nav .btn-modelplan a.current,
body.exterior .local-nav .btn-modelplan a:hover,
body.modelplan .local-nav .btn-modelplan a.current,
body.modelplan .local-nav .btn-modelplan a:hover {
  background-position: -480px -45px;
}

body.interrior .intro {
  position: relative;
  height: 135px;
  text-align: center;
}
body.interrior .intro img {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
body.interrior .discription {
  position: relative;
  margin-bottom: 50px;
}
body.interrior .discription .note {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
}
body.interrior .discription .logo {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
}
body.interrior .list {
  width: 710px;
  margin: 0 auto;
}
body.interrior .list {
  *zoom: 1;
}
body.interrior .list:before, body.interrior .list:after {
  content: "";
  display: table;
}
body.interrior .list:after {
  clear: both;
}
body.interrior .list .list__item {
  float: left;
}
body.interrior .list .list__item .card {
  position: relative;
  width: 323px;
  padding: 10px;
  margin: 5px;
  border: 1px solid #ccc;
}
body.interrior .list .list__item .card .subhead {
  height: 45px;
  padding-bottom: 10px;
  text-align: center;
}
body.interrior .list .list__item .card:after {
  content: url(../img/interior/ico_zoom.png);
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
}

body.exterior .intro {
  position: relative;
  padding: 30px 0;
  text-align: center;
}
body.exterior .intro img {
  margin-bottom: 30px;
}
body.exterior .intro .note {
  line-height: 1.75;
  text-align: center;
}
body.exterior .block {
  position: relative;
}
body.exterior .block .keyimg {
  max-width: 1500px;
  margin: 0 auto 30px auto;
}
body.exterior .block .keyimg img {
  width: 100%;
  height: auto;
}
body.exterior .block .subline {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  max-width: 1500px;
  margin: 0 auto 60px auto;
  padding: 20px 0;
  background: url(../img/exterior/overlay.png) repeat 0 0;
}
body.exterior .block .subline {
  *zoom: 1;
}
body.exterior .block .subline:before, body.exterior .block .subline:after {
  content: "";
  display: table;
}
body.exterior .block .subline:after {
  clear: both;
}
body.exterior .block .subline .type {
  float: left;
}
body.exterior .block .subline .type .inr {
  display: table-cell;
  vertical-align: middle;
  width: 140px;
  height: 64px;
  line-height: 0.9;
  font-size: 16px;
  font-size: 1.6rem;
  color: #332D1C;
  font-weight: bold;
  text-align: center;
  background: #fff;
}
body.exterior .block .subline .type .inr.small {
  font-size: 12px;
  font-size: 1.2rem;
}
body.exterior .block .subline .type .sub {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}
body.exterior .block .subline .subhead {
  float: right;
  width: 540px;
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
  white-space: nowrap;
}
body.exterior .block .subline .note {
  float: right;
  width: 540px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

body.modelplan .intro {
  position: relative;
  padding: 30px 0;
  text-align: center;
}
body.modelplan .intro img {
  margin-bottom: 30px;
}
body.modelplan .intro .note {
  text-align: center;
}
body.modelplan .ac-nav {
  width: 700px;
  margin: 0 auto 20px auto;
}
body.modelplan .ac-nav ul {
  margin-right: -20px;
}
body.modelplan .ac-nav ul {
  *zoom: 1;
}
body.modelplan .ac-nav ul:before, body.modelplan .ac-nav ul:after {
  content: "";
  display: table;
}
body.modelplan .ac-nav ul:after {
  clear: both;
}
body.modelplan .ac-nav li {
  float: left;
  margin-right: 20px;
}
body.modelplan dl .keyimg {
  position: relative;
  max-width: 1500px;
  margin: 30px auto 0px auto;
}
body.modelplan dl .keyimg .photo {
  width: 100%;
  height: auto;
}
body.modelplan dl .keyimg .ico {
  position: absolute;
  left: 50%;
  bottom: 20px;
  margin-left: -43px;
  -moz-transition: all, 0.2s, line;
  -o-transition: all, 0.2s, line;
  -webkit-transition: all, 0.2s, line;
  transition: all, 0.2s, line;
}
body.modelplan dl .keyimg .ico:hover {
  bottom: 15px;
  cursor: pointer;
}
body.modelplan dl dd {
  margin-bottom: 60px;
}
body.modelplan dl dd .subhead {
  margin: 20px 0;
  color: #1B7FBE;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.75;
}
body.modelplan dl dd .caption {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.75;
}
body.modelplan dl dd .cont {
  margin: 30px 0;
}

body.smarthouse #eyecat {
  background-image: url(../img/smarthouse/eyecat.jpg);
}
body.smarthouse #pagetit {
  width: 234px;
  height: 50px;
  text-align: center;
  background: #1b7fbe;
}
body.smarthouse #pagetit img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.smarthouse .intro {
  position: relative;
  width: 700px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
body.smarthouse .intro img {
  margin-bottom: 30px;
}
body.smarthouse .intro .note {
  line-height: 1.75;
  text-align: left;
}
body.smarthouse #sec-1 .sub {
  width: 700px;
  margin: 20px auto;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
}
body.smarthouse #sec-1 #hems-area {
  width: 100%;
  height: 480px;
  background: url(../img/smarthouse/bg_hems_line.png) repeat-x left 0px;
}
body.smarthouse #sec-1 #hems-area .map {
  position: relative;
  width: 1000px;
  height: 480px;
  margin: 0 auto;
  background: url(../img/smarthouse/bg_hems.png) no-repeat center bottom;
}
body.smarthouse #sec-1 #hems-area .marker {
  position: absolute;
  animation-duration: 1s;
}
body.smarthouse #sec-1 #hems-area .marker:hover {
  cursor: pointer;
}
body.smarthouse #sec-1 #hems-area .popup {
  position: absolute;
  display: block;
  z-index: 1;
}
body.smarthouse #sec-1 #hems-area #marker-1 .marker {
  left: 57px;
  top: 298px;
}
body.smarthouse #sec-1 #hems-area #marker-1 .popup {
  left: 22px;
  bottom: 184px;
}
body.smarthouse #sec-1 #hems-area #marker-2 .marker {
  left: 140px;
  top: 298px;
}
body.smarthouse #sec-1 #hems-area #marker-2 .popup {
  left: 105px;
  bottom: 184px;
}
body.smarthouse #sec-1 #hems-area #marker-3 .marker {
  left: 213px;
  top: 298px;
}
body.smarthouse #sec-1 #hems-area #marker-3 .popup {
  left: 146px;
  bottom: 184px;
}
body.smarthouse #sec-1 #hems-area #marker-4 .marker {
  left: 344px;
  top: 371px;
}
body.smarthouse #sec-1 #hems-area #marker-4 .popup {
  left: 309px;
  bottom: 114px;
}
body.smarthouse #sec-1 #hems-area #marker-5 .marker {
  left: 404px;
  top: 16px;
}
body.smarthouse #sec-1 #hems-area #marker-5 .popup {
  left: 349px;
  bottom: 244px;
}
body.smarthouse #sec-1 #hems-area #marker-6 .marker {
  left: 562px;
  top: 103px;
}
body.smarthouse #sec-1 #hems-area #marker-6 .popup {
  left: 184px;
  bottom: 164px;
}
body.smarthouse #sec-1 #hems-area #marker-7 .marker {
  left: 625px;
  top: 289px;
}
body.smarthouse #sec-1 #hems-area #marker-7 .popup {
  left: 214px;
  bottom: 195px;
}
body.smarthouse #sec-1 #hems-area #marker-8 .marker {
  left: 848px;
  top: 212px;
}
body.smarthouse #sec-1 #hems-area #marker-8 .popup {
  left: 322px;
  top: 39px;
}
body.smarthouse #sec-1 #hems-area #marker-9 .marker {
  left: 850px;
  top: 3px;
}
body.smarthouse #sec-1 #hems-area #marker-9 .popup {
  left: 362px;
  top: 50px;
}
body.smarthouse #sec-2 .flow {
  width: 700px;
  margin: 0 auto;
}
body.smarthouse #sec-2 .sub {
  width: 700px;
  margin: 0 auto;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}

body.smartairs #eyecat {
  background-image: url(../img/smartairs/eyecat.jpg);
}
body.smartairs #pagetit {
  width: 234px;
  height: 50px;
  text-align: center;
  background: #1b7fbe;
}
body.smartairs #pagetit img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.smartairs .intro {
  position: relative;
  width: 700px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
body.smartairs .intro img {
  margin-bottom: 30px;
}
body.smartairs .intro .note {
  line-height: 1.75;
  text-align: left;
}
body.smartairs .intro .sub {
  color: #1B7FBE;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: right;
}
body.smartairs .keyimg {
  max-width: 1500px;
  margin: 0 auto 30px auto;
}
body.smartairs .keyimg img {
  width: 100%;
  height: auto;
}
body.smartairs .section {
  margin-bottom: 40px;
}
body.smartairs .section .subhead {
  margin-bottom: 20px;
  color: #1B7FBE;
  font-size: 26px;
  font-size: 2.6rem;
  letter-spacing: 0;
  font-weight: bold;
  white-space: nowrap;
}
body.smartairs .section .figure {
  margin: 20px 0;
}
body.smartairs .section .note {
  line-height: 1.75;
}
body.smartairs .section .sub {
  font-size: 12px;
  font-size: 1.2rem;
}
body.smartairs #sec-2 .fade {
  position: relative;
}
body.smartairs #sec-2 .fade .keyimg {
  max-width: 1500px;
  margin: 0 auto 30px auto;
}
body.smartairs #sec-2 .fade .keyimg img {
  width: 100%;
  max-width: 1500px;
  height: auto;
}
body.smartairs #sec-2 .fade #before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.smartairs #sec-2 .caption-list {
  width: 720px;
  margin: 20px auto;
}
body.smartairs #sec-2 .caption-list {
  *zoom: 1;
}
body.smartairs #sec-2 .caption-list:before, body.smartairs #sec-2 .caption-list:after {
  content: "";
  display: table;
}
body.smartairs #sec-2 .caption-list:after {
  clear: both;
}
body.smartairs #sec-2 .caption-list .list__item {
  float: left;
  margin: 0 10px;
}

body.floorplan #eyecat {
  background-image: url(../img/floorplan/eyecat.jpg);
}
body.floorplan #pagetit {
  width: 234px;
  height: 50px;
  text-align: center;
  background: #1b7fbe;
}
body.floorplan #pagetit img {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.floorplan .intro {
  position: relative;
  width: 700px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
}
body.floorplan .intro img {
  margin-bottom: 30px;
}
body.floorplan .intro .note {
  line-height: 1.75;
}
body.floorplan .intro .sub {
  color: #1B7FBE;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: right;
}
body.floorplan .section {
  margin-bottom: 40px;
}
body.floorplan .section .subhead {
  margin-bottom: 20px;
  color: #1B7FBE;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
}
body.floorplan .section .note {
  line-height: 1.75;
}
body.floorplan .section .sub {
  font-size: 12px;
  font-size: 1.2rem;
}
body.floorplan #sec-1 .fade {
  position: relative;
}
body.floorplan #sec-1 .fade .keyimg {
  max-width: 1500px;
  margin: 0 auto 30px auto;
}
body.floorplan #sec-1 .fade .keyimg img {
  width: 100%;
  max-width: 1500px;
  height: auto;
}
body.floorplan #sec-1 .fade #before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
body.floorplan #sec-1 .local-nav {
  width: 720px;
  margin: 20px auto;
}
body.floorplan #sec-1 .local-nav {
  *zoom: 1;
}
body.floorplan #sec-1 .local-nav:before, body.floorplan #sec-1 .local-nav:after {
  content: "";
  display: table;
}
body.floorplan #sec-1 .local-nav:after {
  clear: both;
}
body.floorplan #sec-1 .local-nav .list__item {
  float: left;
  margin: 10px;
}
body.floorplan #sec-1 .stage {
  width: 700px;
  margin: 0 auto;
}
body.floorplan #sec-1 .stage .list__item {
  position: relative;
  text-align: center;
}
body.floorplan #sec-1 .stage .btn-next {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  margin: 10px auto;
}