@charset "UTF-8";
/* Create with Compass + SCSS on windows */
/* ... 學習版作品上傳網站 ... */
.main {
  font-family: 黑體, 'Microsoft YaHei', 微软雅黑体, 微軟雅黑體, 'Microsoft JhengHei', 微軟正黑體, Arial, Helvetica, sans-serif;
}

.main header,
.main footer,
.main .doc {
  width: 990px;
}

.main header,
.main footer,
.main .doc {
  margin: 0 auto;
}

.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;
}

#pingForRwd {
  position: absolute;
  width: 100px;
  height: 100px;
  top: -1000px;
  left: -1000px;
}

#pingForRwd p {
  float: left;
}

html {
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  background-color: #fff;
  color: #000;
}

.main .preloadImg {
  /*設定該容器內的圖檔需要預載處理*/
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #000;
  background-image: url("../../../../../html/events/edit/1707learn/images/ajax-loader.gif");
}
.main .preloadImg img {
  /*容器內的圖檔狀態*/
  visibility: hidden;
}

.main {
  position: relative;
  background-repeat: no-repeat;
}
.main header img,
.main .doc img {
  display: block;
  width: 100%;
  height: auto;
}
.main header img.rwd,
.main .doc img.rwd {
  display: none;
}

.main.forceBg {
  background-image: none;
}

.main header {
  /*
  區塊大小參考
  width:990px ;
  height:394px;
  */
  position: relative;
}
.main header h1,
.main header h3 {
  position: absolute;
  background-image: url("../../../../../html/events/edit/1707learn/images/spacer.gif");
  /*相容相容IE8~10 無內容元素滑鼠點擊穿透問題*/
}
.main header h1 a,
.main header h3 a {
  display: block;
  width: auto;
  height: 100%;
}
.main header h1 span,
.main header h3 span {
  display: none;
}

.main footer {
  position: absolute;
  left: 0;
  bottom: 10px;
  right: 0;
}
.main footer p {
  text-align: center;
}
.main footer p span {
  font-size: 16px;
}
.main footer p a {
  color: #00b7ee;
  text-decoration: none;
}
.main footer p a:hover {
  text-decoration: underline;
}