/*@charset "UTF-8";*/
body {
  background: #00679f url(../img/bg19fe.jpg) top center no-repeat;
}

/*調整背景*/
#dHeader, #dSubHeader, #dTorso, #dFooter, #dSubFooter {
  height: 425px;
  width: 1200px;
  float: left;
  position: relative;
}

/*調整切圖高度*/
#dHeader a {
  position: relative;
  top: 8px;
  left: 312px;
  width: 90px;
  height: 91px;
  float: left;
  padding-right: 11px;
}

/*調整回首頁按鈕*/
#dSubHeader a {
  position: relative;
  top: -384px;
  left: 782px;
  width: 145px;
  height: 67px;
  float: left;
}

/*調整fb按鈕*/
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.clearfix {
  display: block;
  clear: both;
}

/* 固定的部分 */
div {
  display: block;
}

#dPageHolder {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}

#dHeader {
  text-align: center;
  background: url(../img/119fe.png) top center no-repeat;
}

#dSubHeader {
  background: url(../img/219fe.png) top center no-repeat;
  height: 407px;
}

#dTorso {
  height: 530px;
  background: url(../img/319fe.png) top center no-repeat;
}

#dFooter {
  height: 767px;
  background: url(../img/419fe.png) top center no-repeat;
  padding-top: 42px;
}

#dSubFooter {
  background: url(../img/519fe.html) top center no-repeat;
  height: 105px;
}

#mainlogo {
  display: block;
  background: rgba(225, 225, 225, 0) 0 0 no-repeat;
  left: 100px !important;
  width: 370px !important;
  height: 115px !important;
}

.home {
  display: block;
  background: url(../img/home_1.png) 0 0 no-repeat;
}

.youtube {
  display: block;
  background: url(../img/youtube_1.png) 0 0 no-repeat;
}

.line {
  display: block;
  background: url(../img/line_1.png) 0 0 no-repeat;
}

.fb {
  display: block;
  background: url(../img/fb_1.png) 0 0 no-repeat;
}

.home:hover {
  display: block;
  background: url(../img/home_2.png) 0 0 no-repeat;
}

.youtube:hover {
  display: block;
  background: url(../img/youtube_2.png) 0 0 no-repeat;
}

.line:hover {
  display: block;
  background: url(../img/line_2.png) 0 0 no-repeat;
}

.fb:hover {
  display: block;
  background: url(../img/fb_2.png) 0 0 no-repeat;
}

#dHeader .nowActiveLinke {
  width: 150px;
  height: 150px;
  display: block;
  position: absolute;
  top: 150px;
  right: 200px;
  left: auto;
  z-index: 2;
}

#QRcodeImg {
  position: relative;
  top: 167px;
  left: 290px;
  width: 100px;
}

#qrcodeArea {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 578px;
  height: 410px;
  margin: -205px 0 0 -289px;
  background: url("../img/qrcodeAreaBG4c03.png?r=201708181751") center center no-repeat;
  display: none;
  z-index: 9;
}

.qrcodeImg {
  position: relative;
  margin: 48px 0 0 245px;
}

.qrcodeImg ul li {
  display: block;
  float: left;
  padding: 0px 20px;
  text-align: center;
  font-family: Arial;
}

.qrcodeImg img {
  width: 100px;
  height: 100px;
  border: 0;
  float: left;
  display: block;
}

.qrcodeDownloadBtn a {
  position: relative;
  width: 408px;
  height: 108px;
  display: block;
  border: 0;
  background: url("../img/qrdownload_btn99b5.png?r=20181221") top left no-repeat;
  cursor: pointer;
  margin: 260px 0 0 90px;
}

.qrcodeDownloadBtn a:hover {
  background: url("../img/qrdownload_hover99b5.png?r=20181221") top left no-repeat;
}

.closeBtn {
  position: absolute;
  top: 13px;
  left: 529px;
  display: block;
  z-index: 9;
  width: 30px;
  height: 30px;
  background: url("../img/closeBtn5c15.png?r=201709041445") top left no-repeat;
  cursor: pointer;
}

#mask {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000;
  display: none;
  z-index: 2;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#dLink {
  width: 100px;
  height: 50px;
  background: #000;
}

#moLoAppDownload {
  -webkit-filter: drop-shadow(2px 3px 5px black);
}

#dLeft {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -90px;
}

#dLeft a {
  display: inline-block;
  width: 702px;
  height: 110px;
  background: url(../img/download_btn_1.png) top left no-repeat;
  /*調整download按鈕*/
  position: relative;
}

#dLeft a:hover {
  background-image: url(../img/download_btn_2.png);
}

#dRight {
  width: 100%;
  text-align: center;
  display: inline-block;
  margin-top: 40px;
  letter-spacing: -0.31em;
  *word-spacing: -0.43em;
}

.bannerBtn {
  position: relative;
  display: inline-block;
  width: 327px;
  height: 330px;
  background-position: top left;
  background-repeat: no-repeat;
  margin-left: 5px;
  margin-right: 5px;
}

.bannerBtn1 {
  background-image: url(../img/bannerBtn1_119fe.png);
}

.bannerBtn1:hover, .bannerBtn1:focus {
  background-image: url(../img/bannerBtn1_219fe.png);
}

.bannerBtn2 {
  background-image: url(../img/bannerBtn2_119fe.png);
}

.bannerBtn2:hover, .bannerBtn2:focus {
  background-image: url(../img/bannerBtn2_219fe.png);
}

.bannerBtn3 {
  background-image: url(../img/bannerBtn3_119fe.png);
}

.bannerBtn3:hover, .bannerBtn3:focus {
  background-image: url(../img/bannerBtn3_219fe.png);
}

.columns.inline,
ul.columns.inline,
ol.columns.inline,
dl.columns.inline {
  letter-spacing: -0.31em;
}

opera-hack:-o-prefocus,
ul.columns.inline,
ol.columns.inline,
dl.columns.inline {
  *word-spacing: -0.43em;
}

.columns.inline .listItem,
ul.columns.inline > li,
ol.columns.inline > li,
dl.columns.inline > dt,
dl.columns.inline > dd {
  float: none;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.buttonBtn {
  width: 484px;
  height: 170px;
  position: relative;
  display: inline-block;
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}

.buttonBtn1 {
  background-image: url(../img/buttonBtn1_119fe.png);
}

.buttonBtn1:hover, .buttonBtn1:focus {
  background-image: url(../img/buttonBtn1_219fe.png);
}

.buttonBtn2 {
  background-image: url(../img/buttonBtn2_119fe.png);
}

.buttonBtn2:hover, .buttonBtn2:focus {
  background-image: url(../img/buttonBtn2_219fe.png);
}

/*video*/
.video_div {
  position: relative;
  width: 317px;
  height: 206px;
  cursor: pointer;
  float: left;
}

.link_txt {
  position: relative;
  display: block;
  height: 45px;
  border: none;
  margin: -26px auto 0;
  padding-left: 15px;
  text-align: center;
}

#video_divA1 {
  margin: 150px 0 0 123px;
}

.video_linkA1 {
  width: 153px;
}

#video_divA2 {
  margin: 150px 0 0 1px;
}

.video_linkA2 {
  width: 194px;
}

#video_divA3 {
  margin: 150px 0 0 2px;
}

.video_linkA3 {
  width: 190px;
}

#video_divA4 {
  margin: 31px 0 0 123px;
}

.video_linkA4 {
  width: 83px;
}

#video_divA5 {
  margin: 31px 0 0 1px;
}

.video_linkA5 {
  width: 80px;
}

#video_divA6 {
  margin: 31px 0 0 2px;
}

.video_linkA6 {
  width: 154px;
}

#videoArea {
  position: absolute;
  left: 50%;
  top: 1170px;
  z-index: 5;
}

#videoCloseBtn {
  position: relative;
  width: 46px;
  height: 46px;
  background: url(../img/video_closeBtn.png) top left no-repeat;
  z-index: 9;
  cursor: pointer;
  top: 44px;
  left: 50%;
  margin-left: -2px;
  display: none;
}

#videoFrame {
  z-index: 5;
  position: relative;
  top: 0;
  left: -50%;
  width: 920px;
  height: 520px;
  display: none;
}

#video {
  width: 920px;
  height: 520px;
}

.link_wanin {
  width: 300px;
  height: 100px;
  border: none;
  margin-top: 4px;
  margin-left: 368px;
  display: block;
}

.intro-text {
  width: 100%;
  font-size: 30px;
  font-family: Microsoft JhengHei,"微軟正黑體", Verdana , Arial;
  color: #00679f;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
  padding-top: 45px;
  clear: both;
}

.intro-text a {
  color: #ea5504 !important;
  position: relative;
  font-size: 1.1em;
  top: -2px;
  text-decoration: none;
}