@charset "UTF-8";
/* Create with Compass + SCSS on windows */
/* ... 學習版作品上傳網站 ... */
.hiddenItem {
  font-size: 1px;
  line-height: 0;
  text-indent: 0;
  visibility: hidden;
}

.hideItem {
  display: none;
}

.clearFloat {
  clear: both;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  height: 0;
}

@media only screen and (orientation: landscape) {
  /*橫向*/
}
@media only screen and (orientation: portrait) {
  /*直向*/
}
#pingForRwd p {
  float: right;
}

.main {
  min-height: 100vh;
}
.main header,
.main footer,
.main .doc {
  margin-left: 0;
  margin-right: 0;
  width: auto;
}
.main header img.pc,
.main .doc img.pc {
  display: none;
}
.main header img.rwd,
.main .doc img.rwd {
  display: block;
}

.main footer p span {
  font-size: 11px;
}

@media only screen and (min-device-width: 740px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {
  /*主流平板*/
  .main footer p span {
    font-size: 20px;
  }
}
@media only screen and (min-device-width: 740px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: landscape) {
  /*主流平板橫向*/
}
@media only screen and (min-device-width: 740px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait) {
  /*主流平板直向*/
}