body { font-family: 'Noto Sans TC','Microsoft JhengHei',Arial,sans-serif; font-weight: 300;overflow-x: hidden; 
 	margin: 0; padding: 0; 	border: 0; color: #515155;
  box-sizing: border-box;letter-spacing: .1rem;position: relative;}
html {font-size:16px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'Noto Sans TC','Microsoft JhengHei',Arial,sans-serif;color:#333;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol,ul{list-style: none;}

a{ text-decoration: none; text-decoration: none;  } a:hover{ text-decoration: none;}
.clear{clear: both;}

/* a連結失連 */
/* .disabled { pointer-events: none; } */

p{line-height: 1.8rem;}

.clear-float{clear: both;}
.font-serif{font-family: 'Noto Serif TC',sans-serif;}
.font-sans{font-family: 'Noto Sans TC', sans-serif;}

.view-all-button{margin: 10px 0;}
.view-all-button:hover .view-all-line::before{content: "";transform: scaleX(0);} 
.view-all-line {cursor: pointer;position: relative;}
.view-all-button span{cursor: pointer;position: relative;color: #C09030;}
.view-all-line::before{content: ""; display: block; height: 1px; top: 50%; left: -20px; position: absolute;background-color: #C09030; width: 100px; transition: all .3s linear;left:-110px; transform-origin: right;} 


/* 每一區塊背景 */
section{padding: 80px 0; margin: 0px;position: relative;}
section#index-page-about::after{content: "";background: url("../../WebSide/img/cir-right.png") no-repeat;width: 500px;height: 500px;position: absolute;top:0%;right:0%;background-size: cover;z-index: 1;}
section#index-page-about::before{content: "";background: url("../../WebSide/img/about-bg.png") no-repeat;width: 200px;height: 200px;position: absolute;top: -20%;left:5%;background-size: cover;z-index: 3;}
section#index-page-service::before{content: "";background: url("../../WebSide/img/cir-left.png") no-repeat;width: 0px;height: 0px;position: absolute;top: -40%;left:0%;background-size: cover;z-index: -1;}
section#index-page-service::after{content: "";background: url("../../WebSide/img/service-bg.png") no-repeat;width:200px;height: 200px;position: absolute;top: -1%;right:0%;background-size: cover;z-index: 3;}
section#index-page-advantage::before{content: "";background: url("../../WebSide/img/cir-left.png") no-repeat;width: 500px;height:500px;position: absolute; left:0%;top: 0px; background-size: cover;z-index: -1;}
section#index-page-advantage::after{content: "";background: url("../../WebSide/img/advantage-bg.png") no-repeat;width: 250px;height:250px;position: absolute; right:1%;top: 0%; background-size: cover;z-index: 3;}
section#index-page-plan::before{content: "";background: url("../../WebSide/img/plan-bg.png") no-repeat;width: 300px;height:300px;position: absolute; left:0%;bottom: 2%; background-size: cover;z-index: -1;}
section#index-page-plan::after{content: "";background: url("../../WebSide/img/cir-right.png") no-repeat;width: 500px;height: 500px;position: absolute;bottom:-45%;right:-5%;background-size: cover;z-index: -1;}



/* ----- 標題 start ----- */
.title{text-align: center;padding: 0 0 20px;position: relative;}
.title > p{text-align: center;position: relative;margin:10px 0;}
.title h2{font-weight: 500;position: relative;display: block;letter-spacing: 3px;margin: 0 0 30px;}
.title.white h2{color:#fff;}
.title.black h2{color: #333;}
.title.center{text-align: center;}
.title.left{text-align: left;}
.title h2::after{content: "";width: 40px;height: 6px;border-radius:20px;background-color: saddlebrown;position: absolute;left:-4px;top:3.2rem;}
.title.white h2::after{background-color: #fff;}
.title.black h2::after{background:linear-gradient(90deg, #4122b0, #0489E2);}
.title.center h2::after{content: "";left:50%;top:3.2rem;transform: translate(-50%,-50%);}

/* ----- 標題 end ----- */

/* single 標題 start */
.sing-title p{margin-bottom: .2rem;}
.sing-line{height: 1px;background-color:rgba(90, 75, 49, 0.2);width: 100%;margin: 20px 0 ;}
/* single 標題 end */

/* single 內容 start */
.sing-img{display: flex;justify-content: space-between;}
.sing-img img{width: 48%;}
.sing-content > img{float: right;width: 30%;margin-left:15px;}
.sing-content ol{list-style: decimal;padding-left:28px;}
.sing-content ul{list-style: square;padding-left: 28px;}
/* single 內容 end */


/* ----- header start ----- */
/* nav*/
/* 影片 */
header {position: relative;}
header #header-video{height: 100%; position: absolute;overflow: hidden;z-index: -999;top:-15px; right:0; background-color: #09012F;}
header #header-video > video{ filter:brightness(.9); width: 100%; background-color: #4c4185; }

header .container {position: relative;min-height:90vh;}
header .container.inside {min-height:55vh;}
header .container #header-title {position: absolute;top:12%;}
header .container #header-title > h1{font-size: 3.6rem; line-height: 4.6rem; text-shadow: rgb(34 34 34) 2px 2px 10px; color: #fff;letter-spacing: 5px;}
header .container #header-title > h5{font-size: 1.6rem; line-height: 2.8rem; margin: 30px 0; text-shadow: rgb(34 34 34) 2px 2px 10px; color: #b6b6ff;}

header .container .down {position: absolute;width: 26px;height: 46px; border-radius: 20px;border:2px solid #fff; transform: translate(-50%, -50%);  left: 50%;  bottom:25%; }
header .container .down > .down-cir {width: 8px;height: 8px;border-radius: 100px;position: relative;background-color: #fff;animation:down-cir 1.6s ease infinite;}
    @keyframes down-cir {
      0%{
        margin: 5px auto;
        opacity: 1;
      }
      80%{
        margin: 15px auto;

      }
      100%{
        margin: 15px auto;
        opacity: 0;
      }
    }
header::after{content: "";position: absolute;background: url(../../WebSide/img/curve.svg) no-repeat center bottom;z-index: 1;width: 100%;height: 300px;bottom:-15px;} 
.header-content{position: relative;padding:15px;transition: all .3s linear;display: flex;justify-content: space-between;align-items: center;max-width: 1140px;margin: 0 auto;}
#logo-m{width: 170px;display: inline-block;position: relative;display: none;}
#logo { width: 170px;display: inline-block;position: relative;}

#menu > ul#main_menu { display: flex;justify-content: flex-end;}
#menu > ul#main_menu >li {font-size: 1.1rem;font-weight: 400;position: relative;display: flex;align-items: center;
  margin: 10px 30px 0 0;padding: 20px 0 40px;}
#menu > ul#main_menu >li:last-child { margin: 10px 0 0 0;padding: 20px 0 40px;}
#menu > ul#main_menu >li > a{display: inline-block;color: rgba(201, 201, 245, 0.8);transition: all .3s ease-in;}
#menu > ul#main_menu >li > a.active{color: #fff;}
#menu > ul#main_menu >li > a:hover{color: #fff;}
#menu > ul#main_menu >li > a > i{font-size: 15px;margin: 0 5px;}
#menu > ul#main_menu >li:hover ul.sec_menu{ visibility: visible; transition: all 0.5s ease-out;opacity: 1;top:40px;margin: 20px 0 0;}
ul.sec_menu{margin: 0;  background-color: hsla(0, 0%, 100%);position: absolute;z-index: 99; top:70px; overflow: hidden;  transition: all 0.5s ease-out;padding: 0;border-radius:15px ;visibility: hidden;   opacity: 0;left: -16%;width: 120px;text-align: center; }

ul.sec_menu li {display: flex;justify-content: center;color: #333; font-family: 'Noto Sans TC', sans-serif;font-size: 1.1rem;padding: 5px;font-weight: 400;}
ul.sec_menu li > a{display: block;color: #333;padding: 5px;transition: all .3s linear;}
ul.sec_menu li > a:hover{color: #601986;}

/* nav icon */
.menu-icon-all{width: 20px;height: 20px; cursor: pointer;display: inline-block;margin: 0 5px;}
.menu-icon-all > .menu-icon{fill:#eedaaf;transition: all .3s linear;}
.menu-icon-all > .menu-icon.is-active{fill:#daa01a;}

/* 漢堡選單 */
.hamburger{display: none;}
.header-content.is-active{opacity: 1;display: block;} 
/* ----- header end ----- */
.full-black-bg{width: 100%;height: 100%;position: absolute;z-index: 998;background-color: rgba(0, 0, 0, 0.7);opacity: 0;display: none;}
.full-black-bg.is-active{display: block;opacity: 1;}


/* 關於我們 start*/
 
.index-page-about-content{background:linear-gradient(90deg, #4b297f, #333f94);width: 100%;padding: 40px 30px;border-radius: 10px;position: relative;display: flex;justify-content: space-around;z-index: 99;}

.index-page-about-content > .about-text{width: 40%;color: #fff;}
.index-page-about-content > .about-photo{width: 40%;color: #fff;position: relative;}
.index-page-about-content > .about-photo img{width: 125%;position: absolute;top:-120px;left:0px;}
.animation-top-lower{animation:about-city 2s linear infinite alternate-reverse;}
    @keyframes about-city {
      0%{
        transform: translateY(0px);
      }
      
      100%{
        transform: translateY(10px);
      }
    }



    .animation-left-lower{animation: animate-left 2s linear infinite alternate-reverse;}
    @keyframes animate-left {
      0%{
        transform: rotate(-1deg) translate(-2px,-2px);
      }

      100%{
        transform: rotate(1deg) translate(2px,2px);
      }
    }
/* 關於我們 end*/



/* 服務項目 start*/
#index-page-service  a{color: #333;}
#index-page-service .service-item{ background-color: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%);padding: 20px;border-radius:10px;transition: all .3s linear;cursor: pointer;min-height: 180px;}
#index-page-service .service-item:hover { box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 10%);transform: translateY(4px);}
#index-page-service .service-item h5{text-align: center;}
#index-page-service .service-item .service-icon{width: 50%;margin: 0px auto 10px;}

/* 服務項目 end*/

/* 我們的優勢 start */

.advantage-text-flex{display: flex;margin: 20px 0 ;align-items: center;}
.advantage-text-flex > .advantage-icon{width: 70px;margin-right: 20px;}
.advantage-text-flex > .advantage-icon img{width: 100%;}
.advantage-text-flex > .advantage-text{width: 80%;}
.advantage-item{position: relative;}

.advantage-item .advantage-photo{position: absolute;width: 120%;left:-100px;top:-50px;}
/* 我們的優勢 end*/

/* 產業方案 start */

.plan-item-bg .plan-item{background-color: #fff;display: flex;justify-content: center;align-items: center;height:300px;border-radius: 10px;overflow: hidden;position: relative;transition: all .3s linear;cursor: pointer;}

.plan-item-bg .plan-item h5{color: #fff;position: relative;z-index: 1;text-shadow: rgb(34 34 34) 2px 2px 10px;}
.plan-item-bg .plan-item::before{content: "";  position: absolute;width: 100%;height: 100%;
  background-color: rgba(0, 0, 0, 0.6);top:0;left:0;z-index: 1;transition: all .3s linear;}
.plan-item-bg .plan-item:hover::before{  background-color: rgba(0, 0, 0, 0.3);}
.plan-item-bg:nth-child(1) .plan-item{background: url(../../WebSide/img/plan-photo-01.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
.plan-item-bg:nth-child(1) .plan-item:hover{background-size: 300px 400px;}
.plan-item-bg:nth-child(2) .plan-item{background: url(../../WebSide/img/plan-photo-02.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
.plan-item-bg:nth-child(2) .plan-item:hover{background-size: 300px 400px;}
.plan-item-bg:nth-child(3) .plan-item{background: url(../../WebSide/img/plan-photo-03.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
.plan-item-bg:nth-child(3) .plan-item:hover{background-size: 300px 400px;}
.plan-item-bg:nth-child(4) .plan-item{background: url(../../WebSide/img/plan-photo-04.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
.plan-item-bg:nth-child(4) .plan-item:hover{background-size: 300px 400px;}


/* 聯繫我們 start */
section#index-page-contact{background: url(../../WebSide/img/contact-bg.jpg) center no-repeat;background-size: cover;display: flex;padding: 150px 0;
justify-content: center;align-items: center;position: relative;}
section#index-page-contact::before{content: "";width: 100%;height: 100%;background:linear-gradient(90deg, #4b297f, #333f94);opacity: .6;position: absolute;top: 0;left:0;}
.contact-item{position: relative;z-index: 999;text-align: center;}
.contact-item > h2{color: #fff;text-shadow: rgb(34 34 34) 2px 2px }
.contact-item button a{color: #fff;display: block;border: 1px solid red;}




/* 聯繫我們 end */


/* footer start */
footer{align-items: center;justify-content: space-between;background:#281c4e;padding: 60px 0;}
footer .container{display: flex;justify-content: space-between;flex-wrap: wrap;}
footer p,footer li{font-size: .9rem;font-weight: 300;color: #8e8eb2;}
.footer-list{display: flex;padding: 0;}
.footer-list > li{color:#fff;font-size: .9rem;font-weight: 500;position: relative; margin: 10px 0;}
.footer-list > li a{color:#fff;}
.footer-list-sec {padding: 0;margin: 10px 0 0;}
.footer-list-sec > li{justify-content: center;padding: 0;}
.footer-list-sec > li {margin: 8px 0; }
.footer-list-sec > li a{color: #8e8eb2; transition: all .3s linear;}
.footer-list-sec > li a:hover{color: #c0c0e9; }
.footer-list-sec > li span img {width:30px;margin-right: 10px;} 
.footer-list.footer-nav{width: 35%;justify-content:space-between;}
.footer-list.connection{width: auto;}
.footer-logo-content{width:auto;}
.footer-logo-content .footer-logo {width: 150px;}
.footer-logo-content .footer-logo img{width: 100%;}
.footer-logo-content .copyright { margin:  20px 0 0; }


/* footer end */


@media (max-width: 1920px){
  header #header-video > video{  width:auto; height: 130vh; }
}

@media (max-width: 1199px) {
  /* ----- header start ----- */
  
  header .container {max-width: 968px;}

  /* nav*/
  ul.sec_menu{left:-12%;}
 
  /* ----- header end ----- */
/* 服務項目 start*/
#index-page-service .service-item{ min-height: 299px;}


  /* footer start */
  .footer-list.footer-nav{width: 35%;}

  /* footer end */
}


@media (max-width:991px) {

  /* ----- header start ----- */
  #logo-m{width: 18%;margin:15px; display: inline-block;position: relative;}
  #logo { width: 18%;margin: 15px; }
  .header-content { position: absolute; z-index: 998;opacity: .9; width: 100%;display: none;top:0px;padding: 0;}
  .header-content.is-active{background-color: #4b297f;} 
  header .container #header-title > h1{font-size:3rem; line-height: 4.2rem; }
  
  /* nav*/
  #menu > ul#main_menu >li > a{ padding:0 15px;}
  #menu > ul#main_menu >li > a:hover{color: #fff;}
  #menu > ul#main_menu >li:hover ul.sec_menu{ max-height: 500px; transition: max-height 0.5s ease-out;top: 10px;margin: 0;}

  ul.sec_menu li > a{display: block;color: rgba(255, 255, 255, 0.6);transition: all .3s linear;width: 100%;text-align: left;padding:8px 10px;}
  ul.sec_menu li > a:hover{color: rgba(255, 255, 255, 1);}

  #menu > ul#main_menu { display: block;margin: 0px;width: 100%;padding:0;}
  #menu > ul#main_menu >li { width: 100%; display: block;margin: 20px 0;padding: 0;}
  #menu > ul#main_menu >li:last-child { margin: 20px 0 40px;padding:0px;}

  ul.sec_menu{background-color: hsla(0, 0%, 57%, 0.2);position: relative; top:0;left:0; width: 100%;border-radius: 0;margin: 0;z-index: 99;padding: 0; overflow: hidden; transition: max-height 0.5s ease-out;max-height: 0;}

  ul.sec_menu li { color: rgb(255, 255, 255);  background-color: rgba(255, 255, 255, 0.192); justify-content: flex-start;}
  ul.sec_menu li:hover { justify-content: flex-start;}
 

  /* 漢堡選單 */
  .hamburger{display: block;float: right;position: absolute;z-index: 999;right:0;top: 0; }
  /* ----- header end ----- */


  /* 關於我們 */
  .index-page-about-content > .about-photo img { top: 0px; }

/* 服務項目 start*/
#index-page-service .service-item{ min-height: 365px;}


  /* 我們的優勢 */
  .advantage-item .advantage-photo { width: 110%; left: -40px; top: 0px; }

  /* 產業方案 */
  .plan-item-bg .plan-item { height: 220px; }
  
  /* ----- footer start ----- */
  .footer-list-sec > li span img { width: 25px; margin-right: 5px; }
  .footer-logo-content{ width: 100%; order:3;display: flex;}
  .footer-list { display: flex; justify-content: space-around; padding: 0; }
  .footer-list.footer-nav{width: 45%;    justify-content:space-between;order:1}
  .footer-list.connection{width: 50%;order:2}
  .footer-logo-content .footer-logo {width: 20%; margin-right: 20px;}
  /* ----- footer end ----- */
}



@media (max-width: 767px) {

  /* 每一區塊背景 */
  section{padding: 50px 0; }
  section#index-page-about::before{content: "";background: url("../../WebSide/img/about-bg.png") no-repeat;width: 150px;height: 150px;position: absolute;top: -6%;left:0%;background-size: cover;z-index: 3;}
  section#index-page-about::after{content: "";background: url("../../WebSide/img/cir-right.png") no-repeat;width: 400px;height: 400px;position: absolute;top:1%;right:-12%;background-size: cover;z-index: 1;}
  section#index-page-service::before{content: "";background: url("../../WebSide/img/cir-left.png") no-repeat;width: 350px;height: 350px;position: absolute;top: -40%;left:0%;background-size: cover;z-index: -1;}
  section#index-page-service::after{content: "";background: url("../../WebSide/img/service-bg.png") no-repeat;width:100px;height: 100px;position: absolute;top: 2%;right:0%;background-size: cover;z-index: -1;}
  section#index-page-advantage::before{content: "";background: url("../../WebSide/img/cir-left.png") no-repeat;width: 500px;height:500px;position: absolute; left:0%;bottom: 12%;top:auto; background-size: cover;z-index: 3;}
  section#index-page-advantage::after{content: "";background: url("../../WebSide/img/advantage-bg.png") no-repeat;width: 150px;height:150px;position: absolute; right:1%;top: 5%; background-size: cover;z-index: 3;}
  section#index-page-plan::before{content: "";background: url("../../WebSide/img/plan-bg.png") no-repeat;width: 150px;height:150px;position: absolute; left:-2%;bottom: auto;top:0%; background-size: cover;z-index: -1;}
  section#index-page-plan::after{content: "";background: url("../../WebSide/img/cir-right.png") no-repeat;width: 400px;height: 400px;position: absolute;bottom:-30%;right:-5%;background-size: cover;z-index: -1;}



  .container { max-width: 720px; }
  /* ----- header start ----- */ 
  header .container { min-height: 450px; }
  header .container #header-title {top: 20%; }
  header .container #header-title > h1{font-size: 3.2rem; line-height: 4.2rem; }
  header .container #header-title > h5{font-size: 1.8rem; line-height: 2.8rem; }
  header .container .down {display: none;}

  /* ----- header end ----- */

  /* 關於我們 start*/
  .index-page-about-content{flex-direction: column-reverse;}
  .index-page-about-content > .about-text{width: 100%;}
  .index-page-about-content > .about-photo{width: 100%;}
  .index-page-about-content > .about-photo img{width: 80%;position: relative;top:-20px;left:10%;}
  .index-page-about-content > .about-text button{border:1px solid #fff;background-color: transparent;padding: 5px 30px;border-radius: 15px;font-size: 1rem;color: #fff;margin: 20px 0 0;}
  /* 關於我們 end*/

  /* 服務項目 start*/
  #index-page-service .service-item { margin: 15px 0; }
#index-page-service .service-item{ min-height: 320px;}
  /* 服務項目 end*/

  /* 我們的優勢 start*/
  .advantage-item .advantage-photo { position: relative; width: 100%; left: 0px; top: 0px; }
  /* 我們的優勢 end*/

  /* 我們的方案 */
  .plan-item-bg .plan-item{margin: 15px 0;height: 250px;}
  .plan-item-bg:nth-child(1) .plan-item{background: url(../../WebSide/img/plan-photo-01.jpg) center;background-size: 380px 480px;transition: all .3s linear;}
  .plan-item-bg:nth-child(1) .plan-item:hover{background-size: 400px 500px;}
  .plan-item-bg:nth-child(2) .plan-item{background: url(../../WebSide/img/plan-photo-02.jpg) center;background-size: 380px 480px;transition: all .3s linear;}
  .plan-item-bg:nth-child(2) .plan-item:hover{background-size: 400px 500px;}
  .plan-item-bg:nth-child(3) .plan-item{background: url(../../WebSide/img/plan-photo-03.jpg) center;background-size: 380px 480px;transition: all .3s linear;}
  .plan-item-bg:nth-child(3) .plan-item:hover{background-size: 400px 500px;}
  .plan-item-bg:nth-child(4) .plan-item{background: url(../../WebSide/img/plan-photo-04.jpg) center;background-size: 380px 480px;transition: all .3s linear;}
  .plan-item-bg:nth-child(4) .plan-item:hover{background-size: 400px 500px;}

   /* ----- footer start ----- */
   footer { padding: 40px 0; }
   footer .container { justify-content: start; flex-wrap: wrap; }
  .footer-list { justify-content:start; }
  .footer-list.footer-nav{display: none;}
  .footer-list.connection{width:100%;order:2}
  .footer-logo-content{ width: 100%; order:3;display: flex;align-items: center;}
  .footer-logo-content .footer-logo { width: 16%; margin-right: 20px; }
  .footer-list-sec > li span img { width:30px; margin-right: 10px; }
  /* ----- footer end ----- */

}

@media (max-width: 576px) {
  /* section{overflow: hidden;} */
  h5{font-size: 1.2rem;line-height: 1.8rem;}


  /* 每一區塊背景 */
  section#index-page-about::before{content: "";background: url("../../WebSide/img/about-bg.png") no-repeat;width: 0;height: 0;position: absolute;top: -6%;left:0%;background-size: cover;z-index: 3;}
  section#index-page-about::after{content: "";background: url("../../WebSide/img/cir-right.png") no-repeat;width: 0;height: 0;position: absolute;top:1%;right:-12%;background-size: cover;z-index: 1;}
  section#index-page-service::before{content: "";background: url("../../WebSide/img/cir-left.png") no-repeat;width: 0;height: 0;position: absolute;top: -4%;left:0%;background-size: cover;z-index: -1;}
  section#index-page-service::after{content: "";background: url("../../WebSide/img/service-bg.png") no-repeat;width:100px;height: 100px;position: absolute;top: -4%;right:0%;background-size: cover;z-index: -1;}
  section#index-page-advantage::before{content: "";background: url("../../WebSide/img/cir-left.png") no-repeat;width: 0;height:0;position: absolute; left:0%;bottom: 12%;top:auto; background-size: cover;z-index: 3;}
  section#index-page-advantage::after{content: "";background: url("../../WebSide/img/advantage-bg.png") no-repeat;width: 150px;height:150px;position: absolute; right:1%;top: 0%; background-size: cover;z-index: 3;}
  section#index-page-plan::before{content: "";background: url("../../WebSide/img/plan-bg.png") no-repeat;width: 100px;height:100px;position: absolute; left:-2%;bottom: auto;top:0%; background-size: cover;z-index: -1;}
  section#index-page-plan::after{content: "";background: url("../../WebSide/img/cir-right.png") no-repeat;width: 60%;height: 60%;position: absolute;bottom:-20%;right:0%;background-size: cover;z-index: -1;}

  header .container.inside {min-height:35vh;}
  /* 我們的方案 */
  .plan-item-bg .plan-item { height: 210px; }
  .plan-item-bg:nth-child(1) .plan-item{background: url(../../WebSide/img/plan-photo-01.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
  .plan-item-bg:nth-child(1) .plan-item:hover{background-size: 300px 400px;}
  .plan-item-bg:nth-child(2) .plan-item{background: url(../../WebSide/img/plan-photo-02.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
  .plan-item-bg:nth-child(2) .plan-item:hover{background-size: 300px 400px;}
  .plan-item-bg:nth-child(3) .plan-item{background: url(../../WebSide/img/plan-photo-03.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
  .plan-item-bg:nth-child(3) .plan-item:hover{background-size: 300px 400px;}
  .plan-item-bg:nth-child(4) .plan-item{background: url(../../WebSide/img/plan-photo-04.jpg) center;background-size: 280px 380px;transition: all .3s linear;}
  .plan-item-bg:nth-child(4) .plan-item:hover{background-size: 300px 400px;}


  /* ----- 標題 start ----- */
  .title{padding: 0 0 15px;}
  .title > p { margin: 10px 0 0; padding: 0 15px; }
   /* ----- header start ----- */ 
  html {font-size:14px;}
  header .container #header-title > h1{font-size: 2rem; line-height: 3.2rem; }
  header .container #header-title > h5{font-size: 1.4rem; line-height: 2rem; margin: 10px 0;}
  header .container { min-height: 350px; }
  #logo-m{width: 38%;}
  #logo { width: 38%; }
  header::after{bottom:-1px;} 
  /* ----- header end ----- */


  /* 服務項目 start */
  #index-page-service .service-item .service-icon { width: 80%; }
  /* ----- 服務項目 end ----- */

   /* ----- footer start ----- */
  .footer-logo-content .footer-logo { width: 20%; }
   /* ----- footer end ----- */
 

}