.specdiv1ssss>a{
        width: 88%;
    }
    #ibakeryhight{
        display: block;
        margin-bottom: 5px;
    }
    .ibakeryhight{
        margin-bottom: 5px;
    }
    .ibakeryhight2{
        margin-bottom: 5px;
    }
    #gingkohight3{
        display: block;
    }
    .gingkohight{
        margin-bottom: 5px;
    }
    #gingkolow3{
        display: block;
    }
    #gingkolow3a{
        display: block;
    }
/*    .gingkohight2{
        margin-bottom: 5px;
    }*/
    .blk-2.text-aglin-le{
        text-align:left;
    }
    .blk-2.text-aglin-le a{
        color: blue;
    }
    .spanspec4.text-aglin-le{
        text-align:left;

    }
    .txtce{
        width: 100%;
        text-align: center;
    }
    .text-div a {
        color: blue;
        text-decoration: underline;
    }
    #ibakerylow{
        display: block;
    }
    .spanspec5{
        font-size:24px;color:#1f351a;text-align: left;
    }
    .headoou6{
        position: relative;padding-bottom: 53px;
    }
    .spanspec4{
        font-size:24px;color:#1f351a;width: 100%;text-align: center;display: inline-block;
    }
    .headoou5{
        position: relative;padding-bottom: 27px;
    }
    .headoou56{
        position: relative;padding-bottom: 40px;
    }
    .spanspec3{
        font-size:24px;color:#1f351a;width: 100%;text-align: left;display: inline-block;
    }
    .headoou4{
        position: relative;padding-bottom: 62px;
    }
    .blk-2.txtleft{
       text-align:left;
    }
    .txtleft{
       text-align:left; 
    }
    .headoou3{
        position: relative;padding-bottom: 22px;
    }
    .gingspan2{
        display:inline-block;margin-bottom:4px;font-size:24px;color:#1f351a;
    }
    .gingspan{
        display:inline-block;font-size:24px;color:#1f351a;margin-bottom: 4px;
    }
    .flwrap{
        display: flex;width: 100%;
    }
    .icoimgspec{
       display: inline-block;vertical-align: middle;visibility: hidden; 
    }
    .headoou2{
        position: relative;padding-bottom: 95px;
    }
    .lftxt{
        text-align:right;padding-left:10px;
    }
    .textdivspec{
      width: 100%;margin-left: 1%;  
    }
    .img100{
        width: 100%;
    }
    .divflexspec{
        width:100%;display: flex;justify-content: center;
    }
    .mgbt10{
        margin-bottom:10px;
    }
    .specdiv1{
        width:100%;display: flex;justify-content: center;gap:10px;flex-wrap: wrap;
    }
    .imgico3{
       display: inline-block;vertical-align: middle;margin-right: 2%;
    }
    .logoimga{
        display: inline-block;vertical-align: middle;width: 120px;height: auto;margin-right: 2%;
    }
    .headblkss{
        vertical-align:middle;padding: 0 10px;
    }
    .spanspec2{
        font-size:24px;color:#1f351a;display: block;
    }
    .spanspec1{
        margin-bottom:4px;font-size:24px;color:#1f351a;display: inline-block;
    }
    .divspec{
        display: flex;width: 100%;flex-wrap: wrap;gap:10px;
    }
    .imglogo{
        display: inline-block;vertical-align: middle;width: 143px;height: auto;margin-right: 2%;
    }
    .soltext{
        width:100%;background: #fb7541;text-align: center;color: #FFFFFF;font-weight: bold;
    }
    .icon-img.imgico2{
        display: inline-block;vertical-align: middle;margin-right: 1.5%;
    }
    .icon-img.imgico{
        display: inline-block;vertical-align: middle;
    }
    .logoname{
       display: inline-block;vertical-align: middle;font-size:36px;font-weight: bold; 
    }
    .headooure1{
       position: relative;padding-bottom: 58px; 
    }
    .divoouter{
        background: #FFF;padding: 10px 0;position: relative;
    }
    .slide-main-component.rowblk{
      margin-bottom: 50px;background: #ffced7;  
    }
    .head-blk2.tcright{
       width: 29%;
    }
    
    .slide-main-component.rowright{
        background: #ffced7;
    }
    .blk-2 a{
        text-decoration: underline;
        word-break: break-all;
    }
    .text-div a{
        text-decoration: underline;
        word-break: break-all;
    }
    .vt-ag {
        margin-top: 36%;
    }

    .vt-ag2 {
        margin-top: 28%;
    }

    .mgl-27 {
        margin-left: -24%;
    }

    .inner-div2 {
        font-family: "Microsoft JhengHei", "MingLiU", "Apple LiSung" !important;
    }

    .inner-div {
        font-family: "Microsoft JhengHei", "MingLiU", "Apple LiSung" !important;
    }

    .head-blk2 a {
        color: #627939;
    }

    .rinato-blk-1 .inner-div2 {
        padding: 0;
    }

    .blk-1 {
        padding: 0 10px;
    }

    .three-blk-1 {
        padding: 0 10px;
    }

    .rinato-blk-1 {
        margin-left: 2.2%;
        padding: 0;
    }

    .olive-blk1 {
        margin-left: 10px;
        padding: 0;
    }

    /*.rinato-blk-1 .inner-div{
        padding: 0;
    }
    .olive-blk1 .inner-div{
        padding: 0;
    }
    .three-blk-1 .inner-div{
        padding: 0;
    }*/
    .inner-div a, .inner-div2 a {
        color: blue;
    }

    .inner-div2.blk-project {
        margin-top: 0;
        padding: 0 22px;

    }

    .mobile-only {
        display: none !important;
    }

    .desktop-only {
        display: flex !important;
    }
    .desktop-only2{
        display: block!important;
    } 

    .outer-img-div {
        display: flex;
        justify-content: space-between;
    }

    .img-div-2 {
        width: 48%;
    }

    .img-div-2-last {
        width: 48%;
    }

    .img-div-3 {
        width: 31%;
    }

    .img-div-3-last {
        width: 31%;
    }

    .img-div-4 {
        width: 24%;
    }

    .img-div-4-last {
        width: 24%;
    }

    .head-blk {
        display: inline-block;
        width: 54%;
    }

    .head-width {
        width: 100%;
    }

    .head-blk2 {
        position: absolute;
        top: 0;
        right: 0;
        width: 38%;
        font-size: 16px;
    }

    .head-blk2 > div {
        margin-bottom: 3px;
    }

    .icon-img {
        width: auto;
        margin-right: 2%;
    }

    .wd-break {
        display: inline-block;
        vertical-align: middle;
        width: 85%;
        word-break: break-all;
    }

    .blk-half {
        width: 48%;
        margin-right: 1%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .blk-half-last {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .img-bg {
        width: 100%;
        height: 464px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .inner-div {
        text-align: left;
        display: inline-block;
        word-break: break-all;
        width: 100%;
        font-family: "Open Sans";
    }

    .no-bk {
        white-space: nowrap;
    }

    .slide-main-component {
        display: flex;
        background-color: #f6f6f6;
        padding: 1.875em;
    }

    .slide-main-component.right .main {
        width: 100%;
        flex: none;
        max-width: 100%;
        padding-right: 0px !important;
    }
    .blk-2{
        width: 50%;
        margin-right: 1%;
        margin-left: 1%;
        vertical-align: top;
        text-align: center;
    }
    .blk-32{
        width: 64%;
        margin-right: 1%;
        vertical-align: top;
        text-align: center;
    }
    .blk-3 {
        width: 33%;
        margin-right: 1%;
        margin-left: 1%;
        vertical-align: top;
        text-align: center;
    }

    .blk-3-last {
        width: 31%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .blk-4 {
        width: 25%;
        margin-right: 1%;
        margin-left: 1%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .blk-4-last {
        width: 23%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .blk-1 {
        width: 99%;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .inner-div2 {
        padding: 0 10px;
        text-align: left;
        display: inline-block;
        word-break: break-all;
        width: 100%;
        font-family: "Open Sans";
    }

    #page_banner {
        display: block;
    }

    #page_banner2 {
        display: none;
    }

    #page_banner3 {
        display: none;
    }

    .xmas2-png {
        bottom: 0;
        right: 50%;
        width: 100px;
    }

    .blk-left {
        width: 49%;
    }

    .blk-right {
        width: 49%;
    }

    .left-right {
        display: flex;
        justify-content: space-between;
    }

    .blk-left .img-bg {
        height: 850px;
    }

    .blk-1.rinato {
        padding: 0 2%;
    }

    /*@media only screen and (max-width: 1459px) {
    .blk-1.rinato{
        padding: 0 17px;
    }
    }
    @media only screen and (max-width: 1280px) {
        .rinato-blk-1{
            margin-left: 0.8%;
        }
    }*/
    .bk1435 {
        display: inherit;

    }

    .rinato-blk-1.rinato-blk-2 {
        width: 96.3%;
        margin-left: 0;
        text-align: left;
    }

    .rinato-blk-1.rinato-blk-3 {
        width: 97.3%;
        margin-left: 0;
    }
    .fontcolor1{
        color: #55b5eb;
    }
    .fontcolor2{
        color: #f78834;
    }
    .fontcolor3{
        color: #22b85b;
    }
    .rowflex{
        display: flex;
        align-items: center;
        gap: 2px;
    }
    .typename{
        font-size: 28px;
        font-weight: bold;
    }
    .bgcolor1{
        background-color: #55b5eb!important;
    }
    .bgcolor2{
        background-color: #f78834!important;
    }
    .bgcolor3{
        background-color: #22b85b!important;
    }
    @media only screen and (max-width: 1435px) {
        .bk1435 {
            height: 85px;
            display: block;
        }
    }

    @media only screen and (max-width: 1279px) {
        .olive-blk1 {
            margin-left: 1%;
        }

    }

    @media only screen and (max-width: 1249px) {
        .mgl-27 {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 1145px) {
        #page_banner {
            display: none;
        }

        #page_banner2 {
            display: block;
        }

        #page_banner3 {
            display: none;
        }
    }

    @media only screen and (max-width: 1045px) {
        .rinato-blk-1.rinato-blk-3 {
            margin-left: 0%;
        }

        .rinato-blk-1 {
            margin-left: 0;
        }

        .rinato-blk-1 .inner-div2 {
            padding: 0 18px;;
        }

        .rinato-blk-1.rinato-blk-3 .inner-div2 {
            padding: 0;
        }

        /*    .inner-div2{
                padding:0;
            }*/

    }

    @media only screen and (max-width: 1003px) {
        .all-span-h4 {
            height: 160px;
            display: block;
        }
    }

    @media only screen and (max-width: 1000px) {
        .head-outer .head-blk {
            width: 100%;

        }

        .head-outer .head-blk2 {
            position: unset;
            width: 100%;
            padding: 10px 10px 0 10px;
        }

        .head-outer .head-blk2 > div {
            margin-bottom: 10px;
        }

        .head-blk2 {
            font-size: 2.3rem;
        }

        .xmas2-png {
            left: 20%;
        }
    }

    @media only screen and (max-width: 990px) {
        .olive-blk1 {
            margin-left: 10px;
        }

    }
    @media only screen and (max-width: 1000px) {
        .tcright {
            width: 100%!important;
            padding: 0!important;
        }

    }
    @media only screen and (max-width: 900px) {
        #page_banner {
            display: none;
        }

        #page_banner2 {
            display: none;
        }

        #page_banner3 {
            display: block;
        }
    }

    @media only screen and (max-width: 897px) {

        .all-span-h2 {
            height: 123px;
            display: block;
        }

        .all-span-h3 {
            height: 81px;
            display: block;
        }

    }

    @media only screen and (max-width: 771px) {
        .xmas2-png {
            width: 60px;
            left: 11%;
        }
    }

    @media only screen and (max-width: 745px) {
        .vt-ag {
            margin-top: 0;
        }


        .bk1435 {
            height: auto;
            display: inherit;
        }

        .mgl-27 {
            margin-left: -21%;
        }

        div.olive-blk1 {
            margin-left: 0;
            padding: 0 10px;
        }

        div.three-blk-1 {
            padding: 0 10px;
        }

        div.rinato-blk-1 {
            padding: 0 10px;
        }

        div.rinato-blk-3 {
            padding: 0 4%;
        }

        .inner-div2.blk-project {
            padding: 0 10px;

        }

        .all-span-h2 {
            height: auto;
            display: block;
        }

        .all-span-h3 {
            height: auto;
            display: block;
        }

        .all-span-h4 {
            height: auto;
            display: block;
        }

        .all-span-h2 strong {
            display: none;
        }

        .all-span-h3 strong {
            display: none;
        }

        .all-span-h4 strong {
            display: none;
        }

        .mobile-only {
            display: inherit !important;
        }

        .desktop-only2{
            display: none!important;
        } 
        .desktop-only {
            display: none !important;
        }

        .blk-left .img-bg {
            height: 464px;
        }

        .blk-left {
            width: 100%;
        }

        .blk-right {
            width: 100%;
        }

        .left-right {
            display: block;
        }

        .blk-half {
            padding: 0 20px 20px 20px;
            width: 100% !important;
        }

        .blk-half-last {
            padding: 0 20px 20px 20px;
            width: 100% !important;
        }
        .text-div{
            padding: 0 20px 20px 20px;
            width: 100% !important; 
        }
        .blk-2{
            padding: 0 20px 20px 20px;
            width: 100% !important; 
        }
        .blk-32{
            padding: 0 20px 20px 20px;
            width: 100% !important; 
        }
        .blk-32 a {width: 100%!important;}
        .blk-32 img {width: 100%!important;}
        .blk-3 {
            padding: 0 20px 20px 20px;
            width: 100% !important;
        }
        .blk-3 img {width: 100%!important;}

        .blk-3-last {
            padding: 0 20px 20px 20px;
            width: 100% !important;
        }

        .blk-4 {
            padding: 0 20px 20px 20px;
            width: 100% !important;
        }

        .blk-4-last {
            padding: 0 20px 20px 20px;
            width: 100% !important;
        }

        .blk-1 {
            padding: 0 20px 0 20px;
            width: 100% !important;
        }

        .blk-1.rinato {
            padding: 0 20px 20px 20px;
        }

        .outer-img-div {
            display: block;
            justify-content: unset;
        }

        .img-div-2 {
            width: 100%;
            display: inline-block;
            vertical-align: top;
            margin-right: 0;
            margin-bottom: 10px;
        }

        .img-div-2-last {
            width: 100%;
            margin-bottom: 10px;
        }

        .img-div-3 {
            width: 100%;
            margin-bottom: 10px;
        }

        .img-div-3-last {
            width: 100%;
            margin-bottom: 10px;
        }

        .img-div-4 {
            width: 100%;
            margin-bottom: 10px;
        }

        .img-div-4-last {
            width: 100%;
            margin-bottom: 10px;
        }

        .vt-ag {
            margin-top: 0;
        }

        .vt-ag2 {
            margin-top: 0;
        }
        .flwrap{
            flex-wrap: wrap;
        }
    }

    @media only screen and (max-width: 500px) {
        .mgl-27 {
            margin-left: -10%;
        }
    }

    @media only screen and (max-width: 400px) {
        .xmas2-png {
            left: 5%;
        }

        .mgl-27 {
            margin-left: 0%;
        }
    }
    .tc-message {
        text-align:left;padding-left:10px;
        margin-bottom: -55px;
        margin-top: -41px;
    }

    .tc-message span {
        font-size: 12.5px;
        line-height: 16px;
        display: block;
    }

    @media only screen and (min-width: 992px) {
        .tc-message {
            width: 100%;
            position:relative;
            margin-top: 0;
            margin-bottom: -14px;
        }
    }

    @media only screen and (min-width: 1300px) {
        .tc-message span {
            margin-top: 0.5%;
        }
    }

    @media only screen and (min-width: 1400px) {
        .tc-message span {
            margin-top: 3%;
        }
    }

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  
}

/* Modal Content (image) */
.modal-content {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 100%;
  max-width: 1200px;
  max-height: 100dvh;
  overflow-y: auto;
}

.modal-content > div {
    height: 90%;
} 

.modal-content img {
    width: 100%;
    height: 90%;
    object-fit: contain;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 1200px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
}

/* Add Animation */
.modal-content, #caption {  
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 0;
  right: 0;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 95%;
  }
}

.hiddenvis{
    visibility: hidden;
}