pts/assets/stylesheets/template/layout/add.scss

@charset "utf-8";

@import "../initial";
@media only screen and (min-width: 981px) {
    .et_pb_text_0, .et_pb_text_1, .et_pb_text_2, .et_pb_text_3, .et_pb_text_4 {
        width: 600px;
                margin: auto;
    }
}
/* 卡片外層容器 */
.history-card {
    background-color: #ffffff;
    border-radius: 12px; 
    overflow: hidden; 
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s ease; 
    display: inline-block;
}


.history-card:hover {
    transform: translateY(-5px);
}

.card-img-top img {
    width: 100%;
    height: auto;
    display: block; /* 移除圖片下方微小間隙 */
}


.card-body {
    padding: 20px 25px; /* 文字四周的留白 */
    text-align: left;
}
.awards-container {
    max-width: 1000px;
    margin: 0 auto;
}


.main-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 50px;
    color: #333;
}


.stat-number {
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #2c3e50;
}


.region-name {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 30px;
}


.awards-list {
    list-style: none;
    padding: 0;
    margin-bottom: 40px;
}

.awards-list li {
    font-size: 16px;
    line-height: 2; 
    color:#666;
    white-space: nowrap; 
        list-style: none;
    text-align: center;
}


.btn-wrapper {
    margin-top: 40px;
}

.check-more-btn {
    display: inline-block;
    padding: 5px 20px;
    border: 1.5px solid #666;
    border-radius: 30px; 
    color: #444;
    text-decoration: none;
    font-size: 0.85em;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 0.3s ease;
}

.check-more-btn:hover {
    background-color: #333;
    color: #fff;
    border-color: #333;
}


@media (max-width: 768px) {
    .stat-number { font-size: 36px; }
    .region-name { font-size: 22px; }
    .awards-list li { font-size: 14px; white-space: normal; }
}
/* 標題樣式 */
.card-body h3 {
    margin: 0;
    font-size: 1.4em;
    color: #334155; /* 深灰藍色，視覺較高級 */
    font-family: Arial, sans-serif;
    font-weight: 500;
}
hr {
    border-top: 3px solid #0000007a;
}
[jsname="ksKsZd"]{
  display: none;
}
[jscontroller="Ae65rd"] {
width: fit-content;
    text-align: center;
    margin: auto;
        font-size: 2em;
    margin-bottom: 0.5em;
    &:hover{
      [jsname="haAclf"]{
        opacity: 1;
      }
    }
}
[jsname="haAclf"]{
    float: right;
    opacity: 0;
}
@media(min-width:769px){
  span.Rn3Z1b.C9DxTc {
    font-size: 2.2em;
  }
}
@media(max-width:768px){
  span.Rn3Z1b.C9DxTc {
    font-size: 1.5em;
  }
}
.RNpQXe {
    border-radius: 50%;
        display: flex;
    justify-content: center;
    align-items: center;
}
.messages{
  p{
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    border-bottom:3px solid #00000026;
  }
  a{
    text-decoration: underline;
    font-weight: 600;
    font-size: 1.2em;
  }
  strong{
        color: #660000;
    font-family: Roboto, Arial;
    font-variant: normal;
    font-weight: 700;
    vertical-align: baseline;
    font-size: 1.4em;
  }
}
// a.XqQF9c {
//     text-decoration: none;
//     padding: 14px 8px;
//     background-color: #fff;
//     display: block;
//     font-size: 1.5em;
// }
.tossing {
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}
@keyframes tossing {
	0% {
		transform: rotate(-4deg);	
	}
	50% {
		transform: rotate(4deg);
	}
	100% {
		transform: rotate(-4deg);	
	}						
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);	
	}
	50% {
		-webkit-transform: rotate(4deg);
	}
	100% {
		-webkit-transform: rotate(-4deg);	
	}				
}
.page-header {
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #5FD8DE;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 25px;
    margin-left: auto;
    margin-right: auto;
    color: #2E74AD;
        padding-top: 0;
    margin-bottom: 0;
}
  #tdstyleborder{
    font-size: 1.1em;
    line-height: 2;
    font-weight: 600;
    p{
      margin: 0;
    }
    td{
      border: 2px solid #333;
    }
      table td{
    border: 1px solid #ddd!important;
    @media (max-width: 480px) {
     width: auto;
    }
  }
  td,th{
    @media(max-width: $screen-xs){
      width: auto ;
    }
  }
  tr{
    display: table-row;
  }
  }
.contentwrap3bg{
  .i-archive__item-wrap{
    border-bottom:0!important;
  }
  table{
        margin-top: 21px;
  }
  .ba-banner-widget-2 {
  position: relative;
  padding-bottom: 30px;
  .banner-pager{
    bottom: 2.5rem !important;
  }
}

.ba-banner-widget-2 img {
  width: 100%;
  display: block;
  position: relative;
  z-index: 2;
      border: rgba(255, 255, 255, 1) solid 1px;
}

/* 核心：弧形陰影效果 */
.ba-banner-widget-2::after {
content: "";
    position: absolute;
    z-index: 1;
    bottom: 26px;
    left: 10px;
    right: 10px;
    height: 45%;
    background: #4f7387ab;
    border-radius: 100% / 50%;
    filter: blur(7px);
    transform: translateY(10px);
}
  @media (min-width: 1200px) {
    .container {
        // width: 985px!important;
    }
  }
  a {
    text-decoration: none;
    color: #337ab7;
  }
  td, th {
    padding-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(169, 192, 224, 1.00);
    p{
      margin-bottom: 0;
    }
  }
}
.T2_Blue_1 {
    font-family: "微軟正黑體", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 30px;
    color: #0186d1;
    font-weight: bold;
}