@charset "utf-8";

/* CSS Document */
body{font-family:'Poppins','微軟正黑體',sans-serif;font-size: 14px;line-height:1.5;color:#333;}
a{color:#000;text-decoration:none}
a:hover{color:#777;-o-transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;transition:all .3s linear;text-decoration:none}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }
*/

/* 回頂端 */
#goTop{color: #ffffff;background: #1A3E72;text-align:center;position:fixed;bottom: 60px;right: 0;width:50px;height:50px;line-height:50px;cursor:pointer;display:none;z-index: 12;}
#goTop:hover{background:#999;color:#FFF}

/*按鈕*/
.btnWrap { margin:2em 0; text-align:center; }

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

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

/*全頁佈局*/
figure,p{margin-bottom:0;font-size: .9rem;}
.block-height:first-child{padding-top:30px;}
.block-height{padding-bottom: 30px;background: #fff;}
.red{color: #f00}
.blue{color: #0057ff}
.orange{color:#ff8412}
.chk_warn {color: #ff0000;display: block;width: 100%;}
/*麵包屑*/
.innerBanner+.breadCrumbs-block{padding-top:0;}
.breadCrumbs-block{margin-top: 15px;padding: 0px 15px;padding-top: 100px;}
.breadCrumbs-block .breadCrumbs{list-style:  none;margin:  0;padding:  0;}
.breadCrumbs-block .breadCrumbs .item{display: inline-block;padding: 0 7px 0 0;font-size: 14px;}
.breadCrumbs-block .breadCrumbs .item:after{content: '/';display: inline-block;color:#999}
.breadCrumbs-block .breadCrumbs .item a{display: inline-block;padding: 0 7px 0 0;color:#999;}
.breadCrumbs-block .breadCrumbs .item.active:after{display:none}
.breadCrumbs-block .breadCrumbs .item.active a{padding-right:0;color: #2383d6;}
/*頁碼*/
.page-number{margin-top: 30px;width: 100%;}
.pagination{display: block;}
.pagination>li{display: inline-block;}
.pagination>li>a{border:none;color:#333;transition: all .5s;padding: 5px 10px;}
.pagination>li>a:hover{color: #0B7EC0;}
.pagination>li.on a{border-radius: inherit;border-bottom: 3px solid #ffd700;color: #ffd700;}

/*按鈕*/
.btn-style{background:#0B7EC0;color:#fff;padding: 10px 20px;display: inline-block;border: 1px solid #0B7EC0;border-radius: 30px;}
.btn-style.aa{border: 1px solid #0B7EC0;color: #0B7EC0;background: inherit;}
.btn-style svg{margin-left:20px;transition: all .5s;}
.btn-style:hover svg{margin-left:35px}
.btn-style:hover{color: #153a80;text-decoration:none;background: inherit;border: 1px solid #153a80;}
.btnZone .btn-style:last-child{/* border:1px solid #153a80; *//* background:inherit; *//* color:#153a80; */}
.btnZone .btn-style:last-child:hover{background:#153a80;color:#fff;}
.btn-style.red{background: #f00}
/*標題*/
.mainTitle h2{font-weight:bold;position:relative;margin-bottom: 20px;font-size: 1.6rem;}
.mainTitle h2:before{content:'';position:absolute;bottom: -10px;width: 50px;height:3px;left: 50%;background:#ffd700;transform: translateX(-50%);}
.mainTitle p{color:#7d7d7d;letter-spacing:3px;font-weight:bold;}
/*主選單*/
.navbar{background: #001744;padding: 10px 0;justify-content: space-between;flex-wrap: nowrap;}
.navbar-brand{margin-left:20px;}
.menu-outer{display:flex;}
.menu-color{align-items:center;}
.navbar-expand-lg .menu-color .nav-item.count .nav-link{display:flex;align-items:center;}
.navbar-expand-lg .menu-color .nav-item.count span{margin-left: 5px;background:#ffd700;padding: 2px;border-radius: 100%;width: 25px;height: 25px;color: #0B7EC0;}
.navbar-brand span{color: #ffd700;margin-left: 20px;display:inline-block;font-weight: bold;letter-spacing: 3px;border-left: 1px solid rgb(255 215 0);padding-left: 10px;font-size: 1rem;}
.navbar-expand-lg .navbar-nav{display:flex;align-items: center;}
.navbar-expand-lg .menu-color .nav-item:nth-child(1) .nav-link{position: relative;padding-left: 20px;}
.navbar-expand-lg .menu-color .nav-item:nth-child(1) .nav-link:before{content:'';position:absolute;left: 7px;bottom: 10px;width:1px;height:20px;background: rgb(255 255 255 / 45%);}
.navbar-expand-lg .menu-color .nav-item .nav-link{font-size: .8rem;text-align: center;}
.navbar-expand-lg .menu-color .nav-item .nav-link img{max-width: 25px;margin:0 auto;}
.navbar-expand-lg .navbar-nav .nav-link{color:#fff;}
.navbar-expand-lg .navbar-nav .nav-link svg{display:block;margin: 0 auto;font-size: 1.4rem;}
.navbar-expand-lg .navbar-nav .dropdown-menu{background: #153a80;border-radius:0;padding: 0;}
.menuBtn{background: #3a97cc;color:#153a80;width: 60px;margin-right: 10px;height: 60px;margin-left: 10px;}
.dropdown-item{color:#fff;border-bottom: 1px solid rgba(255, 255, 255, 0.4);padding:10px;}
.dropdown-item:last-child{border-bottom:none;}
/*主選單按鈕*/
.menuBtn{text-align:center;}
.menuBtn p{margin-bottom:0;font-size: 0.8rem;}
.menuLineOuter{position:relative;margin-bottom: 21px;display: inline-block;}
.menuBtn .menuLine{position: absolute;left: 50%;transform: translateX(-50%);width: 20px;height: 1px;background: #ffffff;border-radius: 4px;transition: all .5s;top: 6px;}
.menuBtn .menuLine:nth-child(2){top: 12px;}
.menuBtn .menuLine:nth-child(3){top: 18px;}
/*按鈕動態*/
.menu-color .nav-item:nth-child(4) .nav-link.active{background:#fff;}
.menuBtn.active .menuLine:nth-child(2){display:none;}
.menuBtn.active .menuLine:nth-child(1){transform:rotate(45deg);left: -10px;top: 10px;}
.menuBtn.active .menuLine:nth-child(3){transform:rotate(-45deg);top: 10px;left: -10px;}
/*主選單開合*/
.menuOverlay{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.35);z-index: -1;transition: all .5s;display: none;}
.allMenu{position:absolute;right: 0;top: 80px;background: #fff;padding: 20px;width: 344px;height: 100vh;overflow-y: auto;transform: translateX(800px);transition:all.5s;}
.allMenu.active{transform:translateX(0);}
.menuOverlay.active{display: block}
.cartList{text-align:center;margin-bottom:20px;display: flex;align-items: center;justify-content: space-around;}
.cartList a{text-align:center;display:inline-block;position: relative;font-weight: bold;}
.cartList a:before{content:'';position:absolute;right: -38px;bottom:0;width:1px;height: 52px;background:#0B7EC0;}
.cartList a:last-child{margin-right:0;}
.cartList a:last-child:before{display:none;}
.cartList i{margin: 0 auto;font-size: 1rem;color: #0B7EC0;display: block;}
.menuTitle{padding: 10px 5px;display: block;position: relative;width: 100%;border: none;text-align: left;background: inherit;border-bottom: 1px solid #eee;outline: 0;}
.menuTitle:focus{outline:0;}

.menuTitle:before{content:'>';position:absolute;right: 5px;bottom: 10px;}
.menuBox ul{list-style:none;display: none;}
.menuBox ul li{margin:10px 0;border-bottom:1px solid #eee;padding-bottom:10px;position: relative;}
.menuBox ul li:before{content:'';position:absolute;left: -30px;bottom: 15px;width:10px;height:10px;background:#eee;border-radius: 100%;transition: all .5s;}
.menuBox ul li:hover:before{background:#ffd700}
.menuBox.active ul{display: block;}
.menuBox.active .menuTitle,.menuTitle:hover{background: #d6edff;}
/*首頁-代理品牌*/
.ix-cooperate{padding: 50px 0px;background: #fff;}

/*----------------------首頁區塊------------------------*/
/*banner*/
.banner{margin-top: 74px;position: fixed!important;}
.banner .item{position:relative}
.banner .item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height: 30%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.banner .item .bannerWord{z-index: 1;position:absolute;bottom: 5%;color: #fff;display: flex;max-width: 600px;left: 21.5%;align-items: center;}
.banner .item .bannerWord h2{font-family: 'Staatliches', cursive;font-size: 2.4rem;line-height: 1;margin-bottom: 0;border-right: 1px solid #fff;padding-right: 40px;margin-right: 40px;}
.banner .item .bannerWord p{margin-bottom:0;}
.banner .owl-dots{position:absolute;bottom:10px;right: 21.5%;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#ffd700!important;}
.index{padding-top: 520px;z-index: 10;position: relative;}
/*產品*/
.ix-pdt a{position:relative;overflow: hidden;}
.ix-pdt a figure{overflow:hidden;}
.ix-pdt a figure img{transition:all .5s}
.coverWord .title h2{font-weight:bold;letter-spacing:3px;font-size: 1.2rem;margin-top: 10px;}
.ix-pdt a span{position:absolute;right: 15px;bottom: -30px;font-family: 'Staatliches', cursive;color: rgba(255, 255, 255, 0.55);font-size: 10rem;font-style: italic;line-height: 1;}
.ix-pdt a .coverWord{border-bottom:1px solid #eee;padding-bottom: 10px;position: relative;}
.ix-pdt a .coverWord:before{content:'';position:absolute;left:0;bottom:0;width: 0;height: 1px;background: #ffd700;transition: all .5s;}

.nav-tabs .nav-link{border-radius:0;border-top: 3px solid transparent;letter-spacing: 3px;/* border-color: #dee2e6 #dee2e6 #fff #eee; */}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{border-color: #0B7EC0 #dee2e6 #fff;font-weight:bold;}
/*產品搜尋*/
.search-zone{position:relative;}
.search-close{position: fixed;z-index: 11;top: 32%;right: 30%;width: 50px;height: 50px;cursor: pointer;}
.search-close span{position:absolute;width: 40px;height: 3px;background:#fff;top: 25px;left: 3px;}
.search-close span:nth-child(1){transform:rotate(-40deg)}
.search-close span:nth-child(2){transform:rotate(40deg)}

.search-layer{position:fixed;width:100%;height:100%;top:0;left:0;background:rgb(0 0 0 / 35%);z-index: 9;}
.search-block{left:50%;top: 40%;transform: translate(-50%, 50%);position: fixed;z-index: 10;width: 100%;/* height: 100%; */text-align: center;}
.search-block input[type="text"]{width: 350px;height: 50px;border-radius: 25px;border: none;}
.search-block input[type="submit"]{width:100px;height:50px;background: #f1c501;color: #fff;border-radius: 25px;border: none;}
/*首頁-介紹*/
.ix-about-icon{margin-top:50px;}
.icon-box figure{width: 150px;height: 150px;margin: 0 auto;border-radius: 100%;box-shadow: 0px 0px 10px rgb(0 0 0 / 0.1);padding: 25px;}
.icon-box p{font-size:1.2rem;font-weight:bold;margin-top:10px;}
/*產品輪播*/
.owl-carousel.pdtzone .owl-nav [class*=owl-]:hover{background: #0B7EC0;}
.owl-carousel.pdtzone .owl-nav button.owl-next, .owl-carousel.pdtzone .owl-nav button.owl-prev{position: absolute;bottom: 40%;font-size: 4rem;/* width: 50px; *//* height: 50px; *//* line-height: 50px; */outline: 0;}
.owl-carousel.pdtzone .owl-nav button.owl-next span, .owl-carousel.pdtzone .owl-nav button.owl-prev span{
    height: 35px;
    display: flex;
    width: 35px;
    margin-bottom: 15px;
    align-items: center;
    justify-content: center;
}
.owl-carousel.pdtzone .owl-nav button.owl-next{right: -10px;}
.owl-carousel.pdtzone .owl-nav button.owl-prev{left: -10px;}
.owl-carousel.pdtzone{padding: 30px 50px 0 50px;}
.owl-carousel.pdtzone a{display:flex;}
.owl-carousel.pdtzone a figure{width: 80px;}

.owl-carousel.pdtzone a .pdt-info{width: calc(100% - 80px);}
.owl-carousel.pdtzone a .pdt-info ul{padding-left:10px;}
.owl-carousel.pdtzone a .pdt-info li{display:flex;border-bottom: 1px solid #eee;padding: 5px 0;}
.owl-carousel.pdtzone a .pdt-info li span{width: 85px;}
.owl-carousel.pdtzone a .pdt-info li p{width: calc(100% - 85px);}
@media screen and (min-width: 768px) {
    .ix-pdt a:hover:before{width:100%;}
    .ix-pdt a:hover figure img{transform: scale(1.1);}
    .ix-pdt a:hover .coverWord:before{width:100%}
    .ix-pdt a:hover h2{color:#ffd700}
}
/*首頁-新聞*/
.ix-news{padding-top:50px}
.newsZone a{display:flex;align-items:center;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.newsZone a .date{color:#848484;}
.newsZone a .type{width: 100px;text-align: center;border: 1px solid #0e42a5;color: #0e42a5;margin: 0 10px;}
.newsZone a p{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    outline: none;
    text-decoration: none;
    width: calc(100% - 100px);
    }
.ix-newsTitle{background:#0B7EC0;color:#fff;display: flex;align-items: center;justify-content: center;width: 20%;padding: 10px;margin-right: 10px;}
.ix-newsTitle h2{font-size:1.6rem;font-weight:bold;margin-bottom: 0;letter-spacing: 3px;}
.owl-carousel.newsZone{width:80%}
/*首頁-快速連結*/
.quickLink a{text-align:center;background: #c0c0c0;padding: 15px 40px;width: 25%;border-bottom: 3px solid #ccc;color: #fff;}
.quickLink a img{max-width: 60px;}
.quickLink a:nth-child(even){background: #7ab3d4;}
.quickLink a h3{font-size: 1rem;margin-top:10px;}
.quickLink a:hover{border-bottom:3px solid #ffd700}

/*----------------------單元--------------------*/
.innerBanner{position:relative;}
.innerBannerTitle{position:absolute;top: 45%;color:#fff;text-align: center;left: 50%;transform: translateX(-50%);}
.innerBannerTitle h2{font-family: 'Staatliches', cursive;font-size: 8rem;color: rgba(255, 255, 255, 0.45);}
.innerBannerTitle p{position:absolute;top: 18%;left:50%;transform:translateX(-50%);font-size: 3rem;font-weight: bold;letter-spacing: 7px;}

/*單元清單*/
.listBtn{width:100%;background: #3a488d;color:#fff;border:none;padding:10px 0px;display:flex;justify-content:center;margin-top: 20px;border-radius: 0;display: none;outline: 0;}
.listBtn:focus{outline:0;}
/*6圖6文*/
.page-content table { max-width:100%; }
.imgg { max-width:100%; display:block; margin:1em 0; }
.imgg2 { max-width:100%; display:block; }
.tx01 {clear: both;margin-top: 2em;}
.tx02 { clear: both; overflow:hidden; margin-bottom: 2em;}
.tx01 img {margin-bottom: 1em; }
.img-left,.img-left1 { float: left; padding-bottom: 1em; padding-right: 2em;max-width:50%;}
.img-right,.img-right1 { float: right; padding-bottom: 1em; padding-left: 2em;max-width:50%;}
.img_center{width: 33.3%; }
.img-left img, .img-right img { max-width:100%; }
.img-left1 img, .img-right1 img { max-width:100%; }
.img_center img {  float: left;  padding: 1em;  width: 100%;   text-align: center;}

@media (max-width: 768px) { 
.page-content iframe { height:400px; }
}

@media (max-width: 640px) { 
.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; }
}

@media (max-width: 480px) { 
.img-left,.img-left1,.img-right,.img-right1 { float:inherit; padding: 0 0 1em 0;}
.page-content iframe { height:250px; }
}

/*關於我們*/
.aboutTitle{font-weight:bold;color: #001744;}
.aboutSub{font-size:1.4rem;font-weight:bold;position:relative;}
.aboutSub:before{content:'';position:absolute;left:0;bottom: -15px;width: 40px;height:3px;background: #ffd700;}
.aboutRight{display:flex;flex-wrap:wrap;}
.aboutRight figure{overflow: hidden;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);border-radius: 100%;width: 220px;height: 220px;line-height: 180px;padding: 20px;margin: 10px;}
.en-name{font-size:1.5rem;color:#edc001}
.tc-name{font-weight:bold;}
.group-name{font-weight:bold;letter-spacing:2.8px}
.contactList{list-style:none;border-left:1px solid #000;padding-left:10px;margin-left:20px;}
.mail{background: #0b7ec0;width: 50px;height: 50px;display: block;border-radius: 100%;padding: 10px;}
.mailTxt{font-size:1.2rem;}
.mailZone{background:#fff;box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);padding:10px;}
.mailIntro{margin-top:10px;}
/*常見問題*/
/* style 1  */
.no-click-open .item { position: relative; padding: 5px 0 0 0; margin: 10px 0 10px 44px; border-radius: 5px;  background:#f7f5f5;
  border-bottom: 1px solid #d9d7d7;}
.no-click-open .item a.question { display: block; font-size: 0.9375rem; color: #444; padding: 10px 15px 10px 32px;  font-size: 1em;
  transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out; position:relative;}
.no-click-open .item a .color { width:50px; height:100%; position:absolute; top:0; right:0; border-top-right-radius: 5px;
 -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px;  border-bottom-right-radius: 5px;
 -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
.no-click-open .item .answer {  background: #ededed;  padding: 15px 20px 15px 35px;  display: none;  border-top: 1px solid #d9d7d7;}
.no-click-open .item .item-mark {
  position: absolute;
  width: 44px;
  height: 44px;
  line-height: 44px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
  background: #0B7EC0;
  border-radius: 100%;
  text-align: center;
  top: 0;
  left: -44px;
  transition: color .5s linear;
  -ms-transition: color .5s linear;
  -moz-transition: color .5s linear;
  -webkit-transition: color .5s linear;
  box-shadow: 1px 1px 1px #0d61ab;
  }
.no-click-open .item.open .item-mark {  color: #fff;}
.no-click-open .item .item-mark:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid #0B7EC0;
  border-bottom: 5px solid transparent;
  top: 17px;
  left: 42px;
  transform-origin: -20px center;
  -ms-transform-origin: -20px center;
  -moz-transform-origin: -20px center;
  -webkit-transform-origin: -20px center;
  transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
  }
.no-click-open .item.open .item-mark:after {  transform: rotate(60deg);  -ms-transform: rotate(60deg);  -moz-transform: rotate(60deg); 
-webkit-transform: rotate(60deg);}
.no-click-open .fa-plus {float:right;line-height: 26px;color: #0B7EC0;}
.no-click-open .hvr-underline-from-center {  display:block;}
.no-click-open .hvr-underline-from-center:before {background: #0B7EC0;height:2px;}
.no-click-open .hvr-underline-from-center:hover .fa-plus{  color:#e71f17;}
.no-click-open .item:hover a{color: #e71f17;}
/*會員登入*/
.mem-right{border-left: 1px solid #eee}
.quick-login{margin-top:50px;}
.quick-login a{background:#3b5998;color:#fff;display: block;padding: 20px;text-align: center;width: 50%;margin: 0 auto;font-size: 1.1rem;}
.quick-login a i{margin-right:10px;}
/*會員專區*/
.memBox.aa{padding:50px 0;}
.memList{position: sticky;top: 74px;background: #fff;padding: 10px 10px 0px;margin: 0;z-index: 1;}
.memList ul{list-style:none;padding-left:0;display: flex;align-items: center;justify-content: center;margin-bottom: 0;flex-wrap: wrap;}
.memList ul a{display:inline-block;padding: 5px 20px;border-radius: 20px;background: #d2d2d2;margin: 0px 10px 10px;}
.memList ul a.active,.memList ul a:hover{background:#0B7EC0;color: #fff;}
.memForm{max-width: 800px;margin:0 auto;}
.page_form{margin-bottom:20px;}
.page_form input[type="text"],.page_form input[type="password"],.contactFrom .page_form select{width:100%;height:40px;border: 1px solid #ccc;padding: 0px 10px;border-radius: 5px;}
.page_form textarea{width:100%;border:1px solid #ccc;border-radius: 5px;}
.page_form input:disabled{background:inherit;border:none;padding:0;border-bottom: 1px solid #EEE;border-radius:0;}
.page_form textarea:disabled{border:inherit;background: inherit;border-bottom: 1px solid #eee;border-radius: 0;}
.page_form select{height:40px;border: 1px solid #ccc;border-radius: 5px;}
.page_form input.auto[type="text"]{width:auto;}
.pact_data li{margin-bottom:10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.pact_data li:last-child{border-bottom:none}
/*檔案下載*/
.downloadZone{display:flex;align-items:center;flex-wrap: wrap;margin-top: 30px;}
.downloadZone a{width: 49%;display: inline-block;margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 10px;margin-right: 10px;}
/*購物車*/
.btnZone{position:sticky;bottom: 0;background: #f7f7f7;padding: 10px 0;box-shadow: 0px -5px 10px rgb(0 0 0 / 0.05);/* border-top: 3px solid #ffd700; */}
.cart-step{width:calc(100% / 3);text-align:center;font-size:18px;position: relative;z-index: 1;}
.step-box{padding-left:10px;background-color:#fff}
.cart-step span{width:50px;height:50px;line-height:50px;background-color:#efefef;display:block;border-radius:60px}
.cart-step p{margin-bottom:0;background-color:#fff;padding-left:10px;padding-right:10px;color:rgba(6,0,1,.5)}
.cart-step-box{position:relative;margin-bottom:60px}
.cart-step-box:before{position:absolute;content:'';width:100%;height:1px;position:absolute;top:50%;left:50%;transform:translateX(-50%);background-color:#060001;/* z-index:-1; */}
.cart-step.active span{background-color: #214f75;color:#fff;}
.cart-step.active p{color:#060001}
.cart-sTT{font-size:15px;color:#7b7b7b}
.cart-bTT{font-size:18px;font-weight:500}
.shop-list article .color{margin-left:30px}
.shop-list article .quantity input[type="text"]:disabled{border:none;width: 50px;font-size: 18px;font-weight: 500;color: #060001;}
.shop-list article .price,.subtotal span.en:nth-of-type(2){font-size:22px;font-weight: bold;}
.shop-list article b,.subtotal b{display:block;font-size:15px;color:#7b7b7b;font-weight:400}
.shop-list a .cart-card-img{width:100%}
.subtotal{display:table;margin-left:auto}
.operation{margin: 0 30px!important;}
.pay-info{margin:50px 0 20px}
/*收件人資訊*/
.payFormZone h3{font-size: 1.2rem;margin-bottom: 20px;color: #0B7EC0;}
.payBox{padding-left: 15px;border-left:3px solid #060001;margin-bottom: 25px;}
#addBox label{display:flex;align-items:center;}
.reciptBox .reciptChoose{display: none}
.reciptBox.active .reciptChoose{display: flex;flex-wrap: wrap}
.reciptBox+.reciptBox{margin-top:20px}
.reciptChoose label{margin-bottom:0;/* border: 1px solid #eee; */padding: 5px 10px;}
.atmInfo{border-top: 1px solid #eee;width: 100%;padding: 10px 0;}
.atmInfo p{margin-bottom:5px}
.atmInfo p span{color: #ff8a00;margin-left: 5px;font-weight: 600;}
.payBox input[type=radio]+label{display:inline-block;vertical-align:middle;position:relative;padding-left: 35px;margin-bottom: 0;}
.payBox input[type=radio]+label::before{content:"";display:inline-block;position:absolute;width:15px;height:15px;left: 10px;top: 50%;transform: translateY(-50%);/* margin-left: -18px; */border: 1px solid rgba(174 174 174);border-radius:50%;background-color:#fff;-webkit-transition:border .15s ease-in-out;-o-transition:border .15s ease-in-out;transition:border .15s ease-in-out;}
.payBox input[type=radio]+label::after{display:inline-block;position:absolute;content:" ";width: 9px;height: 9px;left: 13px;top: 50%;border-radius:50%;background-color: #ffd700;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:-webkit-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-moz-transition:-moz-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);-o-transition:-o-transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);transition:transform .1s cubic-bezier(0.8,-0.33,0.2,1.33);}
.payBox input[type=radio]{opacity:0;z-index:1;display: none;margin-left: -13px;}
.payBox input[type=radio]:checked + label::after{-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.page_form input.num-box[type="text"]{width:50%}
/*訂單完成*/
.payForm .page_form textarea{width:100%;}
.payForm .page_form input:read-only[type="text"]{border:none;border-bottom:1px solid #eee}
.cartOk .fa-check-circle{font-size: 7rem;color: #03a84e;}
.cartOk h2{font-size:1.6rem;letter-spacing:3px;margin-top:20px;}
.orderCheck{font-size: 1.2rem;margin-top:20px;}
.orderCheck div{margin-right:20px;position:relative;}
.orderCheck div:before{width:1px;height:20px;background-color: #cacaca;content:'';position:absolute;left: -10px;bottom: 2px;}
.orderCheck div:first-child:before{display:none;}
/*訂單列印*/
.printBtn{background:#eee;padding:5px 10px;border-radius:20px;}
/*產品*/
.small-btn{background:none;border:none;border-bottom: 3px solid #ffc080;background: #ffe9d3;border-radius:5px;height: 35px;padding: 0px 15px;}
.small-btn img{max-width: 25px;}
.small-btn.cart img{max-width: 25px;}
.small-btn.cart{background:#d3ebff;border-bottom:3px solid #0B7EC0}
.small-btn:hover{border-bottom:none;}
/*關鍵字搜尋*/
.search-box{transition:width 0.6s,border-radius 0.6s,background 0.6s,box-shadow .6s;width: 35px;height: 35px;border-radius:20px;border:none;cursor:pointer;background:#ebebeb;margin-top: 3px;}
.search-box + label .search-icon{color:#000}
.search-box{transition:width .6s cubic-bezier(0,1.22,0.66,1.39),border-radius 0.6s,background .6s;border:none;outline:none;box-shadow:none;padding-left:15px;cursor:text;width: 200px;border-radius:auto;background: #ffffff;color:#000;}
.search-box:focus + label .search-icon{color:#000}
#search-submit{position:relative;left:-5000px;display: none;}
.search-icon{position:relative;left: -28px;color:#fff;cursor:pointer;}
.glyphicon-search:before{content: '\f002';font-family: 'Font Awesome 5 Free';font-weight: 700;font-size: .9rem;}
/*條件式搜尋*/
.conditionBtn{display: none;}
.condtionOuter{margin-top:30px;}
.condition{display:flex;align-items: center;padding: 10px;border-top: 1px solid #0B7EC0;}
.condition:last-child{border-bottom:1px solid #0B7EC0}
.condition select{height:40px;border: 1px solid #b3b3b3;}
.condtionOuter .condition:nth-child(even){background: #fdffef;}
.condition span{width: 180px;margin-right: 30px;position: relative;font-weight: bold;color: #0B7EC0;}
.condition span:after{content:'';position:absolute;right:0;bottom:0;width:1px;height:20px;background:#bbb}
.condition ul{list-style:none;padding-left:0;display:flex;align-items:center;margin-bottom: 0;flex-wrap: wrap;width: calc(100% - 200px);}
.condition ul label{margin-right:10px;margin-bottom: 0;}
.condition ul input{margin-right:5px;}
/*側選單*/
.sidebar{width:20%;}
.sidebar .navbar-toggle{display:none;}
.sidebar .card{border:none;}
.sidebar .card-header{padding:0;background: inherit;border: none;}
.sidebar .card-header h2 button{width:100%;text-align:left;background: inherit;color: #000;border-radius: 0;position:relative;transition: all .5s;background: #eee;}
.sidebar .card-header h2 button:before{content:'';position:absolute;right: 8px;bottom: 8px;}
.sidebar .card-header h2 button[aria-expanded="true"]:before{content:'-'}
.sidebar .card-header h2 button[aria-expanded="false"]:before{content:'+'}
.sidebar .card-header h2 button[aria-expanded="true"]{background: #0B7EC0;color: #fff;}
.sidebar .card-header h2 button:hover{background:#eee;text-decoration:none;}
.sidebar .card-body{padding:0;margin-top: 20px;}
.sidebar .card-body .card-item .second-title{font-size:.9rem;position: relative;display: flex;justify-content: space-between;padding-bottom: 5px;border-bottom: 1px solid #b3b3b3;margin-bottom: 5px;}
.sidebar .card-body .card-item .second-title:after{content:'+';}
.sidebar .card-body .card-item{padding-bottom:10px;}
.sidebar .card-body .card-item .third-list{font-size: .9rem;display: none;}
.sidebar .card-body .card-item .third-list a{padding-bottom:10px;display:inline-block;}
.sidebar .card-body .card-item.active .second-title{color: #2383d6;}
.sidebar .card-body .card-item.active .third-list{display:block;}
.sidebar .card-body .card-item.active .second-title:after{content:'-';}
.pdtInner{width:100%}
.sidebar + .pdtInner{width:80%;padding-left:30px;}
.pdtAll{display:flex;flex-wrap:wrap;width: 100%;}

/*最新消息*/
.yearZone{margin-top:30px;}
.yearZone a{display:flex;align-items:center;position: relative;margin-bottom: 30px;padding-bottom: 10px;}
.yearZone a .date{margin-right:10px;color: #848484;}
.yearZone a:before{content:'';position:absolute;left:0;bottom: -5px;width:100%;height:1px;background: #eee;}
.yearZone a:after{content:'';position:absolute;left:0;bottom:0;transition: all .5s;width: 0;background:#ffd700;height:1px;bottom:-5px;}
.yearZone a:hover:after{width:100%}

.newsTitle{margin-top:30px;padding-left:20px;border-left:3px solid #0B7EC0}
.newsTitle .date{color:#848484}
.newsTitle h2{font-size:1.4rem;font-weight:bold;}
/*應用產品列表*/
.del{background: #ffc181;border:none;color: #374362;height: 30px;padding: 0px 15px;border-radius: 5px;border-bottom: 3px solid #9f6e3b;}
.del:hover{border-bottom:none;}
.rwd-table{width:100%}
.rwd-table ul{margin-bottom:0;list-style: none;display: inline-block;padding-left: 0;/* width: calc(100% - 95px); */vertical-align: top;}
.rwd-table thead tr{ border-top: 2px solid #0B7EC0; border-bottom: 2px solid #0B7EC0;}
.rwd-table th{display:none}
.rwd-table td{display: flex;align-items: center;}
.rwd-table td:first-child{padding-top:.5em}
.rwd-table td:last-child{padding-bottom:.5em;/* flex-wrap: wrap; */}
.rwd-table td:last-child>div{display:block;width:100%;}
.rwd-table td:before{content:attr(data-th) " ";font-weight:700;width: 110px;display: inline-block;color:#000;margin-right: 20px;}
.rwd-table th,.rwd-table td{text-align:left}
.rwd-table th,.rwd-table td{color:#000;margin:.5em 1em}
.rwd-table th{color: #fff;}
.rwd-table td span{width:calc(100% - 110px)}
.rwd-table td input[type="text"]{width:100px;}
.rwd-table td input[type="checkbox"]{width: 20px;height: 20px;}
@media (min-width: 1025px) {
.rwd-table td:before{display:none}
.rwd-table thead{color: #fff;border-top: 1px solid #0B7EC0;border-bottom: 1px solid #0B7EC0;background: #0B7EC0;}
.rwd-table tbody tr{border-bottom:1px solid #0B7EC0}
.rwd-table tbody tr:nth-child(even){background:rgb(253 255 239)}
.rwd-table th,.rwd-table td{text-align:center;}
.rwd-table td.txt{text-align:left}
.rwd-table th,.rwd-table td{display:table-cell;padding:.25em .5em}
.rwd-table th:first-child,.rwd-table td:first-child{padding-left:0}
.rwd-table th:last-child,.rwd-table td:last-child{padding-right:0}
.rwd-table th,.rwd-table td{padding: .5em!important;}
.rwd-table td span{width:100%}
.table-container table td{border:none;}
}

@media (max-width: 1024px) {
.rwd-table thead{display:none;}
.rwd-table tr:nth-child(even){background:#eee;}
}
/*代理品牌*/
.logoZone{display:flex;flex-wrap:wrap;margin-top:30px;}
.logoZone a{width:25%;padding: 10px;}
.logoZone a h3{font-size:1.2rem;font-weight:bold;position:relative;}
.logoZone a h3:before,.logoZone a h3:after{content:'';position:absolute;left:0;bottom: -5px;width:100%;height:1px;background: #ccc;}
.logoZone a h3:after{width:0;transition:all .5s;background:#ffd700}
.logoZone a p{font-size: .8rem;}
.logoZone a figure{border:1px solid #eee;margin-bottom: 10px;}

.logoZone a:hover h3:after{width:100%}

/*詢價*/
.inquiryTxt ul{list-style:none;padding-left:0;margin-bottom: 0;}
.inquiryTxt{background:#eee;padding:10px;margin-top: 20px;}
/*應用產品底層*/
.txt{padding-top:30px;}
/*元素表*/
.order .bg{width: 25px;height: 25px;margin: 0px 5px;background:#0B7EC0;display: inline-block;}
.order .table_scroll{margin-bottom:50px;}
.order .table_scroll table{width:100%;border-collapse:separate;border-spacing:1px;table-layout:fixed;margin:1.5em 0}
.order .table_scroll table td,.order .table_scroll table td a{padding:8px 5px}
.order .table_scroll table td,.order .table_scroll table tr:nth-child(even) td{text-align:center;border:1px solid #ccc;background:none}
.order .table_scroll table:first-child tr:first-child td:not(:first-child):not(:last-child),.order .table_scroll table:first-child tr:nth-child(2) td,.order .table_scroll table:first-child tr:nth-child(3) td:nth-child(n + 3):nth-last-child(n + 7),.order .table_scroll table:first-child tr:nth-child(4) td:nth-child(n + 3):nth-last-child(n + 7),.order .table_scroll table:first-child tr:nth-child(7) td:nth-child(3),.order .table_scroll table:first-child tr:nth-child(8) td:nth-child(3),.order .table_scroll table:first-child tr:nth-child(9) td,.order .table_scroll table:nth-child(2) tr td:nth-child(-n + 3){border-color:rgba(255,255,255,0)}
.order .table_scroll table td a{margin:-8px -5px;display:block;color:#fff;text-decoration:none;background-color: #0B7EC0;}
.order .table_scroll table td a:hover{color:#000}
.order_pure .order form input[type="text"],.order_alloy .order form input[type="text"],.order_chemi .order form input[type="text"],.order_eva .order form input[type="text"],.order_bolt .order form input[type="text"]{display:inline-block}
.category_item{list-style:none;padding-left:0;display:flex;flex-wrap: wrap;margin-top: 25px;}
.category_item li{width:50%}
.category_item li a{display:block;padding: 10px 5px;border-bottom:1px solid #eee;margin-right: 15px;position: relative;transition: all .5s;}
.category_item li a:before{content:'';position:absolute;left:0;bottom: -2px;width: 20px;height: 2px;background: #4a7dde;transition: all .5s;}
.category_item li a:hover:before{width:100%;}
.category_item li a:hover{color:#4a7dde}
/*產品底層*/
.pdt-title{font-size: 1.6rem;border-bottom: 1px solid #eee;position: relative;color: #0B7EC0;margin-bottom: 20px;}
.pdt-title:before{content:'';position:absolute;left:0;bottom: -2px;width: 45px;height: 3px;background:#ffd700;}
.apply-zone a{padding: 5px 15px;display:inline-block;background: #006fba;border-radius: 20px;border: 1px solid;color: #fff;font-size: .9rem;margin-bottom: 10px;transition: all .5s;}
.apply-zone a:hover{border: 1px solid #006fba;color: #006fba;background: inherit;}
.img-focus{/* padding:20px; */border:1px solid #eee;background: #fff;text-align: center;}
.img-thumb{list-style:none;padding-left:0;display:flex;flex-wrap: wrap;}
.img-thumb li{padding:10px;border:1px solid #eee;width: 20%;background: #fff;}
.img-thumb li a{margin-bottom:0}

.pdtBtn a{padding:10px 20px;display: inline-block;border:1px solid;background: #0B7EC0;color:#fff;transition: all .5s;}
.pdtBtn a:hover,.pdtBtn a:first-child{background:inherit;border:1px solid #0B7EC0;color:#0B7EC0}
.pdtBtn a span{display: flex;align-items:center;justify-content: center;}
.pdtBtn a span i{margin-top:-7px;margin-right:5px;}
.pdtBtn a.yellow{background:#ffd700;color:#0B7EC0;border:1px solid #ffd700}
.pdtBtn a.yellow:hover{background:#fff;color:#ffd700}
.pdtEdit table{width:100%}
.pdtEdit table tr:first-child td{background:#797979;color: #fff;text-align: center;padding: 10px;}

/*加入購物車提示文*/
#toast{visibility:hidden;max-width:50px;height:50px;margin:auto;background-color:#000;color:#fff;text-align:center;border-radius:2px;position:fixed;z-index: 99;left:0;right:0;bottom:30px;font-size:17px;white-space:nowrap;}
#toast #img{width:50px;height:50px;float:left;padding-top: 12px;padding-bottom:16px;box-sizing:border-box;background-color:#ffd700;color:#fff;}
#toast #desc{color:#fff;padding: 12px;overflow:hidden;white-space:nowrap;}
#toast.show{visibility:visible;-webkit-animation:fadein 0.5s,expand .5s 0.5s,stay 3s 1s,shrink .5s 2s,fadeout .5s 2.5s;animation:fadein 0.5s,expand .5s 0.5s,stay 3s 1s,shrink .5s 4s,fadeout .5s 4.5s}
@-webkit-keyframes fadein {
from{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@keyframes fadein {
from{bottom:0;opacity:0}
to{bottom:30px;opacity:1}
}
@-webkit-keyframes expand {
from{min-width:50px}
to{min-width:350px}
}
@keyframes expand {
from{min-width:50px}
to{min-width:350px}
}
@-webkit-keyframes stay {
from{min-width:350px}
to{min-width:350px}
}
@keyframes stay {
from{min-width:350px}
to{min-width:350px}
}
@-webkit-keyframes shrink {
from{min-width:350px}
to{min-width:50px}
}
@keyframes shrink {
from{min-width:350px}
to{min-width:50px}
}
@-webkit-keyframes fadeout {
from{bottom:30px;opacity:1}
to{bottom:60px;opacity:0}
}
@keyframes fadeout {
from{bottom:30px;opacity:1}
to{bottom:60px;opacity:0}
}
/*頁尾*/
footer{background-image:url(../images/all/ftBg.png);background-color: #0B7EC0;color:#fff;padding: 50px 0 0 0;text-align:center;position: relative;z-index: 10;}
footer a{color:#fff;display: block;margin-bottom: 10px;}
footer a:hover{color:rgba(255,255,255,1); text-decoration:none;}
.ftLeft{text-align: left;width: 35%;}
.ftRight{width: 65%;text-align: left;}
.ftRight>ul{list-style:none;padding:0;margin-bottom: 0;display: flex;flex-wrap: wrap;padding-left: 50px;}
.ftRight>ul>li{width: 25%;margin-bottom: 20px;}
.ftRight>ul>li>ul{list-style:none;font-size:.9rem;border-left: 1px solid rgba(255, 255, 255, 0.45);padding-left: 15px;}
.ftRight>ul>li>ul a{color:rgba(255, 255, 255, 0.7);margin-bottom:10px;}
.ftLeft figure{margin-bottom:20px;}
.ftInfo{text-align:left;margin-bottom: 30px;}
.ftInfo a{display:flex;margin-bottom: 10px;}
.ftInfo a span:first-child{width:50px;}
.ftInfo a span:last-child{width:calc(100% - 50px);}
.ftTerm a{position: relative;margin-right: 25px;}
.ftTerm a:after{content:'';position: absolute;right: -13px;bottom: 4px;width: 1px;height: 15px;background: #fff;}
.ftTerm a:last-child:after{display:none;}
.copyright{background: #1A3E72;color:#fff;padding:20px 0px;font-size: .9rem;}
.copyright a{color:#fff}

/*----------------------RWD調整--------------------*/

@media screen and (max-width:1680px) {
    /*首頁*/
    .index{padding-top:425px;}
}
@media screen and (max-width:1480px) {
    /*首頁*/
    .index{padding-top:385px;}
}
@media screen and (max-width:1280px) {
    /*主選單*/
    .menu-outer{display:none;}
    .navbar-brand span{font-size: .9rem;}
    /*首頁*/
    .index{padding-top:345px;}
    .coverWord .title h2{margin-top:0;}
    .coverWord{background:#eee;padding:10px;}
    .ix-pdt a{margin-bottom:20px;}
  /*關於我們*/
  .aboutRight figure{width:150px;height:150px;line-height:110px;}
  .aboutRight{justify-content: space-around;}

}
@media screen and (max-width:1024px) {
    /*首頁*/
    .index{padding-top:305px;}
}
@media screen and (max-width: 996px) {
    .search-box,.search-box:focus{width:95%;padding:10px}
    .search-box:not(:focus) {text-indent:inherit;}
    
    /*首頁*/
    .banner{position:relative!important;}
    .index{padding-top:0px;}
    .quickLink{flex-wrap:wrap;}
    .quickLink a{width:50%}
    .quickLink a:nth-child(even){background:#eee;}
    .quickLink a:nth-child(2),.quickLink a:nth-child(3){background:#d0d5de;}
    /*單元banner*/
    .innerBanner{padding-top:50px;}
    .innerBannerTitle h2{font-size:3rem;}
    .innerBannerTitle p{font-size:2rem;}
    .innerBannerTitle{position:inherit;background: #0B7EC0;padding: 10px 0px;}
    /*首頁-搜尋*/
    .search-close{right: 18%;}
    /*搜尋條件*/
    .condition span{width:100%;margin-bottom:10px;padding-bottom:10px;margin-right: 0;}
    .condition span:after{bottom:0;width:100%;height:1px;}
    .condition{flex-wrap:wrap;padding: 10px;}
    .condition ul{flex-wrap:wrap;width:100%}
    .condition ul li{width:50%;margin-bottom:10px;}
    .conditionBtn{display: block;background: #0B7EC0;color: #fff;border: none;width: 100%;height: 40px;}
    .conditionList{display: none;height: 400px;overflow-y: auto;}
    .condition.w-auto ul li{width:auto;}
    /*產品列表*/
    .pdtAll a{width:50%;}
    .pdtAll a:nth-child(3n),.pdtAll a:last-child{border-right:none}
    .pdtAll a:nth-child(2n),.pdtAll a:last-child{border-right:1px solid #eee}
    .pdtAll a:nth-child(3){border-top:none;}
    /*單元清單*/
    .listBtn{display:block;position: sticky;top: 74px;z-index: 1;}    
    /*會員專區*/
    .memBox{margin-top:20px;}
    .memList{margin-top: 0;position: sticky;top: 114px;display: none;z-index: 1;}
    .memList ul{flex-wrap:wrap;margin-bottom: 0;background: #eee;}
    .memList ul li{width: 100%;margin-bottom: 10px;}
    .memList ul a{font-size: .9rem;display: block;text-align: center;border-radius: 0;margin: 0;padding: 10px 0px;}
    .block-height{padding-bottom:50px;}
    /*表格*/
    .orderCheck{flex-wrap:wrap;justify-content: start!important;}
    .orderCheck div{width:100%;margin-right: 0;margin-bottom: 10px;}
    .orderCheck div:before{display: none;}
    .orderTable thead{display:none;}
    .orderTable td{position:relative;border-bottom:1px solid #dedede;text-align: right;}
    .orderTable td:before{content:attr(data-text);left: 5px;/* position: absolute; */width: 75px;text-align: left;border-right: 1px solid #ababab;display: block;}
    .orderTable tr{border-bottom:3px solid #000}
    .orderTable tr:nth-child(even){background-color:#e8e8e8;}

}
@media screen and (max-width:768px) {    
    /*首頁*/
    .ix-pdt{flex-wrap:wrap;}
    .banner .item .bannerWord{position:relative;background:#444;left: 0;bottom: 0;max-width: 100%;padding: 40px 10%;}
    /*主選單*/
    .navbar-expand-lg .menu-color .nav-item .nav-link{/* width: 70px; */padding: 5px;/* height: 60px; */}
    /*產品列表*/
    .sidebar{width:100%}
    .sidebar .navbar-toggle{display:block;background:#0B7EC0;color: #fff;border: none;width: 100%;height: 40px;}
    .sidebar + .pdtInner{width:100%;padding-left:0;margin-top:30px;}
    
    /*代理品牌*/
    .logoZone a{width:50%}
    /*產品底層*/
    .breadCrumbs-block{padding-top: 100px;}
    .order .table_scroll{width:100%;overflow-y:auto;}
    .order .table_scroll table{width:auto;}
    /*頁尾*/
    .ftLeft,.ftRight{width:100%}
    .ftRight>ul{padding-left:0;}
    /*訂單查詢*/
    .operation{margin:0px 15px!important;}
    .memBox{padding:20px;}

}
@media screen and (max-width:640px) {
    .banner{margin-top:55px}
    /*單元清單*/
     .listBtn{top:55px;}   
     .memList{top:100px;display: none;}
    /*主選單*/
    .navbar-brand span{display:none;}
    .navbar{flex-wrap:nowrap;}
    .navbar-brand{max-width:150px;}
    .navbar-expand-lg .menu-color .nav-item:nth-child(1) .nav-link,.navbar-expand-lg .menu-color .nav-item:nth-child(2) .nav-link{display:none;}
    .navbar-expand-lg .menu-color .nav-item .nav-link{padding:5px}
    .allMenu{width:100%;top:55px;height: 500px;}
    .navbar-expand-lg .menu-color .nav-item .nav-link{width:auto;height:auto;}
    /*訂單*/
    .cart-step-box{margin-bottom:30px}
    .cart-step p{font-size:1rem;}
    .cart-step span{margin:0 auto;}
    .cart-step{text-align:center;justify-content: center!important;}
    /*產品底層*/
    .pdtBtn{display:flex;flex-wrap:wrap;justify-content:space-around;}
    .pdtBtn a{width: 48%;text-align:center;display: inline-block;font-size: 0.8rem;}
    .pdtBtn a:last-child{width:100%;margin-top:10px;}
    /*首頁*/
    .banner .item .bannerWord{flex-wrap:wrap;}
    /*頁尾*/
    #goTop{bottom:100px}
}
@media screen and (max-width:480px) {
  /*首頁-搜尋*/
  .search-block{top:33%}
  .search-close{right:5%}
  .search-block input[type="submit"]{margin-top: 30px;width: 100px;}
  .navbar-brand span {display:none}
    .counter{padding-right:10px;}
    .memList ul li{width:calc(100% / 2);margin-bottom:20px;}
    .memList ul li a{padding:10px;}
}

/*列印範圍*/
@page {
size: A4 portrait;
margin-top: 1cm;
}
@media print{
    
  * {-webkit-print-color-adjust: exact !important;}
  .page-inner,.noBanner{padding:0}
  .noPrint,footer,header,.cell-center{display: none;}

}