/*reset*/
.page-content a:hover,.page-content a:focus{ color: #000;   text-decoration: unset;}
.bg-transparent.navbar-color-re-w .rd-navbar-static .rd-navbar-nav > li a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li a{ color: #fff;}
.bg-transparent .rd-navbar-static .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-static .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-static .rd-navbar-nav > li.active > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.focus > a, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li > a:hover, .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li.active > a{background-color: transparent; color: #fff;}
.bg-transparent.navbar-color-re-w .rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #b0a900!important;}
.bg-transparent a.fa-shopping-cart, .bg-transparent .rd-navbar-search-toggle, .bg-transparent a.fa-shopping-cart span{color: #000;}
.rd-navbar-search-toggle:hover, a.fa-shopping-cart:hover{background-color: #000; color: #fff;}
a.fa-shopping-cart:hover span{color: #fff;}
.brand-name > img{height: unset; width: 100%;    margin-top: -9px;}
.rd-navbar-static .rd-navbar-brand{ width: 100%;}
a.fa-shopping-cart span{position: absolute;right: -12px; background-color: yellow; border-radius: 123px; font-size:10px ; width: 20px; height: 20px;}
.search-block{ height: unset!important;}
.page-head .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .page-head .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{    background: #fff;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a{ color: #000;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-dropdown li a:hover, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-dropdown li a:hover{color: #ccc;}
.page-head .rd-navbar-static .rd-navbar-megamenu, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu{ background: #fff;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu li a, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-nav > li .rd-navbar-megamenu li a{color: #000;}
.page-head .rd-navbar-static .rd-navbar-megamenu > li > p, .page-head .rd-navbar-fullwidth .rd-navbar-megamenu > li > p{color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active > a{ background: #efefef; color: #000;}
.page-head .rd-navbar-fixed .rd-navbar-nav li.active .rd-navbar-submenu-toggle:after{color: #000;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{    padding:  0;}
.page-head .bg-transparent .rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav{ display: flex; justify-content: space-around; padding-left: 40px;position: relative;}
.navbar-nav .nav-item{ padding: 0 25px; text-align: center;}
.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{    padding-top: 0!important;}
.navbar-nav>li>a{white-space: nowrap!important;}
.rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle::after{ color: rgba(160, 160, 160, 1)!important;  left: unset !important; right: 0; }
.rd-navbar-fixed .rd-navbar-nav li.opened > a{ background: transparent!important;color: #fff!important; font-weight: 600;}
.rd-navbar-fixed .rd-navbar-submenu li > a{ font-size: 14px!important;}
.rd-navbar-fixed .rd-navbar-nav li:hover > a, .rd-navbar-fixed .rd-navbar-nav li:hover > a:hover, .rd-navbar-fixed .rd-navbar-nav li.focus > a, .rd-navbar-fixed .rd-navbar-nav li.focus > a:hover{background: transparent!important;color: #fff!important; font-weight: 600;}
.rd-navbar-fixed .rd-navbar-nav-wrap{ top: -96px;}

.resp-easy-accordion .resp-accordion.resp-tab-active{    background: transparent!important; border-color: transparent!important;}
.resp-easy-accordion .resp-accordion.resp-tab-active .resp-arrow:before{content: "Q"!important;}
.resp-easy-accordion .resp-arrow:before{ content: "Q"; width: 32px!important; height: 32px!important; font-family: Arial; margin-left: -3px!important;font-weight: 500; line-height: 12px!important; border-radius: 8px!important;}
.resp-easy-accordion .resp-arrow{background-color: #B0A900!important;}
.resp-easy-accordion .resp-accordion{border: unset!important; font-size: 20px!important;font-weight: 400; padding: 30px 30px 30px 67px!important; overflow: hidden;}
.resp-easy-accordion .resp-tab-content{font-size: 16px;position: relative; background: #EFF0E0!important; margin-left: 30px!important;overflow: hidden; padding-bottom: 18px; padding-left: 70px;}
.resp-easy-accordion .resp-tab-content p{margin-top: 20px;}
.resp-easy-accordion .resp-tab-content:before{content: "A";font-family: Arial; font-weight: 500; width: 32px!important; height: 32px!important;line-height: 13px!important; border-radius: 8px!important; display:block; position: absolute; left: 20px; top: 20px;background-color: #ffffff;text-align: center; padding-top: 9px; color: #B0A900;font-weight: 600; }
.resp-easy-accordion .resp-accordion.resp-tab-active:hover{color: #000000!important; opacity: 0.8;}
.resp-easy-accordion .resp-accordion:hover{color: #000000!important; }
.resp-accordion{position: relative;}
.resp-accordion::after{content: ''; display: block; width: 30px; height: 30px; background-image: url(../images/paginationArrow2.png); background-size: 20px; background-position: center; background-repeat: no-repeat; position: absolute; right: 0;top: 34px; transform: rotate(180deg);}
/*.splide__track--fade>.splide__list>.splide__slide{display: flex!important;}*/
option:hover{ background-color: #EFF0E0!important; color: #000!important; }



/*tool*/
.bgc-b0a900{background-color: #b0a900;}
.bgc-323817{background-color: #323817;}
.bgc-EFF0E0{background-color: #EFF0E0;}

.break{display: block;}
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-16{ font-size: 16px; }
.c-000{ color:#000; }
.c-fff{ color:#fff!important; }
.c-1D2D90{ color:#1D2D90; }
.c-152e9d{color:#152e9d!important;}
.bgc-EFF0E0{background-color: #EFF0E0;}
.bgc-323817{background-color: #323817;}
.bgc-4A3F2F{background-color: #4A3F2F;}
.bg-102fbb{background-color: #102fbb;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.width-90{ width:90%; margin: auto;}
.width-80{ width:80%; margin: auto;}


.m-br{display: none;}
.m-open{ display: none!important; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.mb-15{ margin-bottom: 15px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.height-233{ height: 233px;}

.inline-block{display: inline-block;}
.block{ display: block; }
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative; }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}
/*box-img 1x1*/
.box-img{ overflow: hidden; width: 100%;  padding-top:100%; position: relative; }
.box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 16x9*/
.box-img-16-9{ overflow: hidden; width: 100%; padding-top:calc( 9 / 16 * 100% + 45px ); position: relative; }
.box-img-16-9 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);max-width: unset; }
/*box-img 5x4*/
.box-img-5-4{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% ) ; position: relative; }
.box-img-5-4 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*box-img 4x5*/
.box-img-4-5{ overflow: hidden; width: 100%; padding-top: calc( 5 / 4 * 100% ) ; position: relative; }
.box-img-4-5 img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); }
/*about-box-img 5x4*/
.about-box-img{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 62% ) ; position: relative; }
.about-box-img img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);width: 100%; height: 100%; object-fit: cover; }


/*article set*/
.max-w-800 img{ max-width: 800px; }
/*table-rwd*/
.table-rwd{ overflow-x: auto; }

/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0 30px 0 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a { color: black; float: left; font-size: 16px;color: #3D3D3D; padding: 8px 16px; text-decoration: none;}
ul.pagination-m li a.active { background-color: transparent;color: #B0A900;}
ul.pagination-m li a:hover:not(.active) {opacity: 0.8;}
ul.pagination-m li.pagination-end a{ color:#DEDEDE; } 

ul.topicon{position: relative; right: -999px; top: -27px; display: flex;}
ul.topicon li{margin: 0 5px; }
ul.topicon li img{width: 25px; height: 25px;}

/*layout-logocenter-i2*/
.layout-logocenter-i2.rd-navbar-static .rd-navbar-inner, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-i2 ul.topicon{ right: -274px;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav, .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-i2.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-i2.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}
/*layout-logocenter-more*/
.layout-logocenter-more.rd-navbar-static .rd-navbar-inner, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-inner{display: flex;flex-direction: column; align-items: center;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{text-align: center;}
.layout-logocenter-more ul.topicon{ right: -274px;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav, .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 0;}
.layout-logocenter-more.rd-navbar-static .rd-navbar-nav-wrap{margin-top: -15px;}
.bg-transparent .layout-logocenter-more.rd-navbar{ padding-bottom: 10px;}
.page-head .bg-transparent .layout-logocenter-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-panel{padding: 20px 0 0 0;}
.layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-brand, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-brand, .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-brand{padding-top: 0;}

/*layout-logoleft-i2*/
.layout-logoleft-i2.rd-navbar-static .rd-navbar-inner, .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-inner{max-width: unset;width: 85%;}

.bg-transparent .layout-logoleft-i2.rd-navbar{background-color: #b0a900;padding: 0; }
.layout-logoleft-i2 ul.topicon{ top: -49px; }
.layout-logoleft-i2.rd-navbar-static .rd-navbar-nav-wrap{ width: 75%;}


/*layout-logoleft-more*/
.layout-logoleft-more ul.topicon{ top: -49px; }

/*layout-logoleft-navright-i2*/
.layout-logoleft-navright-i2 ul.topicon{ top: -79px; right: -1079px;}
.layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}
/*layout-logoleft-navright-more*/
.layout-logoleft-navright-more ul.topicon{ top: -79px; }
.layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{ text-align: right;padding-top: 50px;}

/*layout-logoleft-i2 re-bn-cross*/
.layout-logoleft-i2.bn-ab-top{top: -149px;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{background-color: #fff;}
.bg-transparent .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li a, .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > li a{color: #000;}


/*固定背景改良*/
.background-fixed-q {
  margin-top: 80px;
  margin-bottom: 80px;
  min-height: 40vh;
  color: #fff;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 15px;
  overflow: hidden;
}

/*supports是寫給部分瀏覽器讀的，意思是看得懂括弧內的參數的瀏覽器才會執行的意思*/
@supports (clip-path: inset(0 0 0 0)) { 
  .background-fixed-q {
    clip-path: inset(0 0 0 0); /*inset的是形狀遮罩，例如像SVG裡就會看見*/
  }
}

.background-fixed-q + .background-fixed-q {
  margin-top: -80px;
}

.background-fixed-q--dark {
  color: #000;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

.background-fixed-q__background {
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

@supports (clip-path: inset(0 0 0 0)) {
  .background-fixed-q__background {
    position: fixed;
    background-attachment: scroll;
  }
}

.background-fixed-q__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: 0;
  z-index: 0;
}

.background-fixed-q--dark .background-fixed-q__background::before {
  background: #fff;
}

/* Opacity levels for .background-fixed-q__background */
.background-fixed-q__background--opacity-10::before { opacity: 0.1; }
.background-fixed-q__background--opacity-20::before { opacity: 0.2; }
.background-fixed-q__background--opacity-30::before { opacity: 0.3; }
.background-fixed-q__background--opacity-40::before { opacity: 0.4; }
.background-fixed-q__background--opacity-50::before { opacity: 0.5; }
.background-fixed-q__background--opacity-60::before { opacity: 0.6; }
.background-fixed-q__background--opacity-70::before { opacity: 0.7; }
.background-fixed-q__background--opacity-80::before { opacity: 0.8; }
.background-fixed-q__background--opacity-90::before { opacity: 0.9; }

.background-fixed-q__content {
  max-width: calc(960px + 2em);
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  padding: 4em 2em;
}

.background-fixed-q__content > div {
  max-width: 600px;
}


.content img{ height: unset!important; }

/*----*/

.section-pd{padding: 80px 0;}
.about-area{padding: 0 0 130px 0;}
.page-about-advantages{padding: 80px 0 0 0; }




.section-title{font-size: 30px; font-weight: 700;}

.ex-style{height: 100px; background-color: #efefef;}
.shopping-car{position: relative;}
.shopping-car span{background-color: #000; border-radius: 50px; font-size: 10px; color: #fff; width: 20px;height: 20px;display: inline-block; padding: 1px 3px; position: absolute; left: 14px;top: -10px; border: 2px solid #fff;text-align: center;}

.about-info-main h3{color: #fff;font-size: 24px;margin: 10px 0 50px 5px;}
.about-info-main p{ font-size: 17px; color: #fff;margin: 10px 0 0px 5px; font-weight: 300;}
.certification-wrap{display: flex;     justify-content: space-around;}

.certification-item{margin-bottom: 20px;}
.certification-item h4{font-size: 13px; text-align: center;}
.certification-item img{max-width: 100%;margin: auto;width: 50px;display: block;}


/*edge-area*/
.edge-wrape{display: flex; width: 100%; height: 740px; overflow: hidden;}

.edge-block-a , .edge-block-b , .edge-block-c{width: calc( 100% / 3 ); position: relative; overflow: hidden;transition: ease 1s all;}
.edge-box-img{width: 100%;height: 100%; position: relative; overflow: hidden;}
.edge-box-img img{ position: absolute;  left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: unset!important; }

.edge-block-a.click-bl-op{width: 120%!important;}
.edge-block-b.click-bl-op{width: 120%!important;}
.edge-block-c.click-bl-op{width: 120%!important;}
body .edge-wrape .edge-block-a.click-bl-op-s{width: calc( 100% / 3 );}
body .edge-wrape .edge-block-b.click-bl-op-s{width: calc( 100% / 3 );}
body .edge-wrape .edge-block-c.click-bl-op-s{width: calc( 100% / 3 );}

.edge-block-a.click-bl-op .mask{display: none;}
.edge-block-b.click-bl-op .mask{display: none;}
.edge-block-c.click-bl-op .mask{display: none;}
.mask{ display: block; width: 100%; height: 100%; object-fit: cover; background-color:rgba(0, 0, 0, 0.5) ; position: absolute;z-index: 3;}

.edge-block-a .text-main ,.edge-block-b .text-main ,.edge-block-c .text-main{opacity: 0; transition: ease 1s all;}

.edge-block-a.click-bl-op .text-main{display: block; opacity: 1; position: absolute; bottom: 0; left: 0; padding: 40px;width: 100%; background-color: rgba(0, 0, 0, 0.3);}
.edge-block-b.click-bl-op .text-main{display: block; opacity: 1; position: absolute; bottom: 0; left: 0; padding: 40px;width: 100%; background-color: rgba(0, 0, 0, 0.3);}
.edge-block-c.click-bl-op .text-main{display: block; opacity: 1; position: absolute; bottom: 0; left: 0; padding: 40px;width: 100%; background-color: rgba(0, 0, 0, 0.3);}
.text-main p{ color: #fff;font-size: 24px; overflow: hidden; height: 30px; }
.text-main h3{ color: #fff; font-size: 40px; overflow: hidden; height: 43px;}
/*END edge-area*/

.encyclopedia-block{background-color: #F7F7F7;}
.encyclopedia-block a:hover{ text-decoration: unset; }
.encyclopedia-info{padding: 25px 20px 0 20px;}
.encyclopedia-info h3{font-size: 22px;font-weight: 400; color: #000;letter-spacing: 0; margin-bottom: 15px;height: 50px;overflow: hidden;}
.encyclopedia-info p{ font-size: 16px;color: #000; margin-bottom: 15px;overflow: hidden; height: 68px; }
.encyclopedia-info small{font-size: 16px; color: #A0A0A0;}
.encyclopedia-box-img{width: 100%; padding-top: calc( 4 / 5 * 77% );position: relative; background-color: #ccc;overflow: hidden;}
.encyclopedia-box-img img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%);transition: ease .7s all;}
.encyclopedia-block a:hover .encyclopedia-box-img img{transform: translate(-50% , -50%) scale(1.1);}
.encyclopedia-area .container{width: 80%; max-width: 1440px;}
.encyclopedia-info-wrap{overflow: hidden; height: 170px;}

.btn-01{background-color: #B0A900; display: inline-block; padding: 18px 40px; color: #fff; font-size: 20px; border-radius: 4px; position: relative; left: 50%; transform: translateX(-50%)!important; transition: ease .3s all; }
.btn-01:hover{color: #fff!important; text-decoration: unset;opacity: .8;}

.splide__pagination{bottom: -2.5em!important;}
.splide__slide{padding: 10px; width: 400px;}
.contact-block{background-color: #fff;}
.contact-info-top{padding: 20px;}
.review-info{overflow: hidden; clear: both;margin-bottom: 20px;}
.review-pic{ width: 80px; height: 80px; float: left;  border-radius: 100px;background-color: #ccc;position: relative; overflow: hidden; margin-right: 10px; }
.review-pic img{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.review-text{display: table-cell; vertical-align: middle; height: 84px;}
.review-text h3{margin: 0; font-size: 18px; color: #B0A900; letter-spacing: 0; text-transform: unset;}
.review-text p{margin: 0; font-size: 18px;color: #000; letter-spacing: 0;text-align: justify;}
.review-content{font-size: 16px; display: block;}
.review-content p{ text-align: justify; line-height: 1.4; }
.contact-info-img{width: 100%; padding-top: calc(4 / 5 * 79%); overflow: hidden; position: relative;}
.contact-info-img img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover; }
.review-btn{color: #A0A0A0; font-size: 18px; text-align: center; display: block;padding: 10px;}
.review-btn:hover{color: #A0A0A0; opacity: 0.8; text-decoration: unset; }

 /*CLICKSHOW*/
  .showcontent{width: 100%;overflow: hidden;transition: ease 0.3s all;position: relative; }
    .showcontent::after{content: ''; display: block; width: 100%; height: 35px; background:linear-gradient(360deg, #fff 0%, #ffffffe0 50%, #ffffffeb 55%, #ffffff00 100%); position: absolute; bottom: 0;}
    .showcontent.show{width: 100%;height: unset!important; }
    .showcontent.show::after{content: unset!important;}
    .hidetogglebtn{background-color: unset;font-size: 12px; color: #adadad; border: unset; border-bottom: 1px solid #adadad; padding: 0px 0; }
  /*add*/
    .btn-none{display: none!important;}
    .hide-after::after{display: none; /*隐藏 .showcontent::after */}
    .overheight-50{height: 80px;}

.f-logo{width: 200px;}
.f-intro{font-size: 20px; color: #fff;  margin-bottom: 20px;}
address dd{color: #fff; font-size: 16px;}
address dd a{color: #fff!important; font-size: 16px;}
address dd a:hover{ text-decoration: unset!important; opacity: 0.8;}
address dl{margin-bottom: 0px!important;}
.f-icon{display: flex;padding: 0; margin: 0;}
.f-icon li{margin: 0 10px 0 0;}
.f-icon li img{width: 50px;}
.f-copyright{ font-size: 16px; color: #A0A0A0;margin-top: 30px; }
.f-copyright a{color: #A0A0A0;}
.f-copyright a:hover{opacity: 0.8;}
.page-foot .f-border-r{border-right: 1px solid #a0a0a0;}
.exhibition-center-block h3{font-size: 20px; color: #fff;    margin-bottom: 10px;}
.exhibition-center-block p{ font-size: 16px; color: #fff;    margin-bottom: 2px; }
.exhibition-center-block p a{ font-size: 16px; color: #fff; }
.exhibition-center-block p a:hover{color: #fff; opacity: 0.8; text-decoration: unset!important;}
.exhibition-center-block{margin-bottom: 40px;}
.exhibition-center{display: flex; flex-direction: column;align-content: center;flex-wrap: wrap; float: left;}
.f-exhibition-layout{display: flex; justify-content: space-evenly;}
.page-foot{padding-bottom: 50px !important;}


.breadcrumb-area{width: 100%;padding-top: 25%; overflow: hidden; position: relative;}
.page-top-bg{position: absolute; top: 0; overflow: hidden;}
.page-top-cover-b{ position: relative;}
.page-top-bg img{background-size: cover; width: 100%; display: inline-block;}
.page-top{position: relative; z-index: 20; bottom: 62px;}
.page-top small{ font-size: 16px; text-transform: uppercase; color: #fff;}
.page-top h3{ color: #fff;font-size: 40px;font-weight: 300;    text-shadow: 0px 3px 10px #000;}
.page-about-intro-wrap img{ margin-bottom:50px; width: 300px;}
.page-about-intro-wrap h3{margin-bottom: 40px; color: #B0A900; font-size: 40px;}
.page-about-intro-wrap p{font-size: 16px; color: #3D3D3D;}

.about-advantages-box-img{ width:100%; padding-top:calc( 4 / 5 * 52% ); overflow:hidden;position:relative; }
.about-advantages-box-img img{width: 100%; height:100%; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); } 
.about-advantages-text{margin: 0 50px;width: 70%;text-align: center;}
.about-advantages-text h3{ font-size:28px;color:#3D3D3D; padding: 20px; margin-bottom: 20px;border-bottom: 1px solid #B0A900;}
.about-advantages-text p{font-size: 16px;color:#3D3D3D; }
.page-about-advantages-layout{display: flex; align-items: center;}
.page-about-advantages .row.page-about-advantages-layout,.page-about-advantages .row.page-about-advantages-layout .col-md-6{padding: 0!important; margin: 0!important;}
.page-about-advantages-wrap .pic-right .col-md-6{display: flex; justify-content: flex-end;} 

.page-edge-apart-tt{font-size: 40px; color: #fff;text-align: center; margin-bottom: 50px;display: block;}
.edge-apart-top{display: flex; align-items: center; margin-bottom: 15px;}
.edge-apart-top img{width: 50px; margin-right: 10px;}
.edge-apart-top span{color: #fff;font-size: 28px;}
.edge-apart-description{margin-top: 10px;}
.edge-apart-description p{font-size:16px;color: #fff; overflow: hidden;}
.edge-apart-box-img{width: 100%; padding-top: calc(4 / 5 * 100%); overflow: hidden; position: relative;}
.edge-apart-box-img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}

.edge-bpart-info-tt{font-size: 40px;margin-bottom: 10px;letter-spacing: 1px;}
.edge-bpart-info-main{position: relative; overflow: hidden;display: block;}
.edge-bpart-info-list{padding: 0; position: absolute; bottom: 28px;}
.edge-bpart-info-list li{background-color: #F3F9FD; padding: 25px;margin-bottom: 20px;display: flex;align-items: center;}
.edge-bpart-info-list li img{margin-right: 20px;}
.bpart-info-list-text h3{font-size: 16px;margin-bottom: 15px;letter-spacing: 0;}
.bpart-info-list-text p{font-size: 16px; margin-bottom: 0;letter-spacing: 0;}

.edge-bpart-box-img{width: 100%; padding-top: calc(4 / 5 * 116%); overflow: hidden; position: relative;}
.edge-bpart-box-img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
.edge-splide .splide__slide{width: 100%; padding: unset;}
.edge-splide .splide__pagination{bottom: 5% !important;}
.page-edge-bpart .col-md-6{padding: 0;}

.edge-cpart-main-layout{display: flex; align-items: center ; }
.edge-cpart-box-img{width: 100%; padding-top: calc( 4 / 5 * 70%); overflow: hidden; position: relative;}
.edge-cpart-box-img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.edge-cpart-main{width: 70%;padding-left: 50px;}
.edge-cpart-main h3{font-size: 40px;margin-bottom:30px;color:#404040;font-weight:600; }
.edge-cpart-main ul{padding:0; margin-bottom: 30px;}
.edge-cpart-main ul li{ font-size:28px;color:#3D3D3D; font-weight:600; }
.edge-cpart-main ul li img{ margin-right:15px; width:30px; }
.edge-cpart-main p{font-size: 16px; color: #404040;}

.page-edge-dpart-wrap .responsive-tabs .resp-tabs-list{border-bottom: 2px solid #B0A900;display: flex; justify-content: center;}
.page-edge-dpart-wrap .responsive-tabs .resp-tabs-list .resp-tab-active{    font-size: 28px;color:#B0A900;background-color: #fff; border: 2px solid #B0A900!important; border-radius: unset!important; border-bottom: 2px solid transparent!important; margin-bottom: -3px;}
.page-edge-dpart-wrap .responsive-tabs .resp-tabs-list li{ font-size: 28px;color:#3D3D3D;background-color: #fff;}
.resp-tabs-list .resp-tab-item:hover{border-color: unset!important;}
.page-edge-dpart-wrap .responsive-tabs .resp-tabs-list .btn{    border: 0px solid transparent;}
/*re*/
.edge-dpart-tabs-pc{border-bottom: 2px solid #B0A900;display: flex; justify-content: center;}
.edge-dpart-tabs-pc .tab-active{ font-size: 28px;color:#B0A900;background-color: #fff; border: 2px solid #B0A900!important; border-radius: unset!important; border-bottom: 2px solid transparent!important; margin-bottom: -3px;}
.edge-dpart-tabs-pc .tab-active a{font-size: 28px;color:#B0A900;}
.edge-dpart-tabs-pc li{ font-size: 28px;color:#3D3D3D;background-color: #fff; padding: 10px 50px;}
.edge-dpart-tabs-pc li a{font-size: 28px;color:#3D3D3D;background-color: #fff; scroll-behavior: unset!important;}
/*END re*/
.edge-tabs-content{padding: 50px 0 0 0;}
.edge-tabs-content-title{font-size: 28px; color: #3D3D3D;text-align: center; margin-bottom: 30px;}
.edge-tabs-content-title-subtitle{font-size: 20px;color: #3D3D3D;text-align: center;margin-bottom: 20px;}
.page-edge-dpart-tt{ font-size: 28px; color: #000; font-weight: 700; letter-spacing: 1px; text-align: center; margin-bottom: 20px; }
.page-edge-dpart-pc-title{ font-size:40px;color:#3D3D3D;font-weight: 600; text-align:center; margin-bottom:50px; }
.resp-tabs-list .resp-tab-item{    padding: 10px 50px 0px 50px;}
.resp-tabs-list .resp-tab-item.resp-tab-active{font-weight: 600;}
.page-edge-dpart-mob-title{color: #3D3D3D; font-size: 28px;font-weight: 600; text-align: center;margin-bottom: 20px;}
.page-edge-dpart-mob-select{width: 100%; padding-left: 20px;  color: #3D3D3D; font-size: 24px; font-weight: 400; display: block;margin: auto; height: 40px; border: 1px solid #A0A0A0; border-radius: 4px;background: url(../images/articlecategoryArrow.png) no-repeat 98% 50%; background-size: 15px;-moz-appearance: none;-webkit-appearance: none; appearance: none; }
.edge-dpart-mob-content-title{color: #3D3D3D; font-size: 24px; font-weight: 600; margin-top: 20px; margin-bottom: 20px; text-align: center;}
.dpart-mob-title-head{width: 90%; display: block; margin: auto;}
.edge-dpart-mob-content-title-subtitle{ font-size:16px; color:#3D3D3D; font-weight:400; margin-bottom:20px; }

.page-edge-epart{background-color: #F7F7F7;}
.page-edge-epart-list{padding: 0; display: flex; margin: 0 auto 30px auto;justify-content: center;}
.page-edge-epart-list li{border-bottom: 3px solid #7386AE!important;margin: 0 20px; padding: 0}
.page-edge-epart-list li.active{border-radius:4px; background-color:#7386AE;}
.page-edge-epart-list li.active a{color:#fff!important; text-decoration: unset!important;}
.page-edge-epart-list li a{ font-size:20px; color:#3D3D3D; border-radius: 4px; padding: 8px 30px;  text-decoration: unset!important; display:block; }
.page-edge-epart-list li:hover a{  background-color:#7386AE; border-radius: 4px;color: #fff;}
.page-edge-epart-list li:hover{background-color:#7386AE;border-radius: 4px;}
.page-edge-epart-subtitle{font-size: 18px; color: #000000;width: 70%;text-align: center; margin: 0 auto 50px auto;display: block; }


.encyclopedia-wrap-top{clear: both;overflow: hidden; margin-bottom: 50px;}
.page-encyclopedia-wrap-list{ display:flex; padding:0; float:left; }
.page-encyclopedia-wrap-list li{display: block; padding: 10px 25px;border-bottom: 3px solid #fff;}
.page-encyclopedia-wrap-list li:hover{opacity: 0.8;}
.page-encyclopedia-wrap-list li.active{border-bottom: 3px solid #B0A900!important;}
.page-encyclopedia-wrap-list li a{font-size: 20px; color: #3D3D3D;}
.page-encyclopedia-wrap-list li a:hover{text-decoration:unset!important; }

.encyclopedia-search{float: right;width: 280px;max-width: calc( 100% / 3 ); position: relative;}
.encyclopedia-search input{ width: 100%; height: 40px; border-radius: 4px; border:1px solid #A0A0A0; font-size: 16px; padding: 10px;}
.encyclopedia-search input::placeholder{padding-left:10px; position: absolute; top: 5px; font-size: 16px; color: #A0A0A0;}
.Encyclopedia-magnifier{width: 100%; }
.encyclopedia-search button{width: 30px;height: 30px;transition: ease .5s all; border: unset!important; background-color:unset; position: absolute; right: 5px;top: calc(50% - 15px); }
/*.encyclopedia-search button:hover{width: 40px; background-color: #fff; right: 2px; top: calc( 50% - 23px )!important;  box-shadow: 3px 5px 10px #ccc; border-radius: 50px; padding: 5px}*/
.encyclopedia-search:hover button ,.encyclopedia-search:focus button,.encyclopedia-search:active button{ box-shadow: 0 0 0px #ccc; border-radius: 50px;width: 30px;  height: 30px; padding: 5px; animation-name: encyclopediaSearch; animation-duration:1s;animation-iteration-count:infinite; animation-delay: 0s; animation-direction: alternate;  }

@keyframes encyclopediaSearch{
  0% {
    box-shadow: 0 0 0px #fbffe7;
  }
  50% {
    box-shadow: 0 0 15px #e9f2b9;
  }
  100% {
    box-shadow: 0 0 30px #e9f69f;
  }
}


.page-width-encyclopedia{width: 61%;margin: auto;}
.encyclopedia-info{ padding: 24px 20px; background-color:#F7F7F7; }
.pagination-style{display: flex;justify-content: center;align-items: center;}
.pagination-m-page span{font-size: 16px;}
.pagination-m-page span select{width: 60px;padding-left: 8px;border: 1px solid #A0A0A0;border-radius: 4px; background: url(../images/paginationArrow.png) no-repeat 90% 50%; background-size: 15px;-moz-appearance: none;-webkit-appearance: none; appearance: none;}
.page-encyclopedia-mobile-list{display: none;}
.pagination-m-page button{display: none;}
.previous-page span:nth-child(1){margin-right: 15px; }
.previous-page span:nth-child(2){border-bottom: 1px solid #3D3D3D;}
.previous-page{color: #3D3D3D;font-size: 20px; line-height: 1.8;}
.previous-page:hover{opacity: 0.8;color: #3D3D3D;text-decoration: unset;}
.time-tag-info{color: #A0A0A0;font-size: 16px;display: block;margin: 15px 0;}
.encyclopedia-content-title h3{font-size: 40px; font-weight: 400; line-height: 1.3; letter-spacing: 0; margin-bottom: 30px;}
.pageinner-encyclopedia-content-wrap{display: flex; justify-content: center;}
.encyclopedia-content-main img{height: unset!important;}
.encyclopedia-content-main p{ font-size:16px;}
.encyclopedia-content-main{color: #3D3D3D; margin-bottom: 50px;}
.encyclopedia-content-main p{font-size: 16px; text-align: justify;}
.encyclopedia-h4{font-size: 20px;}

.encyclopedia-footer-btn{display: block; width: 220px; height: 66px;  border-radius: 4px; line-height: 1.8; background-color: #B0A900; color: #fff; text-align: center; font-size: 20px;margin: 0 auto 50px auto; padding: 15px 20px;}
.encyclopedia-footer-btn:hover{color: #fff; text-decoration: unset; opacity: 0.8;}
.encyclopedia-footer-line{border-bottom: 1px solid #DEDEDE; border-top: 0!important; width: 100%; margin-bottom: 50px;}
.encyclopedia-footer-list ul{padding: 0;}
.encyclopedia-footer-list ul li a{font-size: 20px; color: #938D0F; display: inline-block; margin-bottom: 25px; border-bottom: 1px solid #938D0F;}
.encyclopedia-footer-list h3{font-size: 28px; color: #3D3D3D;margin-bottom: 36px;letter-spacing: 1px; font-weight: 700;}
.encyclopedia-footer-otherarticle h3{font-size: 28px; color: #3D3D3D;margin-bottom: 36px;letter-spacing: 1px; font-weight: 700;}

.encyclopedia-footer-otherarticle ul{ padding:0; }
.encyclopedia-footer-otherarticle ul li{ margin-bottom: 30px;clear: both;}
.encyclopedia-footer-box-img{width: 174px; height: 112px; overflow: hidden; position: relative; margin-right:30px; float: left;}
.encyclopedia-footer-box-img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%; height:100%; object-fit:cover; }
.encyclopedia-footer-otherarticle ul li h3{font-size: 24px;color: #000000; font-weight: 400;    margin: 0 0 10px 0;}
.encyclopedia-footer-otherarticle ul li small{ font-size:16px; color:#A0A0A0; }
.encyclopedia-footer-info{width: 60%;}
.encyclopedia-footer-otherarticle ul li >div{display: flex;     align-items: center; clear: both;overflow: hidden;}

.page-qa-wrap{ display: flex; justify-content: center;}

.page-qa-tt,.page-contact1-tt{ font-size:28px; color:#3D3D3D;display:block; text-align:center;margin-bottom:30px; letter-spacing:1px;  }
.page-contact1-p{font-size: 16px; color: #3D3D3D; font-weight: 400;text-align: center; margin-bottom: 80px;}

.contact1-box-img{width: 100%; padding-top: calc( 5 / 4 * 78%); position:relative; overflow:hidden; border-left: 8px solid #B0A900; margin-bottom:20px; }
.contact1-box-img img{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; object-fit: cover;}
.contact1-location-info{ overflow: hidden; height: 110px; }
.contact1-location-info h4 img{width: 24px; margin-right: 7px;}
.contact1-location-info h4{font-size: 24px;color: #000; margin-bottom: 10px; font-weight: 400;letter-spacing: 0px;overflow: hidden; max-height: 30px;}
.contact1-location-info p{font-size: 16px; color: #000; margin-bottom: 0px;overflow: hidden; max-height: 70px;}
.process-part{background-color: #EFF0E0; padding: 80px 0 80px 0;}
.process-part-box-img{width: 100%; padding-top:calc( 4 / 5 * 76% ); overflow: hidden; position: relative;}
.process-part-box-img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit: cover; }
.process-part-step ul{padding: 0; }
.process-part-step ul li{display: flex; justify-content: space-between; padding: 30px 0 20px 0; border-bottom: 1px solid #B0A900;}
.process-part-step ul li span{font-size: 20px;}
.process-part-step ul li span:nth-child(1){ color:#938D0F; font-weight: 400; letter-spacing:0px; }
.process-part-step ul li span:nth-child(2){ width: 75%; color:#3D3D3D; font-weight: 400; letter-spacing:0px; }
.page-contact1-subtt{text-align: center; font-size: 20px;margin-bottom: 30px;}
.contactUs-part-qr img{ width:200px; max-width:100%; }
.contactUs-part-wrap{display: flex; justify-content: space-between;}

.contactUs-part-form form label{text-align: left; font-size: 16px; color: #3D3D3D; font-weight: 400;}
.contactUs-part-form form label span{color: #B0A900;margin-left: 6px;font-weight: 400;}
.contactUs-part-form form input{width: 100%; height: 40px; font-size: 16px; border-radius: 4px;border: 1px solid #A0A0A0; padding-left:20px; }
.input-remind::placeholder{ font-size:16px; color:#A0A0A0; }
.input-remind{padding-left: 20px;padding-top: 1px;}
.contactUs-part-form form select{ width:100%;height:40px; font-size:16px; padding-left:20px;border-radius: 4px;border: 1px solid #A0A0A0;color:#3D3D3D; background: url(../images/articlecategoryArrow.png) no-repeat 98% 50%; background-size: 15px;-moz-appearance: none;-webkit-appearance: none; appearance: none; }
.contactUs-submit{display: block; width: calc(100% - 30px);margin: auto; color: #fff; border-radius: 4px; background-color: #B0A900; font-size: 16px; font-weight: 400;padding: 10px;  border: unset!important; }
.contactUs-submit:hover{opacity: 0.8;}
.page-contact1-area .contactUs-submit{display: block; width:100%;margin: auto; color: #fff; border-radius: 4px; background-color: #B0A900; font-size: 16px; font-weight: 400;padding: 10px;  border: unset!important; }
.contactUs-part{padding: 100px 0 100px 0;}
.contactUs-part-form div{padding: 0!important;}
.check-robote{margin-bottom: 30px;}

.evaluate-part-content{margin-bottom: 80px;}
.evaluate-part-content p{font-size: 16px; color: #3D3D3D; font-weight: 400;}
.evaluate-content-tt{font-size: 20px; color: #938D0F; font-weight: 500;}
.environment-checkbox-wrap{overflow: hidden; clear: both;}
.environment-checkbox{float: left;margin-right: 20px;}
.environment-checkbox input{  margin-right: 10px;  display: table-cell;  width: 18px!important; height: 18px!important; border: 1px solid #A0A0A0!important; align-content: center;align-items: center;}
.environment-checkbox label{ display: inline-block; margin-left: 26px;}
.evaluate-form-height{height: 80px;overflow: hidden;}

.evaluate-part-form input{ font-size: 16px; width: 100%; height: 40px; border: 1px solid #A0A0A0; border-radius: 4px; padding-left: 20px; }
.evaluate-part-form input::placeholder{font-size:16px; color: #A0A0A0;}
.evaluate-part-form label{ font-size:16px; color:#3D3D3D; font-weight:400;  }
.evaluate-part-form label span{color:#B0A900!important; margin-left:5px; }
.evaluate-part-form select{width: 100%; height: 40px;font-size:16px; color:#3D3D3D; border: 1px solid #A0A0A0; border-radius: 4px;padding-left: 20px; background: url(../images/articlecategoryArrow.png) no-repeat 98% 50%; background-size: 15px;-moz-appearance: none;-webkit-appearance: none; appearance: none; }
.evaluate-part-form textarea{width: 100%; min-height: 120px; border: 1px solid #A0A0A0; border-radius: 4px; padding: 20px;font-size: 16px;}
.updata-btn{border: unset!important; background-color: #F7F7F7; color: #3D3D3D;width: 100%; height: 40px; font-size:16px;    text-align: center; }
.updata-txt{font-size: 16px; height: 40px; line-height: 2.5; text-align: center;}

.page-otherdownload-area{background-color: #F7F7F7;}
.otherdownload-icon{margin-right:20px;}
.otherdownload-icon img{width: 48px;  }
.page-otherdownload-list{padding: 0; display: flex; flex-wrap: wrap; width:90%;margin:auto; }
.page-otherdownload-list li{ display: block; width: calc(100% / 2 - 30px) ; background-color:#fff; margin:10px; }
.page-otherdownload-list li a{display: flex; padding: 20px 20px 15px 20px}
.page-otherdownload-list li a:hover{text-decoration: unset!important; opacity: 0.7;}
.otherdownload-info h4{color: #000;font-size: 20px; font-weight: 500; margin-bottom: 5px;letter-spacing:0px; }
.otherdownload-info small{color: #A0A0A0; font-size: 16px; font-weight: 400;}
.edge-pd1-list-pic{padding: 20px 20px 20px 0; width: 40%;    }
.edge-pd1-list-pic img{ max-width:100%; width:100%; }
.edge-pd1-list{display: flex;justify-content: center;}
.edge-pd1-list ul{padding: 0;  width: 60%;}
.edge-pd1-list ul li{color: #B0A900; font-size: 24px;font-weight: 600;margin-bottom: 20px; font-family: "微軟正黑體" , Arial; position: relative;}
.edge-pd1-list ul li span{ border-radius: 50px; margin-right: 20px;  color: #fff;}
.edge-pd1-list ul li::before{content: ''; display: block; width: 35px; height: 35px; border-radius: 50px; background-color: #B0A900;position: absolute; left: -10px; top: 2px; z-index: -10; }
.edge-pd1-list ul li::marker{color: #fff;}
.edge-pd1-list ul li small{font-size: 16px; color: #3D3D3D; font-weight: 400;display: block;margin-top: 20px;margin-left: 37px;}

.edge-epart-category-main{margin-bottom: 50px;}
.overview-reality{    position: absolute; right: 20px; top: 50px;  z-index: 99;}
.epart-category-box-img{width: 100%; padding-top: calc(4 / 5 * 75%); overflow: hidden; position: relative; margin-bottom: 20px; background-color: #ccc;}
.epart-category-box-img img{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:cover; transition: ease .5s all;}
.epart-category-box-img:hover img:nth-child(2){opacity: 0; transition: ease .5s all;}
.epart-category-info h4{font-size: 20px;color: #000000;font-weight: 500; margin-bottom:15px; letter-spacing: 0; overflow: hidden; max-height: 46px;}
.epart-category-info ul{padding: 0;  }
.epart-category-info ul li{font-size: 16px;color: #3D3D3D; }
.overview-select-tt{font-size: 16px;color: #3D3D3D;font-weight: 400;margin-bottom: 20px;}
.page-overview-top ul{padding: 0; display: flex;}
.page-overview-top ul li{margin: 0 10px 0 0;}
.page-overview-top ul li select{width: 194px; height: 40px; color: #3D3D3D; font-size: 16px; border-radius: 4px; border: 1px solid #A0A0A0; padding-left: 20px;background: url(../images/articlecategoryArrow.png) no-repeat 95% 50%; background-size: 15px;-moz-appearance: none;-webkit-appearance: none; appearance: none;}

.page-overview-top{display: flex;  margin-bottom: 30px; }
.page-overview-main .ow{ flex-wrap:wrap; }


.page-overview-search{width:  280px;max-width: 100%; position: relative; margin-left: 50px;}
.page-overview-search input{ width: 100%; height: 40px; border-radius: 4px; border:1px solid #A0A0A0; font-size: 16px; padding: 10px;}
.page-overview-search input::placeholder{padding-left:10px; /* position: absolute; top: 5px;*/ font-size: 16px; color: #A0A0A0;}
.Encyclopedia-magnifier{width: 100%; }
.overview-search{position: relative;}
.page-overview-search button{width: 30px;height: 30px;transition: ease .5s all; border: unset!important; background-color:unset; position: absolute; right: 5px;top: calc(50% - 15px); }
/*.encyclopedia-search button:hover{width: 40px; background-color: #fff; right: 2px; top: calc( 50% - 23px )!important;  box-shadow: 3px 5px 10px #ccc; border-radius: 50px; padding: 5px}*/
.page-overview-search:hover button ,.page-overview-search:focus button,.page-overview-search:active button{ box-shadow: 0 0 0px #ccc; border-radius: 50px;width: 30px;  height: 30px; padding: 5px; animation-name: encyclopediaSearch; animation-duration:1s;animation-iteration-count:infinite; animation-delay: 0s; animation-direction: alternate;  }
.overview-detail{display: none;}

.page-inner-overview-area .splide__track--fade>.splide__list>.splide__slide.is-active{transform: unset!important;}
.main-carousel{position: relative;overflow: hidden;}
.page-inner-overview-area .thumbnail-carousel{ position: absolute !important;bottom: 40px; left: calc(100% / 2 - 28%);}
.inner-overview-leftpic{width: calc(100% / 2);  position: relative; }
.page-inner-overview-area .splide__track--nav>.splide__list>.splide__slide.is-active{    border:unset!important;}
.page-inner-overview-area .splide__arrow--prev{ left: -4em!important;}
.page-inner-overview-area .splide__arrow--next{ right: -3em!important;}
.page-inner-overview-area .splide__arrow svg{ fill: #fff!important;}
.inner-overview-wrap{display: flex;}
.inner-overview-wrap .thumbnail-carousel{width: 58%;}
.inner-overview-wrap .splide__slide{padding: unset!important;}
.page-inner-overview-area .splide__slide img {width: 100%;height: 100%; object-fit: cover;}
.page-inner-overview-area .splide__slide { opacity: 0.6;}
.page-inner-overview-area .splide__slide.is-active { opacity: 1;}
.main-carousel >.splide__track .splide__slide{width: 100%; overflow:hidden;  }
.main-carousel >.splide__track .splide__slide img{width: 100%; height: 100%; object-fit: cover;  }
.thumbnail-carousel >.splide__track .splide__slide img{ border:1px solid #fff; }
.inner-overview-breadcrumb{ display:flex; padding:0; margin-bottom:20px; }
.inner-overview-breadcrumb li{margin-right: 30px; position: relative;}
.inner-overview-breadcrumb li::after{ content:'>'; position:absolute;  font-size: 16px; right: -20px;}
.inner-overview-breadcrumb li:last-child::after{content:unset!important;}
.inner-overview-breadcrumb li a{text-decoration: underline; color: #3D3D3D;font-size: 16px; font-weight: 400;}
.overview-rightinfo-head{padding: 35px 0 30px 50px; }
.pd-num{ color:#A0A0A0; font-size:16px; font-weight:400; margin-bottom:10px;display:block; }
.inner-overview-title{display: flex; align-items: center;}
.inner-overview-title h3{ font-size:24px; color:#000000;letter-spacing: 0; font-weight:400;margin:0;padding:0 30px 0 0 ; }
.overview-title-btn{  display: flex;color:#3D3D3D; font-size:16px; font-weight:400; padding:5px 10px 5px 10px; border:1px solid #DEDEDE; border-radius:4px; }
.overview-title-btn img{ margin-right:10px;width:24px; }


.inner-overview-rightinfo{width: 50%;}
.overview-rightinfo-main{padding: 20px 0 30px 50px; background-color: #F7F7F7;  }
.overview-rightinfo-wrap{display: flex;}
.overview-rightinfo-wrap h4{ font-size: 17px; color: #B0A900; font-weight: 400;    margin-bottom: 20px;}
.overview-rightinfo-wrap ul{ padding:0;  }
.overview-rightinfo-wrap ul li{font-size: 16px; display: flex; margin-bottom: 10px;}
.overview-rightinfo-wrap ul:first-child{margin-right: 10px; width: 40%;}
.overview-rightinfo-wrap ul:last-child{ width: 40%;}
.overview-rightinfo-wrap ul:last-child li{margin-bottom: 2px!important;}
.overview-rightinfo-wrap ul:first-child span:first-child{width: 90px;display: block;color: #A0A0A0;}
.overview-rightinfo-wrap ul:first-child span:last-child{    overflow: hidden; height: 24px; display: block;  width: 65%;}
.overview-rightinfo-wrap ul:last-child span:first-child{ width: 50px; height: 50px; overflow: hidden;margin-right: 20px;}
.overview-rightinfo-wrap ul:last-child span:first-child img{ display: block;margin: auto; }
.overview-rightinfo-wrap ul:last-child span:last-child{ overflow: hidden; height: 24px; display: block;  width: 65%;}
.overview-rightinfo-otherdDW{ color:#7386AE;font-size:16px;font-weight:400;display:flex; align-items:center; }
.overview-rightinfo-otherdDW span{ width: 15px!important; height: 15px!important;  display: block; text-align: center;margin-right: 10px; font-size:10px; border-radius:50px; background-color:#7386AE; color:#fff!important; }
.overview-rightinfo-otherdDW:hover{ color:#7386AE!important; opacity:0.8;  }
.overview-introduce-tt{font-size: 40px; color: #B0A900; font-weight: 600; text-align: center; margin-bottom: 20px;}
.overview-introduce-subtt{ font-size:28px; color:#3D3D3D; font-weight:600; text-align: center; margin-bottom: 20px;}
.overview-introduce-txt{ font-size:20px; color:#3D3D3D; font-weight:500; text-align: center; margin-bottom:30px; }
.overview-introduce-box-img{width: 100%; padding-top: calc(4 / 5 * 56%); overflow: hidden; position: relative; margin-bottom: 20px;}
.overview-introduce-box-img img{ width:100%; height:100%; object-fit:cover; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.overview-introduce-info h4{ font-size:20px; color:#7386AE; text-align:center; font-weight:500; }
.overview-introduce-info p{font-size: 16px; font-weight: 400; color: #000; text-align:center;}
.overview-series-tt{color: #3D3D3D; font-size: 28px; font-weight: 600; text-align: center; margin-bottom: 50px;}
.edge-tabs-mob{display: none;}
.code-mr-re{ margin-bottom:15px; }

.page .navbar-collapse.collapse.noneccc{display: none!important;}
.page .rd-navbar-nav-wrap.noneccc{display: none!important;}

.page .rd-navbar-nav-wrap .rd-navbar-nav.m-open{display: none;}

.page-privacy-area .page-privacy-wrap{ display: flex; justify-content: center;}
.page-privacy-area .page-privacy-wrap .content-text{display: block; margin: auto;}
.page-privacy-area .page-privacy-wrap .content-text p{ font-size:16px; }

.page .layout-logoleft-i2 .rd-navbar-inner .rd-navbar-nav-wrap .rd-navbar-nav.m-open-maiNav{display: none;}
.page .rd-navbar-brand .m-open-maiNav{display: none;}



@media(max-width:1600px){
  .edge-bpart-info-list{position: unset!important;}
}

@media(max-width: 1440px){
  .encyclopedia-info h3{font-size: 18px; max-height: 43px;}
  .encyclopedia-info p{ font-size: 14px; height: 60px;}
  .encyclopedia-info small{font-size: 14px;}
  .encyclopedia-area .container{width: 90%;}

  .edge-bpart-info-tt{font-size: 30px;}
  .bpart-info-list-text h3{font-size: 18px;margin-bottom: 12px;}
  .bpart-info-list-text p{ font-size: 16px;}

  .page-width-encyclopedia{width: 90%;}
  .encyclopedia-info-wrap{overflow: hidden; height: 150px;}

}

@media(min-width:768px) and (max-width:1440px){
  .contact1-location-info h4{font-size: 22px;}
  
}

@media(max-width:1366px){

.layout-logoleft-i2.rd-navbar-static .rd-navbar-inner, .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-inner{ display: flex; align-items: center;justify-content: space-between;}
.page-head .bg-transparent .layout-logoleft-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: unset!important;}
.brand-name > img{margin: unset!important;}
.contact1-location-info h4{font-size: 16px;font-weight: 600;}

  .brand-name > img{    width: 400px;  margin: 20px auto; display: block;}
}

@media(max-width:1300px){
  .edge-bpart-layout{ align-items: center;}
  
}

@media(min-width: 1200px) and (max-width: 1300px){
    .navbar-nav .nav-item{ padding: 0 15px; }
    .dropdown-menu .dropdown-item {font-size: 12px;}
    .page-overview-main .row .col-md-3{width: calc( 100% / 3)!important; max-width: unset; flex: unset;}

}

@media(min-width: 768px) and (max-width: 1200px){
    ul.topicon{    right: unset!important;top: unset!important;}
    .brand-name > img{   width: 100%;margin-bottom: 30px;}
}

@media(min-width: 768px) and (max-width: 1199px){
    /*reset*/
    /*.page-head .rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-50px);}*/

    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-31px);}
    .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logocenter-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fullwidth .rd-navbar-nav-wrap{width: 100%;}
    .page-head .layout-logocenter-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-20px);}
    /*layout-logoleft-i2*/
    .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-more*/
    .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .page-head .layout-logoleft-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-i2*/
    .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav{ padding-top: 10px;}
    .page-head .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    
    /*layout-logoleft-navright-more*/
    .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-megamenu{margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 10px;}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav{padding-top: 10px;}
    .page-head .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck{ transform: translateY(-45px);}
    .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-panel, .page-head .bg-transparent .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-panel{ padding: 20px 0 0 0;}
    


}



@media(min-width: 1200px){
    .rd-navbar-brand .brand-name{ margin-top: unset;}
    


    /*layout-logocenter-i2*/
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-i2 .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{transform: translateY(10px);}
    .layout-logocenter-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logocenter-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0px;}
    .layout-logocenter-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logocenter-more .rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{margin-top: 10px;}
    /*layout-logoleft-i2*/
    .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-i2 .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    .layout-logoleft-i2.rd-navbar-static .rd-navbar-panel{ max-width: 100%;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-more .rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: -30px;}
    /*layout-logoleft-navright-i2*/
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-i2.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-i2.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-i2.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ transform: translateY(0);}
    .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-stuck .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu, .layout-logoleft-navright-more.rd-navbar-fullwidth.rd-navbar--is-clone .rd-navbar-nav > .rd-navbar-submenu.focus > .rd-navbar-megamenu{ margin-top: 0;}
    .layout-logoleft-navright-more.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .layout-logoleft-navright-more.rd-navbar-fullwidth .rd-navbar-nav > li > .rd-navbar-dropdown{ margin-top: 30px;}

}

@media(max-width: 1200px){
    .bg-transparent .rd-navbar-static .rd-navbar-panel, .bg-transparent .rd-navbar-fullwidth .rd-navbar-panel{ display: flex;flex-direction: column;align-items: center;}
    .page-head .bg-transparent .rd-navbar-static .rd-navbar-nav, .rd-navbar-fullwidth .rd-navbar-nav{ padding-left: 0;}
    .rd-navbar-fullwidth .rd-navbar-nav > li > a{white-space: nowrap;}
    .navbar.layout-logoleft-i2 .navbar-collapse{    margin-left: unset!important;}
    .navbar-nav .nav-item{padding: 0 10px;}
    .rd-navbar-fullwidth .rd-navbar-nav-wrap{padding-right: unset!important;}
    .encyclopedia-area .container{width: 95%;}
    .contact1-location-info p{ max-height: 115px;}
    .contact1-location-info{ height: 135px;}
}

@media(min-width: 768px) and (max-width: 1200px){
  .layout-logoleft-i2.rd-navbar-static .rd-navbar-inner, .layout-logoleft-i2.rd-navbar-fullwidth .rd-navbar-inner{width: 95%;}
  .dropdown-menu .dropdown-item {font-size: 12px; text-align: left!important; white-space: unset;  padding: 15px 10px;}
  .page-overview-main .row .col-md-3{width: calc( 100% / 2)!important; max-width: unset; flex: unset;}
}

@media(min-width: 768px) and (max-width:1024px){
  .about-area .m-width-100 .row.pad-layout-flex{ flex-direction: column;align-items: center;}
  .about-area .m-width-100 .row.pad-layout-flex .col-md-8{ width:100%!important;max-width:100%!important; }
  .about-area .m-width-100 .row.pad-layout-flex .col-md-4{width:100%!important;max-width:100%!important;  padding: 40px;}
  .about-area .m-width-100{width: 100%!important;}
  .contact1-location-info h4{font-size: 16px;font-weight: 600;}
}


@media(max-width:1024px){
  /* reset */
  .rd-navbar-fixed .rd-navbar-panel:before{ background: #938D0F;}
  .rd-navbar-fixed .rd-navbar-panel{justify-content: space-between; flex-direction: row-reverse;}
  .rd-navbar-toggle span:after, .rd-navbar-toggle span:before, .rd-navbar-toggle span{ background-color: #b0a900;height: 2px;}
    .rd-navbar-fixed .rd-navbar-brand img{ display: block; width: unset; height: 25px; max-width: unset; margin-right: -20px;margin-top: 8px;}
    .rd-navbar-fixed .rd-navbar-brand{text-align: left;top: 8px!important;left: 20px!important;}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{background: rgba(74, 63, 47, 0.9);width: 240px!important;left: unset!important; }
    .rd-navbar-fixed .rd-navbar-nav li > a{ color: #fff;}
    .rd-navbar-fixed .rd-navbar-nav-wrap:before{background-color: rgba(74, 63, 47, 0.9); width: 240px!important;left: unset!important; right: -143px;top: -18px;}
    .rd-navbar-fixed .rd-navbar-nav-wrap{width: 100%!important;left: unset; transform: translateX(120%);}
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{    transform: translateX(27%);}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-submenu-toggle{width: 100%!important;}
    .rd-navbar-fixed a.fa-shopping-cart, .rd-navbar-fixed .rd-navbar-search{ top: 0;transform: unset;left: 0!important;}
    .rd-navbar-fixed .rd-navbar-search-form{width: 80px; border: 1px solid #efefef;position: unset;}
    .rd-navbar-fixed .rd-navbar-search-form-input input::placeholder{color: #ccc; font-size: 14px;}

     /*layout-logocenter-more*/
    .layout-logocenter-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logocenter-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    /*layout-logoleft-more*/
    .layout-logoleft-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    /*layout-logoleft-navright-more*/
    .layout-logoleft-navright-more.rd-navbar-fixed .rd-navbar-panel{ height: 97px;}
    .layout-logoleft-navright-more ul.topicon{bottom: -7px;position: absolute;justify-content: center;  width: 100%;}
    

  .page .m-close-maiNav{display: none!important;}
  .page .m-open-maiNav{display: block!important;}



}

@media (max-width: 991px){
    /*reset*/
    
    
    
    
    /*article set*/
    .max-w-800 img{ max-width: 100%; width:100%; }
    /*table-rwd*/
    .table-rwd{width: 100%;overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; }
    .table-rwd{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.product-tt>.table{margin-bottom:0}.product-tt>.table>tbody>tr>td,.product-tt>.table>tbody>tr>th,.product-tt>.table>tfoot>tr>td,.product-tt>.table>tfoot>tr>th,.product-tt>.table>thead>tr>td,.product-tt>.table>thead>tr>th{white-space:nowrap}.product-tt>.table-bordered{border:0}.product-tt>.table-bordered>tbody>tr>td:first-child,.product-tt>.table-bordered>tbody>tr>th:first-child,.product-tt>.table-bordered>tfoot>tr>td:first-child,.product-tt>.table-bordered>tfoot>tr>th:first-child,.product-tt>.table-bordered>thead>tr>td:first-child,.product-tt>.table-bordered>thead>tr>th:first-child{border-left:0}.product-tt>.table-bordered>tbody>tr>td:last-child,.product-tt>.table-bordered>tbody>tr>th:last-child,.product-tt>.table-bordered>tfoot>tr>td:last-child,.product-tt>.table-bordered>tfoot>tr>th:last-child,.product-tt>.table-bordered>thead>tr>td:last-child,.product-tt>.table-bordered>thead>tr>th:last-child{border-right:0}.product-tt>.table-bordered>tbody>tr:last-child>td,.product-tt>.table-bordered>tbody>tr:last-child>th,.product-tt>.table-bordered>tfoot>tr:last-child>td,.product-tt>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}

    
    .f-exhibition-layout{flex-direction: column;}

    .edge-bpart-info-list{ position: unset!important;}
    .edge-bpart-layout{display: flex;flex-direction: column; }
    .edge-bpart-layout .col-md-6{width: 100%; max-width: 100%;}
    .edge-cpart-main{    width: 93%;padding-left:unset!important;margin: 30px auto;}
    .inner-overview-leftpic{width: 100%;  }
    .inner-overview-wrap{display: flex; flex-wrap: wrap;}
    .inner-overview-rightinfo{width: 100%;}
}


@media(min-width:768px){

  

}

@media(max-width: 768px){
    /*reset*/
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{  transform: translateX(19%);}
    .rd-navbar-fixed .rd-navbar-nav, .rd-navbar-sidebar{  width: 265px !important; }
    .footer-content .row .col-sm-6{width: 100%; max-width: 100%;}
    .page-foot .f-border-r{border-right: unset!important;}

    ul.topicon{ right: unset!important;  top: unset!important;  display: flex!important; width: 28%;text-align: center;margin-top: 10px; z-index: 999;}
    ul.topicon li img{    width: 20px;height: 20px;}
    .shopping-car span{top: -6px;}
    .rd-navbar-fixed a.fa-shopping-cart{ left: unset; text-align: left; position: relative;}
    .mobile .rd-navbar-fixed .rd-navbar-search{position: relative; left: unset;top: -4px;}
    .rd-navbar-fixed .rd-navbar-nav .rd-navbar-dropdown > li > a, .rd-navbar-sidebar .rd-navbar-nav .rd-navbar-dropdown > li > a{  padding-left: 40px;}
    /*tool*/
    .m-width-100{width: 100%!important;}
    .m-width-90{width: 90%!important;}
    .m-close{ display: none!important; }
    .m-open{ display: block!important; }
    .m-mb-20{margin-bottom: 20px!important;}
    .m-br{display: block!important;}

   
    /*--*/
    .about-area{ padding: 0 0 10px 0;}
    .section-pd{padding: 40px 0;}
    .page-about-advantages{padding: 20px 0 0 0;}
    .page-edge-apart{  padding: 40px 0 0 0;}
    .page-edge-dpart{padding:  0 0 40px 0;}
    .recommend.section-pd{padding: 40px 0 60px 0!important;}

    .contactUs-part-wrap .contactUs-part-form form .g-recaptcha ,.contactUs-part-wrap .contactUs-part-form form .g-recaptcha div{ padding: unset !important;}

    .about-info-main{ margin: 40px;}
    .about-info-main img{width: 166px;}
    .about-info-main h3{font-size: 24px; margin: 10px 0 20px 5px!important; font-weight: 300;}
    .about-info-main p{font-size: 16px; text-align: justify;}
    .about-area .section-title{letter-spacing: 1px; margin-bottom: 30px !important;}
    .about-advantages-text h3{  font-size: 24px;  letter-spacing: 0; padding: 26px 0; }

    .certification-item{width: calc(100% / 2);}
    .certification-item img{width: 80%;display: block; margin: auto;}
    .certification-item h4{font-size: 16px;}

    .edge-wrape{ display: block;width: 100%;height: unset; padding: 0;}
    .edge-block-a, .edge-block-b, .edge-block-c{width: 100%!important; display: block;height: 400px;}
    .edge-block-a .text-main, .edge-block-b .text-main, .edge-block-c .text-main{bottom: 0;position: absolute;background-color: rgba(0, 0, 0, 0.3);padding: 30px; width: 100%;}
    .mask{display: none;}
    .edge-block-a .text-main, .edge-block-b .text-main, .edge-block-c .text-main{opacity: 1;}
    .text-main p{ font-size: 16px;height: 20px;}
    .text-main h3{ font-size: 24px; letter-spacing: 1px; font-weight: 600; height: 30px;}
    .edge-box-img img{ width: 100%; height: 100%;object-fit: cover; left: unset!important;top: unset!important; transform: unset!important;}
    .encyclopedia-info p{ display: none;}
    .encyclopedia-info-wrap{    height: 80px;}

    .splide__slide{padding: 10px; width: 100%;}
    .exhibition-center{    align-content: flex-start;}

    .m-footer-layout{  flex-direction: column-reverse; }
    .page-foot{ padding-top: 0!important; padding-bottom: 10px!important;}

    .breadcrumb-area{  padding-top: 70%;}
    .page-top-bg{width: 100%}
    .page-top{bottom: 33px;}
    .page-top h3{font-size: 28px;}

    .edge-apart-top span{    font-size: 24px;}
    .page-edge-apart-tt{ font-size: 24px; font-weight: 600;letter-spacing: 0;}

    .page-about-intro-wrap h3{font-size: 24px; font-weight: 600; letter-spacing: 0;}
    .page-about-intro-wrap img{    margin-bottom: 20px;}
    .page-about-advantages-wrap .pic-right.row{flex-direction: column-reverse;}
    .about-advantages-text{margin: auto; width: 90%; padding-bottom: 20px;}
    .page-about-intro-wrap h3{margin-bottom: 30px;}
    .edge-bpart-info-list li{flex-direction: column;padding: 35px 25px;}
    .edge-bpart-info-list li img{    margin-bottom: 20px;}
    .bpart-info-list-text h3{text-align: center;  font-size: 24px;}
    .bpart-info-list-text p{text-align: center;   font-size: 16px;}
    .edge-bpart-info-tt{text-align: center; font-size: 24px;}
    .bpart-info-list-text h3{font-size: 16px; font-weight: 600;}

    .edge-cpart-main h3{font-size: 28px; letter-spacing: 0;}
    .edge-cpart-main ul li{font-size: 24px;}
    .edge-cpart-main{  width: 85%;}
    .encyclopedia-search{display:none!important; }

    ul.pagination-m li a{padding: 8px 14px 20px 14px;}
    .pagination-style .pagination-m{display: none!important;}
    .page-encyclopedia-wrap-list{ display:none; }
    .pagination-m-page{position: relative;}
    .pagination-m-page span select{background-size: 11px;}

    .page-encyclopedia-mobile-list{display: block!important; }
    .page-encyclopedia-mobile-list select{width: 100%; height: 40px; font-size: 16px; border: 1px solid #A0A0A0; border-radius: 4px; padding: 6px 10px 11px 10px; background: url(../images/articlecategoryArrow.png) no-repeat 95% 50%; background-size: 15px;-moz-appearance: none;-webkit-appearance: none; appearance: none;}
    .pagination-m-page button{ display: inline-block!important; background-color:unset; border: unset; font-size:16px; }
    .pagination-m-page .paginationpage-left{ position: absolute;left: -50px; top:-1px;}
    .pagination-m-page .paginationpage-right{ position: absolute;right: -50px; top:-1px;}
    .encyclopedia-footer-otherarticle ul li small{ display: none;}

    .encyclopedia-footer-box-img{    margin-right: 20px;}
    .encyclopedia-footer-otherarticle ul li h3{font-size: 20px; margin: 0;  line-height: 1.4; text-align: left;}
    .encyclopedia-footer-info{    width: 45%;}
    .encyclopedia-footer-otherarticle h3{text-align: center; font-size: 20px; font-weight: 500;}

    .resp-easy-accordion .resp-tab-content{    margin-left: unset!important;padding: 20px 7px 20px 50px !important;}
    .resp-easy-accordion .resp-arrow{ left: 0px;}
    .resp-easy-accordion .resp-accordion{padding: 30px 30px 25px 37px !important;}
    .page-qa-wrap{padding-left: 0!important;padding-right: 0!important;}
    .resp-easy-accordion .resp-tab-content:before{left: 10px; width: 28px!important; height: 28px!important;}

    .page-qa-tt,.page-contact1-tt{ font-size:24px; }

    .contact1-box-img{    padding-top: calc(5 / 4* 55%);}
    .page-contact1-wape .col-md-6:first-child{padding: 0!important;}
    .page-contact1-area.process-part .page-contact1-wape .row{    margin-right: -20px; margin-left: -20px;}
    .process-part-step ul li{flex-direction: column;}
    .process-part-step ul li span:nth-child(1){   margin-bottom: 10px;}
    .process-part-step{    padding-top: 20px;}
    .contactUs-part-qr img{    display: block; margin: auto;}
    .contactUs-part-qr{margin-bottom: 30px;}
    .contactUs-part-wrap .col-md-8 { padding: 0!important;}
    .contactUs-part-form form div{margin-top: unset!important;}
    .contactUs-submit{ width: 100%; margin: auto; border-radius: 4px; }
    .page-contact1-area .contactUs-submit{ width: 93%; margin: auto; border-radius: 4px; }
    .contactUs-part-form div{padding: 0 15px !important;}
    .evaluate-form-height{height: unset!important;overflow: hidden;}
    .environment-checkbox{margin-bottom: 20px;}
    .check-robote img{width: 100%;}
    .evaluate-part-form form div{padding-left: 0!important; padding-right:0!important; }
    .page-otherdownload-list li{ display: block; width: 100% ; background-color:#fff; margin:10px; }
    .page-otherdownload-list{    width: 100%;}
    .edge-pd1-list{flex-direction: column;align-items: center;}
    .edge-pd1-list ul{width: 100%;}

    .edge-tabs-mob .splide.edge-dpart-splide .splide__pagination__page{ color:#fff; width: 40px !important; height: 40px !important;  font-size: 24px; font-family: Arial;  background-color: #A0A0A0; }
    
    .contact-area.bgc-EFF0E0 .splide .splide__pagination{justify-content: center !important;}
    .splide__pagination__page.is-active{background-color: #B0A900!important;  transform: unset !important;}
    .splide__pagination{justify-content: unset!important;}
    .splide__pagination--ttb{    padding: 0em 0!important;}
    .edge-mob-tt{font-size: 20px; color: #B0A900;font-weight: 600;text-align: center; letter-spacing: 0; margin-bottom: 20px;}
    .edge-mob-subtt{font-size: 17px; color: #3D3D3D; font-weight: 400;text-align: justify; margin-bottom: 50px;}
    .edge-dpart-mob-btn{display: block; width: 244px; height: 61px; font-size: 16px; font-weight: 400; margin: auto; background-color: #B0A900; color: #fff; text-align: center; padding: 18px;}
    .edge-tabs-mob .page-edge-dpart-block img{ width:calc(100% - 55px); max-width:calc(100% - 55px);   margin-bottom: 30px;}
    .page-overview-top{flex-wrap: wrap; }
    .page-overview-search{margin-left: 0;}
    .page-overview-category{margin-bottom: 0px;}
    .page-overview-top ul li select{width: 100%!important; }
    .page-overview-category,.page-overview-top ul li,.page-overview-search{width: 100%!important;}
    .page-overview-search button{    top: calc(50% - 15px);}
    .page-overview-top ul li{   margin: 0; text-align: center;}
    .page-overview-top ul li:first-child{margin-right: 10px;}

    .overview-detail{margin: 30px 0; display: block!important;}
    .overview-detail-typelist{display: flex;justify-content: center;margin-bottom: 15px;}
    .overview-detail-typelist li a{color: #3D3D3D; font-size: 16px; font-weight: 400;padding: 5px 15px; text-decoration: unset!important;}
    .overview-detail-typelist li.active{border-bottom: 3px solid #B0A900; }
    .overview-detail-typebtn a{ display: inline-block; height:33px; padding: 3px 15px 5px 15px; margin-right: 15px; border:1px solid #DEDEDE;  text-align:center; color:#3D3D3D; font-size:16px;border-radius:12px; }
    .overview-detail-typebtn a.active{background-color: #B0A900!important; border: 1px solid #B0A900!important;color: #fff!important;}
    .overview-detail{width: 100%;}
    .main-carousel >.splide__track .splide__slide{height: 600px;}
    
    .inner-overview-title{align-items: flex-start;flex-direction: column;}
    .inner-overview-title h3{margin-bottom: 20px;}
    .overview-rightinfo-head{     padding: 20px; }
    .overview-rightinfo-wrap{    flex-direction: column;}
    .overview-rightinfo-wrap ul:first-child{    width: 100%;margin-bottom: 30px;}
    .overview-rightinfo-wrap ul:first-child li{margin-bottom: 30px!important;}
    .overview-introduce-txt{font-size: 16px;font-weight: 400;letter-spacing:0;margin-left: 20px; margin-right:20px;}
    .overview-introduce-subtt{font-size: 24px;letter-spacing:0; margin-left: 20px; margin-right:20px;}
    .overview-introduce-tt{font-size: 28px;    margin-bottom: 15px; margin-left: 20px; margin-right:20px;}
    .overview-introduce-info{ padding: 0 20px;}

    .certification-wrap{display: flex;   flex-wrap: wrap;  justify-content: space-around;}

    .encyclopedia-content-title h3{ font-size: 28px;}

    .edge-tabs-pc{display: none;}
    .page-edge-dpart-pc-title{font-size: 28px; margin-bottom: 20px;}
    .page-edge-dpart-mob-select{ width: 90%; height: 60px; display: block; margin: auto; }
    .edge-tabs-content{    padding: 0;}
    .edge-dpart-mob-content-title-subtitle{text-align: center;}
    .edge-tabs-mob .edge-dpart-splide{margin-top: 20px;}
    .edge-tabs-mob{display: block!important;}

    .edge-splide .splide__pagination{ left: calc(50% - 30px);}
    .encyclopedia-footer-btn{  padding: 8px 24px; font-size: 16px;  line-height: 25px;  display: inline-block;  width: unset!important; height: unset!important ; left: 50%; position: relative;transform: translateX(-50%);}
    .btn-01{padding: 8px 24px;}
    .edge-dpart-mob-btn{ width: unset!important; height: unset!important;  padding: 8px 24px; display: inline-block!important; border-radius: 4px; position: relative; left: 50%; transform: translateX(-50%);}
    
    .contact1-location-info h4{font-size: 16px;font-weight: 600;}
    .contact1-location-info p{ max-height: unset!important;}
    .contact1-location-info{ height: 135px!important;}
    .f-intro{    font-size: 16px; font-weight: 600;}
    .exhibition-center-block h3{font-size: 16px; font-weight: 600;letter-spacing: 0;}
    .contact-area .section-title.m-retitle-0401{ font-size:24px; letter-spacing: 0;  margin-bottom: 30px !important;}
    .encyclopedia-area .section-title.m-retitle-0401{ font-size:24px; letter-spacing: 0;  margin-bottom: 20px !important;}
    .certification-area .section-title.m-retitle-0401{ font-size:24px; letter-spacing: 0;  margin-bottom: 20px !important;}
    .splide__pagination li{margin-bottom: 10px!important;}

    .page .collapse.navbar-collapse .navbar-nav.m-close{display: none!important}
    .page .rd-navbar-nav-wrap .rd-navbar-nav.m-open{display: block!important;}
    .edge-tabs-content .splide__pagination{    right: .5em;top: 0;display: flex; flex-direction: column;align-content: flex-end;}

    .overview-rightinfo-wrap ul:last-child{ width: 100%;}



  } 


@media(max-width:744px){
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{  transform: translateX(15%);}
  }
@media(max-width:820px){
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{  transform: translateX(22%);}
  }
  @media(max-width:440px){
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{  transform: translateX(-9%);}
  }
  @media(max-width:430px){
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{  transform: translateX(-10%);}
  }
    @media(max-width:402px){
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{  transform: translateX(-15%);}
  }
     @media(max-width:360px){
    .rd-navbar-fixed .rd-navbar-nav-wrap.active{  transform: translateX(-22%);}
  }