@charset "utf-8";

/* 僅網站規範用 :root */
/* :root{
    --mainColor:#0373d4;
    --subColor:#b2b5b6;
    --highlightColor:#ef8054;
    --lightColor:#dae4ec;
    --darkColor:#121212;
    --txtColor:#2e2e2e;
    --fontSize_xxxl:2rem;
    --fontSize_xxl:1.75rem;
    --fontSize_xl:1.5rem;
    --fontSize_l:1.25rem;
    --fontSize_xm:18px;
    --fontSize_m:1rem;
    --fontSize_s:.9rem;
    --fontSize_xs:.8rem;
    --warning:#d40023;
} */

/* CSS Document */
body{padding-top: 72px;font-family:'Work Sans','Noto Sans TC', '微軟正黑體', sans-serif;font-size:16px;line-height:1.5;font-weight:300;color:#2e2e2e;letter-spacing: .075em;}
a{color:#121212;text-decoration:none;transition:all .3s linear}
a:hover{color:#121212}
.animatedLines{pointer-events:none;position:fixed;z-index:-1;left:0;top:0;right:0;bottom:0;height:100vh;width:100vw}
.animatedLines path{fill:none;stroke:#dae4ec;stroke-width:.5px;vector-effect:non-scaling-stroke}
.animatedLines.animatedLines--all{height:100vw;width:100vw;top:inherit;bottom:50%;transform:rotate(-45deg) translate(-50%,50%);transform-origin:center;opacity:.8}
.animatedLines.animatedLines--all path{stroke-width:.4px;stroke:#265b89}
/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
/*卷軸樣式*/
.scrollbarSet::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #fff}

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

.scrollbarSet::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{background-color: #b2b5b6}
body::-webkit-scrollbar{width: 6px;}


/* 整個捲軸 */
::-webkit-scrollbar { width: 6px; }
/* 捲軸的軌道 */
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #fff }
/*捲軸尚未滑到的軌道*/
::-webkit-scrollbar-track-piece{ background: #eee; }
/* 滑動的區塊 */
::-webkit-scrollbar-thumb { background: #b2b5b6; }

/* 通用設定 */
:focus,:hover {outline: none;}
*,:before,:after{
	-webkit-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-o-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	-ms-transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.aleart_line{border-color: #d40023;}
.red{color: #d40023;}
.bgColor--gray{background:#eee;}
.mark, mark{background: #fdd9cc;/* color:#fff; */border-radius:3rem;}
img{max-width: 100%;max-height:100%;height: auto;object-fit: cover;}
#js-ttpPanel--show{position:absolute;z-index:99;padding: .5rem;box-shadow:1px 1px 3px rgba(0,0,0,.3);background:#fff;transition: all .3s cubic-bezier(0.165, 0.84, 0.44, 1);transform: translate(0,2rem);max-width:200px;word-break: break-all}
#js-ttpPanel--show .mjTitle{font-size: 18px;}
#js-ttpPanel--show .subTitleBox{font-size: .9rem;}

/* 摘要 */
blockquote,.blockquote{/* font-style:italic; */margin-left:1rem;padding:.5rem 1.5rem;border-left: solid .25rem #ccc;font-size: 1.125rem;}

/* 回頂端 */
#goTop{color:#fff;background: rgba(176 ,176 ,176 ,.8);text-align:center;position:fixed;bottom: 70px;right: 10px;width: 3rem;height: 3rem;line-height: 3rem;cursor:pointer;display:none;border-radius: 50%;z-index: 99;}
#goTop:hover{line-height:40px;}
.centerCall{color:#fff;background: #265b89;text-align:center;position:fixed;bottom: 10px;right: 10px;width: 3rem;height: 3rem;line-height: 3rem;cursor:pointer;border-radius: 50%;z-index: 99;}
.centerCall:hover{background: #ef8054;color:#fff;}
@media screen and (max-width: 640px) {
    #goTop{right: 10px;bottom: 88px;border:0;z-index: 99;}
}
/*按鈕*/
.btnWrap {margin:2em 0;text-align:center;}
.btnStyle{position: relative;display:inline-block;padding: 0 2rem;text-align: center;}
.btnStyle::before,.btnStyle::after{content: '';position: absolute;top: 50%;}
.btnStyle::before{left: 0;right: 0;height:1px;transform: translate(0,-50%);background: #121212;}
.btnStyle::after{opacity:0;right: 0;width: .5rem;height: .5rem;border-top:solid 1px #121212;border-right:solid 1px #121212;transform: translate(-2rem,-50%) rotate(45deg);}
.btnStyle .txt{position:relative;z-index: 1;padding: .25rem 1rem;background: #fff;}
.btnStyle:hover{/* text-align:left */padding-left: 0;padding-right: 5rem;}
.btnStyle:hover::after{opacity:1;transform: translate(0,-50%) rotate(45deg);}
.btnStyle:hover .txt{}

.btnStyle--prev:hover{padding-left: 5rem;padding-right: 0;}
.btnStyle--prev::after{right:inherit;left:0;transform: translate(2rem,-50%) rotate(-135deg);}
.btnStyle--prev:hover::after{opacity:1;transform: translate(0,-50%) rotate(-135deg);}

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

/*---------------------- 頁面開始 ----------------------*/

/*全頁佈局*/
.wrapper {padding: 3rem 0;}
.container-fluid{max-width: 1700px;}
.container{max-width: 1280px;padding-right: 1rem;padding-left: 1rem;margin-right: auto;margin-left: auto;}

/* 選單 */
.navbar{padding-top: .6rem;padding-bottom: .6rem;background: #fff;}
.navbar-brand{}
.navbarBrand__logo{max-height:60px}
.navbar-expand .navbar-nav .nav-link{padding:.5rem 1rem}
.navbar-nav .nav-item .nav-link.dropdown-toggle::after{border:none;width:8px;height:8px;border-right:solid 1px #666;border-bottom:solid 1px #666;transform:rotate(45deg);transition:all .3s linear}
.navbar-nav .nav-item .nav-link.dropdown-toggle.show::after{transform:rotate(-135deg) translate(-75%,0)}
.navbar-nav .nav-item .nav-link{position:relative;z-index: 1001;font-weight: 500;}
.navbar-nav .nav-item .nav-link::before{content:'';position:absolute;left:50%;bottom:0;width: 100%;height: 3px;background:transparent;transform:translate(-50%,50%);transition:all .3s cubic-bezier(0.165,0.84,0.44,1);}
.navbar-nav .nav-item .nav-link.show,
.navbar-nav .nav-item .nav-link:hover{color:#ef8054;}
.navbar-nav .nav-item .nav-link.dropdown-toggle.show::after,
.navbar-nav .nav-item .nav-link.dropdown-toggle:hover::after{border-color:#ef8054}
.navbar-nav .nav-item .nav-link:hover::before, .navbar-nav .nav-item .nav-link.show::before {background: #ef8054;}

.navbar-nav .nav-item .dropdown-menu{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;opacity:0;pointer-events:none;left:50%;width: 320px;/* max-width: 320px; */min-width: 170px;margin-top:0;padding: 1.5rem;border-radius:0;border:none;text-align:center;background: rgb(247 247 247 / 90%);transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transform:translate(-50%,-30px);box-shadow: 0 .5rem 1rem -2px rgb(0 0 0 / 50%);-webkit-backdrop-filter: blur(3px);backdrop-filter: blur(3px);}
.navbar-nav .nav-item .dropdown-menu.show{opacity:1;pointer-events:inherit;transform:translate(-50%,0)}
.dropdown-menu .dropdown-item{padding:.5rem 1rem;text-align: left;white-space: normal;}

#menuToggle{position: relative;z-index: 9999999;display:inline-block;padding:2rem 1rem;border:none;vertical-align:top;background:transparent;outline:none;}
#menuToggle span{display:block;position:relative;width:2.5rem;height:.5rem}
#menuToggle span:before,#menuToggle span:after{content:'';position:absolute;left:0;height:1px;width:100%;background:#265b89;transition:all .3s cubic-bezier(0.165,0.84,0.44,1)}
#menuToggle span:before{top:0}
#menuToggle span:after{bottom:0}
#menuToggle.show span:before, #menuToggle.show span:after{background:#fff}
#menuToggle.show span:before{transform:rotate(45deg);top: 50%;}
#menuToggle.show span:after{transform:rotate(-45deg);bottom: 50%;}

#menuSiteMap{/* display: none; */position: fixed;z-index: 1002;top: 0;bottom: 0;left: 0;right: 0;/* padding: 4rem 0; */background: #265b89;background: linear-gradient(to bottom, rgba(38,91,137,0.9) 0%,rgba(89,138,191,0.9) 100%);/* background: rgb(18 18 18 / 80%); *//* background: #ffffff61; */pointer-events: none;opacity: 0;transition: all 1s cubic-bezier(0.165,0.84,0.44,1);transform: translateY(-3rem);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);}
#menuSiteMap.show{/* display: block; */pointer-events: inherit;opacity: 1;transform: translateY(0);}
#menuSiteMap .animatedLines{opacity:.3}
.menuSiteMap__group{list-style-type: none;margin: 0;padding: 0;/* max-width: 1280px; */height: 100%;overflow-y: scroll;display: flex;flex-wrap: wrap;justify-content: space-between;}
.menuSiteMap__group__item{position: relative;display: flex;align-items: center;align-content: center;width: 20%;/* max-width: 300px; */flex-wrap: wrap;}
.menuSiteMap__group__item .menuCap{position: relative;width:100%;}
.menuSiteMap__group__item .unitName{width: 100%;display: block;padding: .75rem 1.5rem;/* border-bottom: dotted 1px #b2b5b6; *//* font-weight: 500; */font-size: 19px;color: #fff;position: relative;font-weight: 500;}
.menuSiteMap__group__item .unitName::before{content:'';position:absolute;left:0;top:50%;width:.25rem;height:1.25rem;background:#ef8054;transform:translate(0,-50%)}
.menuSiteMap__group__item .unitName .txtMore{display:inline-block;/* float: right; */margin-left: 1rem;padding: 2px 0 2px 1rem;font-size: .9rem;font-weight: 300;/* border-radius: 3rem; *//* background: #ef8054; */border-left: solid 1px rgb(255 255 255 / 50%);color: #fff;}
.menuItem__dropdown{width: 100%;overflow-y: scroll;max-height: calc(50vh - 55px);padding: .5rem 0;transition: all .3s linear;}
.menuItem__dropdown .item{position: relative;display: block;padding: .5rem 1rem .5rem 3rem;color: #fff;font-size: 19px;}
.menuItem__dropdown:hover .item{opacity:.4}
.menuItem__dropdown:hover .item:hover{opacity:1;text-shadow:0 0 2px #dae4ec}
.menuItem__dropdown .item::before{content:'';position:absolute;left: 1.5rem;top: 1rem;display:block;width: 7px;height: 7px;border-top: solid 1px #265b89;border-right: solid 1px #265b89;transform: translate(0,0) rotate(45deg);}
.menuItem__dropdown .item:hover::before{border-color:#dae4ec;left:100%;transform: translate(-2rem,-50%) rotate(45deg);}

.menuSiteMap__group.scrollbarSet::-webkit-scrollbar-track,
.menuSiteMap__group.scrollbarSet::-webkit-scrollbar{background-color: transparent}

.menuTxt{display: block;}
.menuTxtMark{display: inline-block;vertical-align: top;/* margin-top: .25rem; */margin-bottom: 0;padding: 4px .75rem;font-size: 80%;background: #444;color:#fff;border-radius: 1rem;}
a:hover .menuTxtMark{background:#265b89}
/*banner*/
.banner{}
.bannerItem{position: relative;height: 35vw;background-position: center top;}
.bannerItem__slogan{position: absolute;left: 0;top: 50%;padding: 2rem 2rem 2rem 3rem;color:#fff;max-width:700px;transform:translateY(-50%);}
.bannerItem__slogan .mjTxt{position: relative;font-size: 4.5rem;font-weight: 700;transform: translateX(15rem);opacity: 0;transition-delay: 1000ms;-webkit-transition: all 1s 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 1s cubic-bezier(0.165, 0.84, 0.44, 1);line-height: 1;text-shadow: 0 0 .75rem rgba(0,0,0,.7);}
.bannerItem__slogan .mjTxt::before{content:'';position:absolute;left: 0;top:50%;width:1rem;height: 60%;background:#ef8054;transform: translate(-3rem,-50%);}
.bannerItem__slogan .infoTxt{font-size: 18px;/* line-height: 90px; */font-weight: 400;width: 80%;transform: translateY(15rem);opacity: 0;transition-delay: 1500ms;-webkit-transition: all 1s 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 1s cubic-bezier(0.165, 0.84, 0.44, 1);}

.slick-current .bannerItem.item_one{background-size: 150% auto;animation: zoomMove1 16s cubic-bezier(0.165,0.84,0.44,1);animation-iteration-count: infinite;animation-direction: alternate;}
.slick-current .bannerItem.item_two{background-size: 150% auto;animation: zoomMove2 16s cubic-bezier(0.165,0.84,0.44,1);animation-iteration-count: infinite;animation-direction: alternate;}
.slick-current .bannerItem.item_three{background-size: 150% auto;animation: zoomMove3 16s cubic-bezier(0.165,0.84,0.44,1);animation-iteration-count: infinite;animation-direction: alternate;}

.slick-current .bannerItem__slogan .mjTxt{transform: translateX(0);opacity: 1;}
.slick-current .bannerItem__slogan .infoTxt{transform: translateY(0);opacity: 1;}

.bannerInner {position: relative;overflow: hidden;}
.bannerInner .container-fluid{position:relative;/* padding: 8vw 1rem; */}
.bannerInner__box{position:absolute;left: 50%;top:0;bottom:0;width: 100%;height: 100%;background-size: 100% auto;animation: zoomMove--small 15s cubic-bezier(0.165,0.84,0.44,1);animation-iteration-count: infinite;animation-direction: alternate;transform: translateX(-50%);}
.bannerInnerTitle{position:relative;max-width: 1280px;margin:auto;padding: 8vw  1rem;color:#fff;}
.bannerInnerTitle .mjTxt{position: relative;font-size: 3rem;font-weight: 500;margin-bottom: 2rem;}


.bannerInnerTitle .mjTxt::before{content:'';position:absolute;left: 0;top:50%;width:1rem;height: 60%;background:#ef8054;transform: translate(-2rem,-50%);}
.bannerInnerTitle .subTxt{font-size:1.5rem}
/*動畫*/
@keyframes zoomMove1 {
    0%{background-position:top bottom;background-size: 120% auto;}
    5%{background-position:top bottom;background-size: 100% auto;}
    90%{background-size: 100% auto;}
    100%{background-position:center 90%;background-size: 120% auto;}
}
@keyframes zoomMove2 {
    0%{background-position:top center;background-size: 120% auto;}
    5%{background-position:top center;background-size: 100% auto;}
    90%{background-size: 100% auto;}
    100%{background-position:center center;background-size: 120% auto;}
}
@keyframes zoomMove3 {
    0%{background-position:top 55%;background-size: 120% auto;}
    5%{background-position:top 55%;background-size: 100% auto;}
    90%{background-size: 100% auto;}
    100%{background-position:center 10%;background-size: 120% auto;}
}
@keyframes zoomMove--small {
    0%{background-position:top center;background-size: 100% auto;}
    5%{background-position:top center;}
    90%{background-size: 100% auto;}
    100%{background-position:center center;background-size: 110% auto;}
}
/*layout*/
.layoutLis3__item{position:relative;display:block;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 3s cubic-bezier(0.165,0.84,0.44,1);transition:all 3s cubic-bezier(0.165,0.84,0.44,1)}
.layoutLis3__item:hover{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}

/* layout--1 */
.layoutLis1{list-style-type: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.layoutLis1 li{width: 26rem;padding: 1rem;}
.layoutLis1__item{position: relative;display: block;overflow:hidden}
.layoutLis1__item .picBox{object-fit: cover;transform: scale(1);}
.layoutLis1__item:hover .picBox{transform:scale(1.05)}
.layoutLis1__item .infoBox{display: block;position: absolute;left: 0;right: 0;top: 100%;padding: .5rem;background: rgba(255, 255, 255, 0.8);transform: translateY(-100%);}
.layoutLis1__item:hover .infoBox{transform: translateY(0);opacity:0}
.layoutLis1__item .mjTitle,#js-ttpPanel--show .mjTitle{margin-bottom: 0;font-size: 1.25rem;font-weight: 400;}
.layoutLis1__item .subTitleBox,#js-ttpPanel--show .subTitleBox{margin-bottom: 0;font-size: 1rem;font-weight: 300;}
#js-ttpPanel--show .mjTitle{font-size: 18px}
#js-ttpPanel--show .subTitleBox{font-size: .8rem}

/* layout--2 */
.layoutLis2{list-style-type: none;margin: 0 0 1rem;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;overflow:hidden;}
.layoutLis2 li{width: 26rem;}
.layoutLis2__item{position: relative;display: block;}
.layoutLis2__item .picBox{background:#ef8054;}
.layoutLis2__item .infoBox{position: absolute;left: 50%;top: 100%;width: 100%;height: 80px;margin-bottom:0;padding:1rem;text-align: center;transform: translate(-50% ,-100%);background: rgba(255,255,255,.8);display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-start;text-align: left;}
.layoutLis2__item .infoBox .mjTitle{width: 100%;margin-bottom: 0;font-size:1.25rem;font-weight: 400;height: 1.5rem;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.layoutLis2__item:hover .picBox img{opacity:.4;}
.layoutLis2__item:hover .infoBox{top:50%;transform:translate(-50%,-50%);background:transparent;color:#fff;text-shadow:0 1px 6px #000;justify-content: center;text-align: center;}
.layoutLis2__item:hover .infoBox .mjTitle{font-weight:300;height: auto;overflow: auto;display: block;-webkit-line-clamp: inherit;-webkit-box-orient: inherit;}

/* layout--3 */
.layoutLis3{list-style:none;margin: 0 -1rem 4rem;padding:0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.layoutLis3 li{width:33%;padding: 0 1rem;}
.layoutLis3__item .infoBox{position:relative;padding: 1rem;border-top: solid 4px #111;}
.layoutLis3__item .infoBox::before{content:'';position: absolute;right: 0;top: -4px;z-index: 1;display:block;width:0;height: 4px;background: #ef8054;}
.layoutLis3__item:hover .infoBox::before{width: 100%;left: 0;}
.layoutLis3 time{color:#999;font-size: .9rem;}
.layoutLis3 .mjTitle{overflow:hidden;margin-bottom: .25rem;height: 3rem;font-size: 1.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/* 首頁 */
.ixTitleBox{padding: 3rem 0 1.5rem;text-align: center;}
.ixTitleBox .btnWrap{margin:0}
.ixTitleBox__mjTitle{margin-bottom: 1rem;font-size: 3.5rem;font-weight: 300;}

/* 表尾 */
footer{padding: 1.5rem 0 1.5rem;background:#2e2e2e;color:#fff;text-align:center;}
footer a{color: rgba(255,255,255,.75);}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
/* footer .container-fluid{display:flex;justify-content:space-between} */
.copyright{display: inline-block;}
.lagBox{/* display: inline-block; */margin-top: 1rem;}
.lagBox__item{opacity: 0.5;padding: .115rem 1rem;}
.lagBox__item+.lagBox__item{/* border-left:solid 1px #fff */}
.lagBox__item--active{opacity: 1;border: solid 1px #fff;}

/*內頁共用壓底色*/
.pageBg {background: rgb(255 255 255 / 80%);padding-bottom: 0;min-height: 75vh;}
.aboutOutside::before{content: '';pointer-events: none;position: absolute;z-index: 1;left: 0;right: 0;top: 0;height: 80%;background: linear-gradient(to bottom, rgb(255 255 255) 60%,rgba(255,255,255,0) 100%);}

/* 關於 */
.aboutBlock{position:relative;z-index:1;padding-top: 6vw;/* padding-bottom: 5rem; */}
.aboutBlock__box .articleBox{font-size: 1.25rem;}

/*公司沿革*/
.aboutBox1 img {width: 140px;}
.aboutBox1 {text-align: left;}
.aboutBox1 p {position: relative;display: inline-block;margin: 0;padding-right: 1rem;font-size: 1.25rem;font-weight: 400;color: #265b89;background: #dae4ec;border-radius: 1.5rem;}
.aboutBox1 p i {display: inline-block;color: #fff;background: #265b89;padding: 8px;width: 46px;height: 46px;margin-right: 10px;border-radius: 50%;text-align: center;}

/*現有定位*/
.articleBox.two span {font-weight: 500;color: #ef8054;}

/*共用底圖*/
.aboutOutside{position:relative;padding-bottom: 5rem;background-position:center bottom;background-repeat:no-repeat;background-size:100% auto;background-attachment: fixed;}
.aboutOutside::before{content: '';pointer-events: none;position: absolute;z-index: 1;left: 0;right: 0;top: 0;height: 70%;background: linear-gradient(to bottom, rgb(255 255 255) 50%,rgba(255,255,255,0) 100%);}
.aboutOutside.one{background-image: url('../images/p1_1/bg01.png');}
.aboutOutside.two {background-image: url('../images/p1_2/about2.png');}
.aboutOutside.three{background-image: url('../images/p1_3/bg01.png');}
.aboutOutside.four {background-image: url('../images/p1_4/bg01.png');}

/* 標題 */
.unitTitleBox .mjTxt{font-size: 3.5rem;font-weight: 300;margin: 10px 0 25px;color: #2e2e2e;}
.unitTitleBox .mjTxt .txt{display: block;}
.unitTitleBox .mjTxt__mark{display: inline-block;vertical-align: top;margin-top: .5rem;padding: .25rem 1rem;font-size:1.3rem;background:#265b89;color:#fff;border-radius:3rem;}
.unitTitleBox .subTxt{font-size: 1.5rem;font-weight: 300;text-transform: capitalize;}
.unitTitleBox .subTxt::after{content:'';display:block;width:3rem;height:.25rem;margin:1rem 0;background: #ef8054;}
.subTitleBox .mjTxt{color: #265b89;font-size: 2rem;margin-bottom: 20px;}
.subTitleBox .mjTxt small{font-size: 1.3rem;}
.subTitleBox .subTxt{position: relative;margin-bottom: 10px;transform: translateX(70px);color: #ef8054;display: inline-block;font-size: 1.2rem;font-weight: 400;}
.subTitleBox .subTxt::after{content:"";position: absolute;left: -70px;top: 13px;width: 60px;background: #ef8054;height: 1px;}

/*產品介紹-menu*/
.pageMenu {background: #295b89;text-align: center;}
.pageMenuItem {display: inline-block;color: #fff;padding: 1rem 1rem;text-align: center;}
.pageMenuItem:hover{background: rgba(255,255,255,.3);color: #fff;}
.pageMenuItem__mj{font-size:1rem}
.pageMenuItem__sub{}

/*  detail style - 6圖6文  */
.news_page-content table { max-width:100%; }
.tx01 {clear: both;margin-bottom: 1rem;overflow: hidden;}
.tx01 img {/* margin-bottom: 1em; */}
.img-left{float: left;/* margin-bottom: 0; *//* padding-bottom: 1em; */padding-right: 2em;max-width:50%;}
.img-right{ float: right; padding-bottom: 1em; padding-left: 2em;max-width:50%;}
.img-left img, .img-right img { max-width:100%; }
.img-left:only-child,.img-right:only-child{float:none;padding: 0;margin: auto;max-width: inherit;text-align: center;}
/*--新聞中心 底層頁--*/
.news__detail--word{position: relative;border-bottom:1px solid #ddd;padding-bottom: 1rem;margin: 1rem 0;background: #fff;}
.news__detail--word time{/* color: #999; */font-size: .9rem;margin-bottom:0;}
.news__detail--title {position: relative;font-size: 2.5rem;color: #265b89;padding: .5rem 0;margin: 0;left: 1rem;}
.news__detail--title:before {content: "";position: absolute;top: 50%;width: .5rem;height: 2rem;background: #f19812;transform: translateY(-50%);left: -1rem;}
.btn-style .btnback {position: relative;padding: 10px;margin: 20px;border: 1px solid #265b89;background: #fff;color: #265b89;}
.btn-style {position: relative;padding: 2em 0;text-align: center;clear: both;}
.btn-style .btnback:hover {color: #fff;background: #265b89;}

/* 產-圖文 */
.pdContact {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.pdContact:nth-child(even){/* flex-wrap:wrap-reverse; */flex-direction: row-reverse;}
.pdContact .pd_word,.pdContact .pdPic{width:50%;}
.pdContact .pdPic:only-child{width:100%;text-align: center;}
.pdContact .pd_word {padding: 0 7%;position: relative;}
.pdContact .pd_word.feature {width: 40%;}
.pdContact .pd_word.two.word_table {width:100%;padding: 0;}
.pdContact .pdPic figure{margin: 0;}
.pdContact.two {margin: 70px 20px;align-content: flex-start;align-items: flex-start;}

/* 產品介紹-高解析度固態雷達 */
.product{}
.word_cn ul{padding:0;}
.word_cn li{margin: 5px 0;padding: 5px 10px;list-style: none;cursor: revert;font-size: 1.2rem;}
.word_cn li:hover{color: #073984;text-decoration-color: #073984;}
.pd_Certificate {padding: 0 50px;}
.pdTable{padding: 0 40px 0 0;}
.pdTable table{width: 100%;box-shadow: 2px 1px 10px rgb(192 192 192);}
.pdTable thead {background-color: #265b8987;color: #fff;}
.pdTable thead th {font-size: 1rem;font-weight: 400;padding: 15px 20px 15px;text-align: center;}
.pdTable tbody tr:hover{background: rgb(224 241 255);}
.pdTable td {border: 1px solid #e9ecef;padding: 15px;background: #fff;}
.th_title{background: #265b89 !important;color: #fff;}
th.th_1 {background: #ffa41e;}
th.th_2 {background: #ff8202;}
.word_cn .box {position: relative;padding: 15px 40px;margin: 8px 0 0;font-size: 1.25rem;/* border: 1px solid #ddd; */border-radius: 8px;/* height: 100px; */display: flex;align-items: center;letter-spacing: 0;background: #fff;}
.word_cn .box figure {width: 45px;height: 45px;margin: 0 15px 0 0;position: relative;display: inline-block;border-radius: 100%;/* background: #ef8054; */}
.word_cn .box figure img{transform:translate(-25%,-26%)}
.word_cn .box figure:before {content: "";position: absolute;padding: 1.2rem;background: #ef8054;z-index: 0;right: -10%;top: 0;border-radius: 100%;}
.word_cn .box span {width: calc( 100% - 45px);}

/*影片燈箱*/
.videoArea{/* overflow: hidden; */position:relative;z-index:1;text-align: center;background: url(../images/p3_1/pic03.jpg) no-repeat center/cover;background-position: bottom;}
.videoArea .videoBox{position: relative;/* left: 50%; */top: 50%;height: 450px;width: 100%;/* -webkit-transform:translate(-50%,-50%); */-ms-transform:translate(-50%,-50%);/* transform:translate(-50%,-50%); */display: block;}
.videoArea a:hover{text-decoration:none}
.videoTit i{position:absolute;z-index: 2;transform:translate(-50%,-50%);left:50%;top: 50%;color:#fff;width: 70px;height: 70px;line-height: 70px;font-size:2rem;text-align:center;border-radius:100%;border:2px solid;padding-left:5px;text-shadow:0 0 20px #000;}
.videoTit{/* position: absolute; */z-index:1;text-align:center;color:#fff;font-size:2rem;font-weight:700;display: block;}
.shadow01{position:absolute;z-index: 0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width: 70px;height: 70px;background:rgba(255,255,255,.5);border-radius:50%;animation: pulse-border 1500ms ease-out infinite;}
.shadow02{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);display:block;width: 70px;height: 70px;background: rgb(7 57 132 / 35%);border-radius:50%;transition:all 200ms;box-shadow:0 0 20px #000;}
@keyframes pulse-border {
    0% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity: 1}
    100% {transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity: 0}
}

/* 特點Lis */
.featuresLis1 {list-style-type: none;display: flex;flex-wrap: wrap;padding: 0;}
.featuresLis1 li {position: relative;width: 100%;font-size: 1.115rem;padding: 5px 10px;margin: 0;z-index: 1;display: flex;align-items: flex-start;flex-wrap: wrap;align-content: flex-start;}
.featuresLis1--two li{width: 50%;}
.featuresLis1 .ttBox {display: flex;justify-content: center;align-items: center;width: 45px;min-width: 35px;min-height: 35px;background: #d8e5f0;border-radius: 3rem;padding: .25rem 1rem;margin-right: 10px;}
.featuresLis1 li:hover .ttBox{background:#ef8054;color:#fff;box-shadow: 0 0 1rem rgba(239,128,84,.4);}
.featuresLis1 p{width: calc(100% - 65px);padding-left: 10px;margin: 0;font-weight: 400;}
.featuresLis1--ttBoxAll .ttBox{width: 140px;text-align: center;}
.liststyle--1 .ttBox{min-width: 130px;width: auto;}
.featuresLis1--ttBoxAll p{width: calc(100% - 160px);}
.featuresLis1 .ttBox--color1{background: #efea62;}
.featuresLis1 .ttBox--color2{background: #f4a22a;color:#fff}
.featuresLis1 .ttBox--color3{background: #ef8054;color:#fff}
.featuresLis1 .ttBox--color4{background: #ed5656;color:#fff}

.featuresLis2{list-style-type: none;margin: 0;padding: 0;}
.featuresLis2 li{position: relative;display: inline-block;margin: .5rem;padding: 1rem 1.25rem 1rem 1.75rem;border: dotted 1px #ef8054;font-size: 1.25rem;text-align: center;letter-spacing: .5rem;font-weight: 400;/* color: #295b89; */background: #fdf2ee;box-shadow: 0 0 1rem rgba(239,128,84,.4);}
.featuresLis2 p{margin-bottom:0}
.featuresLis2 .ttBox{position: absolute;left: 0;top: 0;padding: .115em 0;font-size: 2rem;line-height: 1;color: #fff;background: #ef8054;border-radius:3rem;transform: translate(-.25em,-50%);}
.featuresLis2 .ttBox .bi-check2{/* transform:translateX(1em); */}

.featuresLis3 {list-style:none;padding: 0;}
.featuresLis3 li {position: relative;margin: 40px 0;padding: 0 15px;border: 1px solid #265b89;border-radius:10px;background:#fff;}
.featuresLis3 .ttBox {background: #265b89;color: #ffffff;width: 8rem;padding: 8px;position: relative;display: inline-block;top: -15px;font-size: 14px;font-weight: 400;text-align: center;border-radius: 3rem;}
.featuresLis3 p {margin: 0 0 20px 15px;}

/* 產品介紹 窄頻無線通訊 product4*/
.pd_bg{background: #ddd;/* background: url(../images/p3_4/bg01.jpg); */background-position: center;background-repeat: no-repeat;/* padding: 60px 0; */position: relative;display: flex;justify-content: flex-end;}
.word_cn p{font-size:1.2rem;color: #2e2e2e;font-weight: 400;margin: 0;}
.word_cn p {font-size: 1.115rem;font-weight: 300;}
.pdTitle{/* text-align:center; *//* padding: 60px 0; */}
.pdTitle h2{font-size:2.25rem;color: #265b89;}
.pdTitle p{font-size: 1rem;color: #073984;}

.iconGroupLayout{background: #f4f4f4;padding: 50px 0 20px;}
/* .iconGroupLayout h3{text-align:center;color: #265b89;margin: 0 0 30px;} */
.pdBox {display: flex;justify-content: center;flex-wrap: wrap;}
.pdBox .box {display: flex;align-items: center;flex-direction: column;width: 110px;margin: 0 25px;text-align: center;}
.pd {display: flex;justify-content: space-between;}
.pd_1 {display: flex;flex-wrap: wrap;flex-direction: row;justify-content: center;}
.pd_1 p {text-align: center;margin: 10px;border: 1px solid #ddd;border-radius: 10px;padding: 20px;width: 200px;}
.firstbg {background: url(../images/p3_4/bg02.jpg) no-repeat;background-position: center;background-size: cover;/* min-height: auto; */position: relative;/* padding: 60px 0; */justify-content: flex-start;}
.pdBox .box figure {margin: 15px;}
.pdBox .box p {color: #265b89;font-weight: 400;}
.secondbg{background: linear-gradient(to bottom, rgb(244 244 244) 60%,rgba(255,255,255,0) 100%);/* min-height: 600px; */margin-bottom: 20px;padding: 1rem 0;}
.secondbg .featuresLis1 li {width: 50%;margin-bottom:15px;padding: 0;font-weight: 500;justify-content: space-between;}
.secondbg .featuresLis1 li  p {width: calc(100% - 120px);padding-left: 15px;border-left: dotted 1px #ccc;}

/*---產品介紹 窄頻標題---*/
.feature .unitTitleBox h4,.feature .unitTitleBox h3,.feature .word_cn p,.feature .word_pd li{color: #fff;}
.feature .word_cn p {font-weight: 200;}
.feature .featuresLis1 .ttBox {background: none !important;margin: 0;padding: 0;}
/*產品介紹 光學*/
.table--out{overflow: auto;max-width: 100%;max-height: 600px;box-shadow: 2px 1px 10px rgb(192 192 192);}
.table--out .th_title{min-width:170px;}
.pdContact--style1{padding:3rem;background: #eee;}
/*---新聞中心---*/
.news__btn {position: relative;max-width: 1280px;margin: auto;}
.news__menu--style {/* padding: 80px; */position: relative;margin: 20px 0;padding: 20px 0;/* background: #dae4ec; */}
.btn__menu--style {position: absolute;max-width: 1280px;/* width: 100%; */margin:  0;padding: 0 1rem;color: #fff;top: -110px;}

nav.btn__menu--style2 {padding: 0;position: relative;margin: 30px 0 40px;text-align: center;}
.btn__menu--item {padding: 10px 15px;position: relative;font-size: 1.115rem;z-index: 1;margin: 0 10px 0 0;color: #fff;border: 1px solid #fff;font-weight: 400;}

.btn__menu--style2 .btn__menu--item {color: #265b89;border: 1px solid #265b89;}
.btn__menu--item:hover, .btn__menu--item.active {background: #ffffff;color: #265b89;}
nav.btn__menu--style2 .btn__menu--item:hover, nav.btn__menu--style2 .btn__menu--item.active {background: #265b89;color: #fff;}
.news__list {display: flex;flex-wrap: wrap;width: 100%;margin: 1rem 0;}
.list__url {position:relative;width: calc(100% / 3 - 1rem);margin: .5rem;display: flex;flex-direction: row;border: 1px solid #ddd;/* border-radius: 4px; */padding: 15px 20px;background: #fff;align-items: flex-start;border-top: solid 4px #111;}
.list__url:hover {box-shadow: 0 1px 10px #ccc;}
.list__url::before{content:'';position: absolute;right: 0;top: -4px;z-index: 1;display:block;width:0;height: 4px;background: #ef8054;}
.list__url:hover::before{width: 100%;left: 0;}

.list__pic {position: relative;margin: 0;overflow: hidden;width: 120px;height: 120px;margin-right: 10px;}
.list__pic .imgBox{position:absolute;left:50%;top:50%;width: 100%;height: 100%;transform: translate(-50%,-50%) scale(1, 1);transition: all 1s ease-out;background-position: center;background-size: cover;}
/* .list__pic img {transform: scale(1, 1);transition: all 1s ease-out;} */
.list__url:hover .list__pic .imgBox{transform: translate(-50%,-50%) scale(1.2, 1.2);}
.list__word{/* margin: 10px 20px; */width: calc(100% - 120px);}
.list__word:only-child{width:100%}
.list__url .mjTitle {font-size: 1.25rem;color: #265b89;padding: 0 0 .5rem;margin: 0 0 .5rem;border-bottom: 1px solid #ddd;}
.list__url time,.list__url .infoTxt{margin:0;}
.list__url time {color: #999;font-size: .9rem;}
.list__url .infoTxt {color: #2e2e2e;max-height: 50px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
/* .list__url .infoTxt span {padding: 10px;width: 100%;} */

/*--解決方案--*/
.layoutLis1--style2 {isplay: flex;justify-content: flex-start;}

/*--實績案例--*/
.layoutLis2.layoutLis2--style2{display: flex;justify-content: flex-start;}
.layoutLis2.layoutLis2--style2 li {padding: 10px;}

/*---page_number---*/
.pageNumBar {text-align: center;padding: 40px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.pageNum {width: 100%;}
.pageNum__item{display: inline-block;color: #2e2e2e;padding: .5rem 1rem;margin: .25rem;border: 1px solid #dae4ec;background: #fff;font-weight: 400;}
.pageNum__item:hover,.pageNum__item--on{background:#265b89;color:#fff;}

/*---聯絡我們---*/
.contact__title {font-size: 1.25rem;font-weight: 400;color: #265b89;}
.contact__form--box {/* margin-left: 1rem; */padding: 3rem;background: #fbfbfb;}
.form-control {border-radius: 0;margin: .25rem 0 0;}
.contact__form--box .form-group{margin-bottom:.5rem}
.contact-top {display: flex;flex-direction: row;}
.contact {padding: 3rem;display: flex;flex-direction: column;background: #dae4ec;}
.contact__list {list-style: none;padding: 0;}

/* 分享 */
.shareGrid{position: absolute;right: 0;bottom: 0;padding-left: 1rem;background: #fff;transform: translate(0,50%);}
.shareGrid>*{display: inline-block;vertical-align:middle;}
.shareGrid .bi-facebook{color:#4267b2;font-size:1.25rem}

/*---------------------------------RWD設定開始---------------------------*/
@media (max-width: 1680px) {
	/* 產-圖文 */
    .pdContact .pd_word{padding:0 2rem}
    .pdContact .pd_word:only-child{width:100%}
}
@media (max-width: 1440px) {
    /*產-窄頻*/
    .pdContact .pd_word.feature {width: 60%;}
    
}

@media (max-width: 1280px) { 
	/* 產-圖文 */
	.pdContact.two{flex-direction: column;}
	.pdContact.two .pd_word {width:100%;padding: 0;margin: 20px 0;}
	.pdTable{width:100%;padding: 0;margin: 20px 0;}
	/* 特點Lis */
    .featuresLis1--two li{width:100%}
}

@media (max-width: 1024px) { 
	/* 標題 */
    .subTitleBox .mjTxt{font-size: 1.4rem;}

	/* 產-圖文 */
	.pdContact{padding: 0 1rem;}
	.pdContact{display: flex;align-items: flex-start;margin:  0;overflow: hidden;}
    .pdContact.two {margin: 0;}
	.word_cn li{margin:5px 0;padding:0;font-size:1rem;}
	    
    /*--新聞中心--*/
    .news__list {/* grid-template-columns: repeat(2, 1fr); */}
    .list__url .mjTitle {font-size: 1.25rem;border: 0;padding: 0;margin: 5px 0;}
}

@media (max-width: 991px) { 

    /*全頁佈局*/
    .wrapper {padding-top: 0;padding-bottom: 1rem;}

	/*header*/
	.navbar-nav.ml-auto {display: none;}
	.navbar-expand .navbar-collapse{justify-content: flex-end;}
	.menuSiteMap__group{display: block;height: auto;max-height: 80vh;position: relative;top: 15%;}
	.menuSiteMap__group__item{display:flex;width: 100%;}
	.menuItem__dropdown{position:relative;display: none;}
	.isOpen .menuItem__dropdown{display:block}

	/* 選單 */
    .navbar{padding:0}

	/*banner*/
    .bannerItem{height:50vw}
	.bannerItem__slogan{top: 55%;max-width: 55%;}
	.bannerItem__slogan .mjTxt{font-size: 3rem;line-height: 3rem;}
	.bannerItem__slogan .infoTxt{font-size: 16px;line-height: 1.2rem;}

	/*首頁*/
	.ixTitleBox__mjTitle{font-size:1.8rem;}
	.layoutLis1 li{width: 50%;padding: 10px 0;}
	.layoutLis1 .picBox img{min-width:inherit;width:100%;}
	.layoutLis2 .picBox img{min-width:inherit;width:100%;}
	.layoutLis2 li{width:auto;padding: 10px 0;}
    .layoutLis2 li {width: 50%;}
	.layoutLis2__item .picBox{/* margin: 10px 0; */}

	/*關於我們*/
	.bannerInnerTitle .mjTxt {font-size: 2rem;font-weight: 500;}
    
    /*標題 */
    .unitTitleBox .mjTxt {font-size: 2rem;}

    /* 產-圖文 */
    .pdContact .pd_word{margin: 0;padding: 1rem 0;width: 100%;}
    .pdContact .pdPic {width: 100%;}
	.pdContact .pd_word .unitTitleBox h3 {font-size: 2rem;} 

	/*產品介紹*/
	.secondbg .pd_word {border: 1px solid #ddd;background: #ffffff;box-shadow: 0 1px 10px #a3a3a3;margin: 0 0 30px;padding: 30px 20px;}
	.word_cn .box{padding: 10px;}
	.box figure{width: 50%;}
	.pageMenu{display:flex;flex-direction: column;align-items: center;}
	.pageMenuItem:hover{text-align:center;width:100%;}
    .unitTitleBox.pd_title {width: 100%;}
    
    /* 特點Lis */
    .featuresLis1 {display: block;}
    .featuresLis1 li{width: 100%;padding-left: 0;padding-right: 0;}
    .featuresLis1 p{display:block}
    .featuresLis1 .ttBox{display:inline-block;}
    
    .featuresLis1--ttBoxAll p{width: 100%;}
/* 	.featuresLis1.featuresLis1--ttBoxAll.featuresLis1--two{display:flex;} */
	.featuresLis1.featuresLis1--ttBoxAll li{flex-direction: column;align-items: flex-start;}

	/*產-窄頻*/
    .pdContact .pd_word.feature {width: 60%;}
    .secondbg .featuresLis1 li {display: flex;width: 100%;align-items: flex-start;}
    .videoArea .videoBox {height: 50vw;}

    /*---聯絡我們---*/
    .contact-top.wrapper {flex-direction: column;}
    /*---新聞中心---*/
    .list__url{width: calc(50% - 1rem);}
    /*--新聞中心 底層頁--*/
    /*  detail style - 6圖6文  */
    .news__detail--word{margin-top: 0;}
    .news__detail--title{font-size: 1.5rem;padding: .5rem 0;}
    .news__detail--word .list__url time{font-size:.9rem}
    
}

@media (max-width: 768px) { 
   
	/*首頁*/
	.layoutLis1 li{width: 100%;}
	.layoutLis2 {display: block;}
	.layoutLis2 li {width: 100%;}

	/*banner*/
	.bannerItem__slogan{top: 55%;max-width: 50%;}
	.bannerItem__slogan .mjTxt{font-size: 1.3rem;line-height: 1.5rem;}
	.bannerItem__slogan .infoTxt{display: none;font-size: 16px;line-height: 20px;}

    /*高解析度固態雷達*/
	.word_pd.three ul li:before{right: 101%;}

    /*layoutLis3*/
    .layoutLis3 {display: flex;flex-direction: column;}
    .layoutLis3 li {width: 100%;}

    .firstbg .pd_word{width: 100%;}
 
    /*--新聞中心--*/
    .news_page-content iframe { height:400px; }
/*     .news__list {grid-template-columns: repeat(1, 1fr);} */
    .list__url .mjTitle {font-size: 1.25rem;border: 0;padding: 0;margin: 5px 0;}
    .list__url .infoTxt {max-height: 20px;-webkit-line-clamp: 1;}
    
     /*---聯絡我們---*/
    .contact-top {display: flex;align-items: flex-start;flex-direction: column;}
    
    /*---page_number---*/
    .number .number__a {order: 3;position:relative;margin:10px;}
    .number .prev {order: 1;}
    .number .next {order: 2;}

    /*產-窄頻*/
    .pdContact .pd_word.feature {width: 100%;}
    
}


@media (max-width: 640px) { 
    /*---新聞中心---*/
    .list__url{width:100%;margin: .5rem 0;}
	/*--新聞中心--*/
	.news_page-content iframe { height:320px; }
	.img-left, .img-right, .img-left1, .img-right1 { float:inherit; padding-right: 0; padding-left: 0;}
	.img-left, .img-right, .img_center,.img-left1, .img-right1 { display:block; width:100%; max-width:inherit; }
    /*產品介紹 光學*/
    .table--out .th_title{min-width:100px;}
}

@media (max-width: 480px) { 
	/*--新聞中心--*/
	.img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
	.news_page-content iframe { height:250px; }
}

@media screen and (min-width:992px){
	body{padding-top: 90px;}
    /*選單*/
   .menuItem__dropdown{opacity: 0;position: absolute;top: 100%;left: 0;height: 0;transform:scaleY(0);transform-origin:center top;}
   .menuItem__dropdown .item{font-size:1rem;padding-right: 2.5rem;}
   .menuItem__dropdown:hover .item{opacity:.4}
   .menuItem__dropdown:hover .item:hover{opacity:1;text-shadow:0 0 2px #dae4ec;}
   .menuItem__dropdown .item:hover::before{border-color:#fff;border-width: 2px;left:100%;transform: translate(-2rem,-50%) rotate(45deg);}
   .menuSiteMap__group__item:hover{box-shadow:0 .25rem 1.25rem rgba(0,0,0,.5);}
   .menuSiteMap__group__item:hover .menuItem__dropdown{opacity: 1;height:auto;transform:scaleY(1);}
  
   /*product4*/
   .firstbg .pd_word {margin: 0 12%;padding: 7% 5%;}
   .secondbg .pd_word {margin: 20px auto;padding: 2% 5%;border: 1px solid #ddd;border-radius: 20px;background: #ffffff;box-shadow: 0 1px 10px #a3a3a3;width: 65%;}

    /*---page_number---*/
   .pageNumBar__prev {order: 1;}
   .pageNumBar__next {order: 3;}
   .pageNum {order: 2;width: auto;}
}