/* ========================= 
     以下登記公版-線上入稿設定
   ========================= */


   /*共用設定*/
  .danjiPD-container { position: relative; width: min(96%, 880px);  margin-inline: auto; overflow: hidden;}
  .danjiPD-02 .PD_layout.PDb ul,  .danjiPD-03 .PD_layout.PDb ul { display: flex; flex-direction: row; flex-wrap: nowrap; }
  .danjiPD-02.PD-verA .PD_layout.PDb ul,  .danjiPD-03.PD-verA .PD_layout.PDb ul { border-bottom: 1px solid #d0d0d0!important; border-radius: initial; }
  
  .danjiPD-01 .PD_layout.PDb .PD_slide { }
  .danjiPD-01.PD-verB .PD_layout.PDb .PD_slide { border-bottom: 1px solid #d0d0d0 !important; }
  .danjiPD-02 .PD_layout.PDb .PD_slide { width: calc(100% / 2); min-width: initial; }
  .danjiPD-02.PD-verA .PD_layout.PDb .PD_slide, .danjiPD-03.PD-verA .PD_layout.PDb .PD_slide { border-right: 1px solid #d0d0d0!important; }
  .danjiPD-03 .PD_layout.PDb .PD_slide { width: calc(100% / 3); min-width: initial; }
  .danjiPD-01 .PD_layout.PDb .PD_into h3 { display: flex; flex-direction: column; }
  .PD_layout .PD h3, .PD_layout .PD h4, .PD_layout .PD p { font-family: "Century Gothic", "微軟正黑體", sans-serif; font-weight: bolder; }
  /*登記卡文字設定*/
  .danjiPD-container .danjiPD-01 .remp, .danjiPD-container .danjiPD-02 .remp, .danjiPD-container .danjiPD-03 .remp { font-size: 1.5em; color: var(--head-color); }
  .danjiPD-01 .PD_layout .PD_logo small, .danjiPD-02 .PD_layout .PD_logo small, .danjiPD-03 .PD_layout .PD_logo small { font-size: 1.5em; color: var(--head-color); }
  .danjiPD-01 .PD_layout.PDa .PD_into h3, .danjiPD-02 .PD_layout.PDa .PD_into h3, .danjiPD-03 .PD_layout.PDa .PD_into h3 { font-size: 2.8em; color: var(--head-color); max-height: 1.35em; line-height: 1; text-align: center; } 
  .danjiPD-01 .PD_layout.PDb .PD_into h3, .danjiPD-02 .PD_layout.PDb .PD_into h3, .danjiPD-03 .PD_layout.PDb .PD_into h3 { font-size: 2.6em; color: var(--head-color); max-height: 1.35em; line-height: 1; text-align: center; letter-spacing: -0.035em; } 
  .danjiPD-01 .PD_layout .PD_into h4, .danjiPD-02 .PD_layout .PD_into h4, .danjiPD-03 .PD_layout .PD_into h4 { font-size: 1.5em; color: var(--head-color); line-height: 1.3; } 
  .danjiPD-01 .PD_layout .PD_into h4 p, .danjiPD-02 .PD_layout .PD_into h4 p, .danjiPD-03 .PD_layout .PD_into h4 p { font-size: 1.5em; color: var(--head-color); line-height: 1; } 
  .danjiPD-01 .PD_layout .PD_into h4 b, .danjiPD-02 .PD_layout .PD_into h4 b, .danjiPD-03 .PD_layout .PD_into h4 b { font-size: 1.5em; color: var(--head-color); } 
  .danjiPD-01 .PD_layout .PD p, .danjiPD-02 .PD_layout .PD p, .danjiPD-03 .PD_layout .PD p { overflow: visible; font-size: 1em; display: block; color: var(--body-color-primary); font-weight: normal; } 
  .danjiPD-01 .PD_layout .PD p span, .danjiPD-02 .PD_layout .PD p span, .danjiPD-03 .PD_layout .PD p span { font-size: 1.5em; display: block; color: var(--body-color-primary); font-weight: normal; } 
  .danjiPD-01 .PD_layout .PD p b, .danjiPD-02 .PD_layout .PD p b, .danjiPD-03 .PD_layout .PD p b { font-size: 2em; color: var(--head-color); font-weight: normal; } 
  .danjiPD-01 .PD_layout .PD p small, .danjiPD-02 .PD_layout .PD p small, .danjiPD-03 .PD_layout .PD p small { font-size: 1.5em; color: var(--body-color-primary); font-weight: normal;  } 
  .danjiPD-01 .PD_layout.PDb .PD_into h3 b { font-size: 1.15em; color: var(--body-h4-span); max-height: initial; } 
  .danjiPD-01 .PD_layout.PDb .PD_into h4 b { font-weight: normal; } 
  .danjiPD-02.PD-verA .PD_layout.PDb .PD_into h4 b, .danjiPD-03.PD-verA .PD_layout.PDb .PD_into h4 b { font-size: 1.85em; color: var(--body-h4-span); max-height: initial; letter-spacing: -0.035em; } 
  .danjiPD-02.PD-verB .PD_layout.PDb .PD_into h4 b, .danjiPD-03.PD-verB .PD_layout.PDb .PD_into h4 b { font-size: 1.9em; color: var(--body-h4-span); max-height: initial; letter-spacing: -0.035em; } 
  .danjiPD-01 .PD_layout .PD_into h4 span, .danjiPD-02 .PD_layout .PD_into h4 span, .danjiPD-03 .PD_layout .PD_into h4 span { font-size: 1.9em; color: var(--body-h4-span); max-height: initial; letter-spacing: -0.035em; } 
  .danjiPD-01 .PD_layout.PDc .PD p, .danjiPD-02 .PD_layout.PDc .PD p, .danjiPD-03 .PD_layout.PDc .PD p { font-size: initial; line-height: 1.2; height: initial; max-height: 3.5em; overflow:hidden; }
  @media screen and (max-width:767px){
     /*登記卡文字設定*/
  .danjiPD-container .danjiPD-01 .remp, .danjiPD-container .danjiPD-02 .remp, .danjiPD-container .danjiPD-03 .remp { font-size: 2.5vw; }   
  .danjiPD-01 .PD_layout .PD_logo small, .danjiPD-02 .PD_layout .PD_logo small, .danjiPD-03 .PD_layout .PD_logo small { font-size: 1vw; }
  .danjiPD-01 .PD_layout.PDa .PD_into h3, .danjiPD-02 .PD_layout.PDa .PD_into h3, .danjiPD-03 .PD_layout.PDa .PD_into h3 { font-size: 4.5vw; max-height: initial; } 
  .danjiPD-01 .PD_layout.PDb .PD_into h3, .danjiPD-02 .PD_layout.PDb .PD_into h3, .danjiPD-03 .PD_layout.PDb .PD_into h3 { font-size: 5vw; max-height: initial; } 
  .danjiPD-01 .PD_layout .PD_into h4, .danjiPD-02 .PD_layout .PD_into h4, .danjiPD-03 .PD_layout .PD_into h4 { font-size: 2vw; } 
  .danjiPD-01 .PD_layout .PD_into h4 p, .danjiPD-02 .PD_layout .PD_into h4 p, .danjiPD-03 .PD_layout .PD_into h4 p { font-size: 1vw; } 
  .danjiPD-01 .PD_layout .PD_into h4 b, .danjiPD-02 .PD_layout .PD_into h4 b, .danjiPD-03 .PD_layout .PD_into h4 b { font-size: 3.5vw;  } 
  .danjiPD-01 .PD_layout.PDa .PD_into h4 b, .danjiPD-02 .PD_layout.PDa .PD_into h4 b, .danjiPD-03 .PD_layout.PDa .PD_into h4 b { font-size: 4vw; max-height: initial; } 
  .danjiPD-02 .PD_layout.PDb .PD p, .danjiPD-03 .PD_layout.PDb .PD p { font-size: 1vw; max-height: 3vw; } 
  .danjiPD-01 .PD_layout .PD p span, .danjiPD-02 .PD_layout .PD p span, .danjiPD-03 .PD_layout .PD p span { font-size: 4.5vw; } 
  .danjiPD-01 .PD_layout .PD p b, .danjiPD-02 .PD_layout .PD p b, .danjiPD-03 .PD_layout .PD p b { font-size: 1vw; } 
  .danjiPD-01 .PD_layout .PD p small, .danjiPD-02 .PD_layout .PD p small, .danjiPD-03 .PD_layout .PD p small { font-size: 2.8vw; } 
  .danjiPD-01 .PD_layout .PD_into h4 span, .danjiPD-02 .PD_layout .PD_into h4 span, .danjiPD-03 .PD_layout .PD_into h4 span { font-size: 1vw; } 
  .danjiPD-01 .PD_layout.PDb .PD_into h3 b { font-size: 6.5vw; }
  .danjiPD-02 .PD_layout.PDb .PD_into h3 b, .danjiPD-03 .PD_layout.PDb .PD_into h3 b { font-size: 5vw; letter-spacing: -0.05vw; }
  .danjiPD-02.PD-verA .PD_layout.PDb .PD_into h4 b { font-size: 6vw; } 
  .danjiPD-03.PD-verA .PD_layout.PDb .PD_into h4 b { font-size: 5vw; } 
  .danjiPD-02.PD-verB .PD_layout.PDb .PD_into h4 b { font-size: 6vw; } 
  .danjiPD-03.PD-verB .PD_layout.PDb .PD_into h4 b { font-size: 5vw; } 
  .danjiPD-01 .PD_layout.PDc .PD p, .danjiPD-02 .PD_layout.PDc .PD p, .danjiPD-03 .PD_layout.PDc .PD p { line-height: 1; max-height: 8vw;  }
  }


  /*提醒按鈕*/
  /* 文案底色 */
  .game_remind {
    --remind-txtcolor: rgb(255, 255, 255);
    --remind-bg: #cca355;
    background-color: var(--remind-bg);
    border-radius: 0 5em 5em 0;width: 60px;height: 42px; transform: translateX(-1px);
  }
  /* 登記版 */
  .danji-pd-container .game_remind {
    --remind-txtcolor: #ffffff;
    --remind-bg: #cca355;
    border-color: transparent;
  }

  /* 鈴鐺 icon（SVG） */
  .game_remind::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='295px' height='348px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M294.496,272.105 C294.132,274.973 292.956,281.433 289.179,280.959 L3.553,280.767 C-6.068,258.136 13.398,252.817 26.074,240.802 C38.266,229.244 45.048,213.504 45.368,197.353 C45.967,167.135 43.205,136.722 48.384,106.746 C50.908,92.140 55.319,77.409 63.932,65.166 C73.634,51.377 88.810,43.321 103.319,35.455 C106.757,33.590 110.229,31.782 113.768,30.114 C120.273,27.049 126.961,23.729 134.094,22.607 C136.917,20.594 131.951,1.633 145.469,0.261 C153.283,-0.532 158.630,2.684 159.588,10.698 C159.970,13.894 158.799,19.212 160.668,21.349 C175.635,27.276 190.432,33.859 204.115,42.388 C220.597,52.663 235.303,66.657 241.282,85.624 C250.847,115.972 250.296,150.413 249.867,181.989 C249.514,207.900 253.982,227.635 274.329,245.364 C278.812,249.271 286.626,252.978 290.213,257.809 C292.372,260.716 293.249,263.918 294.496,267.217 C294.364,268.806 294.692,270.552 294.496,272.105 ZM169.696,342.234 C136.983,357.435 98.562,337.069 94.256,301.434 L198.771,301.434 C198.125,318.698 185.022,335.113 169.696,342.234 Z'/%3E%3C/svg%3E");
    content: ""; position: absolute; top: 0.9em; left: 0.25em; display: inline-block; width: 1.5em; height: 1.3em; background-size: auto 100%; background-repeat: no-repeat;}

  /* 登記版（ICON 改色版） */
  .danji-pd-container .game_remind::before { content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='295px' height='348px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M294.496,272.105 C294.132,274.973 292.956,281.433 289.179,280.959 L3.553,280.767 C-6.068,258.136 13.398,252.817 26.074,240.802 C38.266,229.244 45.048,213.504 45.368,197.353 C45.967,167.135 43.205,136.722 48.384,106.746 C50.908,92.140 55.319,77.409 63.932,65.166 C73.634,51.377 88.810,43.321 103.319,35.455 C106.757,33.590 110.229,31.782 113.768,30.114 C120.273,27.049 126.961,23.729 134.094,22.607 C136.917,20.594 131.951,1.633 145.469,0.261 C153.283,-0.532 158.630,2.684 159.588,10.698 C159.970,13.894 158.799,19.212 160.668,21.349 C175.635,27.276 190.432,33.859 204.115,42.388 C220.597,52.663 235.303,66.657 241.282,85.624 C250.847,115.972 250.296,150.413 249.867,181.989 C249.514,207.900 253.982,227.635 274.329,245.364 C278.812,249.271 286.626,252.978 290.213,257.809 C292.372,260.716 293.249,263.918 294.496,267.217 C294.364,268.806 294.692,270.552 294.496,272.105 ZM169.696,342.234 C136.983,357.435 98.562,337.069 94.256,301.434 L198.771,301.434 C198.125,318.698 185.022,335.113 169.696,342.234 Z'/%3E%3C/svg%3E"); 
  }
  /* 按鈕文字 */
  .game_remind span { z-index: 1; position: relative; display: block; padding: 2vw 0 0 1vw; height: 2.4em; line-height: 1.1em; overflow: hidden; font-weight: 600; font-size: 0.88em; color: var(--remind-txtcolor); vertical-align: middle;}


  /*登記1品*/
  .danjiPD-01 { position: relative; display: flex; flex-direction: column; background-color: #fff; overflow: hidden; border-radius: 1.5em; }
  .danjiPD-01 .PD_layout { margin: 0; }
  .danjiPD-01 .PD_layout.PDa .PD_into { z-index: 5; position: relative; display: flex; flex-direction: column;justify-content: center; align-items: center; padding: 1em 0 0.5em;line-height: 1; width: 100%;background: #f0dcb7; }
  .danjiPD-01 .PD_layout.PDa .PD_into h4 { line-height: 1; }
  .danjiPD-01 .PD_layout.PDb .PD_img { width: 45%; padding: 0 2em 3em 3em; }
  .danjiPD-01 .PD_layout.PDb .PD_into { justify-content: flex-start; }
  .danjiPD-01 .PD_layout.PDb .PD_into h3 { margin: -0.3em 0 0; padding: 0; line-height: 1; max-height: 6.5em; height: 6em; justify-content: center; }
  .danjiPD-01 .PD_layout.PDb .PD_into h3 b { max-height: 2em; }
  .danjiPD-01 .PD_layout.PDb .PD_into h3 span { line-height: 1.2; padding-bottom: 0.1em; max-height: 2.5em; }
  .danjiPD-01 .PD_layout.PDb .PD_into h4 { display: flex; flex-direction: column; padding: 0.5em 0 0; }
  .danjiPD-01 .PD_layout.PDb .PD_into h4 b { max-height: 3em; }
  .danjiPD-01 .PD_layout.PDc .PD_into { padding: 0.5em 5vw; }
  @media screen and (max-width:767px){
    .danjiPD-01 { border-radius: 2vw; }
    .danjiPD-01 .PD_layout.PDa .PD_into { padding: 1.5vw; }
    .danjiPD-01 .PD_layout.PDa .PD_into h4 { max-height: 4.5vw; padding: 0;  margin: 0; }
    .danjiPD-01 .PD_layout.PDb .PD_img { width: 50%; padding: 2vw; }  
    .danjiPD-01 .PD_layout.PDb .PD_into { padding: 1vw; display: flex; flex-direction: column; flex-wrap: nowrap; }
    .danjiPD-01 .PD_layout.PDb .PD_into h3 { margin: 0.5vw 0 0; padding: 0; max-height: 25vw; height: 31vw; letter-spacing: -0.05em; }
    .danjiPD-01 .PD_layout.PDb .PD_into h3 b { line-height: 1; padding: 1vw 0 0; max-height: 10vw; overflow: hidden; }
    .danjiPD-01 .PD_layout.PDb .PD_into h3 span { padding-bottom: 0.5vw; line-height: 1.2; max-height: 11vw; }
    .danjiPD-01 .PD_layout.PDb .PD_into h4 { padding: 1.5vw 0 0; }
    .danjiPD-01 .PD_layout.PDb .PD_into h4 b { max-height: 5vw; }
    .danjiPD-01 .PD_layout.PDc .PD_into { padding: 2vw 8vw; }
  }
  /*登記按鈕*/
  .danjiPD-container .danjiPD-01 .danji_btn { z-index: 10; position: absolute; bottom: 28%; right: 17%; }
  .danjiPD-container .danjiPD-01.PD-verB .danji_btn { z-index: 10; position: absolute; }
  .danjiPD-container .danjiPD-01.PD-verB .danji_btn a:nth-of-type(1) {  }
  .danjiPD-01 .btn_alert_danji { z-index: 10; position: absolute; }
  @media screen and (max-width:767px){
    .danjiPD-container .danjiPD-01 .danji_btn { width: 32%; bottom: 24vw; right: 10vw; }
  }
  /*剩餘名額*/
  .danjiPD-container .danjiPD-01 .remp { z-index: 10; position: absolute; bottom: 27%; left: 19%; }
  @media screen and (max-width:767px){
    .danjiPD-container .danjiPD-01 .remp { bottom: 22.5vw; left: 19vw; text-align: left;}
  }
  /*詳情 & 查詢*/
  .danjiPD-container .danjiPD-01 .btn_query { order: 1; display: flex; justify-content: center; padding: 1em; background: #d0d0d0; } 
  .danjiPD-container .danjiPD-01 .btn_query ul { display: flex; flex-wrap: nowrap; justify-content: center; } 
  .danjiPD-container .danjiPD-01 .btn_query ul li { width: 25%; } 
  @media screen and (max-width:767px){
    .danjiPD-container .danjiPD-01 .btn_query ul li { width: 29%; } 
  }

/*登記2品*/
/* PD-verA-版型1 */
.danjiPD-02 { position: relative; display: flex; flex-direction: column; background-color: #fff; overflow: hidden; border-radius: 1.5em; }
.danjiPD-02 .PD_layout { margin: 0; }
.danjiPD-02 .PD_layout.PDa .PD_into { z-index: 5; position: relative; display: flex; flex-direction: column;justify-content: center; align-items: center; padding: 1em 0 0.5em;line-height: 1; width: 100%;background: #f0dcb7; }
.danjiPD-02 .PD_layout.PDa .PD_into h4 { line-height: 1; }
.danjiPD-02 .PD_layout.PDb { padding: 0 0 8em; }
.danjiPD-02 .PD_layout.PDb .PD_into { justify-content: center; align-items: center; padding: 1em 0; }
.danjiPD-02 .PD_layout.PDb .PD_into h3 { display: flex; flex-direction: column; align-items: center; max-height: initial; }
.danjiPD-02 .PD_layout.PDb .PD_into h3 b { max-height: 2em; }
.danjiPD-02 .PD_layout.PDb .PD_into h3 span { line-height: 1; padding-bottom: 0.1em; max-height: 2em; }
.danjiPD-02 .PD_layout.PDb .PD_into h4 {display: flex;flex-direction: column;width: 100%;padding: 0; }
.danjiPD-02 .PD_layout.PDb .PD_into h4 b, .danjiPD-02 .PD_layout .PD_into h4 span { text-align: center; }
.danjiPD-02 .PD_layout.PDc .PD_into { padding: 0.5em 5vw; }
.danjiPD-02.PD-verA .PD_layout.PDb ul::after { position: absolute; left: 50%; }
/* PD-verB-版型2 */
.danjiPD-02.PD-verB .PD_layout.PDb ul::after { position: absolute; left: 50%; height: 100%; border-left: 1px solid #d0d0d0; }
.danjiPD-02.PD-verB .PD_layout.PDb .PD_img { width: 65%; margin: 0 auto; }
.danjiPD-02.PD-verB .PD_layout.PDb .PD_into { padding: 0 0 1em; border: none; }
.danjiPD-02.PD-verB .PD_layout.PDb .PD_into h3 { padding: 0 3%; }
@media screen and (max-width:767px){
  .danjiPD-02 { border-radius: 2vw; }
  .danjiPD-02 .PD_layout.PDa .PD_into { padding: 1.5vw; }
  .danjiPD-02 .PD_layout.PDa .PD_into h4 { max-height: 4.5vw; padding: 0;  margin: 0; }
  .danjiPD-02 .PD_layout.PDb { padding: 0 0 16vw; }
  .danjiPD-02 .PD_layout.PDb .PD_into { padding: 1vw; }
  .danjiPD-02 .PD_layout.PDb .PD_into h3 { padding: 1.5vw 0 0; max-height: 25vw; }
  .danjiPD-02 .PD_layout.PDb .PD_into h3 b { padding-bottom: 0.2vw; max-height: 11vw; line-height: 1.2;  }
  .danjiPD-02 .PD_layout.PDb .PD_into h3 span { padding-bottom: 0.5vw; max-height: 11vw; line-height: 1.2; }
  .danjiPD-02 .PD_layout.PDb .PD_into h4 { padding: 0; }
  .danjiPD-02 .PD_layout.PDb .PD_into h4 b { max-height: 6vw; }
  .danjiPD-02 .PD_layout.PDc .PD_into { padding: 2vw 8vw; }
  .danjiPD-02.PD-verA .PD_layout.PDb ul::after { height: calc(100% / 1.5); }
}
/*登記按鈕*/
/* PD-verA-版型1 */
.danjiPD-container .danjiPD-02 .danji_btn { z-index: 10; position: absolute; bottom: 29%; left: 50%; transform: translateX(-50%); }
.danjiPD-02 .btn_alert_danji { z-index: 10; position: absolute; }
/* PD-verB-版型2 */
.danjiPD-container .danjiPD-02.PD-verB .danji_btn { width: 100%; display: flex; align-items: flex-start; justify-content: space-around; bottom: 27.5%; left: 50%; transform: translateX(-50%);}
@media screen and (max-width:767px){
  /* PD-verA-版型1 */
  .danjiPD-container .danjiPD-02 .danji_btn {  width: 33%; bottom: 24vw; left: 32vw; transform: none; }
  .danjiPD-container .danjiPD-02 .danji_btn a {  display: block; position: relative; }
  /* PD-verB-版型2 */
  .danjiPD-container .danjiPD-02.PD-verB .danji_btn { bottom: 30vw; }
  .danjiPD-container .danjiPD-02.PD-verB .danji_btn a { width: 29%; }
}
  /*剩餘名額*/
  /* PD-verA-版型1 */
  .danjiPD-container .danjiPD-02 .remp {z-index: 10;position: absolute; bottom: 30.5%; right: 21.5%; }
  /* PD-verB-版型2 */
  .danjiPD-container .danjiPD-02.PD-verB .remp { width: 100%; display: flex; align-items: flex-start; justify-content: space-around; bottom: 18%; left: 50%; transform: translateX(-50%); }
  @media screen and (max-width:767px){
    /* PD-verA-版型1 */
    .danjiPD-container .danjiPD-02 .remp { width: auto; bottom: 26vw;right: initial;left: 66vw; text-align: left; }
    /* PD-verB-版型2 */
  .danjiPD-container .danjiPD-02.PD-verB .remp { bottom: 22vw; }
  }

  /*詳情 & 查詢*/
  .danjiPD-container .danjiPD-02 .btn_query { order: 1; display: flex; justify-content: center; padding: 1em; background: #d0d0d0; } 
  .danjiPD-container .danjiPD-02 .btn_query ul { display: flex; flex-wrap: nowrap; justify-content: center; } 
  .danjiPD-container .danjiPD-02 .btn_query ul li { width: 25%; } 
  @media screen and (max-width:767px){
    .danjiPD-container .danjiPD-02 .btn_query ul li { width: 29%; } 
  }

/*登記3品*/
/* PD-verA-版型1 */
.danjiPD-03 { position: relative; display: flex; flex-direction: column; background-color: #fff; overflow: hidden; border-radius: 1.5em; }
.danjiPD-03 .PD_layout { margin: 0; }
.danjiPD-03 .PD_layout.PDb { padding: 0 0 8em; }
.danjiPD-03 .PD_layout.PDa .PD_into { z-index: 5; position: relative; display: flex; flex-direction: column;justify-content: center; align-items: center; padding: 1em 0 0.5em;line-height: 1; width: 100%;background: #f0dcb7; }
.danjiPD-03 .PD_layout.PDa .PD_into h4 { line-height: 1; }
.danjiPD-03 .PD_layout.PDb .PD_into { justify-content: center; align-items: center; padding: 1em 0;  }
.danjiPD-03 .PD_layout.PDb .PD_into h3 { display: flex; flex-direction: column; align-items: center; max-height: initial; }
.danjiPD-03 .PD_layout.PDb .PD_into h3 span { line-height: 1; padding-bottom: 0.1em; max-height: 2em; }
.danjiPD-03 .PD_layout.PDb .PD_into h4 {display: flex;flex-direction: column;width: 100%; padding: 0; }
.danjiPD-03 .PD_layout.PDb .PD_into h4 b, .danjiPD-03 .PD_layout .PD_into h4 span { text-align: center; }
.danjiPD-03 .PD_layout.PDc .PD_into { padding: 0.5em 5vw; }
/* PD-verB-版型2 */
.danjiPD-03.PD-verB .PD_layout.PDb ul::before { content: "";  display: block; clear: both;position: absolute; right: 33%; height: 100%; border-left: 1px solid #d0d0d0; }
.danjiPD-03.PD-verB .PD_layout.PDb ul::after { position: absolute; left: 33%; height: 100%; border-left: 1px solid #d0d0d0; }
.danjiPD-03.PD-verB .PD_layout.PDb .PD_img { width: 90%; margin: 0 auto; }
.danjiPD-03.PD-verB .PD_layout.PDb .PD_into { padding: 1em 0 0; border: none; }
.danjiPD-03.PD-verB .PD_layout.PDb .PD_into h3 { padding: 0 3%; }
@media screen and (max-width:767px){
  .danjiPD-03 { border-radius: 2vw; }
  .danjiPD-03 .PD_layout.PDa .PD_into { padding: 1.5vw; }
  .danjiPD-03 .PD_layout.PDa .PD_into h4 { max-height: 4.5vw; padding: 0;  margin: 0; }
  .danjiPD-03.PD-verA .PD_layout.PDb { padding: 0 0 16vw; }
  .danjiPD-03.PD-verB .PD_layout.PDb { padding: 0 0 13.5vw; }
  .danjiPD-03 .PD_layout.PDb .PD_into { padding: 1vw; }
  .danjiPD-03 .PD_layout.PDb .PD_into h3 { padding: 1.5vw 0 0; max-height: 23vw; }
  .danjiPD-03 .PD_layout.PDb .PD_into h3 span { line-height: 1.2; padding-bottom: 0.5vw; max-height: 11vw; }
  .danjiPD-03 .PD_layout.PDb .PD_into h3 b { line-height: 1.1; padding-bottom: 1vw; max-height: 10vw; }
  .danjiPD-03 .PD_layout.PDb .PD_into h4 { padding: 0; }
  .danjiPD-03.PD-verA .PD_layout.PDb .PD_into h4 b { line-height: 1.1; max-height: 10vw; }
  .danjiPD-03.PD-verB .PD_layout.PDb .PD_into h4 b { line-height: 1.5; max-height: 10vw; }
  .danjiPD-03 .PD_layout.PDc .PD_into { padding: 2vw 8vw; }
}
/*登記按鈕*/
/* PD-verA-版型1 */
.danjiPD-container .danjiPD-03 .danji_btn { z-index: 10; position: absolute; bottom: 29%; left: 50%; transform: translateX(-50%); }
.danjiPD-03 .btn_alert_danji { z-index: 10; position: absolute; }
/* PD-verB-版型2 */
.danjiPD-container .danjiPD-03.PD-verB .danji_btn { width: 100%; display: flex; align-items: flex-start; justify-content: space-around; bottom: 34%; left: 50%; transform: translateX(-50%);}
@media screen and (max-width:767px){
  /* PD-verA-版型1 */
  .danjiPD-container .danjiPD-03 .danji_btn {  width: 33%; bottom: 24vw; left: 32vw; transform: none; }
  .danjiPD-container .danjiPD-03 .danji_btn a {  display: block; position: relative; }
  /* PD-verB-版型2 */
  .danjiPD-container .danjiPD-03.PD-verB .danji_btn { bottom: 27vw; }
  .danjiPD-container .danjiPD-03.PD-verB .danji_btn a { width: 29%; }
}
  /*剩餘名額*/
   /* PD-verA-版型1 */
  .danjiPD-container .danjiPD-03 .remp {z-index: 10;position: absolute; bottom: 30.5%;right: 21.5%; }
  /* PD-verB-版型2 */
  .danjiPD-container .danjiPD-03.PD-verB .remp { width: 100%; display: flex; align-items: flex-start; justify-content: space-around; bottom: 22%; left: 50%; transform: translateX(-50%); }
  @media screen and (max-width:767px){
    /* PD-verA-版型1 */
    .danjiPD-container .danjiPD-03 .remp { width: auto; bottom: 26vw;right: initial;left: 66vw; text-align: left; }
    /* PD-verB-版型2 */
   .danjiPD-container .danjiPD-03.PD-verB .remp { bottom: 20vw; } 
  }

  /*詳情 & 查詢*/
  .danjiPD-container .danjiPD-03 .btn_query { order: 1; display: flex; justify-content: center; padding: 1em; background: #d0d0d0; } 
  .danjiPD-container .danjiPD-03 .btn_query ul { display: flex; flex-wrap: nowrap; justify-content: center; } 
  .danjiPD-container .danjiPD-03 .btn_query ul li { width: 25%; } 
  @media screen and (max-width:767px){
    .danjiPD-container .danjiPD-03 .btn_query ul li { width: 29%; } 
  }