.product11{
    /* 2026 product11 */
    .product11_box * {
        font-family: 'Noto Sans TC', sans-serif;
    }
    .product11_box h1 ,.product11_box h2,.product11_box h3{
        text-indent: 0;
    }
    .product11_box h2,.product11_box h3,.product11_box h4,.product11_box h5{
    letter-spacing: 1px;
    }
    .product11_box h3{
    line-height: 40px;
    text-align: start;
    }
    .product11_p{
    position: relative;
    }

    .product-content picture img {
      width: 100% !important;
    }
    
    .product11_p > div,.product11_p > h2,.product11_p > h3,.product11_p7 p{
    position: absolute;
    }
    /* p1 */
    .product11_kv_box{
    top: 26.5%;
    left: calc(50% - 80px);
    }
    .product11_kv_box h1{
    text-align: start;
    font-weight: 700;
    letter-spacing: 2px;
    }
    .product11_kv_t1{
    font-size: 56px;
    color: #000;
    }
    .product11_kv_t2{
    font-size: 41px;
    padding: 12px 0;
    background: linear-gradient(90deg, #5e3e00 0%,#855b00 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
    }

    /* p2 */
    .product11_p2 h2{
    top: 22%;
    font-size: 42px;
    color: #392211;
    font-weight: 700;
    left: 50%;
    transform: translateX(-50%);
    letter-spacing: 2px;
    line-height: 32px;
    }
    .product11_p2_box{
    top: 52%;
    left: 49%;
    transform: translateX(-50%);
    display: flex;
    }
    .product11_p2 h3{
    font-size: 26px;
    font-weight: 700;
    width: 261px;
    text-align: start;
    box-sizing: border-box;
    color: #663426;
    padding:0 0 0 92px;
    line-height: 1.2;
    }
    .product11_p2 h3:nth-child(2){
    margin: 0 10px 0 22px;
    }
    /* p3 */
    .product11_p3 .product11_p3t1{
    text-indent: 0px;
    font-size: 68px;
    font-weight: 900;
    padding: 20px 0;
    top: 50px;
    left: 50%;
    transform: skewX(354deg) translateX(-50%);
    background: linear-gradient(90deg, #663311 10%,#c56720 50%,#663311 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 8px #fff);
    letter-spacing: 2px;
    }
    .product11_p3_box{
    top: 64%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    }
    .product11_p3 .product11_p3t2{
    font-size: 50px;
    font-weight: 900;
    color: #6e6762;
    text-align: center;
    margin-bottom: 11px;
    padding-bottom: 15px;
    line-height: 32px;
    }
    .product11_b{
    color: #8a4917;
    }
    .product11_r{
    color: #ff0000;
    }
    .product11_p3 h3{
    font-size: 32px;
    font-weight: 500;
    color: #7f4a28;
    letter-spacing: 2px;
    text-align: center;
    }
    .product11_p3_box h3 span{
    color: #d51114;
    }
    .product11_p3_box h3 b{
    font-weight: 800;
    }
    /* p4 */
    .product11_t{
    font-size: 40px;
    font-weight: 900;
    padding: 15px 0;
    line-height: 32px;
    background: linear-gradient(90deg, #663311 30%,#c56720 50%,#894917 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 0 8px #fff);
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    }
    .product11_p4 .product11_t{
    top: 3.5%;
    }
    .product11_p4_txt,.product11_p5_txt,.product11_p5_txt2{
    width: 100%;
    top: 12%;
    text-align: start;
    margin-left: 415px;
    }
    .product11_g{
    font-size: 32px;
    font-weight: 700;
    padding: 10px 0;
    background: linear-gradient(90deg, #9d6d07 0%,#d28b05 20%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-clip: text;
    color: transparent;
    }
    .product11_p4 .product11_g{
    margin-bottom: 16px;
    }
    .product11_b2{
    font-size: 32px;
    font-weight: 700;
    color: #693511;
    }
    .product11_box .product11_p6 h3.product11_b2{
    text-align: center;
    }
    .product11_p4 .product11_b2 span{
    font-size: 26px;
    }
    .product11_p4 .product11_b2{
    margin:0 0 10px 0;
    }
    .product11_p4 .product11_p4_txt2 .product11_b2{
    margin:0 0 0 50px;
    text-align: center;
    }
    .product11_p4 p,.product11_p5 p,.product11_p6 p,.product11_p7 p{
    font-size: 24px;
    font-weight: 500;
    color: #595959;
    }
    .product11_r2{
    color: #ba1f1f;
    }
    .product11_p4_box{
    margin-bottom: 50px;
    }
    .product11_p4_txt2{
    top: 44.5%;
    width: 100%;
    }
    .product11_p4_txt2 h2{
    font-size: 40px;
    font-weight: 700;
    color: #413328;
    text-align: center;
    padding-bottom: 12px;
    line-height: 32px;
    }
    /* p5 */
    .product11_p5 .product11_t2{
    top: 3.5%;
    }
    .product11_p5 .product11_b2 span{
    color: #373736;
    }
    .product11_p5_txt{
    top: 18.5%;
    }
    .product11_p5_box{
    margin-bottom: 35px;
    }
    .product11_p5 .product11_t3{
    top: 56%;
    }
    .product11_p5_txt2{
    top: 67%;
    }
    /* p6 */
    .product11_p6_txt{
    top: 6%;
    width: 100%;
    }
    .product11_p6 h2{
    font-size: 42px;
    font-weight: 700;
    color: #873e20;
    text-align: center;
    padding-bottom: 30px;
    line-height: 32px;
    }
    .product11_p6 p{
    font-size: 26px;
    letter-spacing: 1px;
    }
    .product11_bub1{
    top: 200px;
    left: calc(50% - 369px);
    }
    .product11_bub2{
    top: 389px;
    left: calc(50% - 435px);
    }
    .product11_bub3{
    top: 327px;
    left: calc(50% - 271px);
    }
    .product11_bub4{
    top: 285px;
    left: calc(50% + 175px);
    }
    .product11_bub5{
    top: 400px;
    left: calc(50% + 196px);
    }
    .product11_bub6{
    top: 186px;
    left: calc(50% + 270px);
    }
    .product11_bub7{
    top: 322px;
    left: calc(50% + 350px);
    }
    /* p7 */
    .product11_p7 h2{
    font-size: 42px;
    line-height: 32px;
    }
    .product11_p7 .product11_t{
    top: 3%;
    }
    .product11_p7 p{
    font-weight: 700;
    width: 100%;
    top: 13.5%;
    }
    .product11_p7t{
    font-weight: 700;
    top: 60%;
    width: 100%;
    text-align: center;
    }
    .product11_p7_box{
    top: 67.2%;
    width: 100%;
    display: flex;
    margin-left: 148px;
    }
    .product11_p7 h3{
    font-size: 25px;
    font-weight: 500;
    color: #9d5926;
    }
    .product11_p7 h3:nth-child(2){
    margin: 0px 115px 10px 145px;
    }
}


@media (max-width: 1217px){

  .product11{
    /* product11 */
    .product11_kv_box{
      top: 22.5%;
      left: calc(50% - 92px);
      transform: scale(0.82);
    }
    .product11_p2 h2{
      font-size: 34px;
    }
    .product11_p2 h3{
      font-size: 20px;
      width: 220px;
      padding:0 0 0 82px;
    }
    .product11_p2 h3:nth-child(2){
      margin: 0 0px 0 10px;
    }
    .product11_p3 .product11_p3t1{
      font-size: 56px;
      top: 4%;
    }
    .product11_p3_box{
      top: 63%;
      transform: translateX(-50%) scale(0.83);
    }
    .product11_t{
      transform: translateX(-50%) scale(0.83);
    }
    .product11_p4 .product11_t{
      top: 2.8%;
    }
    .product11_p4_txt,.product11_p5_txt,.product11_p5_txt2{
      margin-left: 262px;
      transform: scale(0.83);
    }
    .product11_p4_txt{
      top: 9.5%;
    }
    .product11_p4_box{
      margin-bottom: 42px;
    }
    .product11_p4_txt2{
      top: 43.5%;
      transform: scale(0.83);
    }
    .product11_p5 .product11_t2{
      top: 3%;
    }
    .product11_p5_txt{
      top: 16%;
    }
    .product11_p5 .product11_t3{
      top: 55%;
    }
    .product11_p5_txt2{
      top: 65%;
    }
    .product11_p6_txt{
      top: 4.5%;
      transform: scale(0.83);
    }
    .product11_p6 h5{
      transform: scale(0.83);
    }
    .product11_bub1{
      top: 155px;
      left: calc(50% - 308px);
    }
    .product11_bub2{
      top: 312px;
      left: calc(50% - 363px);
    }
    .product11_bub3{
      top: 262px;
      left: calc(50% - 227px);
    }
    .product11_bub4{
      top: 226px;
      left: calc(50% + 137px);
    }
    .product11_bub5{
      top: 319px;
      left: calc(50% + 154px);
    }
    .product11_bub6{
      top: 142px;
      left: calc(50% + 211px);
    }
    .product11_bub7{
      top: 256px;
      left: calc(50% + 278px);
    }
    .product11_p7 .product11_t{
      top: 2.5%;
    }
    .product11_p7 p{
      top: 13%;
      transform: scale(0.83);
    }
    .product11_p7 h2{
      font-size: 42px;
    }
    .product11_p7t{
      transform: scale(0.83);
    }
    .product11_p7_box{
      top: 67%;
      transform: scale(0.83);
      margin-left: 40px;
    }
    .product11_p7 h3:nth-child(2){
      margin: 0px 115px 10px 142px;
    }
  }
}


@media (max-width: 991px) {
    /* product11 */
  .product11{
    .product11_kv_box{
    top: 10%;
    left: calc(50% - 215px);
    transform: scale(1);
    }
    .product11_box h3{
      line-height: 35px;
    }
    .product11_p2 h2{
      top: 13%;
      font-size: 42px;
      width: 100%;
      text-align: center;
    }
    .product11_p2_box{
      top: 64%;
      left: 50%;
      width: 100%;
      justify-content: center;
    }
    .product11_p2 h3{
      font-size: 26px;
      padding:0px;
      width: auto;
      text-align: center;
    }
    .product11_p2 h3:nth-child(2){
      margin: 0px 65px;
    }
    .product11_p3 .product11_p3t1{
      top: 5%;
      font-size: 68px;
      width: 100%;
    }
    .product11_p3_box{
      top: 64.5%;
    }
    .product11_p3_box,.product11_t{
      transform: translateX(-50%) scale(1);
    }
    .product11_p3 h3,h4.product11_t{
      letter-spacing: 0;
    }
    .product11_p4 .product11_t{
      top: 1%;
    }
    .product11_p4_txt,.product11_p5_txt,.product11_p5_txt2{
      margin-left: 120px;
      transform: scale(1);
    }
    .product11_p5_txt{
      margin-left: 195px;
      top: 18%
    }
    .product11_p5_txt2{
      width: 60%;
      top: 66%;
      margin-left: 205px;
    }
    .product11_p4_txt{
      top: 10.5%;
    }
    .product11_p4_box,.product11_p4_box2{
      margin:0 0 55px 48px;
    }
    .product11_p4_txt2{
      top: 40.2%;
      transform: scale(1);
    }
    .product11_p5 .product11_t2{
      font-size: 34px;
    }
    .product11_p5_box{
      margin-bottom: 40px;
    }
    .product11_p5 .product11_t3{
      top: 53.5%;
    }
    .product11_p5_box3 h5{
      margin-bottom: 26px;
    }
    .product11_p6_txt{
      top: 8%;
      transform: scale(1);
    }
    .product11_p6 h2{
      padding-bottom: 28px;
    }
    .product11_p6 h5,.product11_p7t{
      transform: scale(1);
    }
    .product11_bub1{
      top: 32%;
      left: calc(50% - 228px);
    }
    .product11_bub2{
      top: 79%;
      left: calc(50% - 266px);
    }
    .product11_bub3{
      top: 56.5%;
      left: calc(50% - 290px);
    }
    .product11_bub4{
      top: 50%;
      left: calc(50% + 218px);
    }
    .product11_bub5{
      top: 82%;
      left: calc(50% + 124px);
    }
    .product11_bub6{
      top: 29%;
      left: calc(50% + 128px);
    }
    .product11_bub7{
      top: 66%;
      left: calc(50% + 214px);
    }
    .product11_p7 .product11_t{
      top: 1%;
    }
    .product11_p7 p{
      top: 6.8%;
      transform: scale(1);
    }
    .product11_p7t{
      top: 39%;
    }
    .product11_p7_box{
      transform: scale(1);
      flex-direction: column;
      margin-left: 0;
      top: 44.3%;
    }
    .product11_p7 h3{
      text-align: center;
      line-height: 40px;
    }
    .product11_p7 h3:nth-child(2){
      margin: 260px 0px 264px;
    }
  }
  
}

@media (max-width: 768px) {
  .product11{
      .product11_box h3,.product11_p7 h3{
      line-height: 30px;
    }
  }
}


@media (max-width: 600px){
  .product11{
    .product11_kv_box{
      left: calc(50% - 212px);
    }
    .product11_kv_box h1{
      letter-spacing: 0;
    }
    .product11_p2 h3:nth-child(2){
      margin: 0px 45px;
    }
    .product11_p3 .product11_p3t1{
      font-size: 60px;
    }
    .product11_p3 .product11_p3t2{
      font-size: 44px;
    }
    .product11_p3 h3{
      font-size: 26px;
    }
    .product11_t {
      font-size: 34px;
    }
    .product11_g,.product11_b2{
      font-size: 28px;
    }
    .product11_p5 .product11_t2 {
      font-size: 30px;
    }
    .product11_p5_box h5,.product11_p5_box2 h5,.product11_p5_box3 h5{
      margin-bottom: 10px;
    }
    .product11_p5_txt2 {
      width: 55%;
    }
    .product11_p4 p, .product11_p5 p, .product11_p6 p, .product11_p7 p{
      font-size: 22px;
    }
    .product11_p7 h2{
      font-size: 38px;
    }
    .product11_bub1{
      top: 33%;
      left: calc(50% - 212px);
    }
    .product11_bub2{
      top: 79%;
      left: calc(50% - 246px);
    }
    .product11_bub3{
      top: 56.5%;
      left: calc(50% - 270px);
    }
    .product11_bub4{
      top: 50%;
      left: calc(50% + 206px);
    }
    .product11_bub5{
      top: 83%;
      left: calc(50% + 116px);
    }
    .product11_bub6{
      top: 30%;
      left: calc(50% + 120px);
    }
    .product11_bub7{
      top: 67%;
      left: calc(50% + 200px);
    }
    .product11_p7 h3:nth-child(2){
      margin: 255px 0px;
    }
  }
}


@media (max-width: 500px){
  .product11{
    .product11_kv_box h1{
      font-size: 3rem;
    }
    .product11_p2 h3 {
            font-size: 1rem;
            line-height: 1.2rem;
          }
    .product11_p3 .product11_p3t2,
    .product11_p2 h2  {
            font-size: 2rem;
     } 

    .product11_p4 .product11_t, 
    .product11_p4_txt2 h2 ,
    .product11_p5 .product11_t2 ,
    .product11_g,
    .product11_b2 {
            font-size: 1.5rem;
        }
    .product11_p4_box, 
    .product11_p4_box2 {
            margin: 2px 0 5px;
            width: 70%;
        }
    .product11_p5_box ,
    .product11_p5_box2,
    .product11_p5_box3{
            line-height: 2;
        }
    .product11_p4_txt,
    .product11_p5_txt,
    .product11_p5_txt2  {
            margin-left: 32%;

    }
    .product11_p7 h3 {
            line-height: 1.5rem;
            font-size: 1.2rem;
        }

    .product11_p3 .product11_p3t1{
      font-size: 60px;
    }

    .product11_p5_box h5,.product11_p5_box2 h5,.product11_p5_box3 h5{
      margin-bottom: 10px;
    }

    .product11_p4 p, .product11_p5 p, .product11_p6 p, .product11_p7 p{
      font-size: 1.2rem;
    }
    .product11_p7 h2{
      font-size: 38px;
    }
    .product11_bub1{
      top: 33%;
      left: calc(50% - 176px);
    }
    .product11_bub2{
      top: 79%;
      left: calc(50% - 205px);
    }
    .product11_bub3{
      top: 56.5%;
      left: calc(50% - 225px);
    }
    .product11_bub4{
      top: 50%;
      left: calc(50% + 170px);
    }
    .product11_bub5{
      top: 83%;
      left: calc(50% + 95px);
    }
    .product11_bub6{
      top: 30%;
      left: calc(50% + 100px);
    }
    .product11_bub7{
      top: 67%;
      left: calc(50% + 150px);
    }
    .product11_p7 h3:nth-child(2){
      margin: 42% 0px;
    }
  }
}