@charset "utf-8";
body,html{height:100%}
body{margin:0;font-family: "微軟正黑體";color:#666;background-color:#fff;font-size:16px;}
p{letter-spacing:1px;font-size:16px;line-height: 22px;}
hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}
html{ scroll-behavior: smooth;}
.page-area h1,h2{transform:scale(1,0.9);font-size:2.2rem;margin:0px auto;padding:0px auto;}

.table td{font-size:14px;}
.table td{padding:10px;font-size:14px;border: thin solid #eee;}
.table .tex20{font-size:20px!important;font-weight:600}

.boxContent dl{margin-bottom:30px;}
.boxContent dt{padding:8px;width:auto;
	font-size:18px;
	margin:30px auto 12px auto;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ccc;
	border-bottom-color: #ccc;
}
.boxContent dd{font-size:15px;line-height:22px}
.boxContent dl dd:before{content:"_ "; }
.boxContent dl dd{text-indent: -13px;margin-left:20px}
.boxContent h6{font-size:22px;margin:20px 0 0px 0px;}
.boxContent p{margin-bottom:30px!important}

.form .pdName{font-size:18px;font-weight:600}

.page-area h5{font-size:1em;margin:10px auto 30px auto;padding:0px auto;color:#999;line-height: 1.5em;}

h1,h2,h3,h4,h5,h6{color:#333}
.p-0{padding:0!important}
a,button{-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;text-decoration:none;background-color:transparent;border:0}
label{margin-bottom:15px}
p:last-child{margin-bottom:0}
dl,ol,ul{margin-top:0;margin-bottom:0;padding:0;margin:0;list-style:none}
li{list-style:none}

.radius10{border-radius:10px;}
.imgHover:hover img{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0deg);-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.imgHover img{-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}

.mt-25{margin-top:25px}
.mt-50{margin-top:50px}
.mt-20{margin-top:20px}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mlr-auto{margin:0 auto}

@media only screen and (max-width:1200px){
.boxContent dt{font-size:16px;}
.boxContent dd{font-size:13px;line-height:20px}	
	
	
#nav-menu.nav-fixed{width:100%!important;}
.header-main .header-logo1{width:230px!important;height:50px;margin-top:5px;}
.header-main .header-logo1 img{width:230px!important;height:50px!important}
.header-logo2{width:230px!important;height:50px;margin-top:5px;}
.header-logo2 img{width:230px!important;height:50px!important}
}

@media only screen and (max-width:991px){
.mt30-991{margin-top:30px;}
.fixed-nav nav#nav-menu{top:80px!important;}
}

#scrollUp{width:50px;height:50px;background:#2e3192;color:#fff;right:20px;bottom:60px;text-align:center;overflow:hidden;border-radius:50px;z-index:9811!important;font-size:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
#scrollUp:hover{background:#999;color:#fff;-webkit-box-shadow:0 5px 15px 0 rgba(170,170,170,.5);box-shadow:0 5px 15px 0 rgba(170,170,170,.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}

.sticky-nav.menu_fixed{position:fixed;top:0px;left:0;width:100%;z-index:9999;-webkit-animation:sticky 1s;animation:sticky 1s;-webkit-box-shadow:2px 4px 8px rgba(51,51,51,.25);box-shadow:2px 4px 8px rgba(51,51,51,.25);background:linear-gradient(#fff, #fff);}
.sticky-nav.menu_fixed{}
.sticky-nav.menu_fixed ul li a{color:#666}
.sticky-nav.menu_fixed ul li a:hover{color:#3f51a7!important}

.sticky-nav.menu_fixed .header-logo1{display:none}
.sticky-nav.menu_fixed .header-logo2{display:block;width:276px;height:60px;}
.header-main .header-logo1{display:block;width:276px;height:60px;}
.header-main .header-logo2{display:none}

@-webkit-keyframes sticky{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes sticky{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}

.header-main{background:linear-gradient(#fff, #fff);height:100px;}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){.header-main{padding:10px 0;height:80px;}}
.header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header-actions>*+*{margin-left:18px}

/**手機板右側**/

.header-actions .header-action-btn i{-webkit-transition:0s;transition:0s;font-size:2em;color:#3f51a7}
.header-actions .header-action-btn i:hover{color:#999999}
.header-actions .header-action-btn:hover{color:#999999}

@media only screen and (max-width:575px){.header-actions>*+*{margin-left:15px}}
@media only screen and (max-width:479px){
.header-actions>*+*{margin-left:8px}

}
.header-actions .header-action-btn{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;text-decoration:none;color:#fff;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.sticky-nav.menu_fixed .header-action-btn{color:#3f51a7;-webkit-transition:0s;transition:0s;margin-top:0px;}
.sticky-nav.menu_fixed .header-action-btn i:hover{color:#000;}
.position-relative{position:relative!important}

.main-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right;z-index:99999;height:100px;}
.main-menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:0;padding-left:0;list-style:none}

.main-menu ul li+li{margin-left:50px}
@media only screen and (min-width:992px) and (max-width:1199px){.main-menu ul li+li{margin-left:30px}}
.main-menu ul li a{transform: scale(1,0.9);font-size:1.3rem;font-weight:600;text-decoration:none;color:#666;display:block;position:relative;height:100px;line-height:100px;}
.main-menu ul li.active>a,.main-menu ul li:hover>a{color:#3f51a7!important;}
.main-menu ul li.dropdown{position:relative}
.main-menu ul li.dropdown ul.sub-menu{position:absolute;z-index:9999;text-align:left;opacity:0;visibility:hidden;-o-transform-origin:0 0;-ms-transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;transform-style:preserve-3d;-o-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform:rotateX(-75deg);-o-transform:rotateX(-75deg);-moz-transform:rotateX(-75deg);-webkit-transform:rotateX(-75deg);min-width:200px;left:auto!important;background:#fff;-webkit-box-shadow:-1px 10px 50px -15px rgba(0,0,0,.3);box-shadow:-1px 10px 50px -15px rgba(0,0,0,.3);display:block;-o-transition:-o-transform .3s,opacity .3s;-ms-transition:-ms-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;-webkit-transition:-webkit-transform .3s,opacity .3s;padding:20px 0;	}

.main-menu ul li.dropdown ul li{padding:0;margin:0;display:block;}
.main-menu ul li.dropdown ul li a{display:block;line-height:38px;height:50px;padding:8px 0 0px 20px;font-weight:400;color:#999;text-transform:capitalize}
.main-menu ul li.dropdown ul li a:hover{padding-left:25px;color:#333!important;background:#f6f6f6;font-weight:600;}
.main-menu ul li.dropdown:hover .sub-menu{opacity:1;visibility:visible;transform:rotateX(0);-o-transform:rotateX(0);-moz-transform:rotateX(0);-webkit-transform:rotateX(0);-o-transition:-o-transform .3s,opacity .3s;-ms-transition:-ms-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;-webkit-transition:-webkit-transform .3s,opacity .3s}

body.offcanvas-open{overflow:hidden;}
.offcanvas{max-width:100%;height:100%;position:fixed;z-index:10000;top:0;right:0;left:auto;display:block;-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:translateX(100%);transform:translateX(100%);background-color:#fff;-webkit-box-shadow:none;box-shadow:none;overflow:auto;visibility:visible;}
.offcanvas .inner{width:100%;position:relative;z-index:9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}
.offcanvas .inner .offcanvas-menu ul {margin:0px;}
.offcanvas .inner .offcanvas-menu ul li{text-indent:2rem;position:relative;display:block;line-height:28px;}
.offcanvas .inner .offcanvas-menu ul li span{font-size:0.7em;}

.offcanvas .inner .offcanvas-menu ul li a{font-size:1.2em;display:block;padding:15px 0;text-transform:capitalize;color:#666;border-top:1px solid #efefef;font-weight:600}
.offcanvas .inner .offcanvas-menu ul li .sub-menu{background:#fff;position:static;top:auto;display:none;visibility:visible;min-width:auto;padding:0;-webkit-transition:none;transition:none;opacity:1;-webkit-box-shadow:none;box-shadow:none}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li{line-height:inherit;position:relative}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li a{color:#666;font-size:1em;text-transform:capitalize;font-weight:400;padding-left:20px;padding-right:0;display:block;border-top:1px solid #f5f5f5;}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li a:hover{color:#666;background:#f5f5f5}
.offcanvas .inner .offcanvas-menu ul li .sub-menu li:last-child{border-bottom:0 solid #ffafaf}
.offcanvas .inner .offcanvas-menu ul li:hover>a{color:#fff;background:#3f51a7}
.offcanvas .inner .offcanvas-menu ul li:last-child{border-bottom:1px solid #fff}
.offcanvas .inner .offcanvas-menu ul li .menu-expand{color:#666!important;position:absolute;z-index:2;top:0;width:50px;height:55px;cursor:pointer;right:2rem;}
.offcanvas .inner .offcanvas-menu ul li>span.menu-expand:before{background:#666;}
.offcanvas .inner .offcanvas-menu ul li>span.menu-expand:after{background:#666}
.offcanvas .inner .offcanvas-menu ul li:hover>span.menu-expand:before{background:#fff;}
.offcanvas .inner .offcanvas-menu ul li:hover>span.menu-expand:after{background:#fff}
.offcanvas-menu>ul.sub-menu>li .menu-expand{right:50px!important}
.offcanvas-menu>ul>li .menu-expand{position:absolute;z-index:2;top:0;right:0em;width:50px;height:55px;cursor:pointer;background-color:transparent;}
.offcanvas-menu>ul>li .menu-expand::after,.offcanvas-menu>ul>li .menu-expand::before{position:absolute;top:calc(50% - 1px);left:calc(50% - 7px);width:20px;height:2px;content:"";-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:scale(.75);transform:scale(.75);background-color:#fff}
.offcanvas-menu>ul>li .menu-expand::after{-webkit-transform:rotate(90deg) scale(.75);transform:rotate(90deg) scale(.75)}
.offcanvas-menu>ul>li.active>.menu-expand::after{-webkit-transform:rotate(0) scale(.75);transform:rotate(0) scale(.75)}
.offcanvas-menu>ul>li .sub-menu li.active>.menu-expand::after{-webkit-transform:rotate(0) scale(.75);transform:rotate(0) scale(.75)}
.offcanvas.offcanvas-mobile-menu{padding:0;-webkit-transform:translateX(100%);transform:translateX(100%);width:100%;padding-top:80px}
.offcanvas.offcanvas-mobile-menu .offcanvas-close{position:absolute;width:50px;height:50px;border:0;left:calc(100% - 60px);top:20px;-webkit-animation-delay:.5s;animation-delay:.5s;}
.offcanvas.offcanvas-mobile-menu .offcanvas-mobile-menu-logo{position:absolute;width:230px;height:50px;top:15px;left:10px}
.offcanvas-mobile-menu-logo img{width:230px;height:50px}
.offcanvas.offcanvas-mobile-menu.offcanvas-open .offcanvas-close{left:calc(100% - 60px);top:15px;}
.offcanvas.offcanvas-mobile-menu .offcanvas-close::after{position:absolute;top:calc(50% - 1px);left:50%;margin-left:-20px;width:35px;height:2px;content:"";-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);background-color:#3f51a7}
.offcanvas.offcanvas-mobile-menu .offcanvas-close::before{position:absolute;top:calc(50% - 1px);left:50%;margin-left:-20px;width:35px;height:2px;content:"";-webkit-transition:all .5s ease 0s;transition:all .5s ease 0s;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#3f51a7}
.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.offcanvas.offcanvas-mobile-menu .offcanvas-close:hover:after{-webkit-transform:rotate(0);transform:rotate(0)}
.offcanvas.offcanvas-mobile-menu.offcanvas-open{-webkit-transform:translateX(0);transform:translateX(0)}
.offcanvas-header{display:flex;justify-content:space-between;padding:1rem 1rem}
.offcanvas.show{transform:none}
.offcanvas-overlay{position:fixed;z-index:999;top:0;right:0;bottom:0;left:0;display:none;background-color:rgba(0,0,0,.5)}
.offcanvas.offcanvas-open{-webkit-transform:translateX(0);transform:translateX(0)}

.line-shape-bottom{position:relative}
.line-shape-bottom::after{position:absolute;top:auto;left:0;width:100%;max-width:1170px;height:1px;content:"";background-color:#454545;margin:auto;bottom:-60px;right:0}
.line-shape{padding-left:120px;position:relative}
.line-shape::after{position:absolute;top:10px;left:20px;height:100%;width:1px;content:"";background-color:#fff;margin:auto;bottom:0}

@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){
.line-shape::after{display:none;text-align:center}
.pl-120px{padding-left:0}
}
.line-shape-top{border-top:1px solid #454545;padding:25px 0 25px 0}
@media only screen and (min-width:992px) and (max-width:1199px){
.pl-120px{padding-left:40px}
.line-shape::after{left:10px}
}

@media only screen and (max-width:575px){.pl-120px{padding-left:15px;padding-top:30px}}

.txt-center{text-align:center}
/**大腰帶
.footer-area{color:#fff;background:#252525;}**/
.footer-area{color:#fff;background:#343f6c;padding-top:140px;background-image: url(../img/footer-bg.jpg);background-repeat: no-repeat;background-position: center top;}
.footer-area .footer-top{padding:0px 0 30px 0;}
.footer-area a{color:#fff;}
.footer-area a:hover{color:#d0d0d0;padding-left:10px;}
.footer-area H4{color:#fff;font-size:1.3em;font-weight:600;margin-bottom:15px;}
.footer-area .footer-top .footer-links li{display:block;margin:0;line-height:1.8em;border:0;margin-bottom:5px}
.footer-area .copyright{padding:0px 0 40px 0;}
/**.footer-area .copyright{background:#141414;padding:20px 0 20px 0;}**/
.footer-area .copyright p{font-size:12px;color:#9a9bb3;}

@media only screen and (max-width:1024px){
.txt-center1024{text-align:center!important}	
.footer-area .copyright p{font-size:11px!important}
.footer-area .tl{text-align:left;padding-left:20px;}
.footer-area .tr{text-align:right;border-right:1px solid #fff;padding-right:20px;}
.footer-area .tc{text-align:center}
}

/**大腰帶**/
.banner-lg{display:block;overflow:hidden;}

.zoom-thumbs{width:95%;margin:18px auto 0 auto}

.zoom-thumbs .swiper-slide img{-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border:1px solid transparent;border-radius:5px;display:block;cursor: pointer;}
.zoom-thumbs .swiper-slide:hover img{border-color:#cfcfcf;}
.zoom-thumbs .swiper-slide.swiper-slide-thumb-active img{border-color:#cfcfcf}
.zoom-thumbs .swiper-slide .img-responsive{width:auto}

.swiper-container .zoom-top .swiper-slide {padding:0 10px;cursor: pointer;}
.swiper-container .zoom-top .swiper-slide img,.zoom-thumbs .swiper-slide:hover img{aspect-ratio: 1 / 1}
.img100 img{width:100%;}

.product-details-content h1{margin:0 0 18px 0}
.product-details-content p{line-height:30px;}

@media only screen and (max-width:767px){
.product-details-content h1{margin-top:1rem;}
.topbar{box-shadow:0px 5px 5px 0px #eee;}
.faq .panel-default h3.panel-title a{font-size:14px!important;padding:15px!important;line-height:16px!important;}
.faq .panel-default .prefix{font-size: 16px!important;}
}
.product-details-content {padding-top:8%;}
.product-details-content .characteristic{font-size:18px;font-weight:800;padding:15px 0;margin:1.3em auto;color:#3f51a7;display:block;border-width: 1px 0px;border-style: solid none;border-color: #eee #fff;}
@media only screen and (min-width:992px){
.page-area .showPdName{display:none!important;} 
}

@media only screen and (max-width:1023px){
.product-details-content {padding-top:0px;}
.product-details-content p{line-height:25px;}

.page-area .hidden1023{display:none}
.page-area .show1023{display:block}
}
.show992{display:none}

.topbar{margin:0 auto;border-style: solid solid none solid;border-width:1px 1px 0px 1px;border-color:#eeeeee #eeeeee #fff #eeeeee}
.topbar.nav{}
@media only screen and (max-width:532px){
p{font-size:14px!important;}
.topbar.nav a{font-size:1.1rem!important;padding:12px 8px!important;margin:0 3px 0 0px!important;}
h2{font-size:1.6rem}
h1{font-size:1.6rem!important;}
.radius10{border-radius:0px!important;}
.product .download:hover{border-radius:0px!important;}
.page-area{margin:40px auto 0px auto!important;}
.zoom-thumbs .swiper-slide img{border-radius:0px;}
}

.topbar.nav a{border:0;color:#363636;padding:12px 20px;margin:0 10px 0 0px;font-size:1.3em;font-weight:800;-webkit-transition:all .3s linear;transition:all .3s linear;display:inline-block;}
.topbar.nav a:hover{color:#3f51a7;border-bottom:5px solid #3f51a7}
.topbar.nav a.active{color:#3f51a7;border-bottom:5px solid #3f51a7}

.description{overflow:hidden;padding:40px;border:1px solid #eee;}
@media only screen and (max-width:767px){
.description{padding:40px 0 0 0;border:0; }
}
#description01 img{width:auto;max-width:100%;}

/**表單**/


.form .CAPTCHA img{width:150px;height:50px;margin:10px auto;}
.form input,.form select, .form textarea{border-radius:5px;height:50px;width:100%;background-color:transparent;border:1px solid #ebebeb;color:#474747;font-size:14px;margin:10px auto;padding:15px;outline:0}
.form input:focus,.form select:focus,.form textarea:focus{border:0px;background:#ebebeb;}
.form textarea{min-height:100px;!important}
.form .button-box {text-align:left}
.form .button-box input[type=checkbox]{height:15px;margin:0;position:relative;top:1px;width:17px;}
.form [type=submit],.form [type=button]{width:100%;height:50px;border-radius:5px;font-size:12px;margin:10px 0px;text-align:center;color:#fff;padding:10px;border:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;outline:0;font-weight:600;background:#3f51a7;}
.form [type=submit]:hover,.form [type=button]:hover{background:#58597e;}

.w100{width:100%;}
.btn a{color:#fff;}
.btn:hover{color:#fff;background:#58597e;}
.btn {color:#fff;width:auto;height:50px;border-radius:5px;font-size:12px;margin:10px 0px;text-align:center;padding:15px 20px;border:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;outline:0;font-weight:600;background:#3f51a7;}

.form .txtSmall{font-size:12px;padding-left:5px;}
.form input[type=checkbox]{height:15px;margin:0;position:relative;top:3px;width:17px;}

.faq .panel-default h3.panel-title a{font-size:1.2em;color:#212121;display:block;padding:20px;line-height:1em;font-weight:600;}
.faq .panel-default h3.panel-title a[aria-expanded=true]{border-radius:10px 10px 0 0;background:linear-gradient(#44518f,#3f51a7);color:#fff}
.faq .panel-default h3.panel-title{border-radius:10px;background-color:#ebebeb;color:#212121;font-size:14px;font-weight:500;margin:0;position:relative;text-transform:uppercase;line-height:1.5}
.faq .panel-default .panel-body{border-radius:0px 0px 10px 10px;padding:10px 20px 20px 20px;line-height:1.5em;font-size:1em;border:1px solid #3f51a7;}
.faq .panel-default{margin-bottom:20px;}
.faq .panel-default .panel-body li{list-style-type: disc;font-size: 14px;}
.faq .panel-default .prefix{font-size: 22px;}
.faq .panel-default h3.panel-title a:before{content:"";display:inline-block;font-family:FontAwesome;font-size:22px;position:absolute;right:20px;top:50%;margin-top:-5px}

.btnL{font-size:12px;margin:0 auto;text-align:center;color:#fff;padding:10px 20px;border-radius:5px;border:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;outline:0;font-weight:600;background:#3f51a7;}
.btnL:hover{padding:10px 30px;color:#d0d0d0;background:#252525;}

.category-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.category-wrapper .category-inner{display:-webkit-box;display:-ms-flexbox;display:flex;width:180px;height:180px;border:2px solid #474747;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;position:relative;margin:auto}
@media only screen and (max-width:479px){.category-wrapper .category-inner{width:140px;height:140px}}
.category-wrapper .category-inner:after{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-radius:100%;z-index:-1;border:2px dashed #3f51a7;opacity:0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.category-wrapper .category-inner .category-single-item{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:center}
.category-wrapper .category-inner .category-single-item img{margin:auto}

@media only screen and (max-width:479px){.category-wrapper .category-inner .category-single-item img{max-width:100%}}
.category-wrapper .category-inner .category-single-item .title{display:block;font-weight:600;color:#474747;margin:12px 0 0;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
@media only screen and (max-width:479px){.category-wrapper .category-inner .category-single-item .title{font-size:13px}}
.category-wrapper .category-inner:hover{border-color:transparent}.category-wrapper .category-inner:hover:after{opacity:1;-webkit-animation:spinAround 9s linear infinite;animation:spinAround 9s linear infinite}
.category-wrapper .category-inner:hover .title{color:#3f51a7}@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.nav-center .product-tab-nav .nav-item{display:inline-block;vertical-align:top;font-size:18px;text-transform:capitalize;padding:0;cursor:pointer;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}
@media only screen and (max-width:479px){.nav-center .product-tab-nav .nav-item{margin:0 0 20px 5px;}}
.nav-center .product-tab-nav .nav-item:last-child{margin-right:0}.nav-center .product-tab-nav .nav-item .nav-link{color:#767676}
.nav-center .product-tab-nav .nav-item .nav-link span{width:131px;height:44px;margin:0}
@media only screen and (max-width:575px){.nav-center .product-tab-nav .nav-item .nav-link span{width:115px}}
@media only screen and (max-width:479px){.nav-center .product-tab-nav .nav-item .nav-link span{width:80px}}
.nav-center .product-tab-nav .nav-item .nav-link span::after{background-image:url(../img/icons/tab-bg-2.png)}
@media only screen and (max-width:479px){.nav-center .product-tab-nav .nav-item .nav-link span::after{background-size:contain}}
.nav-center .product-tab-nav .nav-item.active,.nav-center .product-tab-nav .nav-item:hover{color:#fff}
.nav-center .product-tab-nav .nav-item.active span::after,.nav-center .product-tab-nav .nav-item:hover span::after{opacity:1}
@media only screen and (max-width:575px){.nav-center.nav-center-2 .product-tab-nav{-ms-flex-wrap:wrap;flex-wrap:wrap}}
@media only screen and (max-width:479px){.nav-center.nav-center-2 .product-tab-nav .nav-item{margin:0 0 0 5px}}
@media only screen and (max-width:767px){.nav-center.nav-center-2 .product-tab-nav .nav-item .nav-link span{width:100px}}
@media only screen and (max-width:767px){.nav-center.nav-center-2 .product-tab-nav .nav-item .nav-link span::after{background-size:contain}}
.mb-n-30px{margin-bottom:-30px}
.product-tab-nav.nav{-ms-flex-wrap:inherit;flex-wrap:inherit}
.product-tab-nav .nav-item{display:inline-block;vertical-align:top;font-size:18px;text-transform:capitalize;padding:0;cursor:pointer;font-weight:500;-webkit-transition:all .3s ease;transition:all .3s ease}
.product-tab-nav .nav-item .nav-link{color:#393939;padding:0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.product-tab-nav .nav-item .nav-link span{position:relative;z-index:1;width:100%;height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:5px 0 0}
.product-tab-nav .nav-item .nav-link span::after{position:absolute;top:0;left:0;right:0;bottom:0;content:"";background-image:url(../img/icons/tab-bg.png);background-repeat:no-repeat;background-position:center;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:100%;height:100%;z-index:-1;opacity:0}
.product-tab-nav .nav-item .nav-link.active,.product-tab-nav .nav-item .nav-link:hover{color:#fff}
.product-tab-nav .nav-item .nav-link.active span::after,.product-tab-nav .nav-item .nav-link:hover span::after{opacity:1}
@media only screen and (max-width:575px){.col-xs-6{width:50%}}
@media only screen and (max-width:479px){.col-xs-6{width:100%}}
.tab-content.mt-60px{padding-top:60px}
@media only screen and (max-width:479px){.tab-content.mt-60px{padding-top:30px}}
@media only screen and (min-width:992px) and (max-width:1199px){.grid-4-view .product .content .title a{font-size:14px}}
.product{position:relative;}
.product .download{display:block;width:100%;height:100%;background-color: rgba(0,0,0,0.6);text-align:center;border:0;font-size:1em;position:absolute;top:-20px;left:0;right:0;z-index:11;margin:auto;font-weight:500;visibility:hidden;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;-webkit-transform:translateY(0);transform:translateY(0);color:#fff;opacity:0;overflow:hidden;font-size:2em}
.product .download:hover{color:#fff;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.5);box-shadow:0 5px 15px 0 rgba(0,0,0,.5);border-radius:10px;}

.product .thumb{position:relative;overflow:hidden;}
.product .thumb img{z-index:1;max-width:100%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:100%;}
.product .thumb .image{position:relative;display:block;overflow:hidden}
.product .thumb .image img{z-index:1;max-width:100%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;width:100%;}
.product .thumb .image img.hover-image{position:absolute;z-index:2;top:0;left:0;opacity:0;}
.product .thumb .actions{position:absolute;z-index:9;top:18px;right:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.product .thumb .actions .action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:40px;height:40px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;text-decoration:none;color:#000;border-radius:50%;background-color:#eaeaea;font-size:24px}
.product .thumb .actions .action:hover{color:#fff;-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.2);box-shadow:0 5px 15px 0 rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px);background:#3f51a7}
.product .thumb .actions .action+.action{margin-top:15px}
.product .thumb .actions .action:not(.wishlist){visibility:hidden;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0}
.product .thumb .actions .action.active{background:#3f51a7}
.product .content{position:relative;z-index:10;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1;padding:0 0 40px}
.product .content H3 a{color:#333}
.product .content p{margin:0px;}

.product:hover .thumb img{-webkit-transform:scale(1.1) rotate(0);transform:scale(1.1) rotate(0)}
.product:hover .thumb img:not(:last-child){opacity:0}
.product:hover .thumb .actions .action{visibility:visible;-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
.product:hover .content .title a{color:#474747}
.product:hover .content .title a:hover{color:#3f51a7}
.product:hover .download{visibility:visible;-webkit-transform:translateY(20px);transform:translateY(20px);opacity:1}
.tab-content .tab-pane{display:block;overflow:hidden;height:0;visibility:hidden;max-width:100%;opacity:0}
.tab-content .tab-pane.active{height:auto;visibility:visible;opacity:1;overflow:visible}

.HomeBanner .single-banner{position:relative;display:block;overflow:hidden}
.HomeBanner a{color:#333}
.HomeBanner .single-banner .banner-content{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:70px 30px;width:100%;height:100%;justify-content:flex-end}

@media only screen and (min-width:992px) and (max-width:1199px),only screen and (max-width:767px){
.single-banner .banner-content{padding:40px 20px}
}

.HomeBanner .single-banner .banner-contentL{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:70px 0px 0px 70px;width:100%;height:100%;justify-content:flex-end}
.HomeBanner .single-banner .banner-contentL .title{font-size:2rem;line-height:1;font-weight:600;display:block;margin-top:10px;}
.HomeBanner .single-banner .banner-contentL .category{font-size:1rem;line-height:1;display:block;display:block}
.HomeBanner .single-banner img{max-width:100%;width:100%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
.HomeBanner .banner-content .title{font-size:2rem;line-height:1;font-weight:600;display:block;margin-top:10px;}
.HomeBanner .banner-content .category{font-size:1rem;line-height:1;display:block;display:block}
.HomeBanner .single-banner:hover img{-webkit-transform:scale(1.1) rotate(0deg);transform:scale(1.1) rotate(0deg)}
.slider-banner .single-banner{position:relative;overflow:hidden;border-radius:0}
.slider-banner .single-banner img{max-width:100%;width:100%;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
@media only screen and (max-width:767px){
.HomeBanner .banner-content .title{font-size:1.3rem!important;}
.HomeBanner .banner-contentL .title{font-size:1.3rem!important;}
}

@media only screen and (min-width:992px) and (max-width:1199px){
.slider-banner .single-banner img{height:237.5px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
}
.slider-banner .single-banner .banner-content{position:absolute;top:0;bottom:0;left:40px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.slider-banner .single-banner:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
@media only screen and (min-width:768px) and (max-width:991px){.slider-banner .responsive-flex{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}}
@media only screen and (min-width:768px) and (max-width:991px){.slider-banner .responsive-flex .single-banner{margin-top:30px;padding:0 15px}}
@media only screen and (min-width:768px) and (max-width:991px),only screen and (max-width:767px){.slider-banner .responsive-flex .single-banner img{-webkit-transform:none;transform:none}}
@media only screen and (max-width:767px){.slider-banner .responsive-flex .single-banner{margin-top:30px}}
.page-area{margin:80px auto 0px auto}
.page-area img{width:auto;max-width:100%}




.product-details-area,.description-area, .newsSingle{margin:5em auto;}

.single-News{margin-bottom:30px;}
.single-News .News-image .coverRB{position:absolute;height: 25%;Z-index:999;width: 25%;background-image: url(../img/newsCover.png); background-size: 100% auto;background-repeat: no-repeat;right: -1px;bottom: -1px;}

@media only screen and (max-width:767px){.single-News .News-text{text-align:center}}
.single-News .News-image{overflow:hidden;aspect-ratio: 1 / 1;position:relative;}
.single-News .News-image img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.single-News .News-text{padding:20px 0 0 0}
.News-text H3 a{color:#333;}
.News-text H3 a:hover{color:#3f51a7}
.News-text .date{color:#666;font-size:14px;}

.pageNumber{margin:60px auto 0px auto;}
.pageNumber li{display:inline-block}
.pageNumber li+li{margin-left:10px}
.pageNumber a{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;color:#d5d5d5;padding:0;height:40px;line-height:40px;background:#fff;display:inline-block;width:40px;border-radius:5px;text-align:center;vertical-align:top;font-size:1em;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;border-color:#d5d5d5;font-weight:800}
.pageNumber a .fa{font-size:2em;padding-top:3px;}
.pageNumber a.active{color:#fff;background-color:#3f51a7;-webkit-transform:translateY(-1px);transform:translateY(-1px);border-color:#3f51a7}
.pageNumber a:hover{color:#fff;background-color:#3f51a7;-webkit-transform:translateY(-1px);transform:translateY(-1px);border-color:#3f51a7}
.page-link{position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.page-link:hover{z-index:2;color:#666;background-color:#e9ecef;border-color:#dee2e6}
.page-link:focus{z-index:3;color:#666;background-color:#e9ecef;outline:0;}

.feature-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:#eee;margin:50px auto}
.feature-wrapper .feture-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:30px;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.3333333333%}
.feature-wrapper .feture-col img{width:70px;height:70px;margin-right:20px;border-radius:999em;}

@media only screen and (max-width:992px){
.disNav{margin-top:30px!important}
.HomeBanner .banner-contentL{padding:10% 30px!important;text-align:center;}	
.HomeBanner .banner-content{padding:12% 30px!important;}		
.page-area .hidden992{display:none}
.zoom-top .swiper-slide {padding:0 0px!important;}
.page-area .show992{display:block}	
.feature-wrapper .feture-col{-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%}}
.breadcrumb-area{
	background-image:url(../img/breadcrumb.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	border-bottom-width:0;
	height:400px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	background-size:cover;
	text-align: center;
}
.breadcrumb-area H3{ color:rgba(255,255,255,0.9);margin:0px;font-size:30px}
.breadcrumb-area p{color:rgba(255,255,255,0.5);font-size: 11px;margin:0px;}

@media only screen and (max-width:767px){
.breadcrumb-area H3{ font-size:20px}
.breadcrumb-area p{font-size: 11px!important}
.breadcrumb-area{height:200px;}
}
.category-area {padding:3em;background-image: linear-gradient(to top, #dedede, #f6f6f6);margin-bottom:2em;border-radius:10px;}
.category-area .category-name {display:flex;align-items: center;padding:1rem 2rem} 
.category-area .circle-img img{border-radius:999em;width:100%;aspect-ratio: 1 / 1;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}
@media only screen and (max-width:767px){
.category-area .category-name {text-align:center;}
.category-area .category-name dd{width:100%}
.category-area {margin-bottom:0em;border-radius:0px;}
}
.close-btn{position:absolute;top:0;right:50px;color:#fff;z-index:9;width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:30px;background:0 0;border:1px solid #fff;opacity:0;-webkit-transition:.5s;transition:.5s;padding:0}
/**swiper**/
:root {--animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1}
.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index:1;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;display: flex;transition-property: transform;box-sizing: content-box;}
.swiper-slide {flex-shrink: 0;width: 100%;height: 100%;position: relative;transition-property: transform}
.swiper-button-next:hover,.swiper-button-prev:hover {opacity:1;}
.swiper-button-next,.swiper-button-prev {color:#fff;opacity:.5;font-size:4rem;position: absolute;top: calc(50% - 2rem);z-index: 10;cursor: pointer;display: flex; align-items: center;justify-content: center;}

@media only screen and (max-width:767px){
.aboutPage .img768{height:250px;}
.disArea section{padding:40px 15px 40px 15px!important;}
.swiper-button-next,.swiper-button-prev {font-size:2rem; top: calc(50% - 1rem);}
}
.swiper-button-next:after, .swiper-button-prev:after {font-family: swiper-icons;font-size: var(--swiper-navigation-size);letter-spacing: 0;text-transform: none; font-variant: initial;line-height: 1}
.swiper-button-prev {left: 20px;right: auto;}
.swiper-button-next {right: 20px;left: auto;}
.mt80{margin-top:50px;}
.mb80{margin-bottom:50px;}
@media only screen and (max-width:1199px){

#nav-menu .width{width:100%!important}
.anchor-element {top: -115px!important;}
.disNav #nav-menu ul.menu-list li > a{font-size:14px}
}
@media only screen and (max-width:325px){
.sticky-nav.menu_fixed .header-action-btn{margin-top:-20px;}
#nav-menu{top:53px!important;}
.breadcrumb-area{height:150px;}
.header-main .header-logo1{width:163px!important;height:35px;margin-top:0px;}
.header-main .header-logo1 img{width:163px!important;height:35px!important}
.header-logo2{width:163px!important;height:35px;margin-top:0px;}
.header-logo2 img{width:163px!important;height:35px!important}
.header-main{padding:10px 0;height:55px;}
.offcanvas.offcanvas-mobile-menu .offcanvas-mobile-menu-logo{width:163px;height:35px;top:10px;}
.offcanvas-mobile-menu-logo img{width:163px;height:35px}
.offcanvas.offcanvas-mobile-menu{padding-top:55px}
.offcanvas.offcanvas-mobile-menu .offcanvas-close::after{width:25px;}
.offcanvas.offcanvas-mobile-menu .offcanvas-close::before{width:25px}
.offcanvas.offcanvas-mobile-menu.offcanvas-open .offcanvas-close{top:2px;}
.fixed-nav nav#nav-menu {top:55px!important}
.anchor-element {position: absolute;top: -85px!important}
.disNav #nav-menu ul.menu-list li > a{font-size:12px}
}

.clear{clear:both}
.anchor-element {position: absolute;top: -135px;visibility: hidden;}
.boxContent {width:100%;margin:0 auto;z-index:4}
.boxContent .item {padding:50px 0;font-size: 30px;margin-bottom: 10px;position: relative;margin:0px}
.boxContent .disBg{background-color:#fff;min-height:300px}
.boxContent .videoBg{background-color: #ededed;background-image: url(../img/videoBg.jpg);text-align:center;background-repeat: no-repeat;background-position: center center;}
.boxContent .askBg{background:linear-gradient(#F6F6F6, white);}

.disNav{display: block;margin-top:80px;padding-top:0px;box-shadow:3px 3px 9px 9px #ccc;z-index:999}
.disNav nav#nav-menu{ background: #3f51a7;}
.disNav #nav-menu .width{width:1278px;margin:0 auto;}
.disNav #nav-menu ul.menu-list { display: flex; list-style: none;width: 100%;height:35px;top:0;  position: relative;transition: all 0.5s linear;  z-index: 1;}
.disNav #nav-menu ul.menu-list li {height:35px;border-right-width:thin;border-right-style:solid;border-right-color:#FFF;height:35px;display: block; flex: 1; text-align: center; justify-content: center; align-items: center; padding:0px ;line-height:35px;}
.disNav #nav-menu ul.menu-list li > a {height:35px;text-align:center; display: block; color: #fff; transition: 0.2s linar;}
.disNav #nav-menu ul.menu-list li > a:hover {background: #666;}
.fixed-nav nav#nav-menu {margin:auto;width:100%;position:fixed; justify-content: center;  align-items: center; top:100px;z-index:5}

.navH1 a{color:#333}
.navH1 .act{color:#3f51a7}
.contact{background-color:#eee;padding:20px 20px 40px 20px;margin-bottom:20px;}
.contact .fas{font-size:3em;color:#333;margin-top:20px;}
.contact H4{font-size:1em;margin:10px 0px;padding:0px;}
.contact p{margin:0px;padding:0px;font-size:14px;}
.txtWhite{color:#FFF!important}
.imgGray img{filter: grayscale(100%);}

.aboutPage {width:100%;overflow:hidden;display:block}
.aboutPage img{width:auto;max-width:100%}
.BgGrass{padding:50px;
	background-image: url(../img/about04.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	background-color: #996;
}
.p-50{padding:50px;}
.aboutPic{min-height:350px;
	background-size: 100% auto;
	background-image: url(../img/about03.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.HomeVideo{	background-size: 100% auto;margin:50px auto;display:block;
	background-image: url(../img/HomeVideo.jpg);}
.chatDs div{line-height:30px}