@charset "UTF-8";
/*共用浮層*/
.floatLayer { display: block; width: 90%; position: fixed; background: #ffffff; border-radius: 5px; overflow: hidden; -webkit-transition: all .4s linear; transition: all .4s linear; max-width: 970px; height: 750px; bottom: -1000px; z-index: 1; }
.floatLayer .innerArea { position: relative; padding: 50px 50px 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; height: calc(100% - 80px); overflow-y: auto; }
.floatLayer .innerArea img { margin: 0 auto 15px auto; }
.floatLayer .innerArea h3 { color: #E30881; margin: 0 0 30px 0; }
.floatLayer .innerArea h4 { font: bold 18px/28px Microsoft JhengHei, sans-serif; margin: 0 0 20px 0; }
.floatLayer .innerArea p { margin: 0 0 10px 0; }
.floatLayer .innerArea .disc, .floatLayer .innerArea .decimal { margin: 20px 0; }
.floatLayer .innerArea .disc li, .floatLayer .innerArea .decimal li { margin: 0 0 5px 0; }
.floatLayer .innerArea .tableBlock { width: 100%; overflow-x: auto; }
.floatLayer .innerArea .tableBlock .tableStyle { background-color: #ffffff; width: 1200px; margin: 0 0 10px 0; }
.floatLayer .innerArea .tableBlock .tableStyle thead { border-bottom: 1px solid #E30881; }
.floatLayer .innerArea .tableBlock .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.floatLayer .innerArea .tableBlock .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.floatLayer .innerArea .tableBlock .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.floatLayer .innerArea .tableBlock .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.floatLayer .innerArea .tableBlock .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.floatLayer .btnArea { text-align: center; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), color-stop(60%, #ffffff), to(#ffffff)); background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, #ffffff 60%, #ffffff 100%); position: absolute; width: 100%; padding: 40px 0 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; bottom: 0; }
.floatLayer .btnArea .closeBtn { display: inline-block; padding: 0px 25px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #E30881; background: transparent; border: 2px solid rgba(227, 8, 129, 0.3); border-radius: 5px; font: bold 16px/36px Microsoft JhengHei, sans-serif; text-align: center; letter-spacing: 2px; cursor: pointer; }
.floatLayer .btnArea .closeBtn:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
/*共用浮層-小網*/
@media screen and (max-width: 640px) { .floatLayer .innerArea { padding: 20px 20px 80px 20px; } }
/*輪播樣式*/
.slick-arrow { display: none; }
.slick-dots { margin: 15px 0 0 0; position: absolute; z-index: 1; right: 0; }
.slick-dots li { display: inline-block; }
.slick-dots li button { border: none; width: 8px; height: 8px; display: block; background: rgba(227, 8, 129, 0.2); margin: 5px; border-radius: 50%; font-size: 0; cursor: pointer; }
.slick-dots li.slick-active button { width: 12px; height: 12px; border: 1px solid #E30881; background: #ffffff; }
.slick-slide { outline: none; cursor: pointer; }
.slick-slide img { width: 100%; }
/*article 設定*/
.articleCont h2 { color: #E30881; margin: 0 0 40px 0; }
.articleCont h3 { color: #E30881; margin: 10px 0 10px 0;}
.articleCont p { margin: 0 0 15px 0; }
.articleCont a { color: #E30881; font: 16px/32px Microsoft JhengHei, sans-serif; }
.articleCont .disc li, .articleCont .decimal li { margin: 0 0 5px 0; }
.articleCont img { margin: 10px 0; }
.articleCont .size75percent { width: 75%; }
.articleCont .size65percent { width: 65%; }
.articleCont .size60percent { width: 60%; }
.articleCont .size50percent { width: 50%; }
.articleCont .size40percent { width: 40%; }
.articleCont .size30percent { width: 30%; }
.articleCont .icon-title-bar::before {  background: url(../img/title-icon.png) no-repeat center/70%;  content: "";  display: inline-block;  width: 30px;  height: 40px;  margin-right: 5px;  vertical-align: -11px;}
.article-title {  color: #E30881;  margin: 0 0 40px 0;}
/*項目清單*/
.disc { margin: 0 0 10px 0; }
.disc li { font: 16px/32px Microsoft JhengHei, sans-serif; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; padding: 0 0 0 20px; }
.disc li:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #E30881; position: absolute; left: 2px; top: 13px; }
.disc li:last-child { margin: 0; }
.disc .decimalol{ margin: 5px 0 5px 25px; }
/*數字清單*/
.decimal { margin: 0 0 10px 0; }
.decimal li { font: 16px/32px Microsoft JhengHei, sans-serif; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; padding: 0 0 0 25px; counter-increment: num; }
.decimal li:before { content: counter(num) ". "; display: inline-block; font: bold 14px/20px Microsoft JhengHei, sans-serif; color: #E30881; position: absolute; left: 0px; top: 6px; }
.decimal li:last-child { margin: 0; }
/*article-小網*/
@media screen and (max-width: 1024px) { .articleCont h2 { margin: 0 0 30px 0; } }
@media screen and (max-width: 640px) { .articleCont a { font: 15px/30px Microsoft JhengHei, sans-serif; }
  .articleCont .size50percent { width: 100%; }
  .disc li { font: 15px/30px Microsoft JhengHei, sans-serif; }
  .disc li:before { top: 12px; }
  .decimal li { font: 15px/30px Microsoft JhengHei, sans-serif; }
  .decimal li:before { top: 5px; } }
.desktopHeader { min-width: 1024px; max-width: 1440px; background-color: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); position: absolute; top: 0; left: 0; right: 0; font-size: 0; margin: 0 auto; width: 100%; z-index: 10; }
.desktopHeader ul li { display: inline-block; vertical-align: top; }
.desktopHeader ul li a { display: inline-block; color: #333333; }
.desktopHeader ul li a:hover { color: #E30881; }
.desktopHeader .topWarp { border-bottom: 1px solid #EFEFEF; text-align: right; padding: 0 100px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 40px; }
.desktopHeader .topWarp ul li { border-right: 1px solid #EFEFEF; }
.desktopHeader .topWarp ul li:first-child { padding: 0 18px 0 0; }
.desktopHeader .topWarp ul li:first-child a { padding: 0; margin: 0 10px 0 0; }
.desktopHeader .topWarp ul li:first-child a:last-child { margin: 0; }
.desktopHeader .topWarp ul li:first-child a:hover img { opacity: 1; }
.desktopHeader .topWarp ul li a { font: 12px/40px Microsoft JhengHei, sans-serif; padding: 0 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.desktopHeader .topWarp ul li a img { vertical-align: top; margin: 10px 5px; opacity: 0.7; }
.desktopHeader .topWarp ul .searchBox { padding: 7px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.desktopHeader .topWarp ul .searchBox .searchBtn { display: inline-block; cursor: pointer; vertical-align: middle; padding: 3px 0; }
.desktopHeader .topWarp ul .searchBox .searchInput { display: none; width: 200px; padding: 0 5px; margin: 0 0 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; border: 1px solid #B9B9B9; border-radius: x; text-align: left; }
.desktopHeader .topWarp ul .searchBox .searchInput.openSearch { display: inline-block; }
.desktopHeader .topWarp ul .searchBox .searchInput input { font: 14px/14px Microsoft JhengHei, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; border: 0; vertical-align: middle; color: #333333; padding: 2px 0; width: 164px; }
.desktopHeader .topWarp ul .searchBox .searchInput input::-webkit-input-placeholder { color: #B9B9B9; }
.desktopHeader .topWarp ul .searchBox .searchInput input:-ms-input-placeholder { color: #B9B9B9; }
.desktopHeader .topWarp ul .searchBox .searchInput input::-ms-input-placeholder { color: #B9B9B9; }
.desktopHeader .topWarp ul .searchBox .searchInput input::placeholder { color: #B9B9B9; }
.desktopHeader .topWarp ul .searchBox .searchInput .clearBtn { position: relative; display: inline-block; width: 24px; height: 24px; cursor: pointer; -webkit-transform: scale(1); transform: scale(1); vertical-align: middle; display: none; }
.desktopHeader .topWarp ul .searchBox .searchInput .clearBtn::before { content: ""; display: block; background: #B9B9B9; width: 15px; height: 2px; position: absolute; right: 4px; top: 11px; border-radius: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.desktopHeader .topWarp ul .searchBox .searchInput .clearBtn::after { content: ""; display: block; background: #B9B9B9; width: 15px; height: 2px; position: absolute; right: 4px; top: 11px; border-radius: 18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.desktopHeader .navbarWarp { text-align: right; border-bottom: 1px solid #EFEFEF; padding: 0 100px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.desktopHeader .navbarWarp .momoLogo { float: left; padding: 15px 0; }
.desktopHeader .navbarWarp ul li { margin: 0 30px 0 0; }
.desktopHeader .navbarWarp ul li:last-child { margin: 0; }
.desktopHeader .navbarWarp ul li a { font: 14px/59px Microsoft JhengHei, sans-serif; }
.desktopHeader .navbarWarp .borderBottom { display: none; width: 0; height: 2px; background-color: #E30881; position: absolute; bottom: 0; left: 0; opacity: 0; }
.desktopHeader .navContWrap { display: none; width:656px; right: 100px; font-size: 0; clear: both; background-color: #262626; position: absolute; }
.desktopHeader .navContWrap.open { display: block; }
.desktopHeader .navContWrap .topicBlock { display: inline-block; background-color: #262626; width: 450px; padding: 50px 70px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.desktopHeader .navContWrap .topicBlock .parentTopic { display: none; font: 14px/20px Microsoft JhengHei, sans-serif; color: #ddd; position: absolute; top: 50px; left: 70px; padding: 0 0 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
.desktopHeader .navContWrap .topicBlock .parentTopic i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(0deg) scale(0.5); transform: rotate(0deg) scale(0.5); position: absolute; left: 0; top: calc(50% - 12px); }
.desktopHeader .navContWrap .topicBlock .parentTopic i::before { content: ''; width: 14px; height: 3px; background-color: #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 6px; left: 4px; display: inline-block; border-radius: 3px; }
.desktopHeader .navContWrap .topicBlock .parentTopic i::after { content: ''; width: 14px; height: 3px; background-color: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 14px; left: 4px; display: inline-block; border-radius: 3px; }
.desktopHeader .navContWrap .topicBlock .parentTopic:hover { color: #F355AD; }
.desktopHeader .navContWrap .topicBlock .parentTopic:hover i::before, .desktopHeader .navContWrap .topicBlock .parentTopic:hover i::after { background-color: #F355AD; }
.desktopHeader .navContWrap .topicBlock .topic { display: inline-block; font: 36px/50px Microsoft JhengHei, sans-serif; color: #fff; padding: 0 0 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.desktopHeader .navContWrap .contentBlock { display: inline-block; width:100%; padding: 20px 22px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }
.desktopHeader .navContWrap .contentBlock ul li { margin: 0 30px 0 0; }
.desktopHeader .navContWrap .contentBlock ul li a { font: 16px/30px Microsoft JhengHei, sans-serif; color: #fff; padding: 5px 25px 5px 0; background-image: url(../img/ic_arrow-right_w.png); background-position: center right; background-repeat: no-repeat; }
.desktopHeader .navContWrap .contentBlock ul li a:hover { color: #F355AD; }
.mobileHeader { display: none; }
@media screen and (max-width: 1024px) { .desktopHeader { display: none; }
  .mobileHeader { width: 100%; height: 44px; -webkit-box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0.5px 0 rgba(0, 0, 0, 0.15); background: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: -webkit-sticky; position: sticky; border-bottom: 1px solid #cccccc; top: 0; left: 0; z-index: 10; }
  .mobileHeader .logoBox { vertical-align: middle; text-align: center; padding: 12px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; width: calc(100% - 88px); }
  .mobileHeader .searchmobBtn { width: 44px; height: 44px; border: none; background-color: #ffffff; background: url(../img/search.png) no-repeat center/24px; cursor: pointer; position: relative; }
  .mobileHeader .searchBar { position: fixed; width: 100%; left: 0; top: 44px; background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); height: 44px; font-size: 0; display: none; }
  .mobileHeader .searchBar input { vertical-align: top; display: inline-block; width: calc(100% - 59px); background: transparent; border: none; color: #ffffff; font: 16px/30px Microsoft JhengHei, sans-serif; margin: 7px 0 7px 15px; padding: 0 45px 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; position: relative; background: rgba(0, 0, 0, 0.1); }
  .mobileHeader .searchBar input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); letter-spacing: 2px; }
  .mobileHeader .searchBar .close { vertical-align: top; position: relative; display: inline-block; width: 44px; height: 44px; cursor: pointer; -webkit-transform: scale(1); transform: scale(1); }
  .mobileHeader .searchBar .close::before { content: ""; display: block; background: rgba(255, 255, 255, 0.8); width: 15px; height: 2px; position: absolute; right: 14px; top: 21px; border-radius: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .mobileHeader .searchBar .close::after { content: ""; display: block; background: rgba(255, 255, 255, 0.8); width: 15px; height: 2px; position: absolute; right: 14px; top: 21px; border-radius: 18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .mobileHeader .searchBar .clearn { position: relative; display: inline-block; width: 22px; height: 22px; cursor: pointer; -webkit-transform: scale(0.7); transform: scale(0.7); position: absolute; right: 54px; top: 11px; vertical-align: top; border-radius: 50%; background: rgba(255, 255, 255, 0.2); opacity: 0; }
  .mobileHeader .searchBar .clearn::before { content: ""; display: block; background: rgba(0, 0, 0, 0.3); width: 15px; height: 2px; position: absolute; right: 3px; top: 10px; border-radius: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .mobileHeader .searchBar .clearn::after { content: ""; display: block; background: rgba(0, 0, 0, 0.3); width: 15px; height: 2px; position: absolute; right: 3px; top: 10px; border-radius: 18px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .mobileHeader .leftmenu { vertical-align: top; height: 44px; }
  .mobileHeader .leftmenu .bar { display: inline-block; font-size: 0; cursor: pointer; height: 44px; width: 44px; padding: 15px 13px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .mobileHeader .leftmenu .bar span { width: 18px; height: 3px; background: #333333; display: block; border-radius: 18px; margin: 0 0 3px 0; border-radius: 18px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
  .mobileHeader .leftmenu .bar span:last-child { margin: 0; }
  .mobileHeader .leftmenu .bar.close span:first-child { -webkit-transform: rotate(45deg) translate(4px, 4px); transform: rotate(45deg) translate(4px, 4px); }
  .mobileHeader .leftmenu .bar.close span:nth-child(2) { opacity: 0; }
  .mobileHeader .leftmenu .bar.close span:last-child { -webkit-transform: rotate(-45deg) translate(4px, -5px); transform: rotate(-45deg) translate(4px, -5px); }
  .mobileHeader .leftmenu .bar.back span:first-child { -webkit-transform: rotate(-45deg) translate(-1px, 1px); transform: rotate(-45deg) translate(-1px, 1px); width: 14px; }
  .mobileHeader .leftmenu .bar.back span:nth-child(2) { width: 20px; -webkit-transform: translateX(1px); transform: translateX(1px); opacity: 1; }
  .mobileHeader .leftmenu .bar.back span:last-child { -webkit-transform: rotate(45deg) translate(-1px, -1px); transform: rotate(45deg) translate(-1px, -1px); width: 14px; }
  .mobileHeader .leftmenu .menuCont { display: none; position: fixed; background: #ffffff; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: calc(100% - 45px); top: 45px; left: 0; }
  .mobileHeader .leftmenu .menuCont .menuList { overflow-x: hidden; white-space: nowrap; height: calc(100% - 110px); background: #ffffff; font-size: 0; }
  .mobileHeader .leftmenu .menuCont .menuList ul { overflow-y: auto; vertical-align: top; display: inline-block; padding: 5px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; }
  .mobileHeader .leftmenu .menuCont .menuList ul li { font: bold 15px/60px Microsoft JhengHei, sans-serif; border-bottom: 1px solid #eeeeee; letter-spacing: 2px; position: relative; }
  .mobileHeader .leftmenu .menuCont .menuList ul li a { padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 100%; }
  .mobileHeader .leftmenu .menuCont .menuList ul li i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(180deg) scale(0.8); transform: rotate(180deg) scale(0.8); position: absolute; right: 0; top: 18px; }
  .mobileHeader .leftmenu .menuCont .menuList ul li i::before { content: ''; width: 14px; height: 3px; background-color: #888888; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 6px; left: 4px; display: inline-block; border-radius: 3px; }
  .mobileHeader .leftmenu .menuCont .menuList ul li i::after { content: ''; width: 14px; height: 3px; background-color: #888888; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 14px; left: 4px; display: inline-block; border-radius: 3px; }
  .mobileHeader .leftmenu .menuCont .menuList #dontClick { display: block; width: 100%; height: calc(100% - 110px); position: absolute; top: 0; left: 0; }
  .mobileHeader .leftmenu .menuCont .linkBlock { position: absolute; bottom: 0; text-align: center; width: 100%; display: inline-block; padding: 15px 0px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .mobileHeader .leftmenu .menuCont .linkBlock dd { vertical-align: top; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #eeeeee; }
  .mobileHeader .leftmenu .menuCont .linkBlock dd:last-of-type { border: none; }
  .mobileHeader .leftmenu .menuCont .linkBlock dd a { font: 14px/20px Microsoft JhengHei, sans-serif; display: inline-block; }
  .mobileHeader .leftmenu .menuCont .linkBlock dd a:active { color: #E30881; }
  .mobileHeader .leftmenu .menuCont .linkBlock dd.socialList a { margin: 0 0 0 10px; height: 20px; }
  .mobileHeader .leftmenu .menuCont .linkBlock dt { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 20px 0; }
  .mobileHeader .leftmenu .menuCont .linkBlock dt a { font: 14px/20px Microsoft JhengHei, sans-serif; display: inline-block; padding: 0 10px; }
  .mobileHeader .leftmenu .menuCont .linkBlock dt a:active { color: #E30881; } }
/*banner*/
.bannerBlock { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; height: 500px; width: 100%; position: relative; }
.bannerBlock .localPath { margin: 0 0 0 100px; }
.bannerBlock .localPath h1 { letter-spacing: 2px; }
.bannerBlock .localPath span { display: inline-block; background: #E30881; color: #ffffff; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; font: 16px/30px Microsoft JhengHei, sans-serif; letter-spacing: 2px; border-radius: 18px; margin: 0 0 10px 0; }
@media screen and (max-width: 1024px) { .bannerBlock { height: 300px; min-width: auto; display: block; }
  .bannerBlock .localPath { margin: 0; }
  .bannerBlock .localPath h1 { margin: 60px 0 0 0; display: inline-block; background: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: 5px 15px 5px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .bannerBlock .localPath span { display: none; }
  .bannerBlock .breadcrumbs { position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.5); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); padding: 0 15px 0 30px; height: 30px; } }
body, html { width: 100%; padding: 0; margin: 0; font-family: Microsoft JhengHei, sans-serif; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: none; background: #F7F7F7; color: #333333; }
h1, h2, h3, h4, p, th, td, dl, dt, dd, ul, li, ol, input, button { margin: 0; padding: 0; }
h1, h2, h3, h4, p { text-align: left; }
h1 { font: 36px/50px Microsoft JhengHei, sans-serif; }
h2 { font: bold 24px/36px Microsoft JhengHei, sans-serif; }
h3 { font: bold 18px/28px Microsoft JhengHei, sans-serif; }
h4 { font: bold 16px/24px Microsoft JhengHei, sans-serif; }
/*h5 { font: 14px/20px Microsoft JhengHei, sans-serif; }*/
p { font: 16px/32px Microsoft JhengHei, sans-serif; }
button, input { outline: none; }
ul, ol { list-style: none; font-size: 0; }
dl { font-size: 0; }
a { text-decoration: none; color: unset; }
table { border-collapse: collapse; border-spacing: 0; border: 0; }
.contentWrap { max-width: 1440px; min-width: 1024px; margin: 0 auto; position: relative; }
/*麵包屑*/
.breadcrumbs ul li { display: inline-block; font: 12px/30px Microsoft JhengHei, sans-serif; vertical-align: top; }
.breadcrumbs ul li a { font: 12px/30px Microsoft JhengHei, sans-serif; color: #333333; display: inline-block; }
.breadcrumbs ul li a.homeBtn { width: 30px; height: 30px; background: transparent url(../img/home.png) no-repeat center center/18px auto; }
.breadcrumbs ul li a.homeBtn:hover { background-image: url(../img/home_hover.png); }
.breadcrumbs ul li i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(180deg) scale(0.5); transform: rotate(180deg) scale(0.5); margin: 3px 0; vertical-align: top; }
.breadcrumbs ul li i::before { content: ''; width: 14px; height: 3px; background-color: #7e7e7e; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 6px; left: 4px; display: inline-block; border-radius: 3px; }
.breadcrumbs ul li i::after { content: ''; width: 14px; height: 3px; background-color: #7e7e7e; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 14px; left: 4px; display: inline-block; border-radius: 3px; }
/*頁籤(大網)*/
.navtab { position: relative; }
.navtab::before { content: ''; display: block; width: 100%; height: 1px; background-color: #E5E5EA; position: absolute; bottom: 19px; }
.navtab ul li { display: inline-block; margin: 0 30px 20px 0; border-bottom: 2px solid transparent; }
.navtab ul li:hover { color: #000000; border-bottom: 2px solid #E30881; }
.navtab ul li.select { border-bottom: 2px solid #E30881; }
.navtab ul li a { font: 16px/30px Microsoft JhengHei, sans-serif; display: inline-block; color: #7e7e7e; }
/*頁次*/
.pagination { text-align: center; }
.pagination span { font: 16px/30px Microsoft JhengHei, sans-serif; display: inline-block; vertical-align: middle; }
.pagination span.firstPage { margin: 0 10px 0 0; }
.pagination span.lastPage { margin: 0 0 0 10px; }
.pagination .prePages, .pagination .laterPages { display: inline-block; width: 30px; height: 30px; padding: 3px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; cursor: pointer; }
.pagination .prePages i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(0deg) scale(0.5); transform: rotate(0deg) scale(0.5); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pagination .prePages i::before { content: ''; width: 14px; height: 3px; background-color: #333333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 6px; left: 4px; display: inline-block; border-radius: 3px; }
.pagination .prePages i::after { content: ''; width: 14px; height: 3px; background-color: #333333; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 14px; left: 4px; display: inline-block; border-radius: 3px; }
.pagination .prePages:hover i::before, .pagination .prePages:hover i::after { background-color: #E30881; }
.pagination .laterPages i { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(180deg) scale(0.5); transform: rotate(180deg) scale(0.5); }
.pagination .laterPages i::before { content: ''; width: 14px; height: 3px; background-color: #333333; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 6px; left: 4px; display: inline-block; border-radius: 3px; }
.pagination .laterPages i::after { content: ''; width: 14px; height: 3px; background-color: #333333; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 14px; left: 4px; display: inline-block; border-radius: 3px; }
.pagination .laterPages:hover i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(180deg) scale(0.5); transform: rotate(180deg) scale(0.5); }
.pagination .laterPages:hover i::before { content: ''; width: 14px; height: 3px; background-color: #E30881; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; top: 6px; left: 4px; display: inline-block; border-radius: 3px; }
.pagination .laterPages:hover i::after { content: ''; width: 14px; height: 3px; background-color: #E30881; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 14px; left: 4px; display: inline-block; border-radius: 3px; }
.pagination ul { display: inline-block; vertical-align: middle; }
.pagination ul li { display: inline-block; margin: 0 20px 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.pagination ul li:first-child { margin: 0 20px 0 10px; }
.pagination ul li:last-child { margin: 0 10px 0 0; }
.pagination ul li a { font: 16px/30px Microsoft JhengHei, sans-serif; display: inline-block; color: #333333; width: 30px; text-align: center; height: 30px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }
.pagination ul li a:hover { color: #E30881; }
.pagination ul li a.select { border-bottom: 2px solid #E30881; }
/*goTop*/
.gotop { width: 40px; height: 40px; border-radius: 50%; background: #fff url(../img/goTop.png) no-repeat center center/24px auto; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); position: fixed; bottom: 50px; right: 50px; cursor: pointer; z-index: 10; display: none; }
/*footer*/
.footer { width: 100%; padding: 20px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; background-color: #fff; border-top: 1px solid #eee; }
.footer ul { display: inline-block; }
.footer ul li { display: inline-block; margin: 0 30px 0 0; }
.footer ul li a { font: 14px/20px Microsoft JhengHei, sans-serif; display: inline-block; width: 100%; color: #333333; }
.footer ul li a:hover { color: #E30881; }
.footer p { font: 12px/20px Microsoft JhengHei, sans-serif; display: inline-block; color: #333333; position: absolute; right: 100px; }
/*小網滑動提示*/
.scrollTip { display: inline-block; background: #fff url(../img/touch.png) no-repeat 15px center/auto 24px; font: 14px/34px Microsoft JhengHei, sans-serif; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); padding: 0 15px 0 40px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 20px; }
/*圖片放大提示*/
.fancyImgMask { display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url(../img/zoomIn.png) no-repeat center center/30px auto; position: absolute; top: 0; left: 0; }
.fancyImg { display: inline-block; position: relative; overflow: hidden; vertical-align: top; outline: 0; }
.fancyImg:hover .fancyImgMask { display: block; }
@media screen and (max-width: 1024px) { .contentWrap { min-width: unset; }
  .pagination span { font: 15px/30px Microsoft JhengHei, sans-serif; }
  .pagination span.firstPage, .pagination span.lastPage { margin: 0; }
  .pagination ul li { margin: 0 15px 0 0; }
  .pagination ul li:first-child { margin: 0 15px 0 0; }
  .pagination ul li:last-child { margin: 0; }
  .pagination ul li a { font: 15px/30px Microsoft JhengHei, sans-serif; width: 25px; }
  .gotop { bottom: 20px; right: 20px; }
  .footer { padding: 20px 10px; }
  .footer ul { display: block; text-align: center; margin: 0 0 15px 0; }
  .footer ul li { margin: 0 20px 0 0; }
  .footer ul li:last-child { margin: 0; }
  .footer ul li a { font: 12px/20px Microsoft JhengHei, sans-serif; }
  .footer p { display: block; text-align: center; position: initial; }
  .fancyImg .fancyImgMask { display: block; width: 26px; height: 26px; background: rgba(0, 0, 0, 0.3) url(../img/zoomIn.png) no-repeat 8px 5px/13px auto; left: unset; right: 0px; border-radius: 0 0 0 20px; } }
@media screen and (max-width: 640px) { p { font: 15px/30px Microsoft JhengHei, sans-serif; } }
/*黑背景*/
.blackBg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; /*background: rgba(0, 0, 0, 0.3);*/ display: none; z-index: 1; }