@charset "utf-8";

/* CSS Document */
body, html {height:100%;}
body {font-family: 'Noto Sans TC','微軟正黑體', sans-serif;font-size: 16px;line-height: 1.6;}
a{ color: inherit;}
a:hover,a:active,a:focus{ color: initial;text-decoration:none!important;}
button,button:active,button:focus,button:hover{outline:none;cursor: pointer;}
.transi{-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
/*---------------------- 基礎設定 ----------------------*/

::selection { background: rgba(215, 200, 145, .3);}
::-moz-selection { background: rgba(215,200,145,.3);}

.scrollbar-style::-webkit-scrollbar-track,
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color:#eee;
}
.scroll02::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px #eee;
    background-color:#eee;}
.scroll02::-webkit-scrollbar{width: 4px;}

.scrollbar-style::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb, .scroll02::-webkit-scrollbar-thumb,.d_menu_h::-webkit-scrollbar-thumb
{
    background-color:rgb(42, 169, 226);
}

body::-webkit-scrollbar{width:8px;}
.d_menu_h{overflow-y: auto; max-height: 200px;}

.d_menu_h::-webkit-scrollbar,
body::-webkit-scrollbar
{
    width: 4px;
    background-color:#eee;
}

/* 回頂端 */
.gotop{position: absolute;bottom: 0;left: 30px;cursor:pointer;transition:all .3s linear;z-index: 998;}
.top-line{width: 8px;height: 55px;display: table;position: relative;overflow: hidden;}
.top-line:before{position:absolute;content:'';background-color: #898989;width: 1px;height: 100%;left: 50%;/* transform: translateX(-50%); */}
.top-line:after{position:absolute;content:'';width:5px;height: 5px;background-color:#898989;-moz-transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg) translateY(-50%);-o-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);-webkit-animation: gotopAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;animation: gotopAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;}
.top-line:hover:after{background-color: #2aa8e2;}
@-webkit-keyframes gotopAnimation {
  0%{top:100%}
  100%{top:-5px}
}
@keyframes gotopAnimation {
  0%{top:100%}
  100%{top:-5px}
}
.container{position: relative;}
/*主選單*/
header{width:100%;background: rgba(255, 255, 255, .8);background: -webkit-linear-gradient(90deg,#ffffff,rgba(255, 255, 255, .4)100%);background: linear-gradient(90deg,#ffffff,rgba(255, 255, 255, .7)100%);position:fixed;top:0;left:0;z-index:999;}
header.fixed{background: #fff;box-shadow: 0 0 8px rgba(72, 72, 72, 0.5);}
header .container{ max-width:1200px; padding:0;}
header .navbar{padding: 0 1rem;align-items:initial;}
.nav-contact{position:absolute;width:100%;background-color: rgb(234, 234, 234);background: -webkit-linear-gradient(90deg,#ffffff,rgb(234, 234, 234)100%);background: linear-gradient(90deg,#ffffff,rgb(234, 234, 234)100%);color: #777;padding: 3px 0;z-index:1;}
.nav-contact span{margin-right:5px}
.nav-contact a{color: #2aa9e2;}
.nav-contact b{background-color: #2aa9e2;width:23px;height:23px;line-height:22px;color: #ffffff;display:inline-block;text-align:center;border-radius:60px;font-size:13px;margin-right:5px;}
header .navbar-brand{height: 100px;padding: 0;margin-right: 0;/* background-color: #fff; *//* position: relative; *//* box-shadow: 0 0 8px rgba(117, 117, 117, .5); */z-index: 5;}

header.fixed .navbar-brand{height: 85px;}
header .navbar-brand img{max-height:100%}
header button.navbar-toggler{border-radius:0;width: 50px;height: 51px;min-width:auto;min-height:auto;padding:0;position:relative;text-align:center;background-color: rgb(48, 171, 225);/* margin-bottom: 4px; */}
header button.navbar-toggler:hover:after{display:none}
header button.navbar-toggler span{display:table;width: 65%;border-bottom: solid 2px #ffffff;margin:0 auto;transition:all .2s ease-in-out;}
header button.navbar-toggler span + span{margin-top: 6px;}
header button.navbar-toggler[aria-expanded="true"] span{position:absolute;left: 23%;}
header button.navbar-toggler[aria-expanded="true"] span:nth-child(1){transform:rotate(-45deg)}
header button.navbar-toggler[aria-expanded="true"] span:nth-child(2){display:none}
header button.navbar-toggler[aria-expanded="true"] span:nth-child(3){transform:rotate(45deg);top: 19px;}
.nav-contact-mb{display:none;}
/*頁尾*/
.fooer{position:relative}
footer{background: rgba(255, 255, 255, 0.75);padding: 20px 0;position: relative;}
footer:before{position:absolute;content:'';background-image:url(../images/all/footer.jpg);background-size: contain;width: 100%;height: 100%;top: 0;z-index: -1;opacity: .7;}
.footer-logo img{width: 200px;}
.info{padding-left:0;list-style:none;}
.info li+li{margin-top:5px}
.info a:hover{text-decoration:none;color: #2aa8e2;}
.fo-block{
    width: calc(100% / 3);
    margin-bottom: 0;
    text-align: center;
    position: relative;
    padding: 0 20px;
    font-size: 15px;
}
.fo-block+.fo-block:before{position:absolute;content:'';width: 1px;height: 80px;background-color: #c1c1c1;left: 0;top: 50%;transform: translateY(-50%);}
.copyright{font-size: 12px;}
/*首頁形象*/
.banner .item{position:relative}
.baitem{height:70vh;background-size: cover!important;background-position: center!important;}
.index-banner{position:relative;overflow: hidden;}
.index-banner:before,.index-banner:after{position:absolute;content:'';height: 0;width: 0;border-style: solid;z-index: 11;bottom: 0;}
.index-banner:before{border-width: 130px 0 0 50vw;border-color: transparent transparent transparent #eeeeee;left: 0;}
.index-banner:after{border-width: 130px 50vw 0 0;border-color: transparent #eeeeee transparent transparent;right: 0;/* transform: rotateX(180deg); */}
.banner-text{position:absolute;z-index: 15;left: 50%;top: 46%;transform: translateX(-50%);color: #fff;text-shadow: 0 0 5px #585858;text-align: center;}
.banner-text p{font-size: 30px;margin-bottom: 0;}
.banner .owl-dots{position:absolute;bottom:10px;right: 10px;}
.carousel-inner{margin:0 auto;background:#f5f0de;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:2;}
.carousel-item .photo img{max-width:100%;max-height:100%;margin:0 auto}
.carousel-caption button{color:#fff;font-size:.9em;border:0;border-bottom:solid thin #fff;background:transparent;padding:0 1.5em .2em .8em;position:relative;transition:all .3s ease-in-out;}
.carousel-caption button:after{content:'';display:block;width:1px;height:60%;background:#fff;position:absolute;right:6px;bottom:-2.5px;transform:rotate(-45deg)}
.carousel-caption button:hover{padding-left:1.5em}
.carousel-indicators{justify-content:flex-end;margin:1% 12%;}
.carousel-indicators li{width:12px;height:12px;border:0;border-radius:50px;background-color:#444;margin-right:.5em}
.carousel-indicators li:last-child{margin-right:0}
/* .owl-carousel.banner{z-index: 11;} */
.index-banner-deco{position:relative}
.index-banner-deco:before, .index-banner-deco:after{position:absolute;content:'';height: 0;width: 0;border-style: solid;z-index: 12;bottom: 0;}
/* .index-banner-deco:before{border-width: 65px 0 65px 25vw;border-color: transparent transparent transparent #2aa9e2;left: 0;} */
/* .index-banner-deco:after{border-width: 65px 25vw 65px 0;border-color: transparent #efe416 transparent;right: 0;} */
.deco-bk-l,.deco-bk-2{position: absolute;background-size: contain;width: 50%;height: 130px;bottom: 0;z-index: 15;}
.deco-bk-l{background-image: url(../images/banner/deco01.jpg);left:0;clip-path: polygon(0 0, 25vw 65px, 0 130px);}
.deco-bk-2{background-image: url(../images/banner/deco02.jpg);right:0;clip-path: polygon(0 0, 25vw 65px, 0 130px);transform: rotate(180deg);}
/*內頁架構*/
.wrapper .container{ max-width:1200px;padding:0}
.wrapper > .container:after{content:'';display:block;clear:both}
.wrapper > .container > .main-box breadcrumb{margin-top:0}
.container2{max-width: 1700px;margin: 0 auto;position: relative;padding: 0 15px;}

/*主選單*/
header .navbar-expand-lg .navbar-nav .dropdown-menu{position:static;border:0;border-radius:0;margin:0;padding:0}
header .navbar-expand-lg .navbar-nav .dropdown-item{padding:.5em 1em}
header .navbar-expand-lg .navbar-nav{margin-left: 0 !important;margin-right: auto !important;margin-top: 30px;}
header .navbar-expand-lg .navbar-nav .nav-link{position:relative;padding: 1em;color: #434343;font-size: 1rem;font-weight: 600;text-shadow: 0 0 2px rgba(255, 255, 255, 0.2);}
header .navbar-expand-lg .navbar-nav .nav-link:before{position:absolute;content:'';width: 10px;height: 10px;background-color: #2aa9e2;bottom: -5px;opacity: 0;left: 50%;-moz-transform: rotate(45deg) translateX(-50%);-webkit-transform: rotate(45deg) translateX(-50%);-o-transform: rotate(45deg) translateX(-50%);-ms-transform: rotate(45deg) translateX(-50%);transform: rotate(45deg) translateX(-50%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
/* header .navbar-expand-lg .navbar-nav .nav-link:after{position:absolute;content:'';width: 6px;height: 6px;background-color: #fbec07;top: 0;opacity: 0;left: 50%;-moz-transform: rotate(45deg) translateX(-50%);-webkit-transform: rotate(45deg) translateX(-50%);-o-transform: rotate(45deg) translateX(-50%);-ms-transform: rotate(45deg) translateX(-50%);transform: rotate(45deg) translateX(-50%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;} */
header .navbar-expand-lg .navbar-nav .nav-link:hover:before{bottom: 4px;opacity:1;}
header .navbar-expand-lg .navbar-nav .nav-link:hover:after{top: 10px;opacity:1;}
header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:before{bottom: -15px;opacity:1;}
header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:after{top: 10px;opacity:1;}
header .dropdown-toggle::after{position:absolute;right:.3em;top:50%;transform:translate(-50%,-50%)}
header.fixed .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:before{
    bottom: -9px;
}
/*側選單*/
.subNav{border-bottom:none;position:relative;background-color: #eaeaea;}
.subNav .navbar-nav{display:block;width:100%}
.subNav .navbar-nav .nav-item{position:relative}
.subNav .navbar-nav .nav-item+.nav-item:before{position:absolute;content:'';width: 1px;height: 100%;background-color: #fff;}
.subNav .navbar-nav .nav-item.active .nav-link{color: #2aa9e3;}
.subNav .navbar-nav .nav-item .nav-link{color:#444;padding: .3em 1em;font-size: 17px;}
.subNav .navbar-nav .nav-item .nav-link:hover{opacity:.8}
.subNav .navbar-collapse{flex-direction:column;justify-content:center}
.subNav .navbar-collapse h2{width:100%;font-size:1.4em;position:relative;padding-left:1em}
.subNav .navbar-collapse h2:before{content:'';display:block;width:8px;height:8px;background:#cdb912;position:absolute;top:50%;left:0;transform:rotate(45deg) translate(0,-50%)}
.navbar-expand-lg .navbar-nav .dropdown-menu{position:static;border:0;border-radius:0;margin:0;padding:0}
.navbar-expand-lg .navbar-nav .dropdown-item{padding:.8em;background:transparent;transition:all .15s linear}
.navbar-expand-lg .navbar-nav .dropdown-item:hover{padding-left:1.2em}
.subNav .navbar-nav .nav-item.show:hover{background:transparent;color:inherit}
.dropdown-toggle::after{position:absolute;right:.6em;top:1.1em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f067";border:0}

/*內頁結構*/
/* .subNav + .main-box{width: calc(100% - 240px);float:right;padding-left:2em;position: relative;} */
.subNav + .main-box:after{content:'';display: block;background-image: linear-gradient(to right, #f5f5f5 0%,#ffffff 2%);width:100%;/* height: 20%; */height: 500px;position: absolute;top: 0;left: 0;z-index: -1;}
.main-box{min-height: 500px;}
.page-item{font-family:'Spartan', sans-serif}
.page-item{position: relative;}
.page-item:before{content: '';display:block;width:8px;height:8px;background: #2aa9e4;position:absolute;left: 50%;bottom:0;opacity:0;transform: rotate(45deg) translateX(-50%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.page-item:hover:before,.page-item.active:before{bottom: -8px;opacity:1}

/*按鈕樣式*/
.btn-wrap{margin: 50px 0 50px;}
.btn-wrap-t{margin-top: 30px;}
.btn-style{padding: 10px 15px;position: relative;border: 2px solid #fff;background-color: rgba(255, 255, 255, .4);letter-spacing: .5px;}
.grey-btn{border-color:#eaeaea;}
a.btn-style{z-index: 0;}
.btn-style:hover{ background-color: rgba(255, 255, 255, .55);}
.btn-style:before{position:absolute;content:'';width: 40px;height: 40px;background-color: #2aa8e2;bottom: -10px;left: -10px;z-index: -1;transform-origin:center center;-moz-transform: rotate(45deg) translateY(-50%);/* -webkit-transform: rotate(45deg) translateY(-50%); */-o-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);/* transform: rotate(45deg) translateY(-50%); */-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.btn-style:hover:before{background-color: #faee06;-webkit-animation:BtnAnimation 1.8s cubic-bezier(.25,.46,.45,.94)infinite ;animation:BtnAnimation 1.8s cubic-bezier(.25,.46,.45,.94)infinite ;}
@-webkit-keyframes BtnAnimation {
  0%{-moz-transform: rotate(0deg) ;-webkit-transform: rotate(0deg) ;-o-transform: rotate(0deg) ;-ms-transform: rotate(0deg) ;transform: rotate(0deg);}
  25%{-moz-transform: rotate(45deg) ;-webkit-transform: rotate(45deg) ;-o-transform: rotate(45deg) ;-ms-transform: rotate(45deg) ;transform: rotate(45deg);}
  50%{-moz-transform: rotate(90deg) ;-webkit-transform: rotate(90deg) ;-o-transform: rotate(90deg) ;-ms-transform: rotate(90deg) ;transform: rotate(90deg);}
  75%{-moz-transform: rotate(135deg) ;-webkit-transform: rotate(135deg) ;-o-transform: rotate(135deg) ;-ms-transform: rotate(135deg) ;transform: rotate(135deg);}
  100%{ -moz-transform: rotate(180deg) ;-webkit-transform: rotate(180deg) ;-o-transform: rotate(180deg) ;-ms-transform: rotate(180deg) ;transform: rotate(180deg);}
}
@keyframes BtnAnimation {
   0%{-moz-transform: rotate(0deg) ;-webkit-transform: rotate(0deg) ;-o-transform: rotate(0deg) ;-ms-transform: rotate(0deg) ;transform: rotate(0deg);}
  25%{-moz-transform: rotate(45deg) ;-webkit-transform: rotate(45deg) ;-o-transform: rotate(45deg) ;-ms-transform: rotate(45deg) ;transform: rotate(45deg);}
  50%{-moz-transform: rotate(90deg) ;-webkit-transform: rotate(90deg) ;-o-transform: rotate(90deg) ;-ms-transform: rotate(90deg) ;transform: rotate(90deg);}
  75%{-moz-transform: rotate(135deg) ;-webkit-transform: rotate(135deg) ;-o-transform: rotate(135deg) ;-ms-transform: rotate(135deg) ;transform: rotate(135deg);}
  100%{ -moz-transform: rotate(180deg) ;-webkit-transform: rotate(180deg) ;-o-transform: rotate(180deg) ;-ms-transform: rotate(180deg) ;transform: rotate(180deg);}
}
/*分頁*/
.pagination{margin: 3rem 0;}
.pagination .page-link{color: inherit;background-color: transparent;border: 0;}
.page-item:first-child .page-link,.page-item:last-child .page-link{border-radius:0;background: transparent;color: initial;}
/* .pagination .page-link:hover{background: #eee;} */

/*麵包屑*/
.sideNav + .breadcrumb{ margin-top:0}
.breadcrumb{background:transparent;margin: .5rem auto 4.5rem;padding: 0;justify-content: flex-end;font-size: .85em;}
.breadcrumb li{color:#acacac;}
.breadcrumb li+li{padding-left: 10px;}
.breadcrumb li.active{color:#2aa9e2;}
.breadcrumb>li a:after{content:'/';display:inline-block;margin:0 5px 0 10px;width:0;height:0;}
.breadcrumb>li:last-child a:after{ display:none;}

/*RWD編輯器表格(X捲軸)*/
.table-container table td{min-width:100px;padding:5px;border:1px solid #ccc;white-space:inherit}
@media screen and (max-width: 768px) {
.table-container{width:100%;overflow-y:auto;overflow:auto;margin:0 0 1em}
}

/*四圖四文*/
.page-content{line-height:1.8;color:#444;margin-top: .5rem;}
.page-content table{max-width:100%}
.imgg{max-width:100%;display:block;margin:0 auto}
.imgg2{max-width:100%;display:block}
.tx01{clear:both;margin-bottom:2em}
.tx01:last-child{margin-bottom:0}
.tx01 p:last-child{margin-bottom:0!important}
.tx02{clear:both;overflow:hidden;margin-bottom:2em}
.tx02:after{content:'';display:block;clear:both}
.img-left,.img-left1{float:left;padding-bottom:1em;padding-right:1em}
.img-right,.img-right1{float:right;padding-bottom:1em;padding-left:1em}
.img-left img,.img-right img{max-width:400px}
.img-left1 img,.img-right1 img{max-width:430px}
.img_center img{float:left;padding:1em;width:33.3%;text-align:center}
@media (max-width: 768px) { 
.page-content iframe { height:400px; }
}
@media (max-width: 480px) { 
.img-left1 img, .img-right1 img { max-width: 100%; }
.img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
.page-content iframe { height:250px; }
}

.ent{font-family: 'Spartan', sans-serif;}
.text-style{font-size:17px;letter-spacing: 2px;line-height: 1.9;}
.ma_title{font-size: 22px;font-weight: 900;position: relative;display: table;padding: 0 25px;margin-bottom: 30px;}

.tile{position: absolute;top: 50%;display: table;width: 10px;height: 10px;-moz-transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg) translateY(-50%);-o-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);}
.tile-b{background-color: rgb(42, 169, 226);left: 0;}
.tile-y{background-color: rgb(251, 236, 7);right: 10px;}
/*footer*/
/*首頁*/
.index{position: relative;z-index: 1;}
.index-about{position: relative;margin-bottom: 60px;/* margin-top: 60px; */padding-top: 80px;padding-bottom: 60px;background-color: #eee;z-index: 0;}
.index-about:before{position:absolute;content:'';z-index: -1;top: 0px;background-image:url(../images/index/bk-img.jpg);width: 100%;height: 100%;background-size: cover;opacity: .5;}
/* .index-about:after{position:absolute;content:'';width: 55%;height: 80%;background-color: #fff;z-index: -2;top: 0;} */
.index-about-slogan{padding-left:50px;color: #fff;margin-top: -30px;width: 40%;margin-bottom: 40px;padding-top: 30px;}
.index-about-slogan p{font-size: 26px;margin-bottom: 5px;position: relative;display: table;}
.slogan-bar{bottom: 0;position: absolute;width: 10px;height: 100px;left: 50%;transform: translateX(-50%);overflow: hidden;z-index: 5;}
.slogan-bar:before,.slogan-bar:after{position:absolute;content:'';}
.slogan-bar:before{width: 1px;height: 100%;background-color:#fff;top: 0;left: 57%;}
.slogan-bar:after{width:5px;height: 5px;top: 44%;left: 2px;background-color: #ffffff;-moz-transform: rotate(45deg) translateY(-50%);-webkit-transform: rotate(45deg) translateY(-50%);-o-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);transform: rotate(45deg) translateY(-50%);-webkit-animation: sloganAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;animation: sloganAnimation 1.8s cubic-bezier(.25,.46,.45,.94) infinite;}
@-webkit-keyframes sloganAnimation {
 0%{top:-5px}
  100%{top:100%}
}
@keyframes sloganAnimation {
 0%{top:-5px}
  100%{top:100%}
}
/* .index-about-slogan p:before{position:absolute;content:'';width: 100%;height: 1px;background-color: #fff;right: -100px;top: 50%;} */
.index-about-slogan h1{font-size: 26px;line-height: 1.3;}
.index-about-img{width: 65%;position: relative;/* padding-bottom: 50px; */}

.index-about-img figure:nth-of-type(2){
    width: 45%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;margin-bottom:0
}
.index-about-img .deco-text{bottom: -92px;left: -60px;}
.deco-text{
    font-size: 8rem;
    font-weight: 900;
    position: absolute;
    margin-bottom: 0;
    color: #ffffff;
    opacity: .5;
}
.index-about-txt{width: calc(35% + 80px);padding: 30px 40px 20px;box-shadow: 0 8px 20px -2px rgba(95, 95, 95, .3);/* margin-top: -80px; */margin-left: -80px;/* text-align: center; *//* margin: 0 auto; */background-color: rgba(255, 255, 255, .65);}
.index-about-txt-deco{position: absolute;width: 300px;right: 350px;bottom: -120px;z-index: -1;}
.bot-img{left: 12%;position: absolute;z-index: -2;/* right: 0; */bottom: -30px;width: 55%;height: 400px;background-image: url(../images/index/04.jpg?20200323);background-size: cover;background-repeat: no-repeat;background-position: top center;background-attachment: fixed;opacity: .8;}
.bot-img:before{position:absolute;content:'';width: 70px;height: 70px;background-image: url(../images/index/05.jpg?20200323);right: -27px;bottom: -21px;}
.index-contact{position:relative;padding: 60px 0;margin-bottom: -94px;z-index: 1;overflow: hidden;}
.con-container{width: 90%;margin-left: 10%;padding: 0 20% 0 10%;position: relative;}
.index-contact:before{position:absolute;content:'';width:90%;height:100%;right: 0;background-color: rgb(42, 169, 226);background: -webkit-linear-gradient(-30deg,rgba(251, 237, 8, .2),rgb(42, 169, 226)100%);background: linear-gradient(-30deg,rgba(251, 237, 8, .2),rgb(42, 169, 226)100%);z-index: -1;top: 0;}
.index-contact:after{position:absolute;content:'';width:90%;height:100%;right: 0;top: 0;background-color: rgb(255, 255, 255);z-index: -2;}
.index-contact-t{color:#fff;font-size: 20px;font-weight: 900;}
.index-contact-t .ent{
    font-size: 10rem;
    font-weight: 600;
    margin-bottom: 0;
    position: absolute;
    opacity: .2;
    left: -20px;
    bottom: -100px;
    z-index: 0;
    line-height: 170px;
}

.index-know .ma_title{
    margin-bottom: 40px;
}
.item-know .owl-item{transform: scale(.9)!important;opacity:.6;position:relative;transition:all .5s;}
.item-know .owl-item .item-text{position:relative;border-left:3px solid #898989;margin-top:20px;padding-left:15px}
.item-know .owl-item .item-text h3{font-size: 18px;font-weight:600}
.item-know .owl-item .item-text p{opacity: 0;display:none;}
/* .item-know .owl-item.center{width:100%!important;} */
.item-know .owl-item.center .photo{box-shadow:0 5px 10px -2px rgba(104, 104, 104, 0.5);}
.item-know .owl-item.center .item-text{border-left:3px solid #2aa8e2;}
.item-know .owl-item.center .item-text p{opacity: 1;display:block;color:#898989;}
.item-know .owl-item.center{transform:scale(1)!important;opacity:1;transform:translate(0px);position:relative;}
/* .item-know .owl-item.center .item{box-shadow: 0 0 10px rgba(51, 51, 51, .5);background-color: #c7b400;} */
.item-know .owl-item.center .item-text{color:#313131;position:relative}
/* .item-know .owl-item.center .item .item-text:before{position:absolute;content:'';width:1px;height:30px;background-color:#fff;left:50%;top:-35px;} */
/* .item-know .owl-item.center:before{position:absolute;content:'';width:96%;height:98%;background-color:#b6b6b6;z-index:-1;right:-20px;top:20px} */

.index-news{background-color:#eaeaea;position: relative;margin-top: 150px;}
.index-news:before{position:absolute;content:'';width:0;height:0;border-style: solid;border-width: 80px 0 50px 99vw;border-color: transparent transparent transparent #eaeaea;left: 0;top: -80px;}
.index-news:after{position:absolute;content:'';background-image: url(../images/index/news-bk.jpg);width: 100%;height: 100%;background-size: cover;top: -80px;z-index: -1;}
.index-news>.container .ma_title{z-index: 1;}
.index-news .deco-text{color: #2aa8e2;bottom: -71px;z-index: 0;}
.index-news-content{padding-top: 50px;position:relative;padding-bottom: 60px;}
.index-news-content:before{position:absolute;content:'';width: 85%;height: 100%;background-color: #fff;/* z-index: -1; */top: 0;}
.index-news-content ul{padding-left: 0;list-style: none;margin-bottom: 0;}
.index-news-content ul li+li{margin-top:20px;border-top:1px solid #eee;padding-top:20px}
.date{letter-spacing:1px;width:110px;color:#898989}
.news-title{width:calc(100% - 110px);padding-left:50px}
.news-title h3{font-size:18px;margin-bottom:0}
.index-news-tag{background-color: #eaeaea;font-size: 12px;font-weight: 900;letter-spacing: 1px;display: table;color: #898989;padding: 3px 5px 4px;margin-bottom: 5px;}
.index-news a:hover .index-news-tag{background-color: rgb(42, 169, 226);color: #fff;}

.owl-theme .owl-nav{display:none}
.owl-theme .owl-dots{margin-top:1em}
.owl-theme .owl-dots .owl-dot span{width:12px;height:12px;background-color: #eaeaea;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background-color: #30abe1!important;border:1px solid #30abe1}
/*內頁-共用*/
.inner-banner{height: 26vw;background-position: top center;background-attachment: fixed;position: relative;}
.inner-banner-0{background-image: url(../images/banner/p0.jpg);}
.inner-banner-1{background-image: url(../images/banner/p1.jpg);}
.inner-banner-2{background-image: url(../images/banner/p2.jpg);}
.inner-banner-3{background-image: url(../images/banner/p3.jpg);}
.inner-banner-4{background-image: url(../images/banner/p4.jpg);}
.inner-banner-5{background-image: url(../images/banner/p5.jpg);}
.inner-banner-6{background-image: url(../images/banner/p6.jpg);}
.inner-title{position:absolute;font-size:35px;font-weight:600;letter-spacing:1px;text-shadow:0 0 17px #373737;color:#fff;left:50%;top:55%;transform:translate(-50%,-50%);margin-bottom:0;width:100%;text-align:center}
/*關於*/
.img-responsive{max-width: 100%;height: auto;}
.about-contain ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.about-contain li{
    position: relative;
}
.about-contain b{
    padding:0 25px;
    position: relative;
    font-size: 18px;display: table;
}
.about-contain div.d-flex+div.d-flex{margin-top: 40px;border-top: 1px dashed #eee;padding-top: 40px;}
.about-contain div.d-flex{position:relative}
.about-contain figure:before{position:absolute;content:'';width: 350px;height: 100%;background-color: #eee;z-index: -1;top: 20px;}
.about-contain .non-reverse figure:before{left:10px}
.about-contain .flex-row-reverse figure:before{right:10px}
.about-contain figure{width:300px;margin-right: 30px;box-shadow: 0px 3px 10px -1px #b2b2b2;margin-bottom: 0;position: relative;}
.about-contain figure+div{width:calc(100% - 300px)}
.about-contain .flex-row-reverse figure{
    margin-left: 30px;
    margin-right: 0;
}
/*最新消息 文字列表*/
[class$="title-list"] ul{padding-left:0;margin-bottom:0;list-style:none}
[class$="title-list"] ul li{width:100%;border-bottom: solid thin #f2f2f2;position:relative;}
[class$="title-list"] ul li .date{font-size:.85em;color: #888;}
[class$="title-list"] ul li h2{font-size: 1em;line-height:1.5;margin-bottom:0;word-break:break-word;}
[class$="title-list"] ul li a:hover{text-decoration:none;background: #f2f2f2;}
.news-title-list ul li a{flex-direction: row-reverse;}
.pp-title-list ul li h2 + p{margin-top: .5em;margin-bottom: 0;}
.pp-title-list ul li p{font-size:.9em;line-height:1.8;color:#777}
.pp-title-list ul li .other{padding-left: 2em;text-align: center;font-size:.9em;color: #777;}
.pp-title-list ul li .other i{margin: 1em .3em 0;}

/*最新消息、專欄主題 圖片列表*/
[class$="photo-list"]:not(.dl-photo-list) ul{padding-left:0;margin-bottom:0;list-style:none}
[class$="photo-list"]:not(.dl-photo-list) ul li{width:100%;border-bottom: solid thin #f2f2f2;margin-bottom:1em;position:relative;}
[class$="photo-list"]:not(.dl-photo-list) ul li a{display:flex;/* align-items: start; */width:100%;padding-bottom: 1em;}
[class$="photo-list"]:not(.dl-photo-list) ul li .photo{width: 300px;overflow:hidden;box-shadow: 0 8px 8px -8px rgba(0, 0, 0, .3);/* border: solid thin #fff; */}
[class$="photo-list"]:not(.dl-photo-list) ul li .photo img{max-width:100%;max-height:100%;transition:all .8s ease-in-out}
[class$="photo-list"]:not(.dl-photo-list) ul li .content{width: calc(100% - 300px - 20px);display:flex;flex-direction:column;/* justify-content:flex-start; */margin-left: 20px;}
[class$="photo-list"]:not(.dl-photo-list) ul li .date{margin-top: 5px;font-size: .7em;color:#777;}
[class$="photo-list"]:not(.dl-photo-list) ul li h2{font-size: 1.3rem;line-height:1.5;margin-bottom:0;word-break:break-word;border-left: 5px solid #eee;padding-left: 10px;}
[class$="photo-list"]:not(.dl-photo-list) ul li a .btn-style{width: 100px;border-color: #eaeaea;margin-left: auto;margin-top: auto;margin-bottom: 5px;}
[class$="photo-list"]:not(.dl-photo-list) ul li a:hover{text-decoration:none}
[class$="photo-list"]:not(.dl-photo-list) ul li a:hover .btn-style{background-color: rgba(255, 255, 255, .55);}
[class$="photo-list"]:not(.dl-photo-list) ul li a:hover .btn-style:before{position:absolute;content:'';width: 40px;height: 40px;background-color: #2aa8e2;bottom: -10px;left: -10px;z-index: -1;transform-origin:center center;-moz-transform: rotate(45deg) translateY(-50%);/* -webkit-transform: rotate(45deg) translateY(-50%); */-o-transform: rotate(45deg) translateY(-50%);-ms-transform: rotate(45deg) translateY(-50%);/* transform: rotate(45deg) translateY(-50%); */-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
[class$="photo-list"]:not(.dl-photo-list) ul li a:hover .btn-style:before{background-color: #faee06;-webkit-animation:BtnAnimation 1.8s cubic-bezier(.25,.46,.45,.94)infinite ;animation:BtnAnimation 1.8s cubic-bezier(.25,.46,.45,.94)infinite ;}
[class$="photo-list"]:not(.dl-photo-list) ul li a:hover h2{color: #2aa9e2;}
[class$="photo-list"]:not(.dl-photo-list) ul li a:hover .photo img{transform:scale(1.1);opacity:.8}
.news-photo-list ul li .content{flex-direction:column-reverse;justify-content:flex-end}
.pp-photo-list ul li h2 + p{margin: .5em 0;font-size: 1.1rem;}
.pp-photo-list ul li p{color: #898989;}
.pp-photo-list ul li .other{font-size:.9em;text-align: right;}
.pp-photo-list ul li .other i{margin:0 .3em}

/*最新消息、專欄主題 底層*/
.wrapper .main-box main [class$="detail"] .title{margin-bottom:0}
.wrapper .main-box main [class$="detail"] .title:after{display:none}
.wrapper .main-box main [class$="detail"] .title h1{display:block;border-bottom:0;padding:0;font-size:1.8em;line-height:1.5;word-break:break-word;border-left: 5px solid #eaeaea;padding-left: 10px;}
.news-detail .title .date{font-size: .8rem;color:#777;padding:.5em 0 0;text-align: right;}
.downBtn{
    background-color: #2aa9e2;
    color: #fff;
    padding: 5px 10px;
    border-radius: 2px;
    font-size: 15px;
    margin-bottom: 20px;
    display: table;
}
.downBtn:hover{background-color: #f19ec1;color: #fff;}
/*影音 列表*/
.movie-list ul{padding-left:0;margin-bottom:0;list-style:none}
.movie-list ul:after{content:'';display:block;}
.movie-list ul li{display:block;width:100%;padding-bottom:1em;margin-bottom:1em;border-bottom:solid thin #f2f2f2}
.movie-list ul li a:hover .content h2:before{color: #ea2626;}
.movie-list ul li a{display:flex;align-items:start}
.movie-list ul li a:hover{text-decoration:none}
.movie-list ul li a:hover .photo img{transform:scale(1.1);opacity:.8}
.movie-list ul li a:hover h2{color: #2aa9e2;}
.movie-list ul li .photo{width: 200px;overflow:hidden;box-shadow:0 8px 8px -8px rgba(0,0,0,.3);}
.movie-list ul li .photo img{max-width:100%;max-height:100%;transition:all .8s ease-in-out;box-shadow: 0 8px 8px -8px rgba(0, 0, 0, .3);}
.movie-list ul li .content{width: calc(100% - 200px);padding-left: 20px;}
.movie-list ul li .content h2{font-size: 1.3rem;line-height:1.5;padding-left: 21px;position: relative;margin-bottom: 0;}
.movie-list ul li .content h2:before{content: "\f302";font-family: "Font Awesome 5 Free";font-weight: 600;font-size: 12px;margin-right: .1em;left: 0;top: 8px;position: absolute;}
.movie-list ul li .content p{font-size: 1.1rem;color:#777;margin: .5rem 0 0;}
.movie-list ul li .photo i{display:none;}
.movie-list ul li .content h2:before{content:'\f167';font-family: "Font Awesome 5 Brands";color: #bfbfbf;}

/*檔案下載-文字列表*/
/* .dl-title-list li{position:relative;overflow:hidden;box-shadow: 0 5px 8px -1px rgba(127, 127, 127, 0.25);}
.dl-title-list li+li{margin-top: 1em;}
.dl-title-list li::before{content:'';display:block;width:8px;height:8px;background: #2aa9e4;position:absolute;top:50%;left: 10px;transform:rotate(45deg) translate(0,-50%);}
.dl-title-list li a{font-size:1rem;padding: .8rem 1.5rem .8rem 2rem;}
.dl-title-list li:hover:after{right:10px;color:#2aa8e2;}
.dl-title-list li:after{content:'\f0c1';font-family:Font Awesome\ 5 Free;font-weight:bold;position: absolute;right: -25px;top: 50%;transform: translateY(-50%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;} */
.weblink-list ul{list-style:none;padding-left:0}
.weblink-list ul li{width: calc(100% / 3 - 10px);margin-bottom: 15px;text-align: center;background-color: #c9c9c9;border-radius: 5px;padding: 15px;position:relative;}

.weblink-list ul li .photo{background-color: #fff;position: relative;overflow: hidden;}
.weblink-list ul li .photo:before{position:absolute;content:'';width: 100%;height: 100%;left: 50%;top: 50%;opacity: 0;transform: translate(-50%, -50%);background-color: rgba(42, 168, 226, .1);z-index: 1;-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.weblink-list ul li h2{
    font-size: 20px;
    margin: 15px 0 0;
    color: #fff;
}
.weblink-list ul li h2 span{display:none}
.weblink-list ul li:hover{
	background-color: #2aa8e2;
	box-shadow: 0 5px 10px -2px rgba(116, 116, 116, .5);
}
.weblink-list ul li:hover .photo:before{
    opacity: 1;
}
.link-icon{position: absolute;color: #ffffff;z-index: 1;width: 50px;height: 50px;line-height: 50px;display: block;left: 50%;bottom: -50px;transform: translate(-50%, 50%);}
.link-icon:before{position:absolute;background-color: #2aa9e2;content:'';width: 100%;height: 100%;top: 35%;/* transform-origin: 0; *//* transform: translate(-50%, -50%); */-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg) translate(-50%, -50%);transform: rotate(45deg) translateX(-50%);z-index: -1;}
.weblink-list ul li:hover .link-icon{bottom: 50%;}
/*常見問題*/
.no-click-open .item{position:relative;margin-bottom:1em;background-color: #fff;box-shadow: 0 5px 8px -1px rgba(127, 127, 127, 0.25);}
.no-click-open .item a.question{display:block;padding: .8rem 1.5rem .8rem 2rem;font-size: 1rem;position:relative;text-decoration:none;}
.no-click-open .item a.question:before{content:'';display:block;width:8px;height:8px;background: #2aa9e4;position:absolute;top:50%;left: 10px;transform:rotate(45deg) translate(0,-50%);}
.no-click-open .item a.question:after{position:absolute;content:'';width: 0;height: 2px;left: 0;bottom: 0;background-color: rgb(42, 169, 226);background: -webkit-linear-gradient(-30deg,rgba(251, 237, 8, .5),rgb(42, 169, 226)100%);background: linear-gradient(-30deg,rgba(251, 237, 8, .5),rgb(42, 169, 226)100%);-o-transition: all .3s linear;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition:  all .3s linear;}
.no-click-open .item a.question:hover i{color:#2aa9e4;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(180deg)}
.no-click-open .item a.question:hover:after{width: 100%;}
.no-click-open .item .answer{display:none;padding: 1.5rem;background: #f0f0f0;}
.no-click-open .item .answer p:last-child{margin-bottom:0}
.no-click-open .item .item-mark{display:none}
.no-click-open .fa-plus{font-size: 13px;}

/*聯絡我們*/

.contact-inner{position:relative;padding-bottom: 60px;}
.contact-inner:before{position:absolute;content:'';width: 100%;height: 80%;background: #eaeaea;bottom: 0;z-index: -2;}
.contact-info{position:relative;padding: 40px 30px 100px;background-color: rgb(42, 169, 226);background: -webkit-linear-gradient(-30deg,rgba(251, 237, 8, .2),rgb(42, 169, 226)100%);background: linear-gradient(-30deg,rgba(251, 237, 8, .2),rgb(42, 169, 226)100%);}
.contact-info:before{position:absolute;content:'';width: 100%;height: 100%;left: 0;top: 0;background-color: #fff;z-index: -1;}
.contact-t-box{position:relative;z-index:0;margin-bottom:20px}
.contact-t-box .deco-text{bottom:-4px;line-height:50px;z-index:-1}
.contact-tit{font-size:26px;color:#fff;margin-bottom:0;position:relative}
.contact-tit:before{position:absolute;content:'';width: calc(100% - 250px);height: 1px;background-color: rgba(255, 255, 255, .5);right: 0;bottom: 0;}
.contact-info ul{padding:0;list-style:none;margin:0;}
.contact-info ul li{width:calc(25% - 10px);background-color:rgba(255,255,255,.8);padding:30px 15px 15px;text-align:center;word-wrap:break-word}
.icon-box{display:table;margin:0 auto 20px;position:relative;width:55px;height:55px;line-height:48px;font-size:20px;color:#2aa9e2}
.icon-box:before{position:absolute;content:'';width: 100%;height: 100%;left: 0;border: 2px solid #fff;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.contact-info ul li:hover{box-shadow:0 5px 10px -1px rgba(45,45,45,0.2)}
.contact-bot{margin-top:-65px;position:relative}
.contact-bot .form{background-color:#fff;padding:40px 90px 40px 40px;width:calc(55% + 50px);margin-left:-50px}
.contact-t{margin-bottom:20px}
.contact-t span{display:table;margin:0 auto}
.contact-t span.red{color:#2aa9e2;font-size:14px}
.map-box{width:calc(45% + 100px);margin-right:-50px;margin-left:-50px;margin-top:50px}
.contact .form .item{margin: 0 auto .5em;}
.contact .form label{margin-bottom:0;display: table;vertical-align:middle;}
.contact .form label span{margin-left:5px;color:#f95036}
.contact .form input,.contact .form textarea{border:0;background:rgba(205,205,205,0.2);outline:none;width: 100%;position: relative;}
.contact .form input{height: 38px;padding:0 .5em;}
/* .contact .form input + span,.contact .form textarea + span{width: calc(100% - 100px);display: block;font-size: .9em;color: #cdb912;} */
.contact .form textarea{padding:1em;vertical-align:middle;height:150px}
.contact .form input:focus,.contact .form textarea:focus{background:rgba(205,205,205,0.4)}
.contact .form input:before,.form textarea:before{position:absolute;content:'';width: 100%;height: 2px;background-color: #2aa9e2;}
.contact .g-recaptcha{display:inline-block;vertical-align:middle}
/*輸入框樣式*/
.input {
	position: relative;
	z-index: 1;
	width: 100%;
	display: inline-block;
	vertical-align: top;
}
.con_block_l{float: left;width: 49%;}
.con_block_r{float: right;width: 49%;}
.input__field {
	position: relative;
	display: block;
	float: right;
	padding: 0.4em 0.7em 0.5em;
	width: 60%;
	border: none;
	border-radius: 0;
	background: #ffffff;
	color: #aaa;
	font-weight: bold;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {outline: none;}
.input__label {
	display: inline-block;
	float: right;
	width: 40%;
	color: #ffffff;
	font-size: 70.25%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.input__label-content {
	position: relative;
	display: block;
	padding: 1em 0 0;
	width: 100%;
	font-size: 16px;
	color: #1F60A0;
}
.graphic {position: absolute;top: 0;left: 0;fill: none;}
input:-internal-autofill-selected{background-color: transparent!important;}
/* Yoko */
.input__field--yoko {
	z-index: 10;
	width: 100%;
	background: transparent;
	color: #2e2e2e;
/* 	opacity: 0; */
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.input__label--yoko {
	position: relative;
	width: 100%;
	color: #b04b40;
	text-align: left;
}

.input__label--yoko::before {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 4em;
	background: rgba(240, 240, 240, .7);
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 90deg);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.textarea+.input__label--yoko::before {
    height: 120px;
}
.input__label--yoko::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0.25em;
	background: #1F60A0;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.input__label-content--yoko {
	padding: 0.3em 0 0.5em;
}

.input__field--yoko:focus,
.input--filled .input__field--yoko,.textarea.input--filled  {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
/* .textarea:focus + .input__label--yoko::before, */
.input__field--yoko:focus + .input__label--yoko::before
/* .input--filled .input__label--yoko::before  */
{
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, 0deg);
}

.input__field--yoko:focus + .input__label--yoko,
.input--filled .input__label--yoko {
	pointer-events: none;
}

/* .input__field--yoko:focus + .input__label--yoko::after,
.input--filled .input__label--yoko::after {
	-webkit-transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
	transform: perspective(1000px) rotate3d(1, 0, 0, -90deg);
} */
/*================================================================================*/
@media screen and (max-width: 1350px){
/*首頁*/
.index-about:before,.index-about:after{/* width: 90%; *//* height: 68%; */}
/*聯絡*/
.contact-bot .form {width: 50%;margin-left: 50px;}
.map-box {width: calc(50% - 50px);}
}
@media screen and (max-width:1200px){
/*表頭*/
header .navbar{ padding-left:.6em;padding-right:.6em;}
/*首頁形象*/
.carousel{ padding-top:0;}
.carousel-inner{ box-shadow:none;}

.index-contact .container{padding-left: 10%;}
/*內頁*/
.wrapper{padding: 0;}
.wrapper .container{padding: 0 1rem 0;}
}

@media screen and (max-width: 992px){
/*首頁選單*/
header{background-color: #fff;}
header .navbar{padding-left: 1em;padding-right: 0;}
header .navbar-toggler:hover{background-color: rgb(94, 197, 243);}
header .navbar-collapse{position:absolute;top: 80px;left:0;width:100%;background: #ffffff;text-align: center;box-shadow: 0 0px 10px rgba(155, 155, 155, 0.4);}
header .navbar-expand-lg .navbar-nav .nav-item{border-bottom: solid thin #eaeaea;}
header .navbar-expand-lg .navbar-nav .nav-item:last-child{ border-bottom:none;}
header .navbar-expand-lg .navbar-nav .nav-link{padding: 1.3rem 1rem;font-size: 1rem;color: initial;}
header .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link{ color:initial;}
header .navbar-brand{height: 80px;}
header.fixed .navbar-brand{height: 80px;}
header .navbar-expand-lg .navbar-nav{margin-top:0}
header .navbar-expand-lg .navbar-nav .nav-link:hover:before{bottom: 5px;opacity:1;}
header .navbar-expand-lg .navbar-nav .nav-link:hover:after{top: 12px;opacity:1;}
header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:before{bottom: 5px;opacity:1;}
header .navbar-expand-lg .navbar-nav .nav-item.active .nav-link:after{top: 12px;opacity:1;}
.nav-contact{padding: 2px 10px 2px 0;-webkit-justify-content: flex-end!important;justify-content: flex-end!important;}
.nav-contact-pc{display:none}
.nav-contact-mb{display:block;}
header .navbar-brand:before{height:5px;bottom: -5px;}

/*footer*/
.fo-block{width: auto;}
.fo-block+.fo-block:before{display:none}
.footer-logo img{width: 130px;}
.info{font-size: 14px;text-align: left;}
.copyright{width:100%;border-top: 1px solid #a9a9a9;padding: 15px 0 0;margin-top: 15px;}
/*側選單*/
.subNav{width:100%;}
.subNav .navbar{padding: 0;}
.subNav .navbar-collapse h2{ display:none;}
.subNav .navbar button{width:100%;height:44px;text-align:left;font-size:1em;padding: 0 1em;display:flex;justify-content:space-between;align-items: center;color:initial;}
.subNav .navbar button:hover{background-color:transparent;border-color:transparent}
.subNav .navbar button i{margin-top: -5px;}
.subNav .navbar-nav{text-align:left;box-shadow: 0 -5px 5px -4px rgba(159, 159, 159, .5);}
.subNav .navbar-nav .nav-item+.nav-item:before{width: 100%;height: 1px;}
.subNav .navbar-nav .nav-item{display:block}
.subNav .navbar-nav .nav-item .nav-link{font-size:1em;background:transparent;border:0;border-bottom:solid thin #eee;border-radius:0;padding: .8em;margin:0;}
.subNav .navbar-nav .nav-item:last-child .nav-link{ border-bottom:0;}
.subNav .navbar-collapse{border-radius:0}
.subNav .navbar-nav .nav-item .nav-link:before{ display:none}
/*內頁結構*/
.inner-title{top: 50%;}
.subNav + .main-box{width:100%;padding: 0;}
.subNav + .main-box:after{ display:none;}
/* .main-box{min-height: auto;} */
.wrapper .main-box main.list{margin-top: 0;}
/*首頁*/
.container2{padding: 0 15px;}
.banner,.inner-banner{margin-top: 80px;}
.baitem{height: 60vh;}
.banner-text{top: 30%;}
.index-about-slogan{width: 100%;margin-bottom: 30px;margin-top: 0;}
.index-about-slogan p,.index-about-slogan h1{font-size: 22px;}
.index-about{margin-bottom: 50px;padding-bottom: 30px;padding-top: 30px;}
.index-about-txt{width:100%;padding: 30px 30px 20px;margin-top: 0;margin-left: 0;position: relative;z-index: 1;}
.index-about-img{width: 100%;z-index: 1;margin-top: 15px;}
.index-about-img figure:nth-of-type(2){width: 35%;}
.bot-img{width: 100%;right: 0;height: 700px;opacity: .5;}
.bot-img:before{display:none}
.index-about-img .deco-text{bottom: -66px;left: 0;}
.index-news{/* padding-top: 30px; */}
.index-news-content:before{ width: 95%;}
.index-contact{ padding: 40px 0;}
.index-contact-t{margin-bottom:10px}
.index-contact-t .ent{font-size: 7.5rem;left: -10px;bottom: -120px;opacity: .1;}
/*最新消息、專欄主題 圖片列表*/
[class$="photo-list"]:not(.dl-photo-list) ul li a{ padding:0 0 1em;}
/*檔案下載*/
.weblink-list ul li h2{font-size:18px;}
/*聯絡*/
.contact-inner{padding-bottom:15px}
.contact-info{padding-bottom:10px}
.contact-bot{margin-top:0}
.contact-bot .form{width:100%;margin-left:0;padding:30px 30px 50px}
.map-box{width:100%;margin:0}
}

@media screen and (max-width: 768px){
/*首頁形象*/
.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:flex;flex-direction:column-reverse}
.carousel-item a{ text-decoration:none;}
.carousel-caption{position:static;background:#e1dcc8;color: #444 !important;}
.carousel-caption button{color:#444;border-color:#444}
.carousel-caption button:after{background:#444}
.carousel-indicators{margin:0;left:auto;padding:1em}
/*首頁*/
.ma_title{font-size: 20px; margin-bottom: 15px;}
.date{font-size:14px;}
.news-title{padding-left: 20px;}
.news-title h3{font-size:16px}
.index-about-slogan{padding-left:15px;margin-bottom:20px;padding-top:20px}
.index-about-img .deco-text{font-size:6rem;bottom:-50px}
.bot-img{
    background-attachment: inherit;
}
.index-news{/* margin-top: 30px; */}
.index-contact-t{font-size: 18px;}
.index-contact:before,.index-contact:after{width: 95%;}
.con-container{padding-left: 0;padding-right: 5%;}
.inner-banner{height: 22vw;background-attachment: inherit;background-size: cover;}
.inner-title{font-size: 28px;}
/*頁尾*/
.gotop{left: 2%;}
footer .box .info{border-right: none;width: 100%;margin-right: 0;}
footer .box .menu{ display:none;}
footer .box + .box{padding:1em;}
.wrapper .main-box main [class$="detail"] .title h1{font-size: 1.4rem;}
[class$="photo-list"]:not(.dl-photo-list) ul li h2,[class$="title-list"] ul li h2{font-size: 1.2rem;}
.pp-photo-list ul li h2 + p{font-size: 1rem;}
.text-style{font-size: 1rem;line-height: 1.7;}
.movie-list ul li .content h2{font-size: 1.2rem;}
.movie-list ul li .content p{font-size:1rem}
.no-click-open .item .answer{ padding:1em}

.about-contain div.d-flex+div.d-flex{
    padding-top: 30px;
    margin-top: 10px;
}
.about-contain div.d-flex{flex-wrap:wrap;-ms-flex-wrap:wrap;}
.about-contain figure{width: 95%;margin: 0 auto 30px;max-width: 450px;}
.about-contain .flex-row-reverse figure{margin: 0 auto 30px;max-width: 450px;width: 95%;}
.about-contain figure:before{width:100%}
.about-contain .non-reverse figure:before{left:20px}
.about-contain .flex-row-reverse figure:before{right:20px}
.about-contain figure+div{width:100%}
/*聯絡我們*/
.contact-info{padding:30px 20px 0}
.contact-t-box{margin-bottom:15px}
.contact-info ul{flex-wrap:wrap;-ms-flex-wrap:wrap}
.contact-info ul li{width:calc(50% - 10px);padding:20px 10px 10px;margin-bottom:20px}
.icon-box{width:35px;height:35px;line-height:34px;font-size:13px;margin-bottom:10px}
.contact-bot .form{padding:20px 20px 30px}
}

@media screen and (max-width:640px){
header .navbar{padding-left: 10px;}
header .navbar-brand,header.fixed .navbar-brand{height: 70px;}
header .navbar-collapse{top: 70px;}
header button.navbar-toggler[aria-expanded="true"] span:nth-child(3){top: 14px;}
header button.navbar-toggler{height: 42px;}
.nav-contact{padding-left: 90px;font-size: 15px;}
.nav-contact b{width: 20px;height: 20px;line-height: 20px;font-size: 12px;}
/*首頁形象*/
.carousel-caption{padding: 1em .6em;letter-spacing: normal;}
.banner,.inner-banner{margin-top: 66px;}
.inner-banner{height: 33vw;}
.inner-title{font-size: 26px;}
/*首頁*/
/* [class^=blk]{ padding:1.2em}
[class^=blk] h2{ font-size:1.2em;}
.blk2 .item .photo{ margin-bottom:1em}
.blk3 .content ul li a{ padding:.6em .25em} */
/* .index-about:before, .index-about:after{display:none} */
/* .index-about-slogan{margin-top: 0;margin: 0 auto 15px;padding: 10px 15px;width: 100%;background-color: rgb(42, 169, 226);background: -webkit-linear-gradient(-30deg,rgba(251, 237, 8, .2),rgb(42, 169, 226)100%);background: linear-gradient(-30deg,rgba(251, 237, 8, .2),rgb(42, 169, 226)100%);} */
.index-about-img .deco-text{
    font-size: 4rem;
    bottom: -35px;
}
.index-news-content{padding: 30px 0 40px;}
.index-contact{margin-bottom:0;padding:20px 0 30px}
.con-container{width:100%;padding:0 15px;margin-left:0}
.index-contact:before,.index-contact:after{width:100%}
.index-contact-t .ent{font-size:4rem;bottom:0;line-height:100px}
/*頁尾*/
footer{padding-bottom:60px;padding-top:10px}
.gotop{width:100%;left:0;bottom:0;top:auto;background-color:#fff;padding:5px 0}
.top-line{margin: 0 auto;height: 40px;}
/*內頁架構*/
.breadcrumb{margin-bottom: 2rem;}
.no-panum{
    margin-bottom: 40px;
}
/*四圖四炆*/
.page-content iframe { height:320px; }
.img-left, .img-right, .img-left1, .img-right1 { float:inherit; padding-right: 0; padding-left: 0;}
.img-left img, .img-right img, .img_center img,
.img-left1 img, .img-right1 img { display:block; width:100%; max-width:inherit; }
/*最新消息、專欄主題 圖片列表*/
[class$="photo-list"]:not(.dl-photo-list) ul li .photo{width:140px;}
.pp-title-list ul li h2 + p{ margin:.5em 0 1em; font-size:.9em; line-height:1.5}
.pp-photo-list ul li h2 + p{margin:.5em 0 1em;}

/*最新消息、專欄主題 圖片列表*/
[class$="photo-list"]:not(.dl-photo-list) ul li .photo{max-width: 600px;width: 100%;margin: 0 auto;}
[class$="photo-list"]:not(.dl-photo-list) ul li .content{max-width: 600px;width: 100%;margin: 20px auto 0;/* padding: 0 1em; */}
[class$="photo-list"]:not(.dl-photo-list) ul li a{flex-wrap: wrap;-ms-flex-wrap:wrap;}

/*最新消息、專欄主題 文字列表*/
.main-box{min-height:auto}
[class$="title-list"] ul li a{display:block;padding: .8em .5rem .8rem 2rem;}
.pp-title-list ul li .other{padding-left:0;text-align:left}

/*影音列表*/
.movie-list ul li a{flex-wrap:wrap;-ms-flex-wrap:wrap;}
.movie-list ul li .photo{max-width: 480px;width: 100%;margin: 0 auto;}
.movie-list ul li .content{width: 100%;padding-left: 0;margin-top: 20px;}

/*檔案下載-圖片列表*/
.weblink-list ul li{
    width: calc(50% - 10px);
}

/*聯絡*/
.contact-info{padding-bottom:10px}
.contact-tit{font-size:22px}
.contact-tit:before{width:100%}
.contact-t-box .deco-text{font-size:3.5rem}
.contact-info ul li{margin-bottom:10px;width:100%;display:-webkit-flex;display:flex;display:-ms-flexbox;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:15px;font-size:15px}
.icon-box{margin:0 20px 0 5px}
}
@media screen and (max-width:575px){
.nav-contact-mb{display:none}
.nav-contact{-webkit-justify-content: flex-end;justify-content: flex-end;padding-right: 10px;}
.date{margin-bottom: 5px;display: table;color: #2aa8e2;}
.news-title{width: 100%;padding-left: 0;}
.index-news-tag{margin-bottom: 8px;}
.contact-t-box .deco-text{font-size: 3rem;}
}