@charset "UTF-8";
/*卡片共用*/
.cardBasic { display: inline-block; width: 100%; position: relative; overflow: hidden; border-radius: 5px; -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15); background: #ffffff; }
.cardBasic .cardImg { line-height: 0; }
.cardBasic .cardInfo { -webkit-box-sizing: border-box; box-sizing: border-box; color: #333333; }
.cardBasic h3 { vertical-align: top; margin: 0 0 5px 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.cardBasic h3 sup { font: 14px/28px Microsoft JhengHei, sans-serif; vertical-align: top; margin: 0 0 0 15px; display: inline-block; }
.cardBasic h4 { margin: 0 0 5px 0; max-height: 48px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
.cardBasic h4:last-child { margin: 0; }
.cardBasic p { font: 16px/30px Microsoft JhengHei, sans-serif; }
.cardBasic i { font: 14px/20px Microsoft JhengHei, sans-serif; margin: 0 0 5px 0; display: inline-block; width: 100%; color: #8E8E93; }
.cardBasic span { font: 14px/28px Microsoft JhengHei, sans-serif; padding: 0px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 194px; background: #B9B9B9; border-radius: 5px; color: #ffffff; display: inline-block; }
.cardBasic .disc { margin: 8px 0 0 0; }
.cardBasic .disc li { margin: 0 0 8px 0; }
/*卡片共用-小網*/
@media screen and (max-width: 640px) { .cardStyle { width: 100%; }
  .cardStyle .cardInfo { padding: 15px; } }
.investor .bannerBlock { background: url("../img/investor/banner.jpg") no-repeat center/cover; }
@media screen and (max-width: 1024px) { .investor .bannerBlock { background: url("../img/investor/banner_mob.jpg") no-repeat center/cover; } }
.investor .mainBlock { position: relative; margin: -44px 0 0 0; width: calc(100% - 100px); background: #ffffff; }
.investor .mainBlock .navtab { margin: 0 0 0 100px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; }
.investor .mainBlock .navtab ul { padding: 80px 0 0 0; }
.investor .mainBlock .pagination { padding: 0 0 80px 0; }
.investor .seasonFileList { padding: 50px 100px 90px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 930px; }
.investor .seasonFileList dt { font: bold 24px/36px Microsoft JhengHei, sans-serif; margin: 0 0 45px 0; color: #E30881; }
.investor .seasonFileList dd { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #ccc; padding: 15px 0; }
.investor .seasonFileList dd p { display: inline-block; }
.investor .seasonFileList dd .downLoadBtnGp { width: 328px; }
.investor .seasonFileList dd .downLoadBtnGp a { 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; padding: 0 10px; font: 14px/28px Microsoft JhengHei, sans-serif; margin: 0px 10px 0 0; }
.investor .seasonFileList dd .downLoadBtnGp a:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
.investor .seasonFileList dd .downLoadBtnGp a.noDetaStyle { display: inline-block; opacity: 0; cursor: default; }
.investor .fileDownLoadList { padding: 0px 0px 90px 100px; }
.investor .fileDownLoadList li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 60px 15px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #f4f4f4; }
.investor .fileDownLoadList li:nth-child(2n) { background: #f9f9f9; }
.investor .fileDownLoadList li p { font: 16px/20px Microsoft JhengHei, sans-serif; display: inline-block; }
.investor .fileDownLoadList li a { width: 30px; height: 30px; cursor: pointer; margin: 0 0 0 10px; background: url("../img/investor/download.png") no-repeat center/20px; }
.investor .fileDownLoadList li a:hover { background: url("../img/investor/download_hover.png") no-repeat center/20px; }
.investor .downloadRevenueBlock, .investor .downloadBlock { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 90px 0 90px 100px; font-size: 0; width: calc(100% - 100px); -webkit-box-sizing: border-box; box-sizing: border-box; }
.investor .downloadRevenueBlock h2, .investor .downloadBlock h2 { width: 210px; color: #E30881; }
.investor .downloadRevenueBlock .downloadCont, .investor .downloadBlock .downloadCont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: calc(100% - 210px); background-color: #fff; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); }
.investor .downloadRevenueBlock .downloadCont .fileTitle, .investor .downloadBlock .downloadCont .fileTitle { width: calc(100% - 166px); padding: 0 0 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.investor .downloadRevenueBlock .downloadCont .fileTitle span, .investor .downloadBlock .downloadCont .fileTitle span { font: 14px/20px Microsoft JhengHei, sans-serif; color: rgba(51, 51, 51, 0.5); margin: 5px 0 0 0; }
.investor .downloadRevenueBlock .downloadCont a, .investor .downloadBlock .downloadCont a { 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; }
.investor .downloadRevenueBlock .downloadCont a:hover, .investor .downloadBlock .downloadCont a:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
/*投資人專區 - 董事會*/
.director .mainBlock .articleCont { padding: 50px 100px 90px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.director .mainBlock .articleCont h2 { margin: 0; }
.director .mainBlock .articleCont .abilityList { display: inline-block; width: 100%; font-size: 0; }
.director .mainBlock .articleCont .abilityList ul { vertical-align: top; display: inline-block; width: 50%; font: 16px/30px Microsoft JhengHei, sans-serif; }
.director .memberBlock { padding: 90px 30px 90px 100px; position: relative; }
.director .memberBlock h2 { display: inline-block; color: #E30881; position: absolute; }
.director .memberBlock .memberList { padding: 0 0 0 210px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.director .memberBlock .memberList .cardBasic { max-width: 500px; margin: 0 30px 30px 0; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); width: 100%; }
.director .memberBlock .memberList .cardBasic .cardInfo { padding: 20px 30px; height: 100%; }
.director .memberBlock .memberList .cardBasic:nth-child(2n) { margin: 0 0 30px 0; }
.director .memberBlock .memberList .cardBasic .cardInfo { display: block; }
.director .memberBlock .memberNum { position: absolute; top: -50px; left: 0; color: rgba(238, 238, 238, 0.8); font: bold 800px/800px Microsoft JhengHei, sans-serif; }
.director .abilityBlock { position: relative; padding: 50px 0px 90px 0px; background-color: #fff; margin: 0 100px 0 0; }
.director .abilityBlock .articleCont { margin: 0 100px 60px 100px; }
.director .abilityBlock .articleCont a { width: 100%; text-align: center; }
.director .abilityBlock .articleCont a img { max-width: 1000px; }
.director .abilityBlock .abilityTable { background: #ffffff; position: relative; padding: 0 0 0 120px; margin: 0 0 0 100px; }
.director .abilityBlock .abilityTable .tableStyle { background-color: #ffffff; width: 100%; margin: 0 0 10px 0; }
.director .abilityBlock .abilityTable .tableStyle thead { border-bottom: 1px solid #E30881; }
.director .abilityBlock .abilityTable .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.director .abilityBlock .abilityTable .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.director .abilityBlock .abilityTable .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.director .abilityBlock .abilityTable .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.director .abilityBlock .abilityTable .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.director .abilityBlock .abilityTable .scrollTip { position: absolute; top: calc(50% - 17px); left: calc(50% - 90px); }
.director .abilityBlock .abilityTable .ageSymbol { position: absolute; right: 30px; top: -30px; font-size: 0; }
.director .abilityBlock .abilityTable .ageSymbol b { font: 14px/20px Microsoft JhengHei, sans-serif; margin: 0 0 0 20px; display: inline-block; }
.director .abilityBlock .abilityTable i { width: 10px; height: 10px; display: inline-block; background: #333333; border-radius: 50%; margin: 0 5px; }
.director .abilityBlock .abilityTable i.age30 { background: #FFCC00; }
.director .abilityBlock .abilityTable i.age50 { background: #AF52DE; }
.director .abilityBlock .abilityTable .tableBox_L { width: 120px; position: absolute; left: 0; top: 0; }
.director .abilityBlock .abilityTable .tableBox_L .tableStyle tr td { height: 60px; padding: 10px 10px 10px 40px; }
.director .abilityBlock .abilityTable .tableBox_R { width: 100%; overflow-x: auto; }
.director .abilityBlock .abilityTable .tableBox_R table { width: 1785px; }
.director .abilityBlock .abilityTable .tableBox_R table thead td:nth-child(n+4) { text-align: left; }
.director .abilityBlock .abilityTable .tableBox_R table td { height: 60px; text-align: center; }
.director .abilityBlock .abilityTable .tableBox_R table td:nth-child(4) { text-align: left; width: 230px; }
.director .abilityBlock .abilityTable .tableBox_R table td .check { background: url("../img/investor/checkIcon.png") no-repeat center/20px; width: 30px; height: 30px; display: inline-block; }
/*投資人專區 － 當日股市*/
.stockToday { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: top; background-color: #fff; position: absolute; right: 100px; bottom: -36px; z-index: 1; }
.stockToday.stockDown .stockInfo p b { color: #43be58; }
.stockToday.stockDown dt b { color: #4CD964; }
.stockToday.stockDown dt b i { border-width: 8px 5px 0 5px; border-color: #4CD964 transparent transparent transparent; }
.stockToday .calendar { background: #f4f4f4; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); display: block; width: 60px; height: 60px; border-radius: 5px; text-align: center; overflow: hidden; }
.stockToday .calendar span { vertical-align: top; font: bold 12px/20px Microsoft JhengHei, sans-serif; color: #ffffff; background: #E30881; width: 100%; display: inline-block; }
.stockToday .calendar b { display: inline-block; width: 100%; color: #333333; font: bold 32px/40px Microsoft JhengHei, sans-serif; letter-spacing: 2px; }
.stockToday .stockInfo { padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.stockToday .stockInfo p { font: 14px/25px Microsoft JhengHei, sans-serif; }
.stockToday .stockInfo p b { display: inline-block; color: #E30881; }
.stockToday .stockInfo span { display: inline-block; font: 14px/25px Microsoft JhengHei, sans-serif; color: #888888; }
.stockToday .stockInfo span b { font: inherit; }
.stockToday dt { padding: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; border-left: 1px solid #eeeeee; }
.stockToday dt span { font: 14px/20px Microsoft JhengHei, sans-serif; color: #888888; vertical-align: top; margin: 0 5px 0 0; display: inline-block; }
.stockToday dt b { font: 40px/50px Microsoft JhengHei, sans-serif; letter-spacing: 2px; color: #E30881; position: relative; }
.stockToday dt b i { width: 0; height: 0; border-style: solid; border-width: 0px 5px 8px 5px; position: absolute; left: -15px; bottom: 12px; border-color: transparent transparent #E30881 transparent; }
/*投資人專區 - 月營收資訊*/
.revenue .revenueCont { padding: 50px 0 90px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.revenue .revenueCont .dropMenu { display: inline-block; position: relative; width: 280px; }
.revenue .revenueCont .dropMenu .dropList { display: none; max-width: 100%; max-height: 300px; overflow-y: auto; border-radius: 5px; position: absolute; left: 0; top: 60px; z-index: 1; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); }
.revenue .revenueCont .dropMenu .dropList li { padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #f4f4f4; background-color: #fff; font: 14px/48px Microsoft JhengHei, sans-serif; }
.revenue .revenueCont .dropMenu .dropList li:hover { color: #E30881; cursor: pointer; }
.revenue .revenueCont .dropMenu .dropList li:first-child { border-radius: 5px 5px 0 0; }
.revenue .revenueCont .dropMenu .dropList li:last-child { border-radius: 0 0 5px 5px; border: 0; }
.revenue .revenueCont .dropMenu .dropList li a { display: inline-block; font: 14px/48px Microsoft JhengHei, sans-serif; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
.revenue .revenueCont .dropMenu .dropList li a:hover { color: #E30881; }
.revenue .revenueCont .dropMenu .dropBtnBasic { cursor: pointer; }
.revenue .revenueCont .dropMenu .dropBtnBasic p { font: bold 24px/36px Microsoft JhengHei, sans-serif; width: calc(100% - 50px); display: inline-block; color: #E30881; }
.revenue .revenueCont .dropMenu .dropBtnBasic .dropBtn { display: inline-block; width: 36px; height: 36px; vertical-align: top; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }
.revenue .revenueCont .dropMenu .dropBtnBasic .dropBtn.upsideDown { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.revenue .revenueCont .dropMenu .dropBtnBasic .dropBtn i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(-90deg) scale(0.7); transform: rotate(-90deg) scale(0.7); position: absolute; left: calc(50% - 12px); top: calc(50% - 12px); }
.revenue .revenueCont .dropMenu .dropBtnBasic .dropBtn 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; }
.revenue .revenueCont .dropMenu .dropBtnBasic .dropBtn 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; }
.revenue .revenueCont .dropMenu .tips { font: 14px/20px Microsoft JhengHei, sans-serif; display: inline-block; margin: 10px 0 0 0; }
.revenue .revenueCont .dropMenu .dropList { top: 40px; right: 20px; left: unset; }
.revenue .revenueCont .dropMenu select { display: none; }
.revenue .revenueCont .revenueTable { margin: 30px 0 0 0; }
.revenue .revenueCont .revenueTable .tableStyle { background-color: #ffffff; width: 100%; margin: 0 0 10px 0; }
.revenue .revenueCont .revenueTable .tableStyle thead { border-bottom: 1px solid #E30881; }
.revenue .revenueCont .revenueTable .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.revenue .revenueCont .revenueTable .tableStyle { text-align: center; display: none; }
.revenue .revenueCont .revenueTable .tableStyle:first-child { display: table; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr td { font: 16px/30px Microsoft JhengHei, sans-serif; padding: 15px 10px; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr td:first-child { color: #E30881; font-weight: bold; min-width: 60px; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr td:nth-child(2) { min-width: 60px; }
.revenue .revenueCont .revenueTable .tableStyle tbody tr td:last-child { min-width: 120px; }
/*投資人專區 - 主要法人股東*/
.corp .corpCont { padding: 50px 0px 90px 100px; }
.corp .corpCont h2 { font: bold 24px/36px Microsoft JhengHei, sans-serif; margin: 0 0 45px 0; color: #E30881; }
.corp .corpCont p { font: 14px/25px Microsoft JhengHei, sans-serif; margin: 0 0 0 30px; }
.corp .corpCont .corpTable .tableStyle { background-color: #ffffff; width: 100%; margin: 0 0 10px 0; }
.corp .corpCont .corpTable .tableStyle thead { border-bottom: 1px solid #E30881; }
.corp .corpCont .corpTable .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.corp .corpCont .corpTable .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.corp .corpCont .corpTable .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.corp .corpCont .corpTable .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.corp .corpCont .corpTable .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.corp .corpCont .corpTable .tableStyle { margin: 0 0 30px 0; }
.corp .corpCont .corpTable .tableStyle tr td:first-of-type { text-align: center; }
.corp .corpCont .corpTable .tableStyle tr td:nth-child(3) { text-align: right; padding: 0 150px 0 0; }
.corp .corpCont .corpTable .tableStyle tr td:nth-child(4) { padding: 0 60px 0 0; text-align: center; }
/*投資人專區 - 股利資訊*/
.dividend .dividendCont { padding: 50px 0px 90px 100px; }
.dividend .dividendCont h2 { font: bold 24px/36px Microsoft JhengHei, sans-serif; margin: 0 0 45px 0; color: #E30881; }
.dividend .dividendCont .dividendTable { position: relative; padding: 0 0 0 180px; }
.dividend .dividendCont .dividendTable .tableStyle { background-color: #ffffff; width: 100%; margin: 0 0 10px 0; }
.dividend .dividendCont .dividendTable .tableStyle thead { border-bottom: 1px solid #E30881; }
.dividend .dividendCont .dividendTable .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dividend .dividendCont .dividendTable .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.dividend .dividendCont .dividendTable .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.dividend .dividendCont .dividendTable .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.dividend .dividendCont .dividendTable .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.dividend .dividendCont .dividendTable .tableBox_L { width: 180px; position: absolute; left: 0; top: 0; }
.dividend .dividendCont .dividendTable .tableBox_L .tableStyle td { text-align: center; }
.dividend .dividendCont .dividendTable .tableBox_R { width: 100%; overflow-x: auto; }
.dividend .dividendCont .dividendTable .tableBox_R .tableStyle { width: 100%; }
.dividend .dividendCont .dividendTable .tableBox_R .tableStyle td:nth-child(-n+3) { text-align: right; }
.dividend .dividendCont .dividendTable .tableBox_R .tableStyle td:nth-child(n+4) { text-align: center; }
.dividend .dividendCont .dividendTable .scrollTip { display: none; }
/*投資人專區 - 股務(東)資訊*/
.stockholder .stockholderCont { padding: 50px 0px 90px 100px; max-width: 930px; }
.stockholder .stockholderCont h2 { font: bold 24px/36px Microsoft JhengHei, sans-serif; margin: 0 0 45px 0; color: #E30881; }
.stockholder .stockholderCont p { display: inline-block; margin: 0 0 0 10px; }
.stockholder .stockholderCont .infoArea { margin: 0 0 50px 0; }
.stockholder .stockholderCont .infoArea:last-of-type { margin: 0; }
.stockholder .stockholderCont .infoArea h3 { margin: 0 0 20px 0; position: relative; padding: 0 0 0 20px; }
.stockholder .stockholderCont .infoArea h3:before { content: ""; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #E30881; position: absolute; left: 2px; top: 11px; }
.stockholder .stockholderCont .infoArea .infoTable .tableStyle { background-color: #ffffff; width: 100%; margin: 0 0 10px 0; }
.stockholder .stockholderCont .infoArea .infoTable .tableStyle thead { border-bottom: 1px solid #E30881; }
.stockholder .stockholderCont .infoArea .infoTable .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.stockholder .stockholderCont .infoArea .infoTable .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.stockholder .stockholderCont .infoArea .infoTable .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.stockholder .stockholderCont .infoArea .infoTable .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.stockholder .stockholderCont .infoArea .infoTable .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.stockholder .stockholderCont .infoArea .infoTable td a { color: #E30881; }
.stockholder .stockholderCont .infoArea .infoTable td:first-of-type { min-width: 120px; }
/*投資人專區 - 投資人活動*/
.activity .activityCont { padding: 50px 0 90px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.activity .activityCont .dropMenu { display: inline-block; position: relative; width: 280px; }
.activity .activityCont .dropMenu .dropList { display: none; max-width: 100%; max-height: 300px; overflow-y: auto; border-radius: 5px; position: absolute; left: 0; top: 60px; z-index: 1; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); }
.activity .activityCont .dropMenu .dropList li { padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #f4f4f4; background-color: #fff; font: 14px/48px Microsoft JhengHei, sans-serif; }
.activity .activityCont .dropMenu .dropList li:hover { color: #E30881; cursor: pointer; }
.activity .activityCont .dropMenu .dropList li:first-child { border-radius: 5px 5px 0 0; }
.activity .activityCont .dropMenu .dropList li:last-child { border-radius: 0 0 5px 5px; border: 0; }
.activity .activityCont .dropMenu .dropList li a { display: inline-block; font: 14px/48px Microsoft JhengHei, sans-serif; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
.activity .activityCont .dropMenu .dropList li a:hover { color: #E30881; }
.activity .activityCont .dropMenu .dropBtnBasic { cursor: pointer; }
.activity .activityCont .dropMenu .dropBtnBasic p { font: bold 24px/36px Microsoft JhengHei, sans-serif; width: calc(100% - 50px); display: inline-block; color: #E30881; }
.activity .activityCont .dropMenu .dropBtnBasic .dropBtn { display: inline-block; width: 36px; height: 36px; vertical-align: top; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }
.activity .activityCont .dropMenu .dropBtnBasic .dropBtn.upsideDown { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.activity .activityCont .dropMenu .dropBtnBasic .dropBtn i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(-90deg) scale(0.7); transform: rotate(-90deg) scale(0.7); position: absolute; left: calc(50% - 12px); top: calc(50% - 12px); }
.activity .activityCont .dropMenu .dropBtnBasic .dropBtn 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; }
.activity .activityCont .dropMenu .dropBtnBasic .dropBtn 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; }
.activity .activityCont .dropMenu .tips { font: 14px/20px Microsoft JhengHei, sans-serif; display: inline-block; margin: 10px 0 0 0; }
.activity .activityCont .dropMenu .dropList { top: 40px; right: 20px; left: unset; }
.activity .activityCont .dropMenu select { display: none; }
.activity .activityCont .activityList { margin: 30px 0 40px 0; }
.activity .activityCont .activityList ul { font: 14px/20px Microsoft JhengHei, sans-serif; border-top: 1px solid #F4F4F4; }
.activity .activityCont .activityList ul li { border-bottom: 1px solid #F4F4F4; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.activity .activityCont .activityList ul li:nth-child(2n+1) { background: #f9f9f9; }
.activity .activityCont .activityList ul li .activityInfo { width: calc(100% - 180px); }
.activity .activityCont .activityList ul li .activityInfo th { vertical-align: top; width: 92px; padding: 0 0 10px 0; }
.activity .activityCont .activityList ul li .activityInfo th span { width: 100%; text-align: center; font: 14px/30px Microsoft JhengHei, sans-serif; background-color: #B9B9B9; color: #fff; border-radius: 5px; display: inline-block; }
.activity .activityCont .activityList ul li .activityInfo th span i { display: inline-block; width: 20px; height: 20px; vertical-align: top; margin: 5px 10px 5px 0; }
.activity .activityCont .activityList ul li .activityInfo th span i.date { background: url("../img/investor/calendar.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo th span i.time { background: url("../img/investor/time.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo th span i.location { background: url("../img/investor/location.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo th span i.act { background: url("../img/investor/act.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo th span i.report { background: url("../img/investor/report.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo th span i.transcript { background: url("../img/investor/transcript.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo th span i.mic { background: url("../img/investor/mic.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo th span i.camera { background: url("../img/investor/camera.png") no-repeat center/20px; }
.activity .activityCont .activityList ul li .activityInfo td { font: 16px/30px Microsoft JhengHei, sans-serif; color: #333; padding: 0 0 10px 10px; }
.activity .activityCont .activityList ul li .activityInfo .activityInfo_last th { padding: 0; }
.activity .activityCont .activityList ul li .activityInfo .activityInfo_last td { padding: 0 0 0 10px; }
.activity .activityCont .activityList ul li .downloadBtn { 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; width: 130px; margin: 0 40px 0 10px; }
.activity .activityCont .activityList ul li .downloadBtn:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
/*投資人專區 - 問答集*/
.faq .faqBlock { width: calc(100% - 100px); }
.faq .faqBlock .faqCont { padding: 50px 0 90px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 0; }
.faq .faqBlock .faqCont h2 { color: #E30881; display: inline-block; width: 200px; vertical-align: top; font: bold 30px/40px Microsoft JhengHei, sans-serif; }
.faq .faqBlock .faqCont .faqList { display: inline-block; width: calc(100% - 200px); }
.faq .faqBlock .faqCont .faqList li { background: #fff; padding: 30px; margin: 0 0 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); cursor: pointer; position: relative; }
.faq .faqBlock .faqCont .faqList li.open .questionArea i:after { display: none; }
.faq .faqBlock .faqCont .faqList li .questionArea { position: relative; }
.faq .faqBlock .faqCont .faqList li .questionArea i { position: absolute; right: 0px; bottom: 0px; width: 24px; height: 24px; }
.faq .faqBlock .faqCont .faqList li .questionArea i::before { content: ""; display: block; background: #333; width: 14px; height: 2px; position: absolute; top: 11px; left: 5px; }
.faq .faqBlock .faqCont .faqList li .questionArea i::after { content: ""; display: block; background: #333; width: 2px; height: 14px; position: absolute; top: 5px; left: 11px; }
.faq .faqBlock .faqCont .faqList li .questionArea p { font: bold 17px/30px Microsoft JhengHei, sans-serif; position: relative; width: calc(100% - 24px); }
.faq .faqBlock .faqCont .faqList li .questionArea .qTitle { color: #E30881; display: block; font: bold 24px/40px Microsoft JhengHei, sans-serif; margin: 0 0 20px 0; }
.faq .faqBlock .faqCont .faqList li .answerArea { display: none; margin: 30px 0 0 0; border-top: 1px solid #ccc; padding: 30px 0 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; font: 15px/30px Microsoft JhengHei, sans-serif; }
.faq .faqBlock .faqCont .faqList li .answerArea a { color: #E30881; }
.faq .faqBlock .faqCont .faqList li .answerArea span { font: 15px/30px Microsoft JhengHei, sans-serif; display: block; }
.faq .faqBlock .faqCont .faqList li .answerArea table { margin: 15px 0 0 0; border: 1px solid #f4f4f4; padding: 0 10px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; text-align: center; }
.faq .faqBlock .faqCont .faqList li .answerArea table th { padding: 10px; font: 14px/20px Microsoft JhengHei, sans-serif; width: 70px; border-bottom: 1px solid #ccc; }
.faq .faqBlock .faqCont .faqList li .answerArea table td { font: 14px/20px Microsoft JhengHei, sans-serif; padding: 20px 10px; }
/*投資人專區 - 功能性委員會*/
.independenceDirector .mainBlock .articleCont { padding: 50px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.independenceDirector .mainBlock .articleCont h2 { margin: 0; }
.independenceDirector .mainBlock .articleCont .committeeItem { display: inline-block; width: 100%; font-size: 0; margin: 30px 0 0 0; }
.independenceDirector .mainBlock .articleCont .committeeItem h4 { position: relative; margin: 0 0 10px 0; padding: 0 0 0 20px; }
.independenceDirector .mainBlock .articleCont .committeeItem h4::before { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #E30881; top: 9px; left: 0; }
.independenceDirector .mainBlock .articleCont .committeeItem span { display: block; font: 15px/20px Microsoft JhengHei, sans-serif; }
.independenceDirector .mainBlock .articleCont .committeeItem ul { vertical-align: top; display: inline-block; margin: 0 0 20px 0; font: 14px/30px Microsoft JhengHei, sans-serif; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle { background-color: #ffffff; width: 100%; margin: 0 0 10px 0; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle thead { border-bottom: 1px solid #E30881; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.independenceDirector .mainBlock .articleCont .committeeItem .committeeTable table { text-align: center; }
.independenceDirector .downloadcommitteeBlock { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 90px 0 90px 100px; font-size: 0; width: calc(100% - 100px); -webkit-box-sizing: border-box; box-sizing: border-box; }
.independenceDirector .downloadcommitteeBlock h2 { width: 210px; color: #E30881; }
.independenceDirector .downloadcommitteeBlock .downloadCont { width: calc(100% - 210px); }
.independenceDirector .downloadcommitteeBlock .downloadCont li { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 30px 0; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); }
.independenceDirector .downloadcommitteeBlock .downloadCont li .fileTitle { width: calc(100% - 166px); padding: 0 0 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.independenceDirector .downloadcommitteeBlock .downloadCont li .fileTitle span { font: 14px/20px Microsoft JhengHei, sans-serif; color: rgba(51, 51, 51, 0.5); margin: 5px 0 0 0; }
.independenceDirector .downloadcommitteeBlock .downloadCont li a { 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; }
.independenceDirector .downloadcommitteeBlock .downloadCont li a:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
/*投資人專區 - 股東會*/
.shareholdersMeeting .mainBlock .articleCont { padding: 50px 100px 90px 100px; }
.shareholdersMeeting .mainBlock .articleCont .meetingInfo li { margin: 0 0 10px 0; }
.shareholdersMeeting .mainBlock .articleCont .meetingInfo li:last-child { margin: 0; }
.shareholdersMeeting .mainBlock .articleCont .meetingInfo li span { border-radius: 5px; background: #B9B9B9; color: #fff; font: 14px/25px Microsoft JhengHei, sans-serif; display: inline-block; width: 60px; text-align: center; }
.shareholdersMeeting .mainBlock .articleCont .meetingInfo li b { vertical-align: top; font: 16px/30px Microsoft JhengHei, sans-serif; padding: 0 0 0 10px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 60px); }
.shareholdersMeeting .mainBlock .articleCont .downloadArea { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 60px 0 0 0; }
.shareholdersMeeting .mainBlock .articleCont .downloadArea h5 { font: bold 18px/30px Microsoft JhengHei, sans-serif; color: #333333; width: 210px; margin: 0; }
.shareholdersMeeting .mainBlock .articleCont .downloadArea ul { width: calc(100% - 210px); }
.shareholdersMeeting .mainBlock .articleCont .downloadArea ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); margin: 0 0 30px 0; border-radius: 5px; }
.shareholdersMeeting .mainBlock .articleCont .downloadArea ul li:last-child { margin: 0; }
.shareholdersMeeting .mainBlock .articleCont .downloadArea ul li .fileTitle { width: calc(100% - 166px); padding: 0 0 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.shareholdersMeeting .mainBlock .articleCont .downloadArea ul li .fileTitle span { font: 14px/20px Microsoft JhengHei, sans-serif; color: rgba(51, 51, 51, 0.5); margin: 5px 0 0 0; }
.shareholdersMeeting .mainBlock .articleCont .downloadArea ul li a { 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; }
.shareholdersMeeting .mainBlock .articleCont .downloadArea ul li a:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
.shareholdersMeeting .meetingHistoryTitle { color: #E30881; font: bold 24px/30px Microsoft JhengHei, sans-serif; padding: 90px 0 40px 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.shareholdersMeeting .meetingBlock { width: calc(100% - 100px); margin: 0 0 90px 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 50px 0px 90px 100px; background: #fff; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable { -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle { background-color: #ffffff; width: 100%; margin: 0 0 10px 0; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle thead { border-bottom: 1px solid #E30881; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle thead tr td { font: bold 16px/30px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle tbody tr:nth-child(2n) { background-color: #f9f9f9; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle tbody tr td { font: bold 14px/20px Microsoft JhengHei, sans-serif; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle tbody tr td table { width: 250px; border: 1px solid #ccc; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle tbody tr td table thead { border-bottom: 1px solid #ccc; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle { text-align: center; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle td { min-width: 100px; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle td:last-child { text-align: left; padding-left: 100px; width: 600px; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle b { color: #E30881; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle a { display: block; text-decoration: underline; color: #555555; margin: 0 0 10px 0; }
.shareholdersMeeting .meetingBlock .meetingHistoryTable .scrollTip { display: none; }
.shareholdersMeeting .meetingBlock .pagination { margin: 80px 0 0 0; }
/*投資人專區 - 重要公告*/
.announcemet .announcemetCont { padding: 50px 100px 90px 100px; }
.announcemet .announcemetCont .dropMenu { display: inline-block; position: relative; width: 240px; }
.announcemet .announcemetCont .dropMenu .dropList { display: none; max-width: 100%; max-height: 300px; overflow-y: auto; border-radius: 5px; position: absolute; left: 0; top: 60px; z-index: 1; -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.15); }
.announcemet .announcemetCont .dropMenu .dropList li { padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 2px solid #f4f4f4; background-color: #fff; font: 14px/48px Microsoft JhengHei, sans-serif; }
.announcemet .announcemetCont .dropMenu .dropList li:hover { color: #E30881; cursor: pointer; }
.announcemet .announcemetCont .dropMenu .dropList li:first-child { border-radius: 5px 5px 0 0; }
.announcemet .announcemetCont .dropMenu .dropList li:last-child { border-radius: 0 0 5px 5px; border: 0; }
.announcemet .announcemetCont .dropMenu .dropList li a { display: inline-block; font: 14px/48px Microsoft JhengHei, sans-serif; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: top; }
.announcemet .announcemetCont .dropMenu .dropList li a:hover { color: #E30881; }
.announcemet .announcemetCont .dropMenu .dropBtnBasic { cursor: pointer; }
.announcemet .announcemetCont .dropMenu .dropBtnBasic p { font: bold 24px/36px Microsoft JhengHei, sans-serif; width: calc(100% - 50px); display: inline-block; color: #E30881; }
.announcemet .announcemetCont .dropMenu .dropBtnBasic .dropBtn { display: inline-block; width: 36px; height: 36px; vertical-align: top; position: relative; -webkit-transition: all 0.5s; transition: all 0.5s; }
.announcemet .announcemetCont .dropMenu .dropBtnBasic .dropBtn.upsideDown { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.announcemet .announcemetCont .dropMenu .dropBtnBasic .dropBtn i { position: relative; width: 24px; height: 24px; display: inline-block; -webkit-transform: rotate(-90deg) scale(0.7); transform: rotate(-90deg) scale(0.7); position: absolute; left: calc(50% - 12px); top: calc(50% - 12px); }
.announcemet .announcemetCont .dropMenu .dropBtnBasic .dropBtn 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; }
.announcemet .announcemetCont .dropMenu .dropBtnBasic .dropBtn 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; }
.announcemet .announcemetCont .dropMenu .tips { font: 14px/20px Microsoft JhengHei, sans-serif; display: inline-block; margin: 10px 0 0 0; }
.announcemet .announcemetCont .dropMenu .dropList { top: 40px; right: 20px; left: unset; }
.announcemet .announcemetCont .dropMenu select { display: none; }
.announcemet .announcemetCont .announcemetList { margin: 30px 0 40px 0; }
.announcemet .announcemetCont .announcemetList li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #f4f4f4; padding: 30px 30px 30px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.announcemet .announcemetCont .announcemetList li:nth-child(2n) { background: #f9f9f9; }
.announcemet .announcemetCont .announcemetList li .announcemetTitle { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; }
.announcemet .announcemetCont .announcemetList li .announcemetTitle .date { display: inline-block; font: 14px/26px Microsoft JhengHei, sans-serif; color: #fff; background: #b9b9b9; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; margin: 0 0 20px 0; letter-spacing: 2px; }
.announcemet .announcemetCont .announcemetList li .announcemetTitle p { font: bold 18px/28px Microsoft JhengHei, sans-serif; }
.announcemet .announcemetCont .announcemetList li button { 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; margin: 0 0 0 10px; }
.announcemet .announcemetCont .announcemetList li button:hover { background: #E30881; color: #ffffff; border-color: #E30881; }
/*投資人專區 小網*/
@media screen and (max-width: 1024px) { .investor .mainBlock { width: 100%; margin: 0; }
  .investor .mainBlock .navtab { display: none; }
  .investor .seasonFileList { padding: 50px 30px; width: 100%; max-width: unset; }
  .investor .fileDownLoadList { padding: 30px 30px 50px 30px; }
  .investor .fileDownLoadList li { padding: 15px 10px; }
  .investor .downloadRevenueBlock, .investor .downloadBlock { display: block; padding: 0 30px 30px 30px; width: 100%; }
  .investor .downloadRevenueBlock h2, .investor .downloadBlock h2 { width: 100%; margin: 30px 0; }
  .investor .downloadRevenueBlock .downloadCont, .investor .downloadBlock .downloadCont { width: 100%; }
  /*投資人專區 － 當日股市_小網*/
  .stockToday { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; bottom: 30px; background-color: unset; right: unset; }
  .stockToday .calendar { width: 44px; height: 65px; border-radius: 0; background: unset; background: rgba(255, 255, 255, 0.7); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
  .stockToday .calendar b { font: bold 24px/45px Microsoft JhengHei, sans-serif; }
  .stockToday .stockInfo { padding: 10px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgba(255, 255, 255, 0.8); }
  .stockToday .stockInfo span { font: 12px/20px Microsoft JhengHei, sans-serif; }
  .stockToday dt { background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); width: 58px; }
  .stockToday dt b { font: bold 18px/35px Microsoft JhengHei, sans-serif; display: block; text-align: right; }
  .stockToday dt b i { position: absolute; left: 5px; }
  .director .mainBlock .articleCont { width: 100%; max-width: unset; padding: 50px 30px 70px 30px; }
  .director .mainBlock .articleCont h2 { margin: 0 0 30px 0; }
  .director .mainBlock .articleCont .abilityList ul { width: 100%; display: block; }
  .director .memberBlock { padding: 50px 30px 50px 30px; }
  .director .memberBlock h2 { position: relative; display: block; margin: 0 0 30px 0; }
  .director .memberBlock .memberList { padding: 0; }
  .director .memberBlock .memberNum { left: -60px; top: 60px; font: bold 700px/600px Microsoft JhengHei, sans-serif; }
  .director .abilityBlock { background: #ffffff; padding: 70px 0; margin: 0; }
  .director .abilityBlock .articleCont { margin: 0; max-width: unset; padding: 0 30px 50px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .director .abilityBlock .abilityTable { padding: 0 0 0 120px; margin: 0; }
  .director .abilityBlock .abilityTable .ageSymbol { right: unset; left: 0px; }
  .director .abilityBlock .abilityTable .tableBox_L { width: 120px; }
  .revenue .revenueCont { padding: 50px 0 50px 30px; }
  .revenue .revenueCont .revenueTable { width: 100%; overflow-x: auto; }
  .revenue .revenueCont .dropMenu .dropBtnBasic { display: none; }
  .revenue .revenueCont .dropMenu .dropList { display: none; }
  .revenue .revenueCont .dropMenu select { display: block; width: 260px; border: 0; font: bold 24px/36px Microsoft JhengHei, sans-serif; color: #E30881; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/arrow_pink.png); background-repeat: no-repeat; background-position: right center; background-color: transparent; background-size: 30px auto; margin: 0; padding: 0; }
  .revenue .revenueCont .dropMenu select:focus { border: 0; outline: none; }
  .revenue .revenueCont .dropMenu select option { font: 20px/30px Microsoft JhengHei, sans-serif; color: #333333; }
  .corp .corpCont { padding: 50px 0px 50px 20px; }
  .corp .corpCont h2 { margin: 0 0 30px 0; }
  .corp .corpCont p { margin: 0; }
  .corp .corpCont .corpTable { width: 100%; overflow-x: auto; }
  .corp .corpCont .corpTable .tableStyle tr td:nth-child(3) { padding: 0 60px 0 0; }
  .dividend .dividendCont { padding: 50px 0px 50px 20px; }
  .dividend .dividendCont .dividendTable { padding: 0 0 0 160px; }
  .dividend .dividendCont .dividendTable .tableBox_L { width: 160px; }
  .dividend .dividendCont .dividendTable .tableBox_R .tableStyle { width: 1000px; }
  .dividend .dividendCont .dividendTable .scrollTip { position: absolute; top: calc(50% - 17px); left: calc(50% - 90px); display: inline-block; }
  /*投資人專區 - 股務(東)資訊*/
  .stockholder .stockholderCont { padding: 50px 0px 50px 20px; }
  .stockholder .stockholderCont h2 { margin: 0 0 30px 0; }
  .stockholder .stockholderCont .infoArea h4 { margin: 0 0 20px 0; }
  .activity .activityCont { padding: 50px 30px; }
  .activity .activityCont .dropMenu .dropBtnBasic { display: none; }
  .activity .activityCont .dropMenu .dropList { display: none; }
  .activity .activityCont .dropMenu select { display: block; width: 260px; border: 0; font: bold 24px/36px Microsoft JhengHei, sans-serif; color: #E30881; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/arrow_pink.png); background-repeat: no-repeat; background-position: right center; background-color: transparent; background-size: 30px auto; margin: 0; padding: 0; }
  .activity .activityCont .dropMenu select:focus { border: 0; outline: none; }
  .activity .activityCont .dropMenu select option { font: 20px/30px Microsoft JhengHei, sans-serif; color: #333333; }
  .activity .activityCont .activityList { margin: 0 0 40px 0; }
  .activity .activityCont .activityList ul { border: none; }
  .activity .activityCont .activityList ul li { padding: 30px 0 20px 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .activity .activityCont .activityList ul li:nth-child(2n+1) { background: #fff; }
  .activity .activityCont .activityList ul li .activityInfo th { width: 48px; }
  .activity .activityCont .activityList ul li .activityInfo th span i { display: none; }
  .activity .activityCont .activityList ul li .activityInfo .activityInfo_last td { padding: 0 0 0 10px; }
  .activity .activityCont .activityList ul li .downloadBtn { margin: 20px 0 0 0; }
  .faq .faqBlock { width: 100%; }
  .faq .faqBlock .faqCont { padding: 50px 30px; }
  .faq .faqBlock .faqCont h2 { display: block; margin: 0 0 30px 0; font: bold 24px/36px Microsoft JhengHei, sans-serif; }
  .faq .faqBlock .faqCont .faqList { width: 100%; }
  .faq .faqBlock .faqCont .faqList li { padding: 20px; }
  .faq .faqBlock .faqCont .faqList li .questionArea .qTitle { font: bold 20px/20px Microsoft JhengHei, sans-serif; }
  .faq .faqBlock .faqCont .faqList li .answerArea { padding: 20px 0 0 0; margin: 20px 0 0 0; }
  .faq .faqBlock .faqCont .faqList li .answerArea .faqTable { overflow-x: auto; }
  .faq .faqBlock .faqCont .faqList li .answerArea .faqTable table { width: -webkit-max-content; width: -moz-max-content; width: max-content; }
  .independenceDirector .mainBlock .articleCont { width: 100%; max-width: unset; padding: 50px 30px 70px 30px; }
  .independenceDirector .mainBlock .articleCont h2 { margin: 0 0 30px 0; }
  .independenceDirector .mainBlock .articleCont .committeeItem ul { width: 100%; display: block; }
  .independenceDirector .mainBlock .articleCont .committeeItem .committeeTable { overflow-x: auto; overflow-y: hidden; }
  .independenceDirector .downloadcommitteeBlock { display: block; padding: 0 30px 30px 30px; width: 100%; }
  .independenceDirector .downloadcommitteeBlock h2 { margin: 20px 0; width: 100%; }
  .independenceDirector .downloadcommitteeBlock .downloadCont { width: 100%; }
  .independenceDirector .downloadcommitteeBlock .downloadCont a { margin: 15px 0 0 0; }
  .shareholdersMeeting .mainBlock .articleCont { padding: 50px 30px 70px 30px; }
  .shareholdersMeeting .mainBlock .articleCont .downloadArea { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 50px 0 0 0; }
  .shareholdersMeeting .mainBlock .articleCont .downloadArea h5 { width: 100%; margin: 0 0 30px 0; }
  .shareholdersMeeting .mainBlock .articleCont .downloadArea ul { width: 100%; }
  .shareholdersMeeting .meetingHistoryTitle { padding: 70px 0px 30px 30px; }
  .shareholdersMeeting .meetingBlock { width: 100%; padding: 50px 0px 70px 30px; }
  .shareholdersMeeting .meetingBlock .meetingHistoryTable { overflow-x: auto; }
  .shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle td:last-child { width: 400px; padding-left: 50px; }
  .announcemet .announcemetCont { padding: 50px 30px 70px 30px; } }
@media screen and (max-width: 640px) { .investor .seasonFileList dt { margin: 0 0 30px 0; }
  .investor .seasonFileList dd { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0 0 15px 0; }
  .investor .seasonFileList dd .downLoadBtnGp { width: 100%; }
  .investor .seasonFileList dd .downLoadBtnGp a { margin: 10px 10px 0 0; }
  .investor .seasonFileList dd .downLoadBtnGp a.noDetaStyle { display: none; }
  .investor .downloadRevenueBlock, .investor .downloadBlock { background-color: #fff; }
  .investor .downloadRevenueBlock h2, .investor .downloadBlock h2 { margin: 0 0 30px 0; }
  .investor .downloadRevenueBlock .downloadCont, .investor .downloadBlock .downloadCont { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; }
  .investor .downloadRevenueBlock .downloadCont .fileTitle, .investor .downloadBlock .downloadCont .fileTitle { width: 100%; padding: 15px 0 0 0; }
  .investor .downloadRevenueBlock .downloadCont .fileTitle h3, .investor .downloadBlock .downloadCont .fileTitle h3 { color: #000; }
  .investor .downloadRevenueBlock .downloadCont .fileTitle span, .investor .downloadBlock .downloadCont .fileTitle span { color: #000; }
  .investor .downloadRevenueBlock .downloadCont a, .investor .downloadBlock .downloadCont a { margin: 15px 0 0 0; }
  .activity .activityCont .activityList ul li { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .activity .activityCont .activityList ul li .activityInfo { width: 100%; }
  .activity .activityCont .activityList ul li .downloadBtn { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .director .memberBlock .memberList .cardBasic { max-width: unset; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0 0 30px 0; }
  .director .abilityBlock .abilityTable .tableStyle tbody tr td { padding: 0 10px; }
  .director .abilityBlock .abilityTable .tableBox_R table td { height: 40px; }
  .director .abilityBlock .abilityTable .tableBox_L table.tableStyle td { height: 40px; }
  .corp .corpCont h2 { margin: 0 0 30px 0; }
  .corp .corpCont .corpTable .tableStyle thead tr td { line-height: 20px; }
  .corp .corpCont .corpTable .tableStyle tr td:nth-child(3), .corp .corpCont .corpTable .tableStyle tr td:nth-child(4) { padding: 10px; }
  .dividend .dividendCont h2 { margin: 0 0 30px 0; }
  .faq .faqBlock .faqCont .faqList li .questionArea i { top: 0; }
  .independenceDirector .mainBlock .articleCont .committeeItem .committeeTable .tableStyle { width: 600px; }
  .independenceDirector .downloadcommitteeBlock .downloadCont li { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; }
  .independenceDirector .downloadcommitteeBlock .downloadCont li .fileTitle { width: 100%; padding: 15px 0 0 0; }
  .shareholdersMeeting .mainBlock .articleCont .downloadArea ul li { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px; }
  .shareholdersMeeting .mainBlock .articleCont .downloadArea ul li .fileTitle { width: 100%; padding: 15px 0 0 0; }
  .shareholdersMeeting .mainBlock .articleCont .downloadArea ul li a { margin: 15px 0 0 0; }
  .shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle { width: 700px; }
  .shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle td { min-width: 50px; }
  .shareholdersMeeting .meetingBlock .meetingHistoryTable .tableStyle td:last-child { width: auto; padding-left: 40px; width: 320px; }
  .shareholdersMeeting .meetingBlock .meetingHistoryTable .scrollTip { display: inline-block; position: absolute; top: 220px; left: calc(50% - 90px); }
  .announcemet .announcemetCont .dropMenu .dropBtnBasic { display: none; }
  .announcemet .announcemetCont .dropMenu .dropList { display: none; }
  .announcemet .announcemetCont .dropMenu select { display: block; width: 220px; border: 0; font: bold 24px/36px Microsoft JhengHei, sans-serif; color: #E30881; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(../img/arrow_pink.png); background-repeat: no-repeat; background-position: right center; background-color: transparent; background-size: 30px auto; margin: 0; padding: 0; }
  .announcemet .announcemetCont .dropMenu select:focus { border: 0; outline: none; }
  .announcemet .announcemetCont .dropMenu select option { font: 20px/30px Microsoft JhengHei, sans-serif; color: #333333; }
  .announcemet .announcemetCont .announcemetList { margin: 20px 0 40px 0; }
  .announcemet .announcemetCont .announcemetList li { padding: 20px 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .announcemet .announcemetCont .announcemetList li .announcemetTitle .date { margin: 0 0 10px 0; }
  .announcemet .announcemetCont .announcemetList li button { margin: 20px 0 0 0; } }