@charset "UTF-8";
/*思源黑體*/
/* @import url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://fonts.googleapis.com/earlyaccess/notosanstc.css); */

/*Block設定*/
.Block {
  padding: 20px 0;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.BlockBlue {
  background: linear-gradient(to bottom, #f1faff, #b6dff5);
  box-shadow: inset 0px 3px 10px #e8e8e8;
  padding: 25px 0 20px 0;
}
.BlockBlue_op {
  padding-top: 40px;
}
.BlockGray {
  background-color: #f8f8f8;
}
.pdTop {
  padding-top: 35px;
}
.visablead {
  background: transparent;
  box-shadow: none;
  padding-bottom: 0;
  height: 0;
  position: relative;
  top: 28px;
  /* top: 40px; */
  z-index: 10;
  margin-top: -40px;
  display: none;
}
.bx {
  position: relative;
}
.wFull {
  width: 100%;
}
/*標題設定*/
h2 {
  font-size: 2rem;
  color: #000;
  font-weight: bold;
}

h3 {
  font-weight: bold;
  font-size: 1.5rem;
  padding-bottom: 13px;
  position: relative;
  display: inline-block;
  color: #000;
}
h3::before {
  content: '';
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, #389bf3, #62cdd1);
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
}
h4 {
  font-size: 1.375rem;
  color: #000;
  font-weight: bold;
  position: relative;
}

/*top_Ad*/
.closeAd {
  position: absolute;
  display: block;
  right: 0;
  top: 0px;
}
.openAd {
  position: absolute;
  display: none;
  right: 0;
  top: -29px;
}

.adBlock_bt a {
  display: block;
  padding: 0 25px 0 5px;
  font-size: 12px;
  color: #444;
}
.adBlock_bt.close {
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #efefef;
}
.adBlock_bt.close a {
  position: relative;
  display: block;
}
.adBlock_bt.close a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #ddd;
  width: 20px;
  height: 20px;
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/ad_close.png') center center no-repeat;
  background-size: 10px auto;
}
.adBlock_bt.open {
  border-radius: 3px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.adBlock_bt.open a {
  position: relative;
  display: block;
}
.adBlock_bt.open a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid #ddd;
  width: 20px;
  height: 20px;
  background: url('https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/ad_open.png') center center no-repeat;
  background-size: 10px auto;
}

.top_AdMain {
  width: 100%;
  height: 260px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.more {
  display: block;
  position: absolute;
  right: 0;
  width: 35px;
  height: 15px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/more.png) no-repeat center center / contain;
  transition: 0.3s all ease-in-out;
}
.more:hover {
  opacity: 0.8;
}
.Adarea {
  max-width: 1300px;
}
/*videoBx*/
.videoBx {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.videoBx .mainVideo {
  width: 78.8%;
}
.videoBx .videoList {
  width: calc(22% - 20px);
  position: relative;
}

.videoBx .film {
  border-radius: 10px 0 0 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
  transition: 0.3s all ease-in-out;
}
.videoBx .film.fixed {
  position: fixed;
  top: 25%;
  width: 350px;
  z-index: 9999;
  right: 0;
  border-radius: 0;
}
.videoBx .film .container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.videoBx .film .video,
.videoBx .film iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.videoList ul {
  background-color: #fff;
  padding: 30px 8px 20px 15px;
  border-radius: 0 10px 10px 0;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
  height: 430px;
}
.videoList ul li {
  margin-bottom: 25px;
  position: relative;
}

.videoList .imgbx {
  width: 93%;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 5px;
  display: block;
}
.videoList .imgbx img {
  transform: scale(1, 1);
  transition: all 0.5s ease-out;
}
.videoList li:hover img {
  transform: scale(1.1, 1.1);
}

.videoList p {
  font-size: 1rem;
  color: #000;
  text-align: center;
  font-weight: bold;
  transition: 0.2s all ease-in-out;
  line-height: 1.2;
}
.videoList li:hover p {
  color: #02a7f0;
}
.videoList ul li:first-of-type p {
  color: #009dfc;
}
.Block h4 {
  padding-top: 15px;
}
.videoBx h4,
.videoBx h2 {
  height: 60px;
}
.videoBx h2 {
  display: inline-block;
  position: relative;
}
.tit {
  position: relative;
  min-height: 60px;
}
.tit .more {
  top: 25px;
}

.nopWord {
  font-size: 1.125rem;
  color: #545454;
  padding-right: 28px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/nowPlayIc.png) no-repeat center right;
  background-size: auto 16px;
}

/*滾軸樣式設定*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #96a3b1;
  width: auto;
}
.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #ebebeb;
  width: 6px;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCSB_inside > .mCSB_container {
  margin-right: 20px;
}
.mCSB_scrollTools {
  right: -5px;
}

/*網站公告*/
.ListSy li {
  padding-left: 15px;
  font-size: 1rem;
  color: #000;
  border-bottom: 1px dashed #c6cacd;
  padding-bottom: 12px;
  margin-bottom: 12px;
  position: relative;
}
.ListSy li::before {
  content: '';
  width: 5px;
  background-color: #02a7f0;
  height: 20px;
  position: absolute;
  left: 0;
  top: 5px;
}
.ListSy li a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s all ease-in-out;
  font-weight: bold;
}
.ListSy li a:hover {
  color: #02a7f0;
}
.functionIcon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.functionIcon li {
  width: 17%;
  position: relative;
  margin-bottom: 20px;
  min-width: 48px;
}
.functionIcon .mb0 {
  margin-bottom: 0;
}
.functionIcon li:nth-last-child(1),
.functionIcon li:nth-last-child(2),
.functionIcon li:nth-last-child(3),
.functionIcon li:nth-last-child(4),
.functionIcon li:nth-last-child(5) {
  margin-bottom: 0;
}
.functionIcon .imgbx {
  width: 100%;
}
.functionIcon .imgbx .on {
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.3s all ease-in-out;
}
.functionIcon .imgbx img {
  margin-bottom: 3px;
}
.functionIcon .imgbx .default {
  position: relative;
  z-index: 2;
  transition: 0.3s all ease-in-out;
}
.functionIcon figcaption,
.functionIcon p {
  font-size: 0.93rem;
  color: #000;
  text-align: center;
  font-weight: bold;
  transition: 0.3s all ease-in-out;
}
.functionIcon li:hover figcaption {
  color: #02a7f0;
}
.functionIcon li:hover .default {
  opacity: 0;
}
.functionIcon li:hover .on {
  opacity: 1;
}

/*newsBx*/
.newsTit {
  display: flex;
  justify-content: space-between;
  background-color: #5e6c7a;
  border-radius: 10px 10px 0 0;
  padding: 0px 10px 0px;
  height: 55px;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
.newsTit .botLine {
  width: 100%;
  height: 5px;
  background-color: #c16dce;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: 0.1s all ease-in-out;
  z-index: 10;
}
.newsTit .tabs {
  display: flex;
  position: relative;
  top: 18px;
  min-width: 368px;
  flex: 0 0 auto;
}
.newsTit .tabs a {
  padding: 4px 26px 2px 26px;
  background-color: #c16dce;
  color: #fff;
  border-radius: 10px 10px 0 0;
  white-space: nowrap;
  font-size: 1.125rem;
  margin-right: 5px;
  position: RELATIVE;
  top: 2px;
}
.newsTit .tabs li .focus {
  background-color: #e05268;
}
.newsTit .tabs li .funny {
  background-color: #cd66d1;
}
.newsTit .tabs li .lift {
  background-color: #feb836;
}
.newsTit .tabs li .money {
  background-color: #009dfc;
}
.newsTit .tabs li .sport {
  background-color: #00c0a7;
}
.newsTit .tabs .on {
  font-size: 1.5rem;
  position: relative;
  top: -5px;
}
.mainNews {
  display: flex;
  align-items: center;
  top: -0px;
  position: relative;
  width: 100%;
}
.mainNews .tit {
  width: 100px;
  flex: 0 0 auto;
  z-index: 1;
}
.mainNews .newsIn {
  width: 100%;
}
.mainNews a,
.mainNews hinetwork a span,
.mainNews a span {
  color: #fff !important;
  font-size: 1.125rem !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 1 !important;
}
.mainNews hinetwork a,
.mainNews a {
  text-decoration: none !important;
  color: #fff !important;
}

.newCon {
  display: flex;
  justify-content: space-between;
}
.newCon .mainPic {
  width: 62%;
  margin-right: 20px;
  position: relative;
}
.newCon .ListSyBx {
  width: calc(38% - 20px);
}
.newCon .ListSy {
  display: block;
}
.newCon .ListSy a {
  font-size: 1.125rem;
}
.newCon .ListSy li:hover .topfive {
  font-size: 1.25rem;
}
/* .newCon .ListSy li:first-of-type a {
  color: #009dfc;
  font-size: 1.25rem;
  font-weight: bold;
} */
.newCon figcaption {
  position: absolute;
  left: 0;
  bottom: -40px;
  background-color: #e85f6c;
  font-size: 1.2rem;
  color: #fff;
  padding: 10px 20px;
  transition: 0.1s all ease-in-out;
  width: 78.6%;
  font-size: 1.5rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  white-space: normal;
  line-height: 2.1;
}
.newCon .imgbx {
  border-radius: 10px;
  overflow: hidden;
  display: block;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
  padding-bottom: 58.3%;
  position: relative;
}
.newCon .imgbx img {
  transform: scale(1, 1);
  transition: all 0.5s ease-out;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.newCon .imgbx img:hover {
  transform: scale(1.1, 1.1);
}
.newCon .ListSy li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  max-height: 51px;
  min-height: 51px;
}
.newCon .ListSy li:last-child {
  border-bottom: none;
  margin-bottom: -5px;
}
.newCon .ListSy li::before {
  background-color: #f5d22e;
  height: 24px;
  top: 5px;
}
.titFm {
  border-bottom: 5px solid #ececec;
  position: relative;
  margin-bottom: 20px;
}
.titFm .more {
  top: 12px;
}
.MinW {
  font-size: 0.75rem;
  color: #a9a9a9;
  margin-top: -20px;
  padding-left: 15px;
}
.MinW span {
  color: #5e6c7a;
  padding-left: 5px;
}
/*全廣告區域*/
.allAdarea {
  max-width: 1300px;
  background-color: #f8f8f8;
  padding: 20px 30px;
  box-sizing: border-box;
}
.Block .allAdarea {
  background-color: #f8f8f8;
}
.BlockGray .allAdarea .imgbx,
.Block .allAdarea .imgbx {
  max-width: 970px;
  display: block;
  margin: 0 auto;
}

/*輪播區域*/
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 8px;
}
.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #d8d8d8;
  opacity: 1;
}
.swiper-pagination-bullet-active {
  background: #02a7f0;
}
.swiper-container {
  padding-bottom: 45px;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0px;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: auto;
  right: 45px;
  background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/swiperarL.png);
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/swiperarR.png);
}
.swiperBx .imgbx {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 15px;
  position: relative;
  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 15%);
  display: block;
  padding-bottom: 73.3%;
}
.swiperBx .imgbx img {
  transform: scale(1, 1);
  transition: all 0.5s ease-out;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.swiperBx .swiper-slide:hover img {
  transform: scale(1.1, 1.1);
}
.swiperBx .imgbx .tag {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 0px 8px 2px 8px;
  border-radius: 0 0 10px 10px;
  color: #fff;
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 400;
}
.tag_purple {
  background-color: #cf65d1;
}
.tag_red {
  background-color: #ff4e3e;
}
.tag_yellow {
  background-color: #fcaf00;
}
.tag_green {
  background-color: #60c600;
}
.tag_blueGreen {
  background-color: #00b6ce;
}
.tag_purpleRed {
  background-color: #7777f1;
}
.tag_orange {
  background-color: #f89142;
}
.tag_pink {
  background-color: #ed4a99;
}
.swiperBx h5,
.swiperBx figcaption {
  font-size: 1.125rem;
  color: #000;
  border-left: 5px solid #f5d22e;
  padding-left: 15px;
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 43px;
  transition: 0.3s all ease-in-out;
  font-weight: bold;
}
.swiper-slide:hover figcaption {
  color: #02a7f0;
}

/*熱門新聞*/
.hotNewsBx {
  background-color: #fafafa;
  padding: 10px 8px;
}
.hotNewsBx li {
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #c6cacd;
  height: 45px;
}
.hotNewsBx li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.hotNewsBx a {
  font-size: 1rem;
  color: #535353;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: 0.3s all ease-in-out;
  font-weight: bold;
}
.hotNewsBx a span {
  width: 30px;
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 5px;
  transition: 0.3s all ease-in-out;
}
.hotNewsBx li:hover a {
  font-size: 1.125rem;
  font-weight: bold;
  color: #000;
}
.hotNewsBx li:hover a span {
  width: 35px;
}

/*雜誌區塊*/
.magazineBx h5,
.magazineBx figcaption {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  min-height: auto;
  margin-bottom: 10px;
}
.magazineBx .imgbx {
  width: 72%;
  min-width: 120px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding-bottom: 100%;
}
.magazineBx p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  font-size: 1rem;
  color: #535353;
  line-height: 1.3;
}
.magazineBx .swiper-container {
  padding-bottom: 40px;
}

/*金曲排行*/
.musicBx {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
}
.musicBx .tit {
  padding: 80px 10px 15px 10px;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/musicBg.png) no-repeat center bottom / cover;
  text-align: center;
  position: relative;
}
.musicBx h4 {
  position: relative;
  color: #fff;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/musciIc.png) no-repeat right center;
  padding-right: 25px;
  background-size: auto 20px;
  display: inline-block;
}
.musicBx .hotNewsBx {
  background-color: #fff;
  padding: 15px 8px 5px;
}
.musicBx .hotNewsBx li {
  margin-bottom: 5px;
  padding-bottom: 5px;
}

/*運勢*/
.horoscopeBx {
  width: 45.3%;
  margin-right: 30px;
  flex: 0 0 auto;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 10%);
  position: relative;
}
.horoscopeBx .tit {
  /* background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/horoscope_bg.png) no-repeat center center / cover; */
  padding: 15px 18px;
  position: relative;
  z-index: 2;
}
.horoscopeBx .titimgbx {
  position: absolute;
  width: 100%;
  /* padding-bottom: 21%; */
  height: 90px;
  left: 0;
  top: 0;
}

.horoscopeBx .titimgbx img {
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.horoscopeBx .tit h4,
.horoscopeBx .tit h5 {
  color: #fff;
  line-height: 0.3em;
}
.horoscopeBx .tit h5 {
  font-size: 1.125rem;
  background: url(https://webarchive.lib.ntu.edu.tw:443/archive/wayback/20170510170624/https://www.hinet.net/resources2021/web/images/horoscope_star.png) no-repeat right center;
  padding-right: 25px;
  background-size: auto 20px;
  display: inline-block;
}
.horoscopeBx .con {
  padding: 15px 15px 5px;
  position: relative;
  background-color: #fff;
}
.horoscopeBx .con h5 {
  font-size: 1.25rem;
  margin-bottom: 5px;
  font-weight: bold;
  color: #000;
  transition: 0.3s all ease-in-out;
}
.horoscopeBx p {
  font-size: 1rem;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 15px;
}
.horoscopeBx .alink {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 2;
}
.horoscopeBx .alink::before {
  display: none;
}
.horoscopeBx a {
  display: inline-block;
  width: 48%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 0.93rem;
  font-weight: bold;
  padding-left: 15px;
  position: relative;
  transition: 0.3s all ease-in-out;
}
.horoscopeBx .con:hover h5 {
  color: #02a7f0;
}
.horoscopeBx a::before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: #02a7f0;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  top: 10px;
}
.horoscopeBx a:hover {
  color: #02a7f0;
}
.horoscopeBx .inline {
  justify-content: space-between;
  padding: 0 15px 15px;
  background-color: #fff;
  margin-top: -15px;
}

/* go top*/
.goTop {
  position: fixed;
  display: block;
  width: 60px;
  bottom: 15%;
  right: 10px;
  opacity: 0;
  transition: 0.3s all ease-in-out;
}

/*控制未載入完成前寬*/
.swiperSee .swiper-slide,
.swiperPlay .swiper-slide {
  width: 300px;
  margin-right: 30px;
}
.magazineBx .swiper-slide {
  width: 220px;
  margin-right: 30px;
}

/*控制各版位廣告嵌入iframe樣式*/
.banner_ad {
  position: relative;
  overflow: hidden;
  display: block;
}
.banner_ad_element {
  display: block;
}
/*970x250*/
.banner_ad_size970x250 {
  padding-bottom: 25.77%;
  /* width: calc(71.5vw); */
  max-width: 970px;
  width: 100%;
}
.banner_ad_size970x250 .banner_ad_element {
  position: absolute;
  width: 970px;
  height: 250px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0.5));
}
.banner_ad_size970x250 img {
  width: 970px;
  height: 250px;
}
/*300x250*/
.banner_ad_size300x250 {
  padding-bottom: 83.33%;
  /* width: calc(23.5vw); */
  max-width: 300px;
  width: 100%;
}
.banner_ad_size300x250 .banner_ad_element {
  position: absolute;
  width: 300px;
  height: 250px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0.5));
}
.banner_ad_size300x250 img {
  width: 300px;
  height: 250px;
}
/*300x110*/
.banner_ad_size300x110 {
  padding-bottom: 36.66%;
  /* width: calc(23.5vw); */
  max-width: 300px;
  width: 100%;
}
.banner_ad_size300x110 .banner_ad_element {
  position: absolute;
  width: 300px;
  height: 110px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0.5));
}
.banner_ad_size300x110 img {
  width: 300px;
  height: 110px;
}

/*500x250*/
.banner_ad_size500x250 {
  padding-bottom: 50%;
  /* width: 34.7vw; */
  max-width: 500px;
  width: 100%;
}
.banner_ad_size500x250 .banner_ad_element {
  position: absolute;
  width: 500px;
  height: 250px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0.5));
}
.banner_ad_size500x250 img {
  width: 500px;
  height: 250px;
}

/*1240x90*/
.banner_ad_size1240x90 {
  padding-bottom: 7.25%;
  max-width: 1240px;
  width: 100%;
}
.banner_ad_size1240x90 .banner_ad_element {
  position: absolute;
  width: 1240px;
  height: 90px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0.5));
}
.banner_ad_size1240x90 img {
  width: 1240px;
  height: 90px;
}

/*764x430*/
.banner_ad_size764x430 {
  padding-bottom: 56%;
  max-width: 764px;
  width: 100%;
}
.banner_ad_size764x430 .banner_ad_element {
  position: absolute;
  width: 764px;
  height: 430px;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-image: linear-gradient(#fff, hsla(0, 0%, 100%, 0.5));
}
.banner_ad_size764x430 img {
  width: 764px;
  height: 430px;
}

@media screen and (max-width: 1170px) {
  .musicBx h4 {
    font-size: 1.125rem;
  }
  .functionIcon li {
    width: 45px;
    margin-bottom: 0;
  }
  .horoscopeBx .con h5 {
    font-size: 1.125rem;
  }
  .horoscopeBx p {
    font-size: 0.9rem;
  }
}

@media screen and (max-width: 1024px) {
  .header_nav_first > li {
    margin-right: 5px;
  }
  .header_nav_first > li > a {
    font-size: 1rem;
  }
  .mainHeader h1 {
    max-width: 130px;
    min-width: 130px;
  }
  .mainHeader {
    height: 105px;
  }
}

/*---forie 微調樣式--*/
@media screen and (min-width: 0\0) {
  .mainNews a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .swiperBx figcaption {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: auto;
  }
  .hotNewsBx a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .magazineBx p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .horoscopeBx a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}






/*
     FILE ARCHIVED ON 17:06:24 五月 10, 2017 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 15:46:37 五月 23, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/