@charset "utf-8";

/* CSS Document */
body{font-family:'Lato','微軟正黑體',sans-serif;font-size:16px;line-height:1.5;color:#333}
a{color:#000;text-decoration:none}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear}
*{ backface-visibility: hidden; -wetkit-backface-visibility: hidden;}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/
.alert_line{border-color: #d40023;}
.red{color: #d40023;}
/* 回頂端 */
#goTop{display:none;cursor:pointer;position:fixed;bottom:1rem;right:1rem;width:50px;height:50px;line-height:50px;text-align:center;color:#ccc;background:#fff;border:solid 1px #ccc;border-radius:100%;box-shadow:rgba(0,0,0,.5) 0 0 5px;z-index: 999;}
#goTop:hover{background:#999;color:#FFF}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }
@media screen and (max-width: 640px) {
#goTop{width:100%;left:0;right:0;bottom:0;border-radius:0;border:0;border-top:1px solid #eee}
}

/*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}
}
/*IE瀏覽器*/
.warning{width:100%;color:#fff;text-align: center;max-width: 1500px;padding: 60px 50px 50px;position:fixed;left:50%;transform: translate(-50%, -50%);top: 50%;background-color: #283d86;box-shadow:0 0 15px rgba(51,51,51,.5);border-radius:3px;z-index:9999999999;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;}
.off{cursor: pointer;position:absolute;right: 10px;top: 10px;border: 1px solid #eee;padding: 3px 5px 3px 10px;}
.off:hover{background-color:#fff;color:#333;}

.warning-item p{font-size: 25px;font-weight: 600;margin-bottom: 30px;}
.use-tool ul{padding-left:0;list-style:none}
.use-tool ul li{display:inline-block;margin: 0 5px;}
.use-tool ul a{display:block;background: #fff;padding: 7px 10px;border-radius: 60px;}
.use-tool-sm{margin-bottom: 10px;display: block;text-align: center;}
.use-tool figure{width: 30px;float:left;margin-right: 5px;margin-bottom: 0;}
.use-tool span{float:right;margin-top: 2px;font-weight: 600;}
/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper {padding: 60px 0;}

/*首頁 設定*/

body .navbar {/* position: absolute; */background: rgb(255 255 255 / 80%);padding: 0rem 8rem;height: 80px;width: 100%;z-index: 9999;}
body .navbar:before {content: "";position: absolute;top: 0;left: -10%;z-index: 3;width: 32%;height: 120%;transform: skewX(320deg);background: #ffffff;box-shadow: 0 2px 10px rgb(0 0 0 / 50%);}
.navbar-dark .navbar-nav .nav-link {position: relative;color: #333 !important;width: 100%;height: 80px;letter-spacing: 3px;text-align: center;padding: 10px;font-weight: bolder;display: flex;align-items: center;justify-content: center;}
.navbar-nav .nav-item,.navbar-nav li{position:relative;display:flex;align-items: center;justify-content:center;}
.nav-item02 p{padding: 10px;margin:0;font-size:1.25rem;font-weight:bolder;color:#002865}
.navbar-nav .nav-item {
    border-left: 1px solid #ddd;
    width: 120px;
}

.navbar-nav .nav-item:nth-child(4n) {
    border-right: 1px solid #ddd;
}
.navbar-nav .nav-item01{/* background: #002865; *//* width: 85px; *//* margin: 0 10px 10px; *//* border-radius:0 0 20px 20px; *//* box-shadow: 0 1px 5px #898989; */}
.navbar-nav .nav-item01 .nav-link01 {text-align: center;color: #fff;background: #002865;
    width: 85px;
    margin: 0 10px 10px;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 1px 5px #898989;padding: 10px;}
.navbar-dark .navbar-nav .nav-link:hover{background: #dfefff;}
.navbar-dark .navbar-nav .nav-link:hover:before, .navbar-dark .navbar-nav .nav-link:active:before{content:"";position:absolute;bottom: 7px;width:0;height:0;border-style:solid;border-width: 6px 5px 0;border-color: #dc3545 transparent transparent;}
.navbar .navbar-brand{/* position:absolute; */width: 20%;z-index: 3;top:0;/* background:#fff; */padding-top: 20px;display:flex;}
.navbar-collapse {position: relative;z-index: 2;/* padding: 0 6rem 0 0; */}

.indexBanner{position: relative;}
.indexBanner__inner{position:absolute;z-index: 2;top: 25vw;/* right: 41vw; */width: 100%;text-align: right;padding: 0 12rem;color: #fff;text-transform: uppercase;text-shadow: 0 1px 10px rgb(0 0 0 / 50%);transform-origin: 0 100%;transition-delay: 1000ms;-webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);transform: rotateY(45deg);}
.slick-active .indexBanner__inner {transform: rotateY(0deg);}
.indexBanner__inner .banner__title1 {font-size: 2.5rem;font-weight: 600;}

.indexBanner__inner .banner__title3 {
    font-size: 1.75rem;
    font-weight: 600;
}
.indexBanner__inner .banner__title2{position:relative;font-family: 'Saira',sans-serif;font-weight: 200;}
.indexBanner__inner .banner__title2:before{content:"";position:absolute;width:200px;height:1px;top:20px;right:310px;background:#fff}
.indexBanner__bg {position: relative;display: block;/* width: 100%; *//* height: calc(100vh); */background-attachment: fixed !important;}
.slick-dots {bottom: 20px !important;}
.slick-dotted.slick-slider{margin:0 !important;}

.banner .item{position:relative}
.banner .item h4{margin:0;position:absolute;left:50%;bottom:50px;transform:translateX(-50%);color:#fff}
.banner .owl-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%)}
.index-pd{padding:50px 0}
.index-pd h2{text-align:center;margin-bottom:1.8em}
.index-pd .item{text-align:center}
footer{position: relative;color:#fff;/* padding:20px; */text-align:center;box-shadow: 0 1px 5px #ddd;background: #002865;}
footer:before {content: "";position: absolute;top: 0;left: -5%;background: rgb(244 249 255 / 80%);width: 66%;height: 100%;transform: skewX(10deg);z-index: 1;}
footer:after {content: "";position: absolute;top: 0;left: 0;background: rgb(180 196 215 / 40%);width: 64%;height: 100%;transform: skewX(10deg);z-index: 0;}
footer ul{margin-bottom: 0;padding-left:0;list-style:none}
.footer__list li{display:inline-block;/* line-height: 41px; */text-align: left;}
.footer__list li i{/* background:#ffc107; *//* color: #fff; *//* border-radius:50%; *//* padding: 4px 7px; */}
footer a{color: #212529;font-size: 15px;letter-spacing: 1px;}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.copyright{position: absolute;width: auto;bottom: 0;color: #002865;font-size:14px}
.footer__info{position:relative;padding: 3rem 0;z-index: 2;}
.ft__inner .footer__list {display: flex;flex-direction: column;align-items: flex-start;}
.ftinner__name{position:relative;margin-bottom: 10px;font-size:1.5rem;font-weight:600;font-family:'Noto Serif TC',serif;color:#000;text-align: left;margin: 0 0 10px;}
.footer__info .ft__inner{display:flex;flex-direction:row;flex-wrap:nowrap}
.footer__info .ft__inner .ft__area01 {width: calc(100% / 3);position: relative;}
.footer__info .ft__inner .ft__area {width: 30%;text-align: right;}
.ft__inner .footer__list03{margin-right:40px;display:flex;flex-direction:row}
.ft__inner .footer__list03 li{width:50%;padding:0 10px}
.ft__inner .footer__list03 li a{color:#fff;background:#28a745;letter-spacing:0;padding:5px 6px;border-radius:50px}


/**/
.about{position: relative;/* background:#fff5d5; */}
.index .about__info{position:relative;text-align:center;padding: 0 0 2rem 0;/* margin-bottom: 4rem; */background: url(../images/index/bg01.png) center/cover no-repeat;background-attachment: fixed;}
.about__info .about__title{/* font-family:'Noto Serif TC'; */padding: 2rem 0 0;margin:0;display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:column;color: #002865;font-weight: 600;}
.about__info .about__inner h4 span{font-size:14px;color: #dc3545;/* padding: 1rem 0 0; */display: block;}
.about__info .about__inner .about__txt span{display:block}
.about__info .about__inner h4{display:inline-block;color:#282b8e;font-weight:600;padding: 10px 30px;}
.about__info .about__inner h4, .about__info .about__inner .about__txt{margin:0;font-size: 1.25rem;font-weight: 500;color: #002865;}
.about__info .about__inner{display: flex;flex-direction: column;align-items: center;justify-content: center;}
.about__inner .aboutTitle {font-weight: 600;color: #002865;padding: 10px 0;}
.about__inner .aboutTitle span {display: block;font-size: 1rem;}
.index .area {position: relative;/* padding: 1rem; *//* height: 20px; *//* background: rgb(40 167 69); */}
.index__icon{/* position:absolute; */bottom: 0;padding: 2rem 0 0;display: flex;justify-content: center;}
.index__icon figure{padding:1rem;border-radius:50%;margin: 0;/* background: #fff; */}
.index__icon img{width: 60px;}
.about__info a.btn_more{color:#073984;border:1px solid #073984;}
.about__info a.btn_more:hover{background: #002865;color: #fff;border: 1px solid #073984;}

.about .about__info--style2{position: relative;/* margin: 2rem 0; */display:flex;flex-direction: row;align-items: center;}
.about .about__info--style2 .aboutArea01 {width:50%}
.about .about__info--style2 .aboutArea01 figure{margin: 0;}
.about .about__info--style2 .aboutArea02 {position: absolute;width: 60%;height: 100%;right: 0;bottom: -5%;background: #fff;box-shadow: 0 1px 10px rgb(0 0 0 / 25%);/* border-radius: 10px; */padding: 2rem 4rem;}

.aboutArea02__txt01{color: #002865;font-size: 2rem;font-weight:600;margin: 0;}
.aboutArea02__txt02{position:relative;font-size: 1rem;font-weight: bold;margin: 0 5px;padding: 10px 20px;/* background: #486693; */border: 2px solid #073984;color: #073984;border-radius: 50px;width: calc(100% / 3  - 10px);text-align: center;display: flex;align-items: center;justify-content: center;}
.aboutArea02__txt02:before{content:"";/* position:absolute; *//* z-index:-1; *//* bottom: -4px; *//* left: 0; *//* width: 100%; *//* height: 60%; *//* display: inline-block; *//* background: #fff5d5; */}
.aboutArea02 .aboutArea__inner {margin: 15px 0;width: 100%;display: flex;flex-direction: row;justify-content: flex-start;}
.about .about__info--style2 .aboutArea02 p {text-align: justify;font-size: 1rem;font-weight: 600;}



/*pdt*/

.btnArea{position:relative;display:flex;align-items:center;justify-content:center}
.btnArea .btn_more:hover{background: #fff;color: #073984;border: 1px solid #073984;/* transform: scale(.9); */}
.product, .pdtAirman {position: relative;}
.bg{position: relative;overflow: hidden;}
.text_r.en_txt{opacity:.1;white-space:nowrap;font-size:8.8vw;transform-origin:top left;position:absolute;bottom:0;line-height:.65;z-index: -1;-webkit-text-stroke: 1px #fff;color: transparent;}
@media (max-width:767.98px) {
    .text_r{display:none}
}
@keyframes mqscroll {
    0%{transform:translateX(4px)}
    100%{transform:translateX(-100%)}
}
.text_r .mq{animation: mqscroll 10s linear infinite;display:inline-block}
.product__info {position: relative;z-index: 2;}
.pdtArea{margin-right: 10px;display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:10px;grid-row-gap:10px}
.index .pdtTitle .pdtTitle__style1{color:#fff;font-weight: 600;}
.pdtTitle:before{content:"";position:absolute;z-index:3;top:0;right:0;height:80px;width:80px;/* background: url(../images/all/icon01.png) center/cover no-repeat; */}
.index .pdtTitle .pdtTitle__style1 span{font-size:1rem;display:block}
.product__info .product__inner{/* padding:2rem 0; */padding-bottom: 2rem;border-bottom: 1px solid #fff;display:flex}
.product__inner .pdtArea .box{position:relative;overflow: hidden;}
.product__inner .pdtArea .box figure{display:block;margin:0;transform: scale(1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.product__inner .newpdt {position: absolute;z-index: 1;top: 0;padding: 5px 8px;margin: 5px 10px;background: rgb(255 193 7 / 80%);color: #fff;}
.product__inner .box .pdtBox__txt{position:absolute;display:inline-block;bottom:0;margin:0;padding: 1rem 0;width:100%;color: #fff;text-align: center;background: rgb(0 0 0 / 60%);}
.index .pdtTitle{position: relative;color:#fff;margin-bottom: 2rem;border-bottom:1px solid #fff}
.product__inner .pdtArea01{position:relative;display:block;width:45%;height:510px}
.product__inner .pdtArea01 .box{position:relative;display:block;height:510px;overflow:hidden;}
.product__inner .pdtArea01 .box figure{display:flex;margin:0;min-width: 210px;min-height:510px;transform: scale(1);transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);}
.product__inner .pdtArea .box:hover figure {transform: scale(1.2);}
.product__inner .pdtArea01 .box:hover figure {transform: scale(1.2);}
.bg:before{content:"";position:absolute;background:#002865;width:100%;height:100%;z-index: -3;}
.product.bg:after{content:"";position:absolute;top:0;left:8%;opacity:.3;background:#0d6efd;width:40%;height:100%;transform:skewX(10deg);z-index:-2}


/*newArrival*/
.newArrival .pdtTitle:before{content:"";position:absolute;z-index:3;top:0;right:0;height:80px;width:80px;background:url(../images/all/icon02.png) center/cover no-repeat}
.slick-prev:before, .slick-next:before {color: rgb(0 0 0 / 60%) !important;}
.newArrival__info .pdtTitle {color: #002865;border-bottom: 1px solid #002865;}
.newArrival__info .pdtTitle .pdtTitle__style1 {color: #002865;font-weight: 600;}
.newArrival__inner {position: relative;border-bottom: 1px solid #002865;padding: 0 0 4rem;}
.newArrival__inner .Box{display:block;padding:10px;margin: 5px;border: 1px solid #002865;}
.newArrival__inner .Box figure{margin:0;overflow: hidden;background: #fff;}
.newArrival__inner .Box figure img {height: 300px;max-width: 400px;margin: 0 auto;}
.newArrival__inner .Box .boxInner{padding: 20px 0px 10px;}
.boxInner h4{font-size:1.25rem;font-weight:600;color:#002865;/* margin: 0; */padding-bottom: 10px;border-bottom: 1px solid #002865;}
.boxInner .boxInner__list{padding: 5px 0;margin: 0;list-style:none;display:flex;flex-direction:row}
.boxInner .boxInner__list .list__txt{width:50%;display: block;/* padding: 5px 0; */}
.newArrival__info .slick-dots{bottom: -30px!important;}
.boxInner .boxInner__list .list__txt span{display:inline-block;padding:5px 15px;margin-right:10px;color:#002865;border:1px solid #073984;border-radius:30px;font-weight:600;text-align:center}

/*Airman*/
.pdtAirman__info{display:flex;align-items: center;}
.pdtAirman:before{content:"";position:absolute;top:0;left: -12%;/* opacity:.3; *//* background:#009ea7; */width: 35%;height: 100%;transform:skewX(10deg);z-index:-2;/* background: rgb(255 255 255 / 0%); *//* backdrop-filter: blur(1.5rem); */}

.pdtAirman__innerleft .pdtAirman__txt{font-size:3rem;font-weight:bolder;color: #ffffff;text-shadow: 1px 1px 10px #000;}
.pdtAirman__innerleft{position:relative;width: 50%;display:inline-block;margin: 0;padding: 4rem;/* background: rgb(255 255 255 / 0%); *//* backdrop-filter: blur(.5rem); */}
.pdtAirman__innerleft:before{content:"";width: 60%;height:40%;position:absolute;z-index:1;top: -20%;left: 0;background: url(../images/index/airman-logo.png) center no-repeat;}
.pdtAirman:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/index/bg02.png)center/cover no-repeat;background-attachment:fixed;z-index:-3;opacity: 0.7;}
.pdtAirman__txt--inner {margin-top: 2rem;background: rgb(0 0 0 / 50%);}
.pdtAirman__txt--inner h4{font-size:1rem;font-weight:600;color:#fff;padding:10px 20px;margin:0;background:#002865;text-align:center}
.pdtAirman__txt--inner ul{padding:5px 0;margin:0;display:flex;flex-direction:row;flex-wrap:wrap}
.pdtAirman__txt--inner ul li{width:calc(100% / 3);text-align:center;display:inline-block;padding:5px 10px;font-size:1rem;font-weight:600;color:#fff;text-shadow:1px 1px 5px #000}
.pdtAirman__innerright{width:50%}



/*Contact*/
.contactBg{position: relative;background: url(../images/index/bg.jpg) center/cover no-repeat;background-attachment: fixed;}
.index .contact .contact__info {position: relative;padding: 8rem 0;}
.contact .contact__info .contact__area{text-align: center;padding: 2rem 0;background: rgb(255 255 255 / 20%);backdrop-filter: blur(0.5rem);color: #fff;}
.contact .contact__info .contact__title{text-align:center;padding:2rem 0 1.5rem;margin:0;color:#333;font-weight:600;font-family:'Noto Serif TC'}
.contact .contact__info .contact__area .contact__inner{font-weight: 500;color: #fff;}
.contact .contact__info .area__txt{font-size:2rem;letter-spacing:2px;font-weight:bolder;color: #ffffff;/* text-shadow: 2px 2px 10px #fff; */margin:0}
.contact .contact__info .area__txt01{font-size:1rem;font-weight:600;text-shadow:2px 2px 5px #fff}
a.btn_more{display:inline-block;color:#fff;font-weight:600;margin:1rem 0 0;border:1px solid #fff;border-radius:50px;padding:10px 30px;letter-spacing:1px}
a.btn_more:hover{background:#073984;color:#fff;border:1px solid #073984}
.contact .pdtTitle{color:#002865;margin:0 0 30px}
.pdtTitle__style1 span{font-size:1rem;display:block}
.contact .pdtTitle .pdtTitle__style1{color:#002865;font-weight:600;margin:0}
.contact .pdtTitle:before{display:none}
.contact form {display: flex;flex-wrap: wrap;}
.contact input{border-radius:0}
.contact__inner{position:relative}
.contact__inner .contact__list{list-style:none;padding:1rem 0;margin:0;display: flex;flex-direction: row;flex-wrap: wrap;align-items: flex-start;}
.contact__inner .contact__list li{width: 100%;font-weight:600;color:#002865;margin-bottom:11px;padding-bottom:10px;border-bottom:blue}
.contact__inner .contact__list i{color:#fff;background:#073984;padding:4px 6px;border-radius:50%}
.btn-danger{background:#002865;border:1px solid #002865;border-radius:50px;font-size:1rem}
.control__inner{display:flex;align-items:center}
.control__inner .custom-control{position:relative;width: 25%;margin-left:10px}
.contact__inner  .contact__list .contact__area {width: 40%;}

/**/
.pageBanner{position:relative;display:block;width:100%;height:15vw;background-attachment:fixed!important}

/* 麵包屑 */
.breadcrumb {z-index: 1;position: relative;margin: 0;background: transparent;}
/**/
.sidebar .navbar-toggle.collapsed {display: none;}
.page{position: relative;}
.pagebg{position:relative}
.pagebg:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:url(../images/index/bg01.png) center/cover no-repeat}
.page .nav.navbar {position: relative;padding: 0;height: auto;margin: 0 0;display: flex;flex-direction: column;align-items: flex-start;flex-wrap: nowrap;background: #ffffff;margin: 0;}
.page .navbar:before {display: none;}
section.product{position: relative;display:flex;flex-direction:row;align-items:flex-start}
.product .sidebar{width: 18%;margin-right:2rem;position: sticky;top: 5%;z-index: 5;float: left;}
.page .nav__link{position: relative;display:block;width:100%;padding:10px 20px;/* background: #fff5d5; */border-bottom:1px solid #fff;font-size: 16px;font-weight: 600;overflow: hidden;}
.page .nav__link:hover, .nav__list01 .nav__link:hover {background: #fff5d5;color: #333 !important;}
.page .nav.navbar .nav__list{display:block;width:100%;border-bottom: 1px dashed #ddd;}

.page .nav.navbar .nav__list01 .nav__link{background: #002865;}
.page .nav__list01 .nav__link{color:#fff;overflow: inherit;}
.page .nav__list .nav__link:before{content:">";position:absolute;z-index:1;top:20%;right:110%;padding:0 5px;transition:all 1s cubic-bezier(0.165,0.84,0.44,1);color:#dc3545}
.page .nav__list .nav__link:hover:before{right:4%}
.page .nav__link .nav__linkImg{margin:0;position:absolute;bottom:0;right: 0px;padding: 10px;/* background: #ddd; *//* border-radius: 50%; */}
.page .nav__list01 .nav__link:before{content:""}
.page .nav__link .nav__linkImg img{width: 65px;}
.nav__link p{margin:0;font-size:1.25rem}


/*product*/
section.product__info{position:relative;width:calc(100% - 18%)}
.pdtTitle{font-size:1.75rem;padding:0 0 10px;border-bottom: 6px double #002865;color: #002865;}

.page .pdtBox__txt {list-style: none;padding: 10px 0;margin: 0;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.page .pdtBox__txt .txtList{width: calc(100% / 2 - 5px);position: relative;margin-bottom: 10px;background: #e3f1ff;display:flex;align-items: center;justify-content: space-between;}
.page .pdtBox__txt .txtList p{width: 60%;height: 100%;display: flex;margin:0;color: #002865;font-weight: 700;padding-left: 5px;justify-content: flex-start;align-items: center;}
.page .pdtBox__txt .txtList span{width: 40%;color: #fff;margin:  0 10px 0 0;padding: 15px 0;background: #073984;/* border-radius:40px; */text-align: center;font-size: 15px;font-weight:700;letter-spacing: 3px;}

.page .product__area{position:relative;display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:15px;grid-row-gap:15px}
.page .product__area .pdtBox{position: relative;border: 1px solid #ddd;overflow: hidden;/* background: #fff5d5; */display:flex;align-items: center;}
.page .product__area .pdtBox .pdtBox__picinner {position: relative;width: 40%;margin-right: 0;}
.page .product__area .pdtBox figure{margin: 0 auto;overflow: hidden;max-height: 310px;position: relative;}
.page .product__area .pdtBox figure img {transform: scale(1);transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}
.page .product__area .pdtBox:hover figure img {transform: scale(1.2);}


.page .product__area .pdtBox .pdtBox__inner{width:60%;padding: 20px;}
.page .product__area .pdtBox:hover {box-shadow: 0 1px 5px rgb(0 0 0 / 25%);}
.page .product__area .pdtBox:before {content: "";position: absolute;z-index: 2;right: 0;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 15px 15px;border-color: transparent  transparent #e9ecef transparent;transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);}
.page .product__area .pdtBox:hover:before {content: "";position: absolute;border-width: 0 0 30px 30px;border-color: transparent transparent #ffa113 transparent;}
.page .pdtBox .pdtBox__picinner .picinner__listtxt {position: absolute;bottom: 0;right: 0;padding: 8px 15px;margin: 10px;z-index: 1;border: 1px solid #fff;background: rgb(255 255 255 / 30%);backdrop-filter: blur(0.1rem);}
.page .pdtBox .pdtBox__picinner .picinner__listtxt p {letter-spacing: 3px;color: #fff;text-align: right;margin: 0;text-shadow: 0 1px 4px rgb(0 0 0 / 60%);}
.page .pdtBox:hover .picinner__listtxt {background: #073984;border: 1px solid #073984;}


/*pageNumber*/
.pageNumber{text-align:right;position:relative;margin:20px 0 0}
.pageNumber a{display:inline-block;padding:5px 10px;background: #fff5d5;}
.pageNumber a:hover, .pageNumber .active {background: #073984;color: #fff;}






/*case*/
.pageCase{display:flex}
.pageCase__inner{width:calc(100% - 250px)}
.pageCase__area{padding-left:1.5rem;display:grid;grid-template-columns:repeat(3,1fr);grid-column-gap:15px;grid-row-gap:15px;margin-bottom:2rem}
.pageCase__area .caseBox{margin:0}
.pageCase__area .caseBox__inner h3{padding-left: 15px;font-size: 1rem;}

/*case-swiper*/
.pageCase__layer{position:relative;width: 100%;}
.layerOutside {display: flex;flex-direction: column;}
.layerInner{width: 100%;}
.layerInner--right{padding: 2rem 0;/* background: #fff5d5; */}
.layerInner--right .titleBox__subTitle .txt{background:#eee}
.casePicture__gather{/* margin-top:.5rem; *//* margin-left:-.5rem; *//* margin-right:-.5rem; */background: #ddd;}
.casePicture__gather .swiper-slide{padding: 0;margin: 10px 2px;/* max-height: 500px; *//* height: auto !important; */display: flex;align-items: center;justify-content: center;align-content: center;flex-direction: row;}
.casePicture__gather .swiper-slide {max-height: 110px !important;/* max-width: 110px !important; */overflow: hidden;background: #fff;}
.casePicture__gather .swiper-slide img {/* height: 245px; */margin: 0 auto;}
.casePicture__picture .swiper-slide-active{overflow:hidden;/* max-height: 500px; */margin: 0 auto;/* height:auto!important; */display:flex;align-items:center;justify-content:center;align-content:center;flex-direction:row}
.casePicture__picture .swiper-slide-active img{/* height: 480px; */margin: 0 auto;}
.swiper-wrapper{height:auto!important;}
.swiper.casePicture__picture{max-height: 500px;background:#f6f6f6;padding: 10px 5px;}
.swiper-button-next, .swiper-button-prev {color: #fff !important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size: 20px !important;background: rgb(51 51 51 / 60%);padding: 10px;border-radius: 5px;}

/*layerInner*/
.layerInner .pdtBox__txt{padding: 20px 0;display:flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.layerInner__title .picinner__txt{position:relative;display:inline-block;padding: 10px;margin: 0;backdrop-filter:blur(0.1rem);width: 120px;}

/*底層狀態*/
.layerInner__title .picinner__txt.picinner__txt01{background: #d10014;border: 2px solid #d10014;}
.layerInner__title  .picinner__txt.picinner__txt01 span{display:block;font-size:14px;letter-spacing:0}
.layerInner__title .picinner__txt01 p{margin:0;color: #fff;letter-spacing: 3px;font-weight: 700;text-align: center;}

.layerInner__title .picinner__txt.picinner__txt02{background: #ff9307;border: 2px solid #ff9307;}
.layerInner__title .picinner__txt.picinner__txt02 span{display:block;font-size:14px;letter-spacing:0}
.layerInner__title .picinner__txt02 p{margin:0;color: #fff;letter-spacing: 3px;font-weight: 700;text-align: center;}

.layerInner__title .picinner__txt.picinner__txt03{background: #28a745;border: 2px solid #28a745;}
.layerInner__title .picinner__txt.picinner__txt03 span{display:block;font-size:14px;letter-spacing:0}
.layerInner__title  .picinner__txt03 p{margin:0;color: #fff;letter-spacing: 3px;font-weight: 700;text-align: center;}

.layerInner__title .picinner__txt.picinner__txt03{background: #7e43ca;border: 2px solid #7e43ca;}
.layerInner__title .picinner__txt.picinner__txt03 span{display:block;font-size:14px;letter-spacing:0}
.layerInner__title  .picinner__txt03 p{margin:0;color: #fff;letter-spacing: 3px;font-weight: 700;text-align: center;}


.layerInner__title{display:flex;align-items:center}
.title01 h2{width:100%;margin:0;padding-left:1rem}
.title01{width:calc(100% - 120px)}


/*page About*/
.about__inner{position:relative}
.about__inner .aboutBox{position:relative;padding: 1rem;display:flex;justify-content:center;align-items:center}
.about__inner .aboutBox .box{padding: 0;margin: 0 30px;/* border:1px solid #ddd; *//* box-shadow: 0 1px 10px rgb(0 0 0 / 25%); *//* border-radius:10px; *//* background:#fff; */display:flex;flex-direction:column;align-items:center}
.about__inner .aboutBox .box figure{margin:0;max-width: 120px;text-align:center;border: 8px solid rgb(0 40 101 / 50%);border-radius: 50%;background: #ffffff;padding: 20px;box-shadow: 0 1px 10px rgb(0 40 101 / 50%);}
.box .box__inner{position:relative;margin-top: -20px;}
.box .box__inner .boxTxt{margin:0;font-size: 1rem;font-weight:600;/* margin:20px 0 0; */padding: 8px 15px;color: #fff;background: #002865;border-radius: 20px;}

.page .about__inner .aboutTitle {text-align: center;}
.page .about__info {margin-bottom: 4rem;}



@media (max-width:1440px){  
    /**/
    body .navbar{padding:0 2rem;}
    
    /*footer*/
    
    footer {}
    footer:before {left: -20%;width: 100%;}
    footer:after {left: -17%;width: 100%;}
    .footer__info {padding:2rem 0;}

    .footer__info .ft__inner .ft__area01 {width: calc(100% / 2 - 10px);padding: 20px 20px;margin: 5px;background: rgb(255 255 255 / 70%);border-radius: 5px;}
    .footer__info .ft__inner {display: flex;flex-direction: row;flex-wrap: wrap;} 
    .footer__info .ft__inner .ft__area {position: relative;width: calc(100% / 2 - 10px);padding: 20px 20px;
    margin: 5px;
    background: rgb(255 255 255 / 70%);
    border-radius: 5px;display: flex;align-items: center;justify-content: center;flex-direction: row;flex-wrap: wrap;}
    .ftinner__name {padding: 0 0 15px;}
    .copyright {position: relative;}
    


    
}





@media (max-width:996px){

    /**/
    .pageBanner{height:40vw;}
    .indexBanner__inner {/* top: 40vw; */padding: 0;text-align: center;}
    
    /**/
    body .navbar:before {width: 70%;}
    body .navbar {padding: 0;}
    body .navbar {background: #073984;padding: 0 10px;}
    .navbar-nav .nav-item02{width: 50%;padding: 10px;background: #cde7ff;}
    .navbar .navbar-brand {width: 50%;margin: 0 0 0 20px;}
    .navbar-dark .navbar-toggler {margin-right: 10px;}
    
    .navbar-nav {background: #fff;padding-top: 20px;display: flex;flex-direction: row;flex-wrap: wrap;}
    .navbar-nav .nav-item {width: 100%;}
    .navbar-dark .navbar-nav .nav-link {height: auto;width: 100%;border-bottom: 1px solid #ddd;}
    .navbar-nav .nav-item01 {width: 50%;padding: 10px;margin: 0;background: #deefff;display: flex;align-items: center;justify-content: center;}
    .navbar-nav .nav-item01 .nav-link01 {border-radius: 50px;padding: 8px 16px;margin: 0;font-size: 1rem;width: auto;display: inline-block;}
    .nav-item02 p {font-size: 1rem;padding: 8px 16px;}

    /*index*/
    .pdtAirman__info {display: flex;flex-direction: column;}
    .pdtAirman__innerleft {width: 100%;padding: 0;}
    .pdtAirman__innerright {width: 100%;}
    .pdtAirman__innerleft .pdtAirman__txt {font-size: 2rem;margin: 20px 0;text-align: center;}
    .pdtAirman__innerleft:before {position: absolute;width: 100%;height: 20%;}
    .pdtAirman__txt--inner {margin: 20px 0 30px;}
    .product__info .product__inner {display: flex;flex-direction: column;}
    .pdtArea {margin: 0 0 10px;grid-template-columns: repeat(2,1fr);}
    .product__inner .pdtArea01 {width: 100%;}
    
    .index .about__info{padding:1rem ;}
    .about__info .about__inner h4, .about__info .about__inner .about__txt{font-size:1.05rem;font-weight: 600;width: 80%;}

    /*about*/
    
    .page .about__info{margin:0 0 1rem;}
    .about__inner .aboutBox .box {margin: 5px;}
    .about__inner .aboutBox .box figure {padding: 15px;}
    
    .about .about__info--style2 {display: flex;flex-direction: column;}
    .about .about__info--style2 .aboutArea01 {width: 100%;}
    .about .about__info--style2 .aboutArea02 {position: relative;width: 100%;padding: 2rem;background: transparent;box-shadow: none;}
    .aboutArea02 .aboutArea__inner {display: flex;flex-direction: column;}
    .aboutArea02__txt02 {width: 100%;margin: 0 0 5px;}
    .aboutArea02__txt01 {font-size: 1.5rem;text-align: center;}

    /*product*/
    .page .nav.navbar .nav__list01 {display: flex;/* margin: 0 0 2rem; */}
    section.product {display: flex;flex-direction: column;}
    .product .sidebar {position: relative;width: 100%;background: #ffffff;margin: 0 0 30px;}
    button.navbar-toggle.collapsed {display: block !important;}
    section.product__info {width: 100%;}
    .page .product__area .pdtBox {display: flex;flex-direction: column;}
    .page .product__area .pdtBox .pdtBox__picinner {width: 100%;padding: 1rem;}
    .page .pdtBox .pdtBox__picinner .picinner__txt {position: absolute;right: 5%;bottom: 5%;}
    .page .product__area .pdtBox .pdtBox__inner {width: 100%;}
    .page .pdtBox__txt {padding: 10px;}
    .page .pdtBox__txt .txtList {margin: 0 0 10px;}
    .page .pdtBox__txt .txtList span {margin: 0;padding: 15px 5px;width: 40%;}
    
    

    
    /*footer*/
    
    footer {margin-bottom: 3rem;}
    footer:before {left: -20%;width: 100%;}
    footer:after {left: -17%;width: 100%;}
    .footer__info {padding:2rem 0;}
    .footer__info .ft__inner {display: flex;flex-direction: column;}
    
    
    .copyright {position: relative;}
    .footer__info .ft__inner .ft__area01 {width: 100%;padding: 20px 20px;margin:  0 0 5px;background: rgb(255 255 255 / 70%);border-radius: 5px;}
    .footer__info .ft__inner .ft__area {position: relative;border-radius: 5px;padding: 10px 20px;margin: 0 0 5px;width: 100%;display: flex;align-items: center;justify-content: center;}
    .ftinner__name {padding: 0 0 15px;}


}