@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 {
  background-image: none;
  background-color: #99ff33;
}
.main .doc {
  /*
  區塊大小參考
  width:640px ;
  height:603px;
  */
  position: relative;
}
.main .doc nav ul li.link1 {
  top: 6.30182%;
  left: 17.1875%;
  width: 30.3125%;
  height: 47.76119%;
}
.main .doc nav ul li.link2 {
  top: 6.30182%;
  left: 52.1875%;
  width: 30.3125%;
  height: 47.76119%;
}

.main header {
  /*
  區塊大小參考
  width:640px ;
  height:297px;
  */
}
.main header h1 {
  top: 14.81481%;
  left: 2.65625%;
  width: 94.53125%;
  height: 78.45118%;
}
.main header h3 {
  top: 0px;
  left: 1.25%;
  width: 30.15625%;
  height: 11.78451%;
}

.main footer {
  position: absolute;
}

@media only screen and (min-device-width: 740px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {
  /*主流平板*/
}
@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) {
  /*主流平板直向*/
}