@charset "UTF-8";

.popup_con .mCSB_scrollTools {
  right: 0;
}

.popup_con .mCSB_inside>.mCSB_container {
  margin-right: 30px;
}

.popup_con .mCSB_scrollTools .mCSB_draggerContainer {
  width: 8px;
  background: #f0f0f0;
}

.popup_con>.con.view-data {
  max-height: calc(100vh - 200px);
  overflow: inherit;
  padding-right: 20px;
}

.view-data .pdf {
  width: 100%;
  height: 100vh;
}


input:focus {
  border: none;
}

/* ipo_單元 */
.ipo .tablesy2 th {
  padding: 15px 8px;
}

.ipo .tablesy2 td a {
  font-weight: bold;
}

.ipo .tablesy2 td a.act {
  color: #007d7d;
}

.ipo .tablesy2 td a.view {
  color: #2b7b99;
}

/*ipo 步驟圖 */
.ipo_stepBx {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 40px;
}

.ipo_stepBx li {
  display: inline-block;
  position: relative;
  width: 150px;
  text-align: center;
}

.ipo_stepBx li::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #999;
  position: absolute;
  left: -50%;
  top: 35px;
}

.ipo_stepBx li:first-child::before {
  display: none;
}

.ipo_stepBx .circle {
  width: 60px;
  height: 60px;
  border: 1px solid #999;
  background-color: #fff;
  border-radius: 50%;
  margin: 0 auto;
  margin-bottom: 15px;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.ipo_stepBx .circle span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.875rem;
  color: #999;
  font-weight: bold;
}

.ipo_stepBx li p {
  font-size: 1rem;
  color: #999;
  font-weight: bold;
}

.ipo_stepBx li.on p,
.ipo_stepBx li.over p {
  color: #1b9898;
}

.ipo_stepBx li.on .circle,
.ipo_stepBx li.over .circle {
  background-color: #29b1b1;
  border-color: #29b1b1;
}

.ipo_stepBx li.on .circle span,
.ipo_stepBx li.over .circle span {
  display: none;
}

.ipo_stepBx li.on::before,
.ipo_stepBx li.over::before {
  background-color: #29b1b1;
}

.ipo_stepBx li.on .circle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  background: url(../images/ipo/step_on.svg)no-repeat center center;
}

.ipo_stepBx li.over .circle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url(../images/ipo/step_over.svg)no-repeat center center;
}

/* 底下內容 */
.ipo-cont {
  background-color: #f7f9fa;
  padding: 40px 0;
  margin-bottom: -40px;
}

.ipo .tisy1 {
  font-size: 1.875rem;
  color: #000;
  padding-bottom: 15px;
  margin-bottom: 40px;
  position: relative;
  text-align: center;
}

.ipo .tisy1+p {
  margin-bottom: 40px;
  line-height: 1.7;
}

.ipo .tisy1+p.bigger {
  font-size: 1.25rem;
}

.inputfm.bigger h4 {
  font-size: 1.375rem;
}

.inputfm.bigger .radio-fm,
.inputfm.bigger h4 span,
.inputfm.bigger .warn {
  font-size: 1.25rem;
}

.ipo .tisy1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #007d7d;
  width: 60px;
  height: 2px;
}

.ipo .tisy2 {
  font-size: 1.5rem;
  color: #007d7d;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
}

.ipo .fm+.btnBx {
  margin-top: 40px;
}

/* 表單排列 */
.inputfm {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.inputfm li {
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 30px;
}

.ipo .inputfm li.left {
  margin-right: 3%;
}

.ipo .inputfm li.right {
  margin-right: 0%;
}

.inputfm li.full {
  width: 100%;
  margin-right: 0;
}

.inputfm li:nth-child(2n) {
  margin-right: 0;
}

.inputfm h4 {
  color: #000;
  margin-bottom: 5px;
  font-weight: bold;
}

.inputfm h4 span {
  font-size: 1rem;
  color: #666666;
}

.inputfm .inline-input {
  display: flex;
}

.inputfm .inline-input input {
  width: 60%;
  margin-left: 15px;
  flex: 0 0 auto;
}

/* 表單tab切換 */
.inputfm+.fm-tab {
  margin-top: 30px;
}

.fm-tab {
  max-width: 600px;
  display: flex;
  background-color: #ecf1f4;
  border-radius: 80px;
  margin: 0 auto;
  margin-bottom: 30px;
}

.fm-tab li {
  width: 50%;
}

.fm-tab a {
  width: 100%;
  display: block;
  text-align: center;
  color: #29b1b1;
  font-size: 1.25rem;
  padding: 10px 10px;
  font-weight: bold;
}

.fm-tab li.on a {
  background-color: #29b1b1;
  color: #fff;
  border-radius: 80px;
}

.fm-tab.disable {
  background-color: #efefef;
}

.fm-tab.disable li.on a {
  background-color: #999e9e;
}

.fm-tab.disable a {
  color: #999e9e;
}

/* radio */
.radio-fm {
  display: flex;
  align-items: center;
  min-height: 45px;
}

.radio-fm.bg-color {
  padding: 10px;
  background: #ecf1f4;
}

.radio-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #000;
}

.radio-item.flex1 {
  flex: 1;

}

.radio-item.flex1 input {
  margin-left: 15px;
}

.radio-item.flex1 .unit {
  margin-left: 5px;
}

.radio-item+.radio-item {
  margin-left: 30px;
}

input[type='radio']+label {
  cursor: pointer;
}

.ipo input[type='radio']+label .icon {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border-radius: 50%;
  vertical-align: middle;
}

.agreebx {
  color: #007d7d;
  font-size: 1.25rem;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: left;
}
.agreebx.m_20 {
  margin: 20px 0;
}

.agreebx input[type='checkbox']+label {
  /* padding-left: 0; */
  box-sizing: border-box;
}

.agreebx input[type='checkbox']+label .icon {
  border-width: 1px;
  top: 20px;
}

input[type='checkbox']+label .icon {
  border: 1px solid #b7b8b8;
}

input[type='checkbox']+label .icon+span {
  color: #333;
}

.agreebx input[type='checkbox']+label .icon+span {
  /* color: #007d7d; */
  color: #29b1b1;
  font-size: 1.125rem;
  font-weight: bold;
}

input[type='checkbox']:checked~label .icon {
  border-color: #29b1b1;
}

/* 底部按鈕 */
.ipo .btnBx a {
  width: 300px;
  padding: 12px 20px;
}

/* frame */
.ipo .fm {
  background-color: #fff;
  border: 1px solid #dde6eb;
  padding: 35px;
  text-align: left;
}

.ipo .fm .btnBx {
  margin-bottom: 0;
}

/* 風險分析樣式 */
.analBx {
  display: flex;
  margin-bottom: 30px;
}

.analBx .anal_item {
  width: 31.33%;
  margin-right: 3%;
  text-align: center;
}

.analBx .anal_item h4 {
  font-size: 1.25rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
}

.analBx .anal_item .imgbx {
  width: 180px;
  margin: 0 auto;
  flex: 0 0 auto;
  position: relative;
}

.anal {
  background-color: #f7f9fa;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  z-index: 2;
  min-height: 180px;
}

.anal .inline .txt {
  text-align: left;
  width: auto;
  position: relative;
  top: 5px;
}

.nmal .pointer {
  width: 18px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotate(70deg);
  display: block;
  bottom: 15px;
  transform-origin: 50% 90%;
}

.nmal-1.level-1 .pointer {
  transform: translateX(-50%) rotate(-70deg);
}

.nmal-1.level-2 .pointer {
  transform: translateX(-50%) rotate(0deg);
}

.nmal-1.level-3 .pointer {
  transform: translateX(-50%) rotate(70deg);
}

.nmal h5 {
  font-size: 1.75rem;
}

.analBx .anal_item .nmal-1 .imgbx {
  margin-top: 15px;
}

.nmal-1 h5 {
  margin-top: 5px;
}

.nmal-1.level-1 h5,
.nmal-2.level-1 h5,
.nmal-3.level-1 h5 {
  color: #9bb2cc;
}

.nmal-1.level-2 h5,
.nmal-2.level-2 h5,
.nmal-3.level-2 h5 {
  color: #5f84ad;
}

.nmal-1.level-3 h5,
.nmal-2.level-3 h5,
.nmal-3.level-3 h5 {
  color: #25578f;
}

.nmal .circle {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  position: relative;
  margin: 0 auto;
  margin-top: 15px;
}

.nmal .circle::before {
  content: "";
  width: 155px;
  height: 155px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #dde5ed;
  z-index: -1;
}

.nmal .circle h5 {
  white-space: nowrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #fff;
  font-size: 1.75rem;
}

.nmal-2.level-1 .circle {
  background-color: #9bb2cc;
}

.nmal-2.level-2 .circle {
  background-color: #5f84ad;
}

.nmal-2.level-3 .circle {
  background-color: #25578f;
}

.nmal-3 .txt,
.nmal-3 .imgbx {
  width: 50%;
}

.nmal-3 .inline {
  margin-top: 5px;
  position: relative;
  justify-content: center;
}

.nmal-3 h5 {
  margin-bottom: 8px;
}

.nmal-3 .txt p {
  color: #333333;
  font-weight: bold;
  margin-top: 2px;
}

.analBx .anal_item .nmal-3 .imgbx {
  margin-right: 10px;
  margin-left: 0;
}

.analBx+p {
  margin-bottom: 35px;
  margin-top: 15px;
  font-size: 1.25rem;
}

/* 申請文書內容樣式 */
.ipo .fm {
  font-weight: bold;
  color: #333;
}

.ipo .fm h4.tit {
  color: #000;
  font-size: 1.125rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.ipo .fm h4 span {
  font-size: 1rem;
  color: #666666;
}

.company-tit {
  color: #333333;
  font-size: 1.75rem;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: bold;
}

.company-tit span {
  width: 70px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  top: -2px;
}

.ipo .applyIpo-item p+p {
  margin-top: 10px;
}

.applyIpo-item p {
  line-height: 1.7;
}

.ipo .applyIpo-item p.company {
  position: relative;
  display: inline-block;
  margin-top: 50px;
  margin-bottom: 40px;
}

.ipo .applyIpo-item p.company::before {
  content: '此致';
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-100%, -100%);
}

.ipo .applyIpo-item p.date {
  letter-spacing: 25px;
  position: relative;
  right: -25px;
  margin-top: 30px;
}

.ipo .applyIpo-item p.date span {
  letter-spacing: 5px;
  padding-right: 15px;
}

.ipo .inputTxt-sy1,
.txtImport {
  width: 150px;
  display: inline-block;
  height: auto;
  border: none;
  border-bottom: 1px solid #000;
  text-align: center;
  font-size: 1rem;
  margin: 0 10px;
  padding-bottom: 2px;
  position: relative;
  top: -5px;
}

.ipo li {
  line-height: 1.7;
}

.list-1 {
  counter-reset: num;
}

.list-1 table {
  margin-top: 8px;
  vertical-align: text-top;
}

.list-1 table th {
  text-align: center;
}

.list-1 .tablesy3 th:first-child {
  width: 30%;
}

.list-1 .tablesy3 td:first-child,
.list-1 .tablesy3 tbody tr:first-child td:nth-child(2) {
  background-color: #fff;
  padding: 10px;
}

.list-1 .tablesy3 tbody tr:first-child td:nth-child(2) {
  color: #000;
}

.list-1 .tablesy3 td:first-child {
  text-align: left;
}

.list-1 .tablesy3 td {
  text-indent: 0;
}

.list-1 .tablesy3 tbody tr:nth-child(even) td {
  background-color: #f4f6f9;
}

.list-1>li {
  display: block;
  margin-bottom: 5px;
  text-indent: -2rem;
  margin-left: 2rem;
}

.list-1>li p {
  /* padding-left: 32px; */
  text-indent: 0;
}

.list-1>li p.light {
  color: #7b7b7b;
}

.list-1>li::before {
  counter-increment: num;
  content: counter(num, cjk-ideographic) '、';
}

.list-2 {
  counter-reset: num2;
}

.list-2>li {
  display: block;
  margin-bottom: 10px;
  text-indent: -2rem;
  margin-left: 2rem;
}

.list-2>li::before {
  counter-increment: num2;
  content: '(' counter(num2, cjk-ideographic) ') ';
}

.applyIpo-item+.applyIpo-item {
  margin-top: 30px;
}

.applyIpo-item+.btnBx {
  margin-top: 40px;
}

.applyIpo-item .ind_input {
  display: flex;
}

hr.dotted {
  margin: 20px 0;
  border-top: 3px dotted #dde6eb;
  background-color: transparent;
}

.overview {
  background-color: #f7f9fa;
  padding: 25px;
  font-size: 1.125rem;
  color: #333333;
  margin-bottom: 25px;
}

.overview-item {
  position: relative;
}

.overview-item span {
  display: inline-block;
  font-weight: 400;
  position: absolute;
  padding-left: 13px;
  vertical-align: top;
  top: 1px;
  left: 0;
}

.overview-item span::before {
  content: "";
  top: 3px;
  left: 0;
  width: 5px;
  height: 20px;
  background-color: #29b1b1;
  position: absolute;
}

.overview-item p {
  padding-left: 245px;
  font-weight: bold;
}

.overview-item+.overview-item {
  margin-top: 15px;
}

.applyIpoData-item h4 {
  display: inline-block;
  width: 150px;
  vertical-align: middle;
  color: #007d7d;
  font-weight: bold;
}

.applyIpoData-item .ans {
  display: inline-block;
  max-width: 300px;
  width: 100%;
  position: relative;
}

.applyIpoData-item .ans .unit {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}

.applyIpoData-item .addminusBx {
  width: 100%;
  background: #fff;
  border: 1px solid #dce3e3;
}

.applyIpoData-item+.applyIpoData-item {
  margin-top: 15px;
}

.ipo-bluetb {
  width: 100%;
  border-collapse: collapse;
}

.ipo-bluetb td {
  padding: 10px 15px;
  text-align: left;
  border: 2px solid #e4ebf3;
}

.ipo-bluetb td:first-of-type {
  background-color: #25578f;
  color: #fff;
  width: 20%;
}

/*2025_new_ipo*/
.main.ipo{
  padding: 20px 0 40px 0;
}

ul.directions{
  color: #535353;
}

ul.ipo_card_list{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
}
ul.ipo_card_list li{
  flex: 0 0 auto;
  width: calc( (100% - 20px) / 2 );
  border: 1px solid #dce3e3;
  padding: 25px;
  border-radius: 8px;
}
ul.ipo_card_list .top_tt{
  background-color: #007d7d;
  color: #fff;
  font-size: 1.125rem;
  padding: 10px 15px 10px 60px;
  position: relative;
  margin-bottom: 10px;
}
ul.ipo_card_list .top_tt span{
  color: #c1ffff;
  font-size: 1.56rem;
  font-weight: bold;
}
ul.ipo_card_list .top_tt::before{
  content: '';
  width: 36px;
  height: 36px;
  background: #fff url(../images/etf_info_bg.png) center center no-repeat;
  background-size: 36px auto;
  border-radius: 99em;
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -18px;
}
ul.ipo_card_list .tags_line{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}
ul.ipo_card_list .tags_line > div{
  display: flex;
  gap: 10px;
}
ul.ipo_card_list .tags_line .tag{
  background-color: #d8ffff;
  color: #2c2c2b;
  line-height: 30px;
  text-align: center;
  padding: 0 5px;
  min-width: 80px;
  font-weight: bold;
}
ul.ipo_card_list .tags_line .state{
  color: #8e8e8e;
  font-size: 1.125rem;
}
ul.ipo_card_list .tags_line .state::before{
  content: '';
  width: 20px;
  height: 20px;
  background: url(../images/icon_check_gray.png) center center no-repeat;
  background-size: 20px auto;
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
ul.ipo_card_list .tags_line .state.took{
  color: #007d7d;
}
ul.ipo_card_list .tags_line .state.took::before{
  background: url(../images/icon_check_green.png) center center no-repeat;
  background-size: 20px auto;
}
ul.ipo_card_list .ipo_info_area{
  margin-bottom: 5px;
}
ul.ipo_card_list .ipo_info_area .item{
  display: flex;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #dcdcdc;
  font-size: 1.25rem;
  color: #6e6e6e;
}
ul.ipo_card_list .ipo_info_area .item:last-child{
  border-bottom: none;
}
ul.ipo_card_list .ipo_info_area .downLoad{
  width: 25px;
  height: 25px;
  background: url(../images/icon_download.png) center center no-repeat;
  background-size: 25px auto;
  display: inline-block;
  transition: 0.2s all ease-in-out;
}
ul.ipo_card_list .ipo_info_area .downLoad:hover{
  opacity: 0.8;
}
.gray_info{
  background-color: #f7f7f7;
  color: #6e6e6e;
  padding: 15px 25px;
  margin-bottom: 10px;
}
.gray_info .gray_info_tt{
  color: #666;
  font-size: 1.25rem;
  font-weight: bold;
}
.gray_info p+p{
  margin-top: 0;
}

ul.ipo_card_list .btn_box{
  border: 1px solid #f78b00;
  width: 100%;
  height: 60px;
  display: flex;
  position: relative;
}
ul.ipo_card_list .btn_box > div{
  padding: 0 5px;
  flex: 1 1 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6e6e6e;
}
ul.ipo_card_list .btn_box > div:last-child{
  padding: 0 0 0 10px;
  flex: 0 0 220px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(100deg,rgba(255, 255, 255, 1) 5%, rgba(247, 139, 0, 1) 5%);
}
ul.ipo_card_list .btn_box .count{
  color: #f78b00;
  font-size: 1.25rem;
  margin-left: 5px;
}
ul.ipo_card_list .btn_box a.cover{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
ul.ipo_card_list .btn_box.completed{
  border-color: #9f9f9f;
}
ul.ipo_card_list .btn_box.completed > div:last-child{
  border-color: #9f9f9f;
  background: linear-gradient(100deg,rgba(255, 255, 255, 1) 5%, rgba(159, 159, 159, 1) 5%);
}
ul.ipo_card_list .btn_box.completed .count{
  color: #6e6e6e;
}
ul.ipo_card_list .btn_box.last_D .count{
  color: #d03238;
}

.marketing{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100%;
}
.marketing .marketing_pic{
  width: auto;
  height: 240px;
}
.marketing .marketing_pic img{
  width: auto;
  height: 100%;
}
.marketing p{
  width: 100%;
  color: #007d7d;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.8;
  /*padding-top: 240px;
  background: url(../images/marketing_bg.png) top center no-repeat;
  background-size: auto 240px;*/
}
.marketing a.btn_more{
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}

.overview_ty2{
  margin-bottom: 20px;
  font-size: 1.125rem;
  color: #333;
}
.overview_ty2 .note{
  font-size: 1rem;
  font-weight: normal;
  color: #d03238;
}

.document_Box{
  position: relative;
  padding: 40px 0 20px 0;
  color: #333;
  font-weight: bold;
}
.document_Box a.btn_play{
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #007D7D;
  color: #fff;
  font-size: 1.125rem;
  font-weight: normal;
  border-radius: 8px;
  position: absolute;
  right: 0;
  top: 0;
}
.document_Box a.btn_play::before{
  content: '';
  width: 24px;
  height: 24px;
  background: url(../images/btn_paly_bg.png) no-repeat;
  background-size: 24px auto;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 2px;
}
.document_Box a.btn_play.stop{
  background-color: #d03238;
}
.document_Box a.btn_play.stop::before{
  background: url(../images/btn_stopPaly_bg.png) no-repeat;
  background-size: 24px auto;
}
.document_Box a.btn_play span.stop_set{
  display: none;
}
.document_Box a.btn_play.stop span.stop_set{
  display: inline-block;
}
.document_Box a.btn_play.stop span.play_set{
  display: none;
}

.company-tit.typ2{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

/*三步驟*/
.step_box{
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 45px;
}
.step_box > div{
  width: 225px;
  height: 64px;
  line-height: 64px;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  background-color: #9F9F9F;
  border-radius: 16px;
  margin-right: 20px;
  position: relative;
}
.step_box .onStep{
  background-image: linear-gradient(to bottom, #00a3d8, #045e96);
}
.step_box > div::after{
  content: '';
  width: 24px;
  height: 24px;
  background: url(../images/step_arrow.png) no-repeat;
  background-size: 24px auto;
  position: absolute;
  right: -35px;
  top: 50%;
  transform: translateY( -50% );
}
.step_box > div:last-child{
  margin-right: 0;
}
.step_box > div:last-child::after{
  display: none;
}

.accountNum_box{
  width: 50%;
  margin: 0 auto;
  margin-bottom: 50px;
}
.accountNum_box .accountNum_box_top{
  font-size: 1.5rem;
  color: #007D7D;
  font-weight: bold; 
  margin-bottom: 25px;
}
.accountNum_box .accountNum_box_top p.tiny{
  font-size: 1.125rem;
}
.accountNum_box ul.accountNum_box_notice{
  padding: 10px 0 10px 20px;
}
.accountNum_box ul.accountNum_box_notice li{
  list-style-type: disc;
  font-size: 1.125rem;
  font-weight: normal;
  color: #6e6e6e;
}
.accountNum_box ul.accountNum_box_notice li a{
  text-decoration: underline;
  font-weight: bold;
  color: #006BB6;
  transition: 0.2s all ease-in-out;
}
.accountNum_box ul.accountNum_box_notice li a:hover{
  color: #0083df;
}
.accountNum_box .item{
  margin-bottom: 20px;
}
.accountNum_box input[type='text'], .accountNum_box input[type='password']{
  border-radius: 5px;
}

.accountNum_box .icon_bx{
  width: 120px;
  margin: 0 auto;
  padding: 20px 0;
}


@media screen and (max-width: 1200px) {
  /*2025_new_ipo*/
  ul.ipo_card_list .btn_box > div:last-child{
    flex: 0 0 120px;
    background: linear-gradient(100deg, rgba(255, 255, 255, 1) 10%, rgba(247, 139, 0, 1) 10%);
  }
  ul.ipo_card_list .btn_box.completed > div:last-child{
    background: linear-gradient(100deg, rgba(255, 255, 255, 1) 10%, rgba(159, 159, 159, 1) 10%);
  }
}

@media screen and (max-width: 1000px) {
  ul.ipo_card_list .btn_box .count_box{
    /*flex-wrap: wrap;*/
    justify-content: flex-start;
    padding: 0 5px 0 10px;
  }
  ul.ipo_card_list .ipo_info_area .item > div:first-child{
    flex: 0 0 90px;
  }
}

/*pad樣式*/
@media screen and (max-width: 900px) {
  /*2025_new_ipo*/
  ul.ipo_card_list{
    gap: 15px;
  }
  ul.ipo_card_list li{
    width: 100%;
  }
  ul.ipo_card_list .ipo_info_area .item > div:first-child{
    flex: 1 1 auto;
  }
}

/*mobile樣式*/
@media screen and (max-width: 767px) {
  .main.ipo{
    padding: 15px 0;
  }

  .popup_con>.con.view-data {
    padding-right: 10px;
  }

  /* ipo步驟圖 */
  .ipo_stepBx li::before {
    top: 24px;
    height: 1px;
  }

  .ipo_stepBx .circle span {
    font-size: 1.375rem;
  }

  .ipo_stepBx li p {
    display: none;
  }

  .ipo_stepBx .circle {
    width: 48px;
    height: 48px;
  }

  .ipo_stepBx li.over .circle::before {
    width: 30px;
    height: 30px;
  }

  .ipo_stepBx li.on .circle::before {
    width: 25px;
    height: 25px;
  }

  .ipo_stepBx {
    margin-bottom: 10px;
    margin-top: 25px;
  }

  /* 底下內容 */
  .ipo-cont {
    padding: 25px 0;
    margin-bottom: -15px;
  }

  .ipo .tisy1 {
    font-size: 1.375rem;
    color: #000;
    padding-bottom: 8px;
    margin-bottom: 20px;
  }

  .ipo .tisy2 {
    font-size: 1.25rem;
    margin-bottom: 8px;
  }

  /* 表單排列 */
  .inputfm li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }

  .ipo .inputfm li.left {
    margin-right: 0%;
  }

  .inputfm h4 {
    font-size: 1rem;
  }

  /* 表單tab切換 */
  .inputfm+.fm-tab {
    margin-top: 20px;
  }

  .fm-tab a {
    font-size: 1.125rem;
    padding: 5px 10px;
  }

  .agreebx {
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 1.125rem;
  }

  .radio-fm.m-column {
    flex-direction: column;
    align-items: flex-start;

  }

  .radio-fm.m-column .radio-item+.radio-item {
    margin-left: 0;
    margin-top: 10px;
  }

  .radio-fm.m-column .radio-item {
    white-space: inherit;
  }

  .inputfm .inline-input {
    flex-direction: column;
  }

  .inputfm .inline-input input {
    width: 100%;
    margin-left: 0px;
    margin-top: 15px;
  }

  /* 按鈕 */
  .btnBx {
    flex-direction: column;
  }

  .popupbox .btnBx {
    flex-direction: row;
  }

  .ipo .btnBx a {
    width: 100%;
    margin: 0 auto;
  }

  .ipo .btnBx a+a {
    margin-top: 15px;
  }

  /* 風險分析樣式 */
  .ipo .fm {
    padding: 15px;
  }

  .analBx {
    flex-direction: column;
    margin-bottom: 0;
  }

  .analBx .anal_item {
    width: 100%;
    margin-bottom: 25px;
  }

  .nmal-3 .inline {
    left: 0;
  }

  .nmal h5 {
    font-size: 1.5rem;
    margin-bottom: 5px;
  }

  .analBx .anal_item .nmal-3 .imgbx {
    margin-right: 0;
  }

  .analBx .anal_item h4 {
    font-size: 1.125rem;
    margin-bottom: 5px;
  }

  .analBx+p {
    font-size: 1.25rem;
  }

  /* 申請文書內容樣式 */
  .company-tit {
    color: #333333;
    font-size: 1.25rem;
  }
  .company-tit.typ2{
    gap: 5px;
  }

  .company-tit span {
    width: 50px;
  }

  .ind_input span,
  .ind_input input {
    width: 50%;
    flex: 0 0 auto;
  }

  .ind_input .inputTxt-sy1 {
    width: 50%;
    margin: 0;
  }

  .ipo .applyIpo-item p.date {
    letter-spacing: 10px;
    right: 0;
    text-align: center;
  }

  .ipo .applyIpo-item p.date span {
    padding-right: 5px;
  }

  /* list-1 */
  .list-1 table {
    margin-top: 5px;
  }

  .list-1 .tablesy3 th:first-child {
    width: 50%;
  }

  .overview {
    padding: 15px;
    font-size: 1rem;
  }

  .overview-item span {
    display: block;
    width: 100%;
    position: relative;
  }

  .overview-item p {
    width: 100%;
    line-height: 1.3;
    padding-left: 13px;
    margin-top: 8px;
    /* font-size: 1.125rem; */
  }

  .applyIpoData-item h4 {
    margin-bottom: 8px;
  }

  .applyIpoData-item .ans {
    max-width: 100%;
  }

  .ipo-bluetb td:first-of-type {
    width: 40%;
  }

  .list-1 .tablesy3 td:first-child,
  .list-1 .tablesy3 tbody tr:first-child td:nth-child(2),
  .list-1 td {
    padding: 10px 5px;
  }

  .list-1 .tablesy3 td:first-child {
    vertical-align: top;
  }

  .popup_con .mCSB_scrollTools .mCSB_draggerContainer {
    width: 5px;
  }

  /* 文字放大 */
  .inputfm.bigger h4 {
    margin-bottom: 15px;
  }

  .inputfm.bigger .warn {
    height: auto;
  }

  /*2025_new_ipo*/
  ul.ipo_card_list li{
    padding: 15px;
  }
  ul.ipo_card_list .top_tt{
    font-size: 1rem;
    padding: 5px 15px 5px 60px;
  }
  ul.ipo_card_list .top_tt span{
    font-size: 1.25rem;
  }
  ul.ipo_card_list .ipo_info_area .item{
    font-size: 1rem;
  }
  .gray_info{
    padding: 10px 15px;
  }
  .gray_info .gray_info_tt{
    font-size: 1.125rem;
  }
  ul.ipo_card_list .btn_box{
    height: 50px;
  }
  ul.ipo_card_list .btn_box .count_box{
    padding: 0 5px 0 10px;
    font-size: 0.875rem;
  }
  /*.marketing p{
    padding-top: 200px;
    background-size: auto 200px;
  }*/
  .marketing .marketing_pic{
    height: 150px;
  }

  .overview_ty2{
    font-size: 1rem;
  }

  .document_Box a.btn_play{
    padding: 0 10px;
    height: 34px;
    line-height: 34px;
  }

  .step_box{
    gap: 10px;
    margin-bottom: 20px;
  }
  .step_box > div{
    flex: 0 1 30%;
    height: 48px;
    line-height: 48px;
    margin-right: 10px;
    font-size: 1rem;
  }
  .step_box > div::after{
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    right: -20px;
  }
  .accountNum_box{
    width: 100%;
    margin-bottom: 30px;
  }
  .accountNum_box .accountNum_box_top{
    font-size: 1.125rem; 
    margin-bottom: 10px;
  }
  .accountNum_box .accountNum_box_top p.tiny{
    font-size: 1rem;
  }
  .accountNum_box ul.accountNum_box_notice{
    padding: 5px 0 5px 20px;
  }
  .accountNum_box ul.accountNum_box_notice li{
    font-size: 1rem;
  }
  .accountNum_box .item{
    margin-bottom: 10px;
  }
  .accountNum_box .icon_bx{
    width: 80px;
  }

}

@media screen and (max-width: 375px) {
  /*2025_new_ipo*/
  ul.ipo_card_list{
    gap: 10px;
  }
  ul.ipo_card_list .tags_line > div{
    gap: 5px;
  }
  ul.ipo_card_list .tags_line .tag{
    min-width: auto;
    padding: 0 10px;
  }
  ul.ipo_card_list .tags_line .state{
    font-size: 1rem;
  }
  .gray_info{
    font-size: 0.875rem;
  }
  .gray_info .gray_info_tt{
    font-size: 1rem;
  }
  ul.ipo_card_list .btn_box .count{
    font-size: 1rem;
  }
  ul.ipo_card_list .btn_box > div:last-child{
    flex: 0 0 100px;
    font-size: 1.125rem;
  }

  .step_box > div{
    margin-right: 5px;
    font-size: 0.9rem;
  }
  .step_box > div::after{
    margin-right: 10px;
    right: -28px;
  }

}
@media screen and (max-width: 320px) {
  /*2025_new_ipo*/
  ul.ipo_card_list .btn_box .count_box{
    padding: 0 5px;
  }
  ul.ipo_card_list .btn_box .count{
    font-size: 0.875rem;
  }
  ul.ipo_card_list .btn_box > div:last-child{
    flex: 0 0 80px;
    font-size: 1rem;
  }
  ul.ipo_card_list .btn_box > div:last-child{
    background: linear-gradient(100deg, rgba(255, 255, 255, 1) 15%, rgba(247, 139, 0, 1) 15%);
  }
  ul.ipo_card_list .btn_box.completed > div:last-child{
    background: linear-gradient(100deg, rgba(255, 255, 255, 1) 15%, rgba(159, 159, 159, 1) 15%);
  }

}