/* basic */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a, *:hover, *:active{-webkit-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -moz-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -ms-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -o-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; }

a,html,body,h1,h2,h3,h4,ul{
    -webkit-overflow-scrolling : touch !important;
    margin:0;
    padding: 0;
    font-family:Arial,"微軟正黑體" ,"Noto Sans TC";
    font-size: 1rem;
    list-style-type:none;
    text-decoration:none;
    
}
body{margin:0;  font-family:Arial,"微軟正黑體" ,"Noto Sans TC";font-size:0.75em; position: relative;overflow-x: hidden; }
.fc-daygrid-day-number:after {
    content: none;
  }



  
.content {
    width: 100%;
    height: auto;
    margin: auto;
  position: absolute;
    overflow-x:hidden;
  z-index: -1;
  }

  .anchor{opacity: 0;display: block; margin-top: -100px; padding-top: 100px;}
.img01{width: 100%;margin: 130px 0 0 0;}
.fc-view-harness{height: 1300px!important;}


.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.a_c01{display: block;}
.clear{clear: both;}


/*麵包屑*/
.breadcrumb{width: 90%;height:auto;max-width: 100%;margin: auto;padding: 10px;background-color: #ffffff;}
.breadcrumb__content{width: 1500px;height:auto;max-width: 100%;margin: auto;padding: 0 0 0 0;}
.breadcrumb__content li{display: inline-block;  color:#121212; ; position:relative; padding-right:30px;;}
.breadcrumb__content li a{color:#121212;position:relative;display: block;font-size:1.0em;}
.breadcrumb__content li a:hover{color: #ffa51d;}
.breadcrumb__content li a::after{content: "";position: absolute;margin: 18px 0 0 18px;top: -15px;width: 1px;height: 16px;background-color: #4d4d4d;transform:rotate(24deg); -ms-transform:rotate(24deg); -webkit-transform:rotate(24deg);}
.breadcrumb__content li:last-child a::after{content: "";display: none;}
.breadcrumb--bodertop{padding-top:15px; border-top:1px #d4d4d4 solid;}

.breadcrumb-icon{position: relative;}
.breadcrumb-icon::after{content: "";position: absolute;}




.header-login{width: 87px;height: 35px;border: 1px solid #ffffff;text-align: center;margin: 12px 0 0 43px;line-height: 32px;}
.header-login a{width: 87px;height: 35px;;color: #ffffff;text-align: center;;display: block;}

.header-login:hover{background-color: rgba(255, 255, 255, 0.23);}


/*header*/
.header{width: 100%;height: 90px;position: relative;z-index: 999;position: fixed;top: 0;background-color: #0097b2;transition: all 100ms ease-in;}
.logo{width: 330px;height: 80px;display: block;}
.logo a{width: 330px;height: 80px;display: block;opacity: 1;font-size:0; overflow:hidden;}

/*搜尋*/
.search-box{margin: 0 35px 0 35px ;position: relative;background-color: rgba(212, 212, 212, 0);}
.search-box input{background-color: rgba(255, 255, 255, 0);color: #ffffff;}
.search{width: 155px;height: 35px;border: 1px solid #ffffff;color: #ffffff;padding: 10px;position: relative;}
.search-button{background-color: rgba(255, 255, 255, 0);border: 0;position: absolute;cursor: pointer;top:11px ;right:7px ;color: rgba(255, 255, 255, 0);}
.search-button::after{content:"";position: absolute;background-image: url(../images/index/search.png);width: 33px;height: 33px ;background-size: 33px 33px;margin: 3px 0px 0 -19px;}
.search-box input::placeholder{color: #ffffff;}



/*footer-icon*/
.footer-icon{padding: 7px;}
.footer-icon img{width: 25px;height: 25px;display:block;margin: 0 5px;display: inline-block;}




.shop-number{width: 15px;height: 20px;background-color: #d12304;padding: 0 4px;border-radius: 15px;color: #ffffff;position:absolute;margin:26px 0 0 -2px;font-size: 1em;}
.nav-shop{margin: 4px 5px;}

/*header-font*/


.topbox-list--icon{position: relative;}
.topbox-list--icon::after{content: "";position: absolute;width: 1px;height: 15px;background-color: #ffffff;right:-80px;top: 0;left: 0;bottom: 0;margin: auto;}
.header-logo{width:78px;height: auto;position: absolute;z-index: 999;top: 8px;left: 20px;}
.header-logo img{width: 78px;height: auto;display: block;}
.mobile-logo{display: none;}





/*header__nav*/
.header__nav{width: 100%;height:90px;position: relative;}
.nav{width: 90%;height: 90px;line-height: 90px;text-align:right;padding: 0 0 0 70px;margin: auto;}
.nav-list , .nav-list a{font-size: 1.2em;color: #ffffff;display: inline-block;margin: 0 10px;}
.nav-list{height: 90px;position: relative;}






/*搜尋*/
.search-box{margin: 0 35px 0 35px ;position: relative;background-color: rgba(212, 212, 212, 0);}
.search-box input{background-color: #ffffff;color: #000000;}
.search{width: 155px;height: 35px;border: 1px solid #000000;color: #000000;padding: 10px;position: relative;}
.search-button{background-color: rgba(255, 255, 255, 0);border: 0;position: absolute;cursor: pointer;top:11px ;right:7px ;color: rgba(255, 255, 255, 0);background-image: url(../images/index/search.png);width: 33px;height: 36px;background-size: 33px 36px;margin: -5px -7px;font-size: 0;}
.search-box input::placeholder{color: #000000;}









.header-logo{width:auto;height: auto;position:absolute;z-index: 999;top: 15px;left: 50px;align-items: center;}
.header-logo img{width: 70px;height: auto;display: block;}
.mobile-logo{display: none;}

.header-side{width: 90px;height: auto;background-color: #ffffff;position:fixed;right: 0px;top: 30%;text-align: center;margin: auto;padding: 15px 0;border: 1px solid #000000;border-radius: 15px 0 0 15px ;border-right: 0px;}
.header-side a img{width: 50px;height: 50px;padding: 2px;display: block;margin: auto;}

.logo-h1{font-size: 1.2em;color: rgba(255, 255, 255, 0);opacity: 0;position: absolute;top: 0;}



.nav-account{margin:  0 0 0 30px ;}
.nav-account a{color: #ffffff;font-size: 1.5em;}
.header__nav-box{width: 100%;max-width: 100%;height: 90px;margin: auto;}
.menuextend img{width: 12px;height: 10px;margin: 0px 0 3px 14px;}
/*.menuextend span::after{content: "";position:absolute;width: 17px;height: 12px;background-image:url(../images/index/arrow.png);background-size: 17px 12px;background-repeat: no-repeat;display: block;right: 46px;top: 46px;}

/*menu延伸*/
.menuextend{position: relative;}
.nav-list__menu{width: 150px;position: absolute;top: 122%; left: 50%; transform: translate(-50%, 0);transition: all 200ms ease-in;margin: -15px 0 0 0;border-radius: 0px;z-index: 9; display: none; background-color: #153777;box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);border-radius: 6px;}
.nav-list__menu01{right: -138%;top: 10%;width: 140%;}

.nav-list__menu02{width: 100%;left: 100%;top: 8%;z-index: 9999;border-radius: 6px;;position: absolute;display: none;transition: none;margin: 0; box-shadow:0px 1px 0px rgb(0 0 0 / 10%);background-color:rgb(255, 255, 255);border-radius: 0px;height: auto;}
.nav-list__menu02 li a{color: #000;}


.nav-list__menu02 li a:hover{background-color: #c9dee0;}


.menuextend02{position: relative;}
.nav-list__menu--width{width: 58%;right: 22%;}
.menuextend:hover > .nav-list__menu{ display: block;}
.menuextend02:hover > .nav-list__menu02{ display: block;}


.nav-menulist{width: 100%;height: 100%;border-bottom: 1px solid #dbdbdb;}
.nav-menulist a{width: 100%;min-height: 50px;color: #ffffff;font-size: 1.1em!important;display: block;margin: 0;text-align: center;line-height: normal;display: flex;justify-content: center;align-items: center;}

.nav-menulist a:hover{background-color: #0297a5;}

.molile-icon,.molile-icon01 {display: none;}
.new-detail-link-text span,.nav-menulist span{width: 5px;height: 5px;background-color: #83bb8a;display: inline-flex;margin: 0 4px 4px 0px;}
.new-detail-link-text span{margin: 0 4px 3px 0px;}

.nav-list__menu .nav-menulist:nth-child(1){border-radius:5px 5px 0 0 ;}
.nav-list__menu .nav-menulist:last-child{border-radius:0 0  5px 5px ;}

.nav-menulist:last-child{border: 0;}



.menuextend02:focus-within .nav-list__menu02 {
    display: block;
}





/*banner*/
.banner{width: 100%;height: auto;margin: 90px auto 0;display: block;position: relative;}
.banner::after{content: "";display: block;position: absolute;width: 100%;bottom: 0;height: 122px;z-index: 9;background: url("../images/banner-deco.png") top center no-repeat;}

.slick-dots{top:90%;left: 0%;z-index: 99;}
.banner ul li img{width:1920px;max-width: 100%;min-width: 100%;height: auto;display: block;}


/*banner-prev*/
.banner-prev, .banner-next{width: 50px;height: 50px;background-image: url(../images/svg/arrow.svg);background-size:50px 50px;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 45%;right: 2%; opacity: 0.5;transition: all 100ms ease-in }
.banner-prev{left: 2%;z-index: 99;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg); transform:rotate(180deg);}
.autoplay:hover > .banner-prev{opacity: 1;}
.autoplay:hover > .banner-next{opacity: 1;}


/*map-prev*/

.map-prev, .map-next{width: 50px;height: 50px;background-image: url(../images/svg/arrow.svg);background-size:50px 50px;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 45%;right: 2%; opacity: 0.5;transition: all 100ms ease-in }
.map-prev{left: 3%;z-index: 99;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg); transform:rotate(180deg);}

.index-councilor .slick-dots{top:100%;left: 0%;z-index: 99;}



/*遮罩*/
.best-mask{width: 100%;height:  100%;position: absolute;z-index: 9;top: 0;transition: all .20s ease-out;right: 0;margin: auto;bottom: 0;left: 0;font-size: 0;}
.best-mask span{display: none;}


/*index-introduce*/
.index-introduce{width: 100%;height: auto;margin: auto;background-color: #faf2e3;padding: 30px 0 30px 0;}
.index-introduce__box{width: 1600px;height: auto;margin: auto;background-color: #faf2e3;max-width: 100%;}
.index-introduce-text{width: calc(100%/2 - 150px);;background-color: #ffffff;box-shadow: 3px 5px 8px #a3a3a3;padding: 25px;text-align: center;min-height: 400px;}
.index-title-en{font-size: 3.6em;color: #508195;margin: 50px 0 0 0;}
.index-title{font-size: 2.7em;color: #2c2c2c;position: relative;margin: 0 0 25px 0;}
.index-title::after{content: "";position: absolute;width: 50px;height: 1px;background-color: #114f96;bottom: 0;right: 0;left: 0;top: 50px;margin: auto;}


.index-introduce-text p{font-size: 1.6em;}
.index-introduce__list{justify-content: center;margin: 50px auto;align-items: center;}
.index-introduce__list img{width: 680px;max-width: 100%;height: auto;}


/*index-serve*/

.index-serve{width: 1200px;max-width: 100%;height: auto;margin: 50px auto;}
.index-titbox{text-align: center;}
.index-serve__box{width: 100%;height: auto;margin: auto;}
.index-serve__list{width: calc(100%/3 - 100px);margin: 0 50px;display: grid;justify-content: center;height: auto;text-align: center;margin: auto;}
.index-serve-icon{width: 250px;height: 250px;border-radius: 150px;background-color: #c5e2e7;display: block;max-width: 100%;margin: 0 auto 20px auto;}
.index-serve-icon img{width: 90%;height: auto;margin: 15px 0 0 0;}
.index-serve-title{font-size: 1.8em;border: 1px solid #000000;text-align: center;padding: 10px 0;}
.index-serve-text{font-size: 1.4em;text-align: center;padding: 0 15px;}
.index-serve__box{width: 100%;height: auto;margin: 50px auto 0;}


.inner-title{font-size: 3.0em;color: #353535;margin: 20px 0 0 0;}
.inner-title-en{font-size: 2.5em;color: #508195;position: relative;margin: 0 0 25px 0;}







/*footer*/
.footer{width: 100%;height: auto;position: relative;z-index: 15;margin: 0 0 0 0;background-color: #454545;}
/*.footer::after{content: "";width: 100%;height: 39px;background-image: url(../images/index05_02.png);background-size: contain;position: absolute;background-repeat: no-repeat;top: -35px;left:  0;;right: 0;margin: auto;z-index: -1;background-position: bottom;}*/
.footer-box{width: 100%;max-width: 100%;margin: auto;padding: 50px 0 10px;}
.footer-nav{margin: 0 auto 25px ;display: flex;justify-content: center;}
.footer-nav__list{display: inline-block;margin: 0px 60px 15px 0;position: relative;}
.footer-nav__list a{font-size:1.3em;color: #ffffff;position: relative;}
.footer-content{justify-content: center;margin: 20px auto 0 auto;width: 1600px;max-width: 100%;align-items: center;}
.footer-content__list{width: calc(100%/2 - 40px);color: #ffffff;letter-spacing: 5px;}
.footer-content-text{font-size: 1.3em;padding: 0;margin: 5px auto;}
.footer-content__list--img{width: calc(100%/2 - 450px);display: flex;justify-content: space-between;align-items: center;}
.footer-content-title{color: #ffffff;font-size: 1.5em;}
.footer-reserved-content{width: 100%;min-height: 55px;margin: auto;background-color: #2a5b41;display: flex;justify-content: center;align-items: center}
.reserved-text{text-align: center;color: #ffffff;font-size: 1.4em;}
.footer-li a{color: #ffffff;font-size: 1.2em;}

.footer-box-style{width: 100%;max-width: 100%;margin: auto;padding: 10px 0 60px;}
.footer-h1{font-size: 1.5em;}

.footer-box.collapsed {
  max-height: 0;
  padding: 0; /* Remove padding when collapsed */
}



.footer-nav-toggle{
  width: 120px;
  height: 40px;
  display: inline-block;
  text-indent: -9999px;
  position: absolute;
  left: 50%;
  top: -40px;
  transform: translateX(-50%);
  background: url("../images/FOOTER.png") ;
  transition: 0.3s;
  background-size: 120px 40px;
  border: 0;
  cursor: pointer;
  
}




/*頁碼*/
/*pagination*/
.pagination{width: calc(100%/1 - 460px);width: 100%;margin: 24px auto 20px;text-align: center;padding: 30px 0 0px 0;display: block;}
.pagination__box { padding: 0; margin: 0;margin: auto;text-align: center;display: inline-block;}
.pagination__box li{display: inline-block;vertical-align: top;}
.pagination__box li a {width: 32px;height: 32px;;background-color: #000000;display: inline-block;line-height: 32px;text-decoration: none; transition: background .3s;color: #ffffff;font-size: 1em;margin: 0 8px 10px ;border-radius: 5px;vertical-align:bottom;}
.pagination__box li a:hover{background-color: #696969;}
.pagination__box li a.active { background-color: #696969;}
.pagination__box strong{font-size: 0;}




.icon-sort-up{transform:rotate(-90deg);font-size: 1.4em;margin: 5px 0px 0px 5px;display: block;}
.icon-sort-up--right{transform:rotate(90deg);margin: 5px 0px 0px -7px;}
.icon-backward--right{transform:rotate(180deg);display: block;margin: 9px 02px 0px 0px;}

.return-buttom{width: 175px;height: 60px;margin: 20px 10px;;text-align: center;color:#000000;border-radius: 150px;background-color: #ffffff;border: 1px solid #8b8b8b;}
.return-buttom a{width: 100%;height: 100%;display: block ;position: relative;color:#000000;line-height: 60px;font-size: 1.6em;border-radius: 150px;}
.return-buttom:hover{background-color: #06597a;border-radius: 150px;color: #ffffff;border: 1px solid #06597a;}
.return-buttom a:hover{color: #ffffff;}
.bottm-box{margin: auto;display: flex;justify-content: center;margin: auto;}




.index-councilor-moblie{display: none;}







/*footer-top*/
.footer-top{width:50px;height: 50px;cursor: pointer;right: 5%; bottom: 10%;z-index: 999;position: fixed;background-color: #2b4ca7;border-radius: 150px;}
.footer-top_font{font-size:  1.375em;color: #ffffff;text-align: center;position: relative;margin: 22px 0 0 0;}
.footer-top_font::after{content:"";position: absolute;border-color:  transparent transparent #ffffff transparent;border-style: solid solid solid solid; border-width: 15px 11px ;margin: -30px 0 0 -26px;}



.footer-bottom{width: auto;margin: 10px 0;border: 0;min-height: 20px;height: auto;display: table;}


.footer-nav__list{position: relative;}
.footer-bottom a{font-size: 1.0em;color: #ffffff;}



/*inner-banner*/
.inner-banner{width: 100%;padding-bottom:21%;background-image:  url(../images/index/banner_NEW.jpg);background-size: 100% auto;background-repeat: no-repeat;position: relative;margin: 90px 0 0 0;}

.index-about{width: 1500px;height: auto;max-width: 100%;margin: auto;}
.inner-about{width: 100%;height: auto;max-width: 100%;margin: 50px  auto;justify-content: center;}
.inner-about__list{width: calc(100%/2 - 100px);margin:  0 40px;padding:0;display: grid;justify-content: center;align-self: center;}
.index-introduce__list img{width: 690px;max-width: 100%;height: auto;}
.inner-about-title{font-size: 1.5em;background-color: #7db1c9;border-radius: 10px;padding: 5px;color: #ffffff;text-align: center;margin: 5px 0;}
.inner-about-text{font-size: 1.3em;text-align: justify;margin: 0;}
.inner-features-text{font-size: 1.5em;width: 70%;margin: 0 auto 40px;text-align: left;}
.inner-features{width: 100%;background-color: #edf2f2;padding: 30px 0;}
.inner-features__box{width: 1500px;height: auto;margin: auto;max-width: 100%;}
.inner-features__box img{width: calc(100%/3 - 80px);margin:  40px;}

.inner-features__box img:hover{transform:scale(1.05,1.05);transition:all 0.2s linear}
.inner-about__img{width: calc(100%/2 - 80px);height: auto;max-width: 100%;display: grid;align-self: center;}
.inner-about__img img{width:90%;height: auto;max-width: 100%;margin: auto;}



/*inner-services*/
.inner-services{width: 100%;height: auto;margin: auto;background-color: #e4f2f2;}
.inner-services__box{width: 1500px;height: auto;margin:  auto;padding: 30px 0;max-width: 100%;}
.inner-services__list{background-color: #ffffff;justify-content: center;align-items: center;padding: 20px; margin:  20px 0;}

.inner-services__text{width: calc(100%/3 - -220px);margin: 0 20px;font-size: 1.4em;}
.inner-services__img{width:350px ;height: auto;}
.inner-services__img img{width: 100%;height: auto;}





/*inner-success*/
.inner-success{width: 1500px;height: auto;max-width: 100%;margin: auto;}
.inner-success-text{background: 50px;font-size: 1.1em;background-color: #dde6e6;padding: 10px 25px;border-radius: 50px;margin: 20px 0;}
.inner-success-text:nth-child(2n){background-color: #f5e9eb;}


/*success-box*/

.success-box{padding: 20px 0;}
.success__texbox{padding: 20px;background-color: #ffffff;flex-grow: 1; /* 讓 .flow-chart-box 自動填滿剩餘高度 */
  display: flex; /* 使用 Flexbox */
  flex-direction: column; /* 垂直排列 */
  justify-content: space-between; /* 保證內容和按鈕之間的間距 */}
.success__list{width: calc(100%/3 - 50px);margin: 0 25px;display: flex;flex-direction:column;}
.inner-success__img{width:100% ;height: auto;}
.inner-success__img img{width: 100%;height: auto;display: block;}
.success__text{font-size: 1.3em;padding: 0;margin: 0; 
}



/*inner-article__box*/
.inner-article{padding: 80px 10px 20px;}
.inner-article__box{width: 1600px;height: auto;margin: auto;max-width: 100%;}
.inner-article__list{width: 100%;height: auto;margin: 0px auto 60px;  transition: transform 0.3s ease;;box-shadow: 0 0 15px #c7c7c7;border-radius: 30px;background-color: #ffffff;padding: 30px 30px;justify-content: space-evenly;gap:50px;position: relative;}
.inner-article__list:hover {
    transform: translateY(-5px); /* 改成 -5px 比較明顯 */
}
.article-time{font-family: "Noto Serif TC", sans-serif;font-size:1.6em;background-color: #72b8bb;padding: 5px 15px;text-align: center;color: #ffffff;letter-spacing: 2px;font-weight: 600;}
.inner-article__list img{width: 407px;height: auto;max-width: 100%;}
.article-title{font-size: 2.6em;color: #272727;border-bottom:1px solid #d4d4d4 ;position: relative;margin: 20px 0 10px 20px;font-weight: 600;padding: 0 0 15px;}
.article-title::after{content: "";position: absolute;width: 8px;height:8px;border-radius: 20px;left: -15px;top: 20px;margin: auto;background-color: #008bcc;}
.article__content{width: calc(100%/2 - -250px);}
.article-text{font-size: 1.7em;letter-spacing: 1px;line-height: 1.5;  display: -webkit-box;
  -webkit-line-clamp: 3;         /* 顯示最多 2 行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;}
.article-more{display: inline-block;width: 200px;height: auto;margin: 0 0 0 auto;float: right;;text-align: center;font-size: 1.5em;color: #ffffff;background-color: #000000;padding: 8px  10px;border-radius: 50px;}




/*inner-detail*/


.inner-detail{width: 100%;height: auto;margin: 80px auto 0;background-color: #f0f8f8;}
.inner-detail__box{width: 1350px;height: auto;background-color: #ffffff;;margin: auto;border: 1px solid #d3d3d300;max-width: 100%;}



.intro-title{width: auto;max-width: 100%;;height: auto;margin:20px auto 20px;font-size: 3.0em;color: #1b3286;text-align: justify;}
/*law-title*/
.law-title{margin: 0 0 0 50px;width: 85%;}

.new-detail__list{text-align: left;margin: 15px 0;display: flow-root;padding: 5px 10px;}


.law-detail-text{font-size: 1.6em;margin: 0 auto 15px;color: rgb(143, 143, 143);text-align:left;border-bottom: 1px solid #d3d3d3;padding: 0 0 30px 0}

/*new-content*/
.new-detail-content{width: 100%;max-width: 100%;height: auto;margin: -39px auto 0;text-align: center;border: 1px solid #d3d3d3;padding: 20px 30px ;}
.schedule-date{width: 15%;color: #2b97a7;font-size: 1.5em;line-height: 24px;text-align:left;}


.newsdetail-text{font-size: 1.3em;text-align: justify;}


.intro-detail-illustrate__download:hover a{color: #009fcf;}
.icon--3:before{color: #009fcf;}


.new-detail__list{text-align: left;margin: 15px 0;}
.new-detail__list h4{font-size: 1.8em;color: #474747;margin: 30px 0; padding:0 15px;text-align: justify;margin: 10px 0 10px 10px;position: relative;}
.new-detail__list h4::after{content: "";position: absolute;width: 8px;height:8px;left: -1px;top: 14px;margin: auto;background-color: #008bcc;}

.new-detail__img{  float: left;margin-right: 20px;margin-left:15px;}
.new-detail__img--right{float: right;margin:  15px;}
.new-detail__img img{width:auto;max-width: 100%;}
.new-detail-text{margin:15px 0;font-size: 1.4em;line-height: 2;text-align: justify;display: flex;padding: 5px;}
.new-detail__img--center{text-align: center;display: block;margin: auto;}
.new-detail__text--center{width: 100%;margin: 15px 0;}
.new-detail-pic__list{width: calc(100%/ 3 - 20px);margin:   10px; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.new-detail-pic__list img{width: 100%;}
.new-detail-pic__list:hover{transform: scale(1.3); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}
.new-detail-pic{margin: 30px 0;}
.new-detail-pic-text{font-size: 1.25em;margin: 5px;padding: 0;text-align: justify;}
.consult-img{width: 80px;height: 80px;vertical-align: sub;flex-basis:5em}
.new-detail__img--center{float: none;}








@media only screen and (min-width:1301px)
{

   .menuextend:hover > .nav-list__menu{ display: block!important;}

}




@media only screen and (max-width:1700px)
{
    .header-font__title{line-height: 40px;margin: 0 15px 0 15px;}
    
    .header-logo{width: 340px;height: 70px;max-width: 100%;}
    .footer-top{width: 50px;height: 50px;}
    .footer-top img{width: 50px;height: 50px;}
    .header__nav-box {height: 90px;}

}



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


    .footer-li{text-align: center;}
    .footer-content{justify-content: center;}
    .footer-nav{justify-content: center;}
    .footer-box{padding: 60px 15px 5px;}
 
    .inner-services__text{width: calc(100%/3 - -0px);}
    .inner-succes-box{padding: 0 60px;}
    .inner-success .inner-about{padding: 0 60px;}
    .article__content{width: calc(100%/2 - -135px);}
}




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

    .nav-list, .nav-list a{font-size: 1.1em;}
    .index-video__list--style{width: 100%;}
    .index-video__list{margin: auto;width: 90%;}
   
    .index-introduce__list img{width: 450px;}
    .inner-about__list{margin: 0 50px;}
  
}







@media only screen and (max-width:1260px)
{
    .slick-dots{top: 91%;}

    .nav-list, .nav-list a{margin: 0 9px;}
    .nav-menulist a{width: 88%;}
    .header-topbox__contnet{margin: 0 -115px 0 0;}

    .footer-content__list--img{width: calc(100%/2 - 320px);}
    .footer-content__list--margin{width: calc(100%/2 - -25px);}
    .inner-about__list{padding: 0;}
    .inner-services__text{width: 100%;}
     .article__content{width: calc(100%/2 - -20px);}
}



@media only screen and (max-width:1100px)
{
   
    .footer-nav{line-height: 44px;text-align: center;}
    .footer-box{padding: 40px 15px;}
    .footer-nav__list{margin: 10px;}
        .header-topbox__contnet{margin: 0 -175px 0 0;}
        .nav-list, .nav-list a{margin: 0px 7px;font-size: 1.0em;}




}








@media only screen and (max-width:1024px)
{
  /*手機板選單往右移*/
 #mobile{left:  -320px;}
 /*選單手機板*/
 .header__nav{width: 220px;height: 100%;position: absolute;top: 0;right: 0;position: fixed;background-color: #005586;overflow-y:auto;overflow: auto;overflow-x:hidden;}
 .nav{width: 100%;margin: 55px auto 0px;height:auto;line-height:40px;}
 .nav-list, .nav-list a{margin: 0;height: auto;}
 .nav-list{width: 100%;}
 /*取消HOVER*/
 .molile-icon  > .nav-list__menu{ display: none;}
 .molile-icon01  > .nav-list__menu01{ display: none;}
 .molile-icon02  > .nav-list__menu02{ display: none;}


 .nav-menulist a:hover{color: #ffffff;}

 /*選單手機板修改樣式*/
 .nav-menulist{border-bottom: 1px solid #ffffff;}
 .nav-menulist:nth-last-child(1){border-bottom: 0 ;}
 .nav-list, .nav-list a{color: #ffffff;min-height: 40px;font-size: 1.1em;text-align: center;width: 100%;}
 .nav-list__menu{width: 100%;right: 78%;top: 5%;;z-index: 9999;position: relative;transition: none;margin: 0; box-shadow:0px 1px 0px rgb(0 0 0 / 10%);background-color:rgb(52, 129, 153);border-radius: 0px;height: auto}
 .hvr-underline-from-center:before{content: "";display: none;}
 /*手機板選單按鈕*/
 #header-buttons{width: 30px;height: 35px;background-image: url(../images/svg/menu-button-lines.svg);background-repeat: no-repeat;display: block;background-size: 30px 35px;position: absolute;left: 2%;top:10px;cursor: pointer;}
/*手機板關閉*/
 #trigger-close{width: 20px;height: 20px;display: block;position: absolute;top: 20px;right: 15px;background-image: url(../images/svg/close_icon.svg);background-repeat: no-repeat;cursor: pointer;background-size: 20px 20px;}
 .header-topbox {display: none;}
 .header{background-color: #ffffff;height: 50px;justify-content:space-between;}
 .mobile-logo{width: 170px;height: 40px;display:flex;margin-left: 7%;align-items:center;display: block;}
 .mobile-logo a img{width:  40px;height: auto;display: block;margin: 5px 0 0 10px;}
 .logo{display: none;}  
 .nav-list--display{display: none;}
 .menuextend{position: relative;}
 .molile-icon, .molile-icon01{position: absolute;width: 100%;height:40px;background: url(../images/svg/sort-up.svg);background-size: 10px 10px;background-repeat: no-repeat;cursor: pointer;z-index: 999;background-position: center;background-position:84% 56%;top: 0;display: block;margin: 0;padding: 0;}
 .molile-icon--style{background-position: 96% 56%;}
 .header-logo{display: none;}
.molile-icon01{background-position:94% 56%;}

.header.mini{height: 50px;}

 /*介面調整*/
.nav-list{width: 100%;height: 40px;}
.nav-menulist{width: 100%;min-height: 40px;line-height: 40px;}
.nav-menulist a{padding: 0;width: 100%;;min-height: 40px;line-height: 40px;}

.menuextend:hover > .nav-list__menu{display:none;}



.menuextend img{display: none;}
.header__nav-box{height: auto;position: relative;}
.nav{padding: 0;}
.search-moblie{display: block;}
.search-button{background-color: rgba(255, 255, 255, 0);border: 0;position: absolute;cursor: pointer;top:11px ;right:7px ;color: rgba(255, 255, 255, 0);background-image: url(../images/index/search.png);width: 33px;height: 36px;background-size: 33px 36px;margin: -5px -7px;font-size: 0;}
/*.search-button::after{content:"";margin: auto;width: 25px;height: 25px;background-size: 25px 25px;top: -3px;right: 0;left: 0;bottom: 0;}*/
.nav-list::after{display: none;}
.banner{margin: 50px 0 0 0;}
.header-side{display: none;}
.inner-banner{margin: 50px 0 0 0;}
.breadcrumb__content{padding: 0;}




.header__nav--en{width: 255px;}
.molile-icon02{background-position:97% 56%;}


.member-name{width: 150px;height: auto;}




.header-topbox__li--none{display: block;}
.topbox-list a{color: #ffffff;}
.topbox-list a::before{content: "";display: none;}

.map-moblie{display: block;}


.footer-nav-toggle{display: none;}
.footer-content__list{width: 100%;}


.index-title-en{font-size:2.5em ;}
.index-title{font-size:2.0em ;}
.index-introduce-text p{font-size: 1.2em;}
.index-introduce-text{min-height: 300px;}
.index-introduce__list img{width: 300px;}
.inner-features-text{width: 90%;}
.inner-features__box img{width: calc(100%/2 - 40px);margin: 20px;}



.inner-title{font-size: 2.5em;}
.inner-title-en{font-size: 2.0em;margin: 0 0 15px 0;}
.inner-about-text{font-size: 1.2em;}
.inner-features-text{font-size: 1.2em;}
.inner-about{margin: 10px 0 ;}


.inner-article__list img{width: 100%;}
.article__content{display: block;width: 100%;}
.article-title{font-size: 2.0em;}
.article-time{font-size: 1.4em;}
.article-text{font-size: 1.3em;}
.article-more{font-size: 1.0em;width: 100px;}
.inner-detail__box{border: 0;}
.inner-detail{margin: 50px auto 0;}
}












@media only screen and (max-width:850px)
{
    .footer-content-text{font-size:1.2em ;}

    .index-team__list{width: 100%;}

    .footer-list{width: 100%;}
    .footer-box{width: 100%;}
    iframe{height: 200px;}
    .index-serve__list{width: 100%;}

    .inner-about__list{width: 100%;}
    .inner-about__img{width: 100%;}
    .success__list{width: 100%;}
    .index-introduce-text{width: 90%;}
    .new-detail-pic__list{width: 100%;}
    .intro-title{font-size: 2.0em;}
    .new-detail__list h4{font-size: 1.50em;}
    .new-detail-content{padding: 10px;}
    .new-detail__list{padding: 0;}
    .new-detail__text--center{font-size: 1.3em;}

}



@media only screen and (max-width:600px)
{
    .slick-dots{top: 82%;}
    .banner-prev, .banner-next{width: 25px;height: 25px;background-size: 25px 25px;}
    .index-introduce__list img{width: 80%;}
    .index-introduce-text{width:90%;}


    .inner-features__box img{width: 100%;margin: 20px 0;padding:  0 15px;}
    .index-serve-title{width: 50%;margin: auto;}
    
}












@media only screen and (max-width:412px)
{
    .mobile-logo{margin-left:14%}
    .footer-reserved-content{padding: 0 15px;}
    .footer-box{padding: 10px 15px;}

}