@charset "UTF-8";
.prevYearArrow, .nextYearArrow, #investorQuickList a, .titleStyle02, .textInnerBox, .classNote, .textInnerList li, .topTitle, .yearBox .yearLink li a, .sideContactIR a, .inveGroup .footable-row-detail-name, .faqList > li, .faqList > li h3, .reportMergeBox, .reportIndividualBox, .reportYearBox, .reportMergeBox a::after, .reportIndividualBox a::after, .reportYearBox a::after, .reportMergeBox a, .classYear .main, .classYear ul, .classYear ul a, .stockBox .left a, .stockBox .Img, ul.transactionList li, .thankInfo, .formBox, .formBox input[type="text"], .formBox select, .formBox textarea, .buttonArea a, .lightboxArea .itemBox, .calendarList > li > :nth-child(2), .calendarReportList > li > :first-child, .calendarReportList > li > :nth-child(3), .calendarInvestorsList > li > :first-child, .calendarInvestorsList > li > :nth-child(3), .calendarInvestorsList > li > :nth-child(4), .calendarInvestorsList > li > :nth-child(5), .m_yearLink ul, .ad_side_investor_list li {
  box-sizing: border-box;
}

.prevYearArrow, .nextYearArrow, .investorQuickBtn::before, .ad_side_investor_list img, .faqList > li, .faqList > li h3, .faqList > li h3 a.toggleOpen, .faqList > li h3 a.toggleOpen:before, .faqList > li h3 a.toggleOpen:after, .reportMergeBox, .reportIndividualBox, .reportYearBox, .reportMergeBox a::after, .reportIndividualBox a::after, .reportYearBox a::after, .classYearList a::before, .lightboxArea .itemBox, .lightboxArea .btnClose, .calendarList > li {
  transition: all .5s ease-out;
}

body > svg {
  position: absolute;
  width: 0;
  height: 0;
}

.horizontalTable .horizontalTableInner {
  overflow-x: auto;
  cursor: move;
}

.mainArea {
  padding-bottom: 0;
}

.mainArea .bread {
  margin-bottom: 60px;
}

.backBtn {
  margin-top: 80px;
  margin-left: auto;
  margin-right: auto;
}

.contentBox {
  padding-bottom: 100px;
}

.classBC {
  padding-top: 20px;
}

.classBC > ul a {
  min-width: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.classBC .m_classLink li a:hover, .classBC .m_classLink li a.current {
  color: #b93435;
}

.prevYearArrow, .nextYearArrow {
  position: absolute;
  top: 0;
  z-index: 3;
  width: 40px;
  height: 40px;
  padding: 0;
  color: #2b7e3e;
  font-size: 24px;
  text-align: center;
  outline: none;
  border: 2px dashed;
  border-radius: 50%;
  background-color: transparent;
  cursor: pointer;
}

.prevYearArrow:hover, .nextYearArrow:hover {
  color: transparent;
  background-color: #2b7e3e;
}

.prevYearArrow:hover::before, .nextYearArrow:hover::before {
  color: #fff;
}

.prevYearArrow::before, .nextYearArrow::before {
  font-family: FontAwesome;
}

.prevYearArrow::before {
  content: '\f104';
}

.nextYearArrow::before {
  content: '\f105';
}

.investorTitleBox {
  margin-bottom: 30px;
  border-bottom: 3px solid #eee;
}

.investorTitleBox span {
  position: relative;
  display: inline-block;
  padding: 0 20px 10px;
  font-size: 24px;
  letter-spacing: 1px;
  font-weight: 500;
  color: #1f2020;
}

.investorTitleBox span::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  height: 3px;
  background-color: #54a946;
}

.investorQuickLinkBox {
  position: relative;
  padding-top: 120px;
}

.investorQuickBtn {
  position: absolute;
  top: -38px;
  left: 0;
  right: 0;
  margin: auto;
  width: 90px;
  padding-top: 90px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 2px;
  text-indent: 2px;
  font-family: 'Noto Sans SC', '微軟正黑體', sans-serif;
  font-weight: 300;
}

.investorQuickBtn:hover {
  color: #262626;
}

.investorQuickBtn:hover::before {
  top: 65px;
  height: 0;
}

.investorQuickBtn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 1px;
  height: 65px;
  margin: auto;
  background-color: #262626;
}

#investorQuickList {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#investorQuickList::before {
  content: '';
  display: block;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: url("../images/investors/investorsPhoto.jpg") 50%/cover no-repeat;
}

#investorQuickList li:first-child a {
  background-color: #cabc00;
}

#investorQuickList li:first-child a:hover {
  background-color: #b1a400;
}

#investorQuickList li:first-child a::before {
  background-position-x: 0;
}

#investorQuickList li:nth-child(2) a {
  background-color: #509d44;
}

#investorQuickList li:nth-child(2) a:hover {
  background-color: #478b3c;
}

#investorQuickList li:nth-child(2) a::before {
  background-position-x: -75px;
}

#investorQuickList li:nth-child(3) a {
  background-color: #2b7e3e;
}

#investorQuickList li:nth-child(3) a:hover {
  background-color: #256b35;
}

#investorQuickList li:nth-child(3) a::before {
  background-position-x: -150px;
}

#investorQuickList li:nth-child(4) a {
  background-color: #509d44;
}

#investorQuickList li:nth-child(4) a:hover {
  background-color: #478b3c;
}

#investorQuickList li:nth-child(4) a::before {
  background-position-x: -225px;
}

#investorQuickList li:nth-child(5) a {
  background-color: #cabc00;
}

#investorQuickList li:nth-child(5) a:hover {
  background-color: #b1a400;
}

#investorQuickList li:nth-child(5) a::before {
  background-position-x: -300px;
}

#investorQuickList a {
  position: relative;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 250px;
  height: 250px;
  text-align: center;
  font-size: 18px;
  font-weight: 350;
  font-family: 'Noto Sans SC', '微軟正黑體', sans-serif;
  color: #fff;
  letter-spacing: 2px;
}

#investorQuickList a:hover {
  letter-spacing: 0;
}

#investorQuickList a::before {
  content: '';
  display: block;
  width: 75px;
  height: 70px;
  margin-bottom: 25px;
  background-image: url("../images/investors/quickLinkIcons.png");
  background-position-y: 50%;
  background-repeat: no-repeat;
}

/*--共用設定--*/
.titleStyle01 {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
}

.titleStyle01 i {
  display: inline-block;
  width: 20px;
  margin-right: 8px;
}

.titleStyle01 i img {
  display: block;
  width: 100%;
}

.titleStyle02 {
  font-size: 18px;
  font-weight: 500;
  padding-left: 20px;
}

.titleStyle03 {
  position: relative;
  width: 100%;
  text-align: center;
  font-size: 24px;
  font-weight: normal;
  text-transform: uppercase;
  border-bottom: 3px solid #eee;
  padding-bottom: 15px;
}

.titleStyle03::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -3px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100px;
  height: 3px;
  background-color: #cd2323;
}

.titleStyle03 i {
  margin-left: 15px;
}

.textInnerBox {
  padding-left: 20px;
  margin-bottom: 40px;
}

.textInnerBox h5 {
  font-size: 15px;
}

.textInnerBox .Txt {
  font-size: 14px;
  line-height: 25px;
  color: #555;
  letter-spacing: .05em;
}

.textInnerBox .Txt img {
  display: block;
  margin: 0 auto;
}

.textInnerBox .backBtn {
  margin-top: 20px;
  color: #fff;
}

.classNote {
  padding-left: 20px;
  margin-bottom: 40px;
}

.classNote h5 {
  font-size: 15px;
}

.classNote .Txt {
  font-size: 14px;
  line-height: 25px;
  color: #555;
  letter-spacing: .05em;
}

.classNote .Txt img {
  display: block;
  margin: 0 auto;
}

.noteTxt {
  padding: 15px 0 0 20px;
  color: #747474;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: .05em;
}

.textInnerList {
  box-shadow: 0 0 5px rgba(0, 0, 16, 0.1);
  letter-spacing: .05em;
}

.textInnerList h3 {
  width: calc(100% - 100px);
}

.textInnerList h3 a {
  font-size: 14px;
  font-family: "微軟正黑體";
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.textInnerList li {
  padding: 18px 20px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}

.topTitle {
  background-color: #2b7e3e;
  color: #fff;
  font-size: 14px;
  padding: 16px 20px;
}

.topTitle .left {
  float: left;
  width: 110px;
}

.topTitle .right {
  overflow: hidden;
}

.yearBox {
  width: 100%;
  text-align: right;
}

.yearBox .yearLink li {
  display: inline-block;
}

.yearBox .yearLink li a {
  display: block;
  color: #555;
  padding: 5px 12px;
  border-radius: 15px;
}

.yearBox .yearLink li a.current {
  font-weight: 500;
  background: #cd2323;
  color: #fff;
}

.yearBox .yearLink li a:hover {
  background: #cd2323;
  color: #fff;
}

.horizontalTable {
  box-shadow: 0 0 5px rgba(0, 0, 16, 0.1);
}

.horizontalTable table {
  min-width: 850px;
}

/********標題區*******/
.titleArea {
  clear: both;
  margin-bottom: 30px;
}

.titleArea h3 {
  /*標題區左-訊息標題*/
  font-size: 24px;
  font-weight: normal;
  color: #1f2020;
  letter-spacing: .05em;
  margin-bottom: 13px;
  overflow: hidden;
}

.titleArea h3 strong {
  display: block;
  font-weight: normal;
}

.titleArea h3 b {
  /*標題區左-訊息日期*/
  font-size: 12px;
  color: #A3A3A3;
  font-weight: normal;
  margin-left: 5px;
}

.titleArea .newsDate {
  font-size: 15px;
  color: #54a946;
}

.titleArea .newsDate strong, .titleArea .newsDate b {
  font-weight: 300;
}

.titleArea .link {
  display: inline-block;
  color: #54a946;
}

.titleArea .link:hover {
  color: #2b7e3e;
}

.titleArea .link:before {
  content: '|';
  display: inline-block;
  padding: 0 12px;
  color: #b3b3b3;
}

.titleArea .btn-fb {
  /*fb*/
  float: left;
}

.titleArea a.back {
  /*回上頁*/
  cursor: pointer;
  display: block;
  float: right;
  margin-left: 5px;
  color: #06F;
  font-size: 10pt;
}

/*--側邊資訊--*/
.ad_side_investor_list li {
  width: 100%;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #eee;
}

.ad_side_investor_list li:last-child {
  border-bottom: none;
}

.ad_side_investor_list img {
  display: block;
  width: 100%;
}

.ad_side_investor_list img:hover {
  opacity: .75;
}

.ad_side_investor_list h3 a {
  display: block;
  letter-spacing: .03em;
  margin-top: 5px;
}

/*--側邊_法人諮詢--*/
.side_infoIR {
  margin-bottom: 20px;
}

/*--側邊_聯絡IR--*/
.sideContactIR {
  margin-bottom: 30px;
}

.sideContactIR a {
  position: relative;
  display: block;
  font-size: 16px;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  letter-spacing: .05em;
  background: #54a946;
  border-radius: 30px;
}

.sideContactIR a:hover {
  background: #2b7e3e;
}

.sideContactIR a:after {
  content: '\f105';
  font-family: FontAwesome;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*-----公司信息-----*/
/*--基本資料--*/
table.tableBasicInfo tr:first-child {
  border-top-color: #dddddd;
}

table.tableBasicInfo tr td {
  padding: 15px 20px;
}

/*--組織與團隊--*/
.inveGroup {
  border-top: 3px solid #eee;
  margin-top: 50px;
}

.inveGroup h4 {
  font-size: 18px;
  font-weight: normal;
  letter-spacing: .05em;
  padding: 40px 18px 30px;
}

.inveGroup table thead th {
  text-align: left;
}

.inveGroup table td {
  font-size: 14px;
  line-height: 25px;
}

.inveGroup .footable-row-detail-name {
  width: 60px;
}

/*--財務摘要--*/
.inveFinance {
  position: relative;
}

.inveFinance h4 {
  font-weight: normal;
  font-size: 18px;
  letter-spacing: .05em;
  padding-left: 20px;
}

.inveFinance h4 em {
  font-size: 13px;
  color: #747474;
}

.inveFinance h5 {
  margin-top: 32px;
  font-weight: normal;
}

.inveFinance h5 b {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
}

.inveFinance h5 em {
  display: block;
  text-align: right;
  margin-top: -30px;
  color: #747474;
  line-height: 20px;
  font-size: 13px;
}

.inveFinance table {
  width: 100%;
  min-width: 900px;
}

.inveFinance table th {
  text-align: left;
}

.inveFinance table td + td {
  text-align: center;
}

.inveFinance .horizontalTable {
  margin-top: 15px;
}

/*-----公司治理-----*/
/*--董事會,功能性委員會--*/
.faqList {
  box-shadow: 0 0 5px rgba(0, 0, 16, 0.1);
}

.faqList > li {
  border-bottom: 1px dotted #eee;
}

.faqList > li h3 {
  position: relative;
  padding: 15px 20px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  padding-right: 25px;
  background-color: #fff;
}

.faqList > li h3 b {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-style: italic;
  margin-right: 10px;
  color: #54a946;
}

.faqList > li h3 a.toggleOpen {
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  cursor: pointer;
  width: 17px;
  height: 17px;
  margin-top: -8.5px;
  border: 1px solid #54a946;
  border-radius: 50%;
}

.faqList > li h3 a.toggleOpen:before, .faqList > li h3 a.toggleOpen:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -0.5px;
  margin-left: -4px;
  width: 8px;
  height: 1px;
  background-color: #54a946;
}

.faqList > li h3 a.toggleOpen:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.faqList > li .definition {
  display: none;
  padding: 20px 15px;
  font-size: 14px;
  color: #555;
  line-height: 25px;
}

.faqList > li .definition::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.faqList > li .Img {
  float: left;
  width: 90px;
  margin-right: 20px;
}

.faqList > li .Img img {
  display: block;
  width: 100%;
}

.faqList > li .rightTxt {
  float: left;
  margin-top: 5px;
}

.faqList > li .rightTxt ul {
  list-style-type: none;
  padding: 0;
}

.faqList > li .rightTxt ul li {
  float: left;
  width: 100%;
}

.faqList > li .rightTxt .left {
  float: left;
}

.faqList > li .rightTxt .right {
  overflow: hidden;
}

.faqList > li.current {
  background: #f7f7f7;
  border-top: 1px dotted #7e8386;
}

.faqList > li.current h3 {
  font-size: 18px;
  color: #fff;
  background-color: #54a946;
}

.faqList > li.current a.toggleOpen {
  border-color: #fff;
}

.faqList > li.current a.toggleOpen:after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
  background-color: #fff;
}

/*--董事會重大決議--*/
.resolutionClassYear.classYear {
  margin-top: -88px;
}

.resolutionList .Txt {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.resolutionList .resolutionNewsDate {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 110px;
}

.resolutionList h3 {
  width: calc(100% - 110px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.resolutionList a {
  display: block;
}

.resolutionNewsDate {
  font-size: 14px;
  font-weight: 300;
  color: #54a946;
}

.resolutionYear {
  float: right;
  -webkit-transform: translateY(-88px);
      -ms-transform: translateY(-88px);
          transform: translateY(-88px);
}

.resolutionTitleArea {
  margin-bottom: 30px;
}

.resolutionTitleArea h1 {
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 1px;
  margin-bottom: 13px;
}

#ckepop {
  display: inline-block;
  vertical-align: top;
}

#ckepop .jtico {
  display: block;
  width: 100%;
  font-size: 13px;
  margin: 0;
  height: 38px !important;
  line-height: 38px !important;
  text-align: center !important;
  padding-left: 0 !important;
  background: none !important;
}

/*--稽核溝通與政策--*/
#policyDataBox td:first-child {
  text-align: center;
}

.investorClassLink {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.investorClassLink a {
  position: relative;
  display: block;
  margin: 0 3px;
  font-size: 13px;
  padding: 10px 35px;
  border: 1px solid #e5e5e5;
}

.investorClassLink a:hover, .investorClassLink a.current {
  background-color: #54a946;
  color: #fff;
}

/*--內規及章程--*/
.rulesBox .topTitle .left {
  width: calc(100% - 100px);
}

.rulesBox .topTitle .right {
  width: 100px;
  text-align: center;
}

.rulesBox ul li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.rulesBox ul h3 {
  width: calc(100% - 100px);
}

.rulesBox ul h3 a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.rulesBox ul .btn {
  width: 100px;
  overflow: hidden;
  text-align: center;
}

.rulesBox ul .btn a {
  display: inline-block;
  width: 24px;
}

.rulesBox ul .btn a img {
  display: block;
  width: 100%;
}

.rulesBox ul .btnPdf {
  width: 100px;
}

.rulesBox ul .btnPdf a {
  background-image: none;
}

/*--季報與年報--*/
.reportContentBox h1, .conferenceBox > .wrap > h2 {
  margin-bottom: 25px;
  letter-spacing: 3px;
  font: 400 30px 'Noto Sans SC', '微軟正黑體', sans-serif;
}

.reportContentBox {
  position: relative;
}

.reportContentBox .wrap {
  position: relative;
}

.reportContentBox .classSBC {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.downloadReportBox > .wrap {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 75px;
}

.reportMainArea .classYearList {
  margin-top: 0;
}

.reportMergeBox, .reportIndividualBox, .reportYearBox {
  position: relative;
  padding: 30px;
  text-align: center;
  background-color: #fff;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.reportMergeBox:hover, .reportIndividualBox:hover, .reportYearBox:hover {
  z-index: 1;
  box-shadow: 0 1px 27px rgba(0, 0, 0, 0.1);
}

.reportMergeBox h3, .reportIndividualBox h3, .reportYearBox h3 {
  margin-bottom: 40px;
  font-size: 18px;
  letter-spacing: 2px;
  font-family: 'Noto Sans SC', '微軟正黑體', sans-serif;
  font-weight: 300;
}

.reportMergeBox a, .reportIndividualBox a, .reportYearBox a {
  display: block;
  width: 65px;
  margin-left: auto;
  margin-right: auto;
}

.reportMergeBox a.noFile, .reportIndividualBox a.noFile, .reportYearBox a.noFile {
  color: #ccc;
  cursor: default;
}

.reportMergeBox a.noFile:hover, .reportIndividualBox a.noFile:hover, .reportYearBox a.noFile:hover {
  color: #ccc;
}

.reportMergeBox a.noFile::after, .reportIndividualBox a.noFile::after, .reportYearBox a.noFile::after {
  background-color: #ccc;
}

.reportMergeBox a::after, .reportIndividualBox a::after, .reportYearBox a::after {
  content: '下載';
  display: block;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 10px;
  font-size: 12px;
  color: #fff;
  letter-spacing: 2px;
  background-color: #2b7e3e;
  border: 1px solid;
  font-family: 'Noto Sans SC', '微軟正黑體', sans-serif;
  font-weight: 300;
}

.reportIndividualBox, .reportYearBox {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.reportIndividualBox:hover a:not(.noFile)::after, .reportYearBox:hover a:not(.noFile)::after {
  color: #2b7e3e;
  background-color: transparent;
}

.reportIndividualBox a, .reportYearBox a {
  padding-top: 65px;
  background: url("../images/icon/pdf.png") 50% 0 no-repeat;
}

.reportIndividualBox a.noFile, .reportYearBox a.noFile {
  background-image: url("../images/icon/pdf_gray.png");
}

.reportMergeBox {
  -webkit-flex-grow: 1.5;
      -ms-flex-positive: 1.5;
          flex-grow: 1.5;
}

.reportMergeBox ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.reportMergeBox li + li {
  margin-left: 10px;
}

.reportMergeBox a {
  position: relative;
  height: 85px;
  padding-top: 30px;
  text-align: center;
  font: 20px 'Montserrat', sans-serif;
  letter-spacing: 1px;
  background: url("../images/icon/fileBg.png") 50% 15px no-repeat;
}

.reportMergeBox a.noFile {
  background-image: url("../images/icon/fileBg_gray.png");
}

.reportMergeBox a:hover {
  color: #262626;
  padding-top: 15px;
  background-position-y: 0;
}

.reportMergeBox a:hover::after {
  bottom: 0;
  opacity: 1;
  transition-delay: .3s;
  pointer-events: auto;
}

.reportMergeBox a::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  z-index: 1;
  margin: auto;
  opacity: 0;
  pointer-events: none;
}

.conferenceBox {
  padding-top: 50px;
  padding-bottom: 80px;
  background-color: #f1f1f1;
}

.conferenceBox table {
  width: 100%;
  margin-bottom: 15px;
}

.conferenceBox table tr:not(:first-child) td {
  box-shadow: inset 0 1px #eee;
}

.conferenceBox table tr:nth-child(even) td {
  background-color: #fff;
}

.conferenceBox table td {
  padding-left: 50px;
}

.conferenceBox .topTitle .left, .conferenceBox .documentList h3 {
  width: calc(100% - 100px);
}

.conferenceBox .topTitle {
  margin-top: 30px;
}

.conferenceBox .topTitle .right {
  text-align: center;
}

.conferenceBox .documentList li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 20px;
  border-bottom: 1px solid #eee;
  background-color: #fff;
}

.conferenceBox .documentList h3 a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.conferenceBox .documentList .btnPdf {
  margin-left: auto;
  margin-right: auto;
}

/*--歷年股利--*/
.dividendTable {
  width: 100%;
}

.dividendTable .footable-toggle-btn {
  visibility: hidden;
  pointer-events: none;
}

/*--月營收--*/
.revenueBox table th, .revenueBox table td {
  padding: 14px 20px;
}

.revenueBox table td {
  font-weight: 300;
}

.revenueBox table td.total {
  font-weight: 500;
}

#revenueDataBox .footable-toggle-btn {
  visibility: hidden;
  pointer-events: none;
}

.classYear {
  float: right;
  position: relative;
  z-index: 1;
  width: 140px;
  margin-top: -10px;
}

.classYear .main {
  display: block;
  padding: 13px;
  font-size: 15px;
  color: #808080;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background-color: #fcfcfc;
}

.classYear .main::after {
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.classYear .main b {
  font-weight: 300;
}

.classYear .main i {
  float: right;
}

.classYear ul {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  background-color: #fcfcfc;
}

.classYear ul a {
  display: block;
  padding: 13px;
}

.classYear ul a:hover, .classYear ul a.current {
  color: #262626;
  background-color: #f0f0f0;
}

.classYearList {
  margin-bottom: 20px;
  padding-top: 50px;
}

.classYearList .slick-current a {
  color: #fff;
  background-color: #2b7e3e;
}

.classYearList .slick-current a::before {
  bottom: -10px;
}

.classYearList li {
  padding-bottom: 20px;
}

.classYearList a {
  position: relative;
  display: block;
  padding: 20px 0;
  text-align: center;
  outline: none;
  background-color: #eee;
}

.classYearList a::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
  width: 0;
  height: 0;
  margin-left: -8px;
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #2b7e3e transparent transparent transparent;
}

.classYearList.meetingClassYearList {
  margin-top: 20px;
}

/*--股東常會--*/
.shareholderBox .yearBox {
  -webkit-transform: translateY(-25px);
      -ms-transform: translateY(-25px);
          transform: translateY(-25px);
}

.shareholderBox .titleStyle02 {
  margin-top: 45px;
}

.shareholderBox .topTitle .left {
  width: calc(100% - 100px);
}

.shareholderBox .topTitle .right {
  width: 100px;
  text-align: center;
}

.meetingDataList li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.meetingDataList .btnPdf {
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

/*--投資人行事曆--*/
.m_yearLink {
  display: none;
}

/*--股價資訊--*/
.stockTitle {
  margin-top: 60px;
  font-size: 18px;
  margin-bottom: 40px;
  font-weight: 300;
}

.stockTitle b {
  font-weight: normal;
}

.stockTitle b:after {
  content: '|';
  display: inline-block;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  padding: 0 12px;
  color: #eee;
}

.stockBox .left {
  float: left;
  width: 225px;
}

.stockBox .left a {
  display: block;
  padding: 15px 10px;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 1px;
  color: #262626;
  background-color: #f1f1f1;
}

.stockBox .left a:hover {
  color: #fff;
  background-color: #cd2323;
}

.stockBox .Img {
  overflow: hidden;
  padding-left: 60px;
}

.stockBox .Img img {
  display: block;
  width: 100%;
  overflow: hidden;
}

/*--交易所檔案--*/
ul.transactionList {
  position: relative;
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 30px auto 70px;
}

ul.transactionList:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #fff;
}

ul.transactionList li {
  float: left;
  width: 50%;
  text-align: center;
}

ul.transactionList li:nth-of-type(odd) {
  border-right: 1px dashed #e8e8e8;
}

ul.transactionList li a {
  display: block;
  font-size: 18px;
  padding: 30px 0;
  color: #262626;
  border-bottom: 1px dotted #e8e8e8;
}

ul.transactionList li a:hover {
  color: #54a946;
}

/*--聯絡投資人關係--*/
.thankInfo {
  font-size: 15px;
  color: #747474;
  line-height: 24px;
  letter-spacing: .05em;
  padding: 0 20px;
  margin-bottom: 40px;
}

.formBox {
  margin-top: 20px;
  color: #2f2f2f;
  /*字的顏色*/
  font-size: 13px;
  padding-left: 20px;
}

.formBox .read {
  margin-top: 7px;
}

.formBox .read a {
  color: #54a946;
}

.formBox .left {
  margin-bottom: 5px;
  height: 30px;
}

.formBox label {
  display: inline-block;
  margin-right: 7px;
  font-size: 15px;
  color: #2f2f2f;
}

.formBox label em {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #d74b00;
  border-radius: 50%;
  margin-left: 10px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.formBox input[type="text"], .formBox select, .formBox textarea {
  width: 100%;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
}

.formBox input[type="text"], .formBox select {
  height: 48px;
  line-height: 48px;
}

.formBox select, .formBox textarea {
  padding: 5px;
}

.formBox input[type="text"] {
  padding: 5px 15px;
}

.formBox select {
  color: #747474;
}

.formBox textarea {
  height: 200px;
}

/*驗證碼*/
.captchaArea {
  width: 100%;
  height: auto;
  background-color: transparent;
}

.captchaArea iframe {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px;
}

.captchaArea .refresh {
  font-size: 16px;
  margin: 0 10px;
}

.captchaArea .right [class^='g-'] {
  padding: 0;
  height: 48px;
  line-height: 43px;
}

.checkArea {
  text-align: right;
}

.buttonArea a {
  display: inline-block;
  padding: 12px 30px;
  border-radius: 3px;
}

.lightboxArea .itemBox {
  position: fixed;
  z-index: 91;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding: 30px;
  font-size: 15px;
  text-align: left;
  letter-spacing: 1px;
  line-height: 1.8;
  overflow-y: scroll;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.lightboxArea .itemBox.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.lightboxArea .btnClose {
  position: fixed;
  top: 0;
  right: 18px;
  z-index: 1;
  width: 40px;
  height: 40px;
  background-color: #54a946;
}

.lightboxArea .btnClose:hover {
  background-color: #2b7e3e;
}

.lightboxArea .btnClose::before, .lightboxArea .btnClose::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 60%;
  height: 1px;
  background-color: #fff;
}

.lightboxArea .btnClose::before {
  left: 8px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.lightboxArea .btnClose::after {
  right: 8px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.calendarBox {
  margin-bottom: 40px;
}

.calendarBox .titleStyle02 {
  margin-top: 30px;
  margin-bottom: 10px;
}

.calendarBox .yearBox {
  -webkit-transform: translateY(24px);
      -ms-transform: translateY(24px);
          transform: translateY(24px);
}

.calendarTable {
  box-shadow: 0 0 5px rgba(0, 0, 16, 0.1);
}

.calendarTable th {
  color: #fff;
  background-color: #54a946;
}

.calendarTable td {
  border-bottom: 1px solid #eee;
  text-align: center;
  vertical-align: middle;
}

.calendarTable th, .calendarTable td {
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  padding: 16px 20px;
}

.calendarTable th a, .calendarTable td a {
  font-weight: 300;
}

.calendarList > li {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.calendarList > li + li {
  border-bottom: 1px dashed #ddd;
}

.calendarList > li + li:hover {
  background-color: #f3f3f3;
}

.calendarList > li > :first-child {
  text-align: center;
}

.calendarList > li > :nth-child(2) {
  text-align: left;
  padding-left: 10px;
}

.calendarList .titleBar {
  color: #fff;
  text-align: center;
  background-color: #2b7e3e;
}

.calendarList .titleBar div {
  display: block;
  padding: 10px;
  letter-spacing: 1px;
}

.calendarList h3 {
  font: 500 16px 'Noto Sans SC', '微軟正黑體', sans-serif;
  letter-spacing: 1px;
}

.calendarReportList > li > :first-child, .calendarReportList > li > :nth-child(3) {
  width: 130px;
}

.calendarReportList > li > :nth-child(2) {
  width: calc(100% - 130px*2);
}

.calendarInvestorsList > li > :first-child, .calendarInvestorsList > li > :nth-child(3), .calendarInvestorsList > li > :nth-child(4), .calendarInvestorsList > li > :nth-child(5) {
  width: 130px;
}

.calendarInvestorsList > li > :nth-child(2) {
  width: calc(100% - 130px*4);
}

.btnPdf a, .btnVideo a, .btnCalendar a {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  color: #707070;
  font-size: 18px;
  text-align: center;
}

.btnPdf a:hover, .btnVideo a:hover, .btnCalendar a:hover {
  color: #2b7e3e;
}

.btnPdf {
  display: block;
}

.btnPdf a {
  background: url("../images/icon/pdfMin.png") 50% 50% no-repeat;
}

.btnPdf a:hover {
  background-image: url("../images/icon/pdfMinHover.png");
}

.atc_event, .atcb-list, .atcb-link {
  display: none !important;
}

/*--RWD--*/
@media (max-width: 1480px) and (min-width: 961px) {
  #investorQuickList li:nth-child(1) a::before {
    background-position-x: 0px;
  }
  #investorQuickList li:nth-child(2) a::before {
    background-position-x: -50px;
  }
  #investorQuickList li:nth-child(3) a::before {
    background-position-x: -100px;
  }
  #investorQuickList li:nth-child(4) a::before {
    background-position-x: -150px;
  }
  #investorQuickList li:nth-child(5) a::before {
    background-position-x: -200px;
  }
  #investorQuickList a {
    width: 150px;
    height: 150px;
    font-size: 15px;
  }
  #investorQuickList a::before {
    width: 50px;
    height: 47px;
    background-size: cover;
  }
}

@media (max-width: 1180px) {
  .reportsBox .reportsList li {
    width: calc(100% / 3);
  }
}

@media (max-width: 1081px) {
  #revenueDataBox .footable-toggle-btn {
    visibility: visible;
    pointer-events: auto;
  }
}

@media (max-width: 1024px) {
  .reportMergeBox a {
    padding-top: 15px;
    background-position-y: 0;
  }
  .reportMergeBox a::after {
    bottom: 0;
    opacity: 1;
    transition-delay: .3s;
    pointer-events: auto;
  }
}

@media (max-width: 960px) {
  .investorClassLink {
    display: none;
  }
  .classSC {
    margin-bottom: 30px;
  }
  .reportsBox .yearBox {
    top: 0;
    margin-bottom: 20px;
  }
  ul.yearLink {
    display: none;
  }
  .m_yearLink {
    display: block;
    position: relative;
    z-index: 1;
    text-align: left;
  }
  .m_yearLink a.main {
    display: block;
    font-size: 15px;
    position: relative;
    padding: 15px 10px;
    background: #2b7e3e;
    color: #fff;
  }
  .m_yearLink a.main b {
    font-weight: 300;
  }
  .m_yearLink a.main i {
    display: block;
    font-size: 15px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -6px;
  }
  .m_yearLink ul {
    padding: 0;
    list-style: none;
    display: none;
    width: 100%;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99999;
  }
  .m_yearLink ul li {
    padding: 0;
  }
  .m_yearLink ul li:first-child a {
    border: none;
  }
  .m_yearLink ul li a {
    display: block;
    padding: 15px 10px;
    border-top: 1px solid #d1d1d1;
  }
  .m_yearLink ul li a:hover {
    background-color: #f0f0f0;
    color: inherit;
  }
  .m_yearLink ul li .current {
    background-color: #f0f0f0;
  }
  .stockTitle {
    font-size: 18px;
    margin-bottom: 40px;
    font-weight: 300;
  }
  .stockTitle b {
    font-weight: normal;
  }
  .stockTitle b:after {
    content: '|';
    display: inline-block;
    -webkit-transform: translateY(-2px);
        -ms-transform: translateY(-2px);
            transform: translateY(-2px);
    padding: 0 12px;
    color: #eee;
  }
  .stockBox .Img {
    padding-left: 0;
    width: 100%;
  }
}

@media (max-width: 960px) {
  .contentBox {
    padding-bottom: 50px;
  }
  .investorQuickLinkBox {
    padding-top: 60px;
  }
  .investorQuickBtn {
    top: -15px;
    padding-top: 40px;
    font-size: 15px;
  }
  .investorQuickBtn:hover::before {
    top: 30px;
  }
  .investorQuickBtn::before {
    height: 30px;
  }
  #investorQuickList::before {
    display: none;
  }
  #investorQuickList li {
    -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  #investorQuickList li:nth-child(1) a::before {
    background-position-x: 0px;
  }
  #investorQuickList li:nth-child(2) a::before {
    background-position-x: -50px;
  }
  #investorQuickList li:nth-child(3) a::before {
    background-position-x: -100px;
  }
  #investorQuickList li:nth-child(4) a::before {
    background-position-x: -150px;
  }
  #investorQuickList li:nth-child(5) a::before {
    background-position-x: -200px;
  }
  #investorQuickList a {
    width: 100%;
    height: 100px;
    font-size: 13px;
  }
  #investorQuickList a:hover {
    letter-spacing: 2px;
  }
  #investorQuickList a::before {
    width: 50px;
    height: 47px;
    background-size: cover;
    margin-bottom: 5px;
  }
}

@media (max-width: 900px) {
  .reportsBox .reportsList li {
    width: 50%;
  }
}

@media (max-width: 768px) {
  .ad_side_investor_list {
    margin: 0 -10px;
  }
  .ad_side_investor_list li {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    margin-right: -2px;
    padding: 0 10px;
    border-bottom: none;
  }
  .textInnerBox {
    padding-left: 0;
  }
  .classNote {
    padding-left: 0;
  }
  .thankInfo {
    padding: 0;
  }
  .formBox {
    padding-left: 0;
  }
  .formBox [class^='g-'] {
    padding-left: 0;
    padding-right: 0;
  }
  .captchaArea iframe {
    padding-left: 0;
  }
  .captchaArea .right [class^='g-'] {
    margin-bottom: 5px;
  }
  .checkArea {
    text-align: left;
  }
  .titleBar div:nth-child(n+3) {
    display: none;
  }
  .calendarList > li {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .calendarList > li > :nth-child(2) {
    padding-top: 10px;
    padding-bottom: 10px;
    width: calc(100% - 130px);
  }
  .calendarList .btnPdf, .calendarList .btnVideo, .calendarList .btnCalendar {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: 20px;
    padding-bottom: 10px;
  }
  .calendarList .btnPdf::before, .calendarList .btnVideo::before, .calendarList .btnCalendar::before {
    margin-right: 5px;
  }
  .calendarList .btnPdf a, .calendarList .btnVideo a, .calendarList .btnCalendar a {
    width: 30px;
    height: 30px;
    color: #2b7e3e;
  }
  .calendarList .btnCalendar::before {
    content: '加入行事曆';
  }
  .calendarList .btnPdf::before {
    content: '檔案下載';
  }
  .calendarList .btnPdf a {
    background-image: url("../images/icon/pdfMinHover.png");
  }
  .calendarList .btnVideo::before {
    content: '影音連結';
  }
  .calendarReportList > li > :nth-child(3), .calendarInvestorsList > li > :nth-child(3), .calendarInvestorsList > li > :nth-child(4), .calendarInvestorsList > li > :nth-child(5) {
    width: auto;
  }
}

@media (max-width: 767px) {
  .downloadReportBox > .wrap {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .reportMergeBox {
    width: 100%;
  }
}

@media (min-width: 698px) {
  .dividendTable.dividendTable th {
    color: #000;
    background-color: #f7f7f7;
  }
  .dividendTable.dividendTable th:nth-child(-n+2) {
    color: #f7f7f7;
  }
  .titleTable th:first-child, .dividendTable th:first-child {
    width: 100px;
  }
  .titleTable th:nth-child(2), .dividendTable th:nth-child(2) {
    width: 130px;
  }
  
  .titleTable th:nth-child(3) {
    width: 330px;
  }

  .dividendTable th:nth-child(3) {
    width: 200px;
  }
  .dividendTable th:nth-child(4) {
    width: 130px;
  }
}

@media (max-width: 697px) {
  .dividendTable .footable-toggle-btn {
    visibility: visible;
    pointer-events: auto;
    right: -20px;
  }
  .titleTable {
    display: none;
  }
}


@media (min-width: 641px) {
  .prevYearArrow {
    right: 60px;
  }
  .nextYearArrow {
    right: 0;
  }
}

@media (max-width: 640px) {
  .prevYearArrow, .nextYearArrow {
    left: 50%;
  }
  .prevYearArrow {
    margin-left: -50px;
  }
  .nextYearArrow {
    margin-left: 10px;
  }
  .inveFinance h5 em {
    text-align: center;
    margin-top: 10px;
  }
}

@media (max-width: 580px) {
  .investorQuickLinkBox {
    display: none;
  }
}

@media (max-width: 480px) {
  .inveFinance table thead tr th:first-child,
  .inveFinance table tbody tr td:first-child {
    width: 100px;
  }
  .ad_side_investor_list {
    margin: 0;
  }
  .ad_side_investor_list li {
    width: 100%;
    padding: 0;
    margin-right: 0;
  }
  .reportsBox h4 {
    margin-bottom: 0px;
  }
  .reportsBox .reportsList li {
    width: 100%;
  }
  ul.transactionList li {
    width: 100%;
  }
  ul.transactionList li:nth-of-type(odd) {
    border-right: none;
  }
}

@media (max-width: 400px) {
  .reportMergeBox h3 {
    margin-bottom: 0;
  }
  .reportMergeBox ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .reportMergeBox li {
    width: 50%;
    margin-top: 20px;
  }
  .reportMergeBox li + li {
    margin-left: 0;
  }
  .reportIndividualBox, .reportYearBox {
    width: 100%;
  }
  .conferenceFileList {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}