.carousel-control {
	width: 5%
}

.form-control {
	font-size: 1em
}

.carousel-control.left,
.carousel-control.right {
	background: none
}

.carousel-indicators li {
	width: 8px;
	height: 8px;
	background: #fff;
	border: none
}

.carousel-indicators .active {
	box-shadow: 0 0 10px #eee;
	width: 10px;
	height: 10px
}

.Reference {
	font-size: 0.95em;
	color: #666666
}

.Reference li {
	word-wrap: break-word
}

.carouselbox .carousel-caption h3 {
	font-size: 30px
}

.show-xs {
	display: none
}

.comment-icon {
	text-align: center
}

.updata {
	padding-left: 160px
}

.user-center {
	padding-left: 30px
}

.filter-u {
	padding-right: 130px;
	padding-left: 10px;
	overflow: hidden;
	zoom: 1;
	height: 25px
}

.filter-one ul {
	float: left
}

.filter-one {
	padding-left: 160px
}

.search-result>.search-one {
	display: inline-block;
}

/* @media (min-width:993px) {
	.search-result>.search-one {
		width: 33%
	}
}

@media (max-width:992px) {
	.search-result>.search-one {
		width: 49%
	}
} */

.by-search .nav-tabs>li {
	width: 25%
}

.one-cell {
	vertical-align: top
}

.one-cell a {
	padding: 70px 20px 10px 50px;
	display: block;
	height: 350px
}

.col-md-7 .one-cell a {
	padding: 70px 16% 10px 50px
}

@media only screen and (min-width:320px) and (max-width:480px) {
	.show-xs {
		display: inline-block
	}
}

.bypart {
	margin: 40px 0 70px 0
}

.target-box {
	margin-top: 70px
}

.target-box a {
	display: block;
	padding: 0 3px 12px 3px;
	font-size: 1.1em
}

.bypart .bypart-box {
	overflow: hidden;
	width: 100%
}

.bypart .index-imgbox {
	width: 100%;
	height: 180px;
	display: block;
	overflow: hidden
}

.bypart .index-imgbox img {
	min-width: 0;
	min-height: 0;
	width: 100%;
	opacity: .98;
	filter: alpha(opacity=98);
	transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out
}

.bypart .index-imgbox:hover img {
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	opacity: 1
}

.bypart h2 a {
	margin: 30px 0 20px 0;
	display: block;
	font-size: 26px
}

.bypart p {
	line-height: 1.8;
	font-size: 1.05em
}

.morebox span a {
	display: inline-block;
	padding: 5px;
	color: #999;
	font-size: 1.05em
}

.morebox span a:after {
	content: "\f0a4";
	font-family: "Font Awesome\ 5 Free";
	color: #ffffff
}

.morebox span a:hover:after {
	content: "\f0a4";
	font-family: "Font Awesome\ 5 Free";
	color: var(--main-blue-color)
}

.morebox span a:hover {
	display: inline-block;
	padding: 5px;
	color: var(--main-blue-color);
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	text-decoration: none
}

.carouselbox {
	margin-bottom: 100px
}

.carouselbox .carousel-control {
	width: 5%;
	background: none
}

.carouselbox .carousel-caption {
	z-index: 2;
	padding: 15px 8%
}

.carouselbox .carousel-caption h3 {
	color: #ffffff
}

.carouselbox .carousel-caption a {
	display: inline-block;
	text-align: center;
	padding: 10px 15px;
	font-size: 20px;
	background: rgba(67, 81, 170, 0.7);
	color: #ffffff;
	width: 180px;
	margin-top: 10px
}

.index-box {
	margin: 30px auto 20px auto
}

.one-table {
	display: table;
	height: 350px;
	width: 100%
}

.one-cell {
	display: table-cell;
	height: 350px
}

.one-cell a {
	color: #222;
	position: relative;
	z-index: 1;
	transition: all ease .25s
}

.one-cell a::before {
	content: '';
	position: absolute;
	background: rgba(255, 255, 255, .4);
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	display: block;
	z-index: -1;
	opacity: 0;
	transition: all ease .25s
}

.one-cell a:hover,
.one-cell a:focus {
	text-decoration: none
}

.one-cell a:hover::before {
	opacity: 1
}

.one-cell h3 {
	margin-bottom: 30px;
	color: #222;
	font-size: 1.65em;
	line-height: 1.5em
}

.one-cell p {
	font-weight: bold;
	margin-bottom: 25px
}

.one-cell p>span {
	display: inline-block;
	padding: 5px 10px;
	background: var(--main-blue-color);
	color: #fff;
	border-radius: 5px;
	font-weight: normal;
	font-size: .9em
}

.one-cell p>span:hover {
	background: #4c5ab8
}

.index-promotion {
	background-color: var(--main-blue-color);
	color: #fff;
	padding: 25px 35px 25px 35px;
	margin-top: 35px;
	margin-left: auto;
	margin-right: auto
}

.promotion-title {
	font-size: 22px;
	padding-left: 25px;
	line-height: 1.2em
}

.promotion-title h3 {
	color: #fff;
	margin: 0;
	font-size: 30px
}

.promotion-box {
	padding-top: 5px;
	font-size: 40px;
	line-height: 1.5em;
	font-weight: lighter !important
}

.promotion-box a {
	color: #fff
}

.promotion-box a:hover,
.promotion-box a:focus {
	text-decoration: none
}

.promotion-box .discount-box {
	position: relative;
	height: 100%;
	display: block;
	padding-top: 10px
}

.promotion-box img {
	position: absolute;
	top: -20px;
	right: 20px
}

.promotion-box .discount-box strong {
	display: inline-block
}

.promotion-box .discount-box strong span {
	color: #f6bd3a
}

.line_fenge {
	border-left: 1px solid #fff;
	height: 80px;
	width: 1px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 0px;
	left: 0;
	transform: rotate(30deg)
}

.contactbox {
	margin: 60px 0
}

.contact-usa li {
	margin-bottom: 10px
}

.contact-a {
	text-align: center;
	padding: 5px;
	width: 60%;
	background: #f3be3e;
	display: block;
	border-radius: 2px;
	color: #ffffff;
	font-size: 18px;
	margin: 20px 0
}

.purchase-title {
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 1.2em;
	color: var(--main-blue-color)
}

.purchase-submit {
	background: #f3be3e;
	border: none;
	font-size: 18px;
	color: #ffffff;
	margin-bottom: 30px
}

.credit-box {
	margin: 30px 0
}

.credit-box .purchase-p {
	font-size: 0.9em;
	margin-bottom: 20px
}

.credit-p2 {
	color: var(--main-blue-color)
}

.purchase-submit:hover {
	background: #e7ae26
}

.credit-box .form-control {
	box-shadow: none
}

.credit-box .form-control:hover {
	background: rgba(255, 255, 255, 0.6)
}

.e-red {
	color: red
}

.an-register {
	margin-top: 25px;
	margin-bottom: 50px
}

.an-register .control-label {
	text-align: left
}

.an-register .form-control {
	box-shadow: none;
	height: 40px
}

.pass-letter {
	color: #999999;
	font-size: 0.8em;
	display: block;
	padding: 5px;
	font-weight: 500;
	line-height: 1.4em
}

.register-help {
	padding: 10px 20px 20px 20px;
	background: #f9f9f9;
	display: inline-block;
	margin: 15px 0;
	width: 100%
}

.register-help .fa {
	color: #f5c85c
}

.register-help ul .fa {
	width: 20px;
	text-align: center
}

.register-help h4 {
	margin-bottom: 15px
}

.register-help ul li {
	margin-bottom: 7px
}

.register-sign {
	background: var(--main-blue-color);
	border: none;
	font-size: 1.1em;
	color: #ffffff;
	width: 100%;
	border-radius: 3px;
	padding: 5px
}

.register-sign:hover {
	background: var(--main-yellow-color)
}

.forgetpassword {
	color: #f5c85c;
	font-size: 0.9em;
	display: inline-block;
	padding: 5px 10px
}

.forgetpassword:hover {
	color: #262626
}

.sign-register {
	color: #74778c;
	display: inline-block;
	float: right;
	padding: 5px 10px;
	font-size: 0.9em
}

.target-search {
	background: #f9f9f9;
	width: 100%;
	padding: 20px 15px;
	margin: 30px 0
}

.target-search h3 {
	margin: 0 0 12px 0;
	font-size: 21px
}

.hot-product h3 {
	margin: 0 0 20px 0;
	font-size: 21px
}

.target-in {
	position: relative;
	margin-bottom: 20px
}

.target-in input {
	width: 100%;
	border: 1px solid #dddddd;
	outline: none;
	padding: 6px 10px;
	margin-top: 10px
}

.target-in input:focus,
.target-in input:hover {
	border: 1px solid #c8c9cd;
	background: #ffffff
}

.target-in span {
	position: absolute;
	right: 0px;
	top: 10px;
	display: inline-block;
	background: #eeeeee;
	padding: 7px 30px;
	cursor: pointer;
	color: #999;
	font-size: 1.1em
}

.alp-target a {
	display: inline-block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center
}

.alp-target a:hover,
.target-in span:hover {
	background: #838abb;
	color: #fff
}

.hot-product {
	margin-bottom: 50px
}

.table-select {
	width: 100%;
	margin-bottom: 60px
}

.table-select>thead>tr>th,
.table-select>tbody>tr>th,
.table-select>tfoot>tr>th,
.table-select>thead>tr>td,
.table-select>tbody>tr>td,
.table-select>tfoot>tr>td {
	padding: 1em 0.5em;
	border: 1px solid #e3e3e3;
	min-width: 80px
}

.table-select>tbody>tr:nth-child(odd)>td,
.table-select>tbody>tr:nth-child(odd)>th {
	background-color: #f9f9f9
}

.table-select td,
.table-select th {
	text-align: center
}

.table-select td.text-left,
.table-select th.text-left {
	text-align: left
}

.filter-box {
	padding: 20px 0
}

.addcart {
	display: inline-block;
	width: 100%;
	font-size: 1.2em;
	color: #f1a707
}

.product-ag {
	padding-bottom: 10px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 15px
}

.product-rec a {
	font-size: 20px;
	padding: 10px 15px;
	display: inline-block
}

.product-page {
	margin: 30px 0
}

.product-page .pagination>li>a {
	margin-left: 10px;
	background: #c5c4c4;
	border-radius: 3px;
	color: #ffffff;
	border: none
}

.product-page .pagination>li>a:hover {
	background: var(--main-blue-color)
}

.product-page .pagination>li.active>a {
	background: var(--main-blue-color);
	border: none
}

.product-page .pagination>li.active>a:hover {
	background: #c5c4c4
}

.product-name {
	color: var(--main-blue-color);
	font-size: 23px;
	margin-bottom: 15px;
	margin-top: 10px;
	word-break: break-all
}

.product-name span {
	display: inline-block;
	font-size: 0.8em;
	margin-left: 40px;
	color: #595959
}

.star-box {
	display: inline-block;
	width: 102px;
	height: 16px;
	background: url("../images/star-list.png") no-repeat
}

.product-tab {
	margin: 20px 0
}

.product-tab .nav-tabs {
	border-bottom: none;
	background: #f9f9f9
}

.product-tab .nav-tabs>li>a {
	border-radius: 0;
	background: #e7e7e8;
	color: #45464f;
	font-weight: 600;
	border-right: 5px solid #fff;
	border-left: none;
	border-top: none;
	border-bottom: none
}

.product-tab .nav-tabs>li>a:hover {
	background: #858bb1;
	color: #ffffff
}

.product-tab .nav-tabs>li.active>a,
.product-tab .nav-tabs>li.active>a:hover,
.product-tab .nav-tabs>li.active>a:focus {
	background: #6f7ac2;
	color: #ffffff;
	border-right: 5px solid #fff;
	border-left: none;
	border-top: none;
	border-bottom: none
}

.product-tab .tab-content {
	border: 1px solid #e3e3e3;
	margin: 7px 0 20px 0;
	padding: 2px
}

.product-panel .data-box {
	background: none
}

.product-panel.panel-group .panel {
	border-radius: 0
}

.product-panel .panel-default>.panel-heading {
	padding: 0
}

.product-panel .panel-title {
	padding: 10px 15px;
	position: relative
}

.product-panel .panel-title:hover {
	cursor: pointer
}

.product-panel .panel-title {
	border-left: 3px solid var(--main-blue-color)
}

.product-panel .panel-title.collapsed {
	border-left: none
}

.product-panel .panel-title.collapsed:after {
	content: '\f067'
}

.product-panel .panel-title:after {
	position: absolute;
	right: 15px;
	top: 10px;
	content: '\f068';
	font-family: "Font Awesome\ 5 Free";
	color: var(--main-blue-color);
	font-weight: normal;
	font-size: .85em
}

.product-panel .data-box div[class*="col-md"] {
	padding: 8px 15px
}

.product-panel .review-box,
.product-panel .Refer-box {
	padding: 0
}

.data-box h4:first-child {
	margin-top: 0
}

.data-box h4 {
	margin: 10px 0;
	color: var(--main-blue-color);
	font-size: 1.4em;
	font-weight: bold
}

.data-box h4 i {
	color: red;
	font-size: 10px
}

.data-box {
	word-wrap: break-word
}

.data-box .row {
	border-bottom: 1px solid #ffffff
}

.data-box div[class*="col-md"] {
	padding: 8px 0px;
}

.submit-rq a {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #dddddd;
	border-radius: 3px;
	margin-right: 10px;
	color: #242424;
	margin-bottom: 10px
}

/*.review-box{padding:20px 10px}*/
.submit-rq a:hover {
	background: #e7e7e8;
	text-decoration: none
}

.submit-rq a.active {
	background: #6f7ac2;
	color: #ffffff
}

.view-box {
	display: inline-block;
	margin: 0 7px
}

.view-box select {
	padding: 5px;
	outline: none;
	border: 1px solid #c5c5c7;
	border-radius: 3px
}

.view-qa {
	font-size: 0.9em;
	padding: 15px;
	color: #999;
	display: inline-block
}

.votes-box {
	position: relative;
	text-align: center
}

.votes-box a,
.votes-box span.vote-one {
	display: block;
	height: 35px;
	line-height: 35px
}

.votes-box span.vote-one {
	font-weight: bold;
	font-size: 1.3em
}

.votes-box span.vote-two {
	display: block;
	height: 100px;
	line-height: 100px;
	font-weight: bold;
	font-size: 1.3em
}

.votes-box a .fa {
	color: #dcdcdc
}

.vote-left {
	position: absolute;
	right: 0;
	top: 37%;
	color: #eee
}

.vote-content {
	background: #f9f9f9;
	padding-top: 20px;
	padding-bottom: 20px;
	border: 1px solid #e3e3e3
}

.comment-title {
	font-size: 21px;
	color: var(--main-blue-color);
	line-height: 1.2em
}

.proImg img {
	margin: 5px 0 10px 0
}

.comment-icon {
	color: #dddddd
}

.font-gray {
	color: #6f6e6e
}

.user-one {
	color: var(--main-blue-color)
}

.user-two {
	color: #d1b146
}

.comment-icon .fa {
	font-size: 30px
}

.comment-box {
	border: 1px solid #e3e3e3
}

.comment-box .com-cont {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e3e3e3
}

.comment-box .com-cont:first-child {
	background: #f9f9f9
}

.comment-box .com-cont:last-child {
	border-bottom: none
}

.com-cont .col-md-1 {
	width: 11%
}

.com-cont .col-md-11 {
	width: 89%
}

.votes-two a .fa {
	color: #dcdcdc
}

.votes-two span.vote-one {
	font-weight: bold;
	display: block
}

.refer-icon {
	position: relative;
	padding-left: 25px
}

.refer-icon:before {
	font-family: "Font Awesome\ 5 Free";
	content: "\f15c";
	color: #dddddd;
	padding-right: 10px;
	position: absolute;
	left: 5px;
	top: 2px
}

.view-product {
	border: 1px solid #dddddd;
	margin-bottom: 60px;
	margin-top: 20px;
	padding-bottom: 20px
}

.view-ptitle {
	font-size: 16px;
	background: #f9f9f9;
	padding: 15px 10px;
	margin-top: 0;
	font-weight: bold;
	margin-bottom: 30px
}

.view-name {
	display: block;
	background: #f9f9f9;
	font-weight: bold;
	text-align: center;
	padding: 10px 3px;
	border: 1px solid #eeeeee;
	font-size: 1.1em
}

.tabsamll-price {
	margin: 50px 0 25px 0;
	background: #f9f9f9;
	border: 1px solid #eeeeee
}

.tabsamll-price>thead>tr>th,
.tabsamll-price>tbody>tr>th,
.table>tfoot>tr>th {
	background: #e5e5e5;
	border: none
}

.tabsamll-price>thead>tr>th,
.tabsamll-price>tbody>tr>th,
.tabsamll-price>tfoot>tr>th,
.tabsamll-price>thead>tr>td,
.tabsamll-price>tbody>tr>td,
.tabsamll-price>tfoot>tr>td {
	border: none;
	padding: 10px 8px;
	line-height: inherit
}

.tabsamll-price>tbody>tr:last-child>td {
	background: #6f7ac2;
	padding: 5px;
	color: #ffffff;
	margin-top: 5px;
	text-align: center;
	border: 1px solid #6f7ac2
}

.tabsamll-price>tbody>tr:last-child>td a {
	padding: 5px;
	color: #ffffff
}

.tabsamll-price>tbody>tr:last-child>td a:hover {
	color: #e3e3e3;
	text-decoration: none
}

.minus-icon,
.plus-icon {
	cursor: pointer
}

.minus-icon:before {
	font-family: glyphicons;
	content: "\2212";
	color: #9c9b9b
}

.plus-icon:before {
	font-family: glyphicons;
	content: "\002b";
	color: #9c9b9b
}

.table-cart .input-sm {
	min-width: 40px
}

.table-cart select {
	padding: 5px;
	border: none;
	background: #eeeeee
}

.table-cart {
	border: 1px solid #dddddd
}

.table-cart>thead>tr>td,
.table-cart>tbody>tr>td,
.table-cart>tfoot>tr>td {
	padding: 15px 5px;
	vertical-align: middle
}

.table-cart>thead>tr>th,
.table-cart>tbody>tr>th,
.table-cart>tfoot>tr>th {
	background: #e5e5e5;
	padding: 15px 5px;
	vertical-align: middle
}

.subtotal:before,
.selling-price:before,
.price-total:before {
	content: '$'
}

.basket-title {
	margin: 0 0 25px 0;
	background: #eeeff7;
	padding: 13px 10px;
	color: #444;
	font-size: 18px
}

.price-box div[class*='col-md'] {
	margin-top: 10px;
	margin-bottom: 10px
}

.price-box select,
.price-box input[type=text] {
	padding: 3px 5px;
	height: 33px;
	width: 230px;
	border-radius: 2px;
	border: 1px solid #b2b2b1;
	outline: none
}

.price-discount {
	display: inline-block;
	width: 150px
}

.price-box a {
	display: inline-block;
	padding: 7px 15px;
	margin: 10px;
	float: right;
	color: #ffffff;
	background: var(--main-blue-color);
	border-radius: 3px
}

.updata {
	color: #3a3a3a;
	display: inline-block;
	padding-top: 3px;
	font-size: 0.9em
}

.price-box a.continue-shopping {
	background: #9ea0ab
}

.cart-summary {
	margin: 15px 0
}

.cart-summary span {
	color: red;
	display: inline-block;
	padding-right: 20px
}

.cart-summary label {
	font-size: 1.2em
}

.register-title {
	margin-top: 40px;
	margin-bottom: 20px
}

.name-box {
	font-size: 0.9em;
	margin-top: 20px;
	text-align: right
}

.demo input,
.demo textarea,
.demo select {
	border: 1px solid #999;
	border-radius: 5px;
	color: #333;
	display: inline-block;
	height: 27px;
	font-size: 1.5em;
	text-align: center;
	width: 135px;
	vertical-align: middle
}

.target-demo {
	display: inline-block;
	vertical-align: middle
}

.write-hint {
	display: inline-block
}

.write-title {
	font-size: 20px;
	margin-top: 0;
	margin-bottom: 30px
}

.write-box .form-control {
	box-shadow: none;
	border-radius: 0
}

.write-box {
	margin-bottom: 60px
}

.write-note {
	font-size: 0.9em;
	color: #666666;
	margin-top: 8px
}

.write-file {
	border: 1px solid #ccc;
	width: 100%
}

.submit-review {
	background: #74778c;
	color: #ffffff;
	border: none;
	padding: 6px 10px;
	margin: 10px;
	border-radius: 3px;
	float: right
}

.submit-review:last-child {
	background: var(--main-blue-color)
}

.makeinuiry {
	font-size: 22px;
	margin-bottom: 10px;
	margin-top: 0
}

.user-box {
	list-style: none;
	margin-bottom: 40px;
	padding-left: 0
}

.user-box li {
	margin-bottom: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff
}

.user-box li:before {
	content: "\f2d1";
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	font-family: "Font Awesome\ 5 Free";
	color: #dddddd;
	display: inline-block;
	font-size: 14px
}

.user-box li a {
	font-weight: bold;
	color: #444;
	display: inline-block;
	padding: 14px 8px
}

.user-box li:hover {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee
}

.user-box li:hover a {
	color: #f3be3e;
	text-decoration: none;
	display: inline-block;
	padding: 14px 8px 14px 10px
}

.user-box li:after {
	content: "\f0da";
	font-family: "Font Awesome\ 5 Free";
	color: #dddddd;
	float: right;
	padding: 14px 8px;
	font-size: 14px
}

.user-box .active {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee
}

.user-box .active:before,
.user-box .active a {
	color: #f3be3e
}

.user-information {
	font-weight: bold;
	font-size: 1.3em;
	margin-top: 0;
	margin-bottom: 20px;
	position: relative
}

.user-center .edit-icon .fa {
	float: none
}

.edit-icon .fa {
	color: #f3be3e;
	display: inline-block;
	padding-left: 50px;
	font-size: 16px;
	float: right;
	cursor: pointer
}

.edit-save {
	background: #74778c;
	color: #ffffff;
	border-radius: 3px;
	border: none;
	width: 100%;
	padding: 5px;
	font-weight: bold;
	outline: none;
	display: block;
	text-align: center
}

.edit-save:hover,
.edit-save:focus,
.edit-save:active {
	outline: none;
	background: #757cb3;
	color: #ffffff;
	text-decoration: none
}

.table-order {
	border: 1px solid #ebeaea;
	font-size: 0.92em
}

.table-order>thead>tr>th {
	background: #a0a0a1;
	color: #ffffff;
	padding: 12px 6px;
	vertical-align: middle
}

.table-order>tbody>tr>td {
	border-bottom: 1px solid #ebeaea;
	padding: 15px 6px
}

.edit-box {
	margin-bottom: 40px
}

.edit-box label,
.user-edit label,
.check-info .modal-content label {
	padding-left: 10px;
	font-size: 15px
}

.check-order .modal-content .form-control {
	height: 30px;
	padding: 4px 8px
}

.check-title {
	padding: 5px 0;
	margin-bottom: 10px
}

.check-title b {
	color: var(--main-blue-color)
}

.edit-box span {
	color: red
}

.check-order {
	border: 1px solid #ddd;
	padding: 20px;
	margin: 40px 0
}

.submit-order {
	width: 100%;
	background: #f3be3e;
	text-align: center;
	border: none;
	outline: none;
	color: #ffffff;
	font-weight: bold;
	border-radius: 3px;
	padding: 6px 10px;
	display: block
}

.submit-order:hover,
.submit-order:focus,
.submit-order:active {
	color: #ffffff;
	background: #f3c556;
	text-decoration: none
}

.order-box {
	padding: 0 25px
}

.order-amount {
	font-size: 1.2em;
	font-weight: bold;
	color: red
}

.check-order .pencil-icon {
	color: #f3be3e;
	font-size: 17px
}

.contact-title {
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 0
}

.modal-open {
	overflow: auto
}

.p-abbreviation {
	padding: 0 0 20px 0;
	margin-bottom: 40px;
	/*font-size:0.8em*/
}

.p-abbreviation div[class*='col-md'] {
	margin-bottom: 10px
}

.p-abbreviation span {
	display: inline-block;
	padding: 2px 3px;
	border: 1px dashed #bbac08;
	margin-right: 5px;
	line-height: 1.3em;
	width: 35px;
	position: relative
}

.table-check {
	margin-bottom: 10px
}

.table-check>thead>tr>th,
.table-check>tbody>tr>th,
.table-check>tfoot>tr>th,
.table-check>thead>tr>td,
.table-check>tbody>tr>td,
.table-check>tfoot>tr>td {
	border: 1px solid #ddd
}

.table-check>thead>tr>th,
.table-check>tbody>tr>th,
.table-check>tfoot>tr>th {
	background: #f9f9f9
}

.Abbre-a {
	display: block;
	position: relative;
	color: #666;
	font-size: 0.9em;
	margin-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

.Abbre-a span {
	position: absolute;
	top: 0px;
	right: 0px;
	font-weight: bold;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 22px;
}

.Abbre-a span::after {
	content: "+"
}

.Abbre-a span.arrw::after {
	content: "-"
}

@media(min-width:993px) {
	.p-abbreviation {
		display: block
	}

	.Abbre-a span {
		display: none
	}
}

@media(max-width:992px) {
	.Abbre-a span {
		display: block
	}

	.p-abbreviation {
		display: none
	}
}

.cd-add-to-cart {
	display: inline-block;
	font-weight: 700;
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 100%
}

.cd-add-to-cart:active {
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)
}

.cd-cart-container::before {
	content: '';
	position: fixed;
	z-index: 1;
	height: 100vh;
	width: 100vw;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .4s, visibility .4s;
	transition: opacity .4s, visibility .4s
}

.cd-cart-container.cart-open::before {
	opacity: 1;
	visibility: visible
}

.cd-cart,
.cd-cart-trigger {
	position: fixed;
	top: 35%;
	right: 14px;
	-webkit-transition: -webkit-transform .2s;
	transition: -webkit-transform .2s;
	transition: transform .2s;
	transition: transform .2s, -webkit-transform .2s;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	will-change: transform;
	backface-visibility: hidden
}

.empty .cd-cart,
.empty .cd-cart-trigger {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.cd-cart-trigger {
	z-index: 16;
	height: 55px;
	width: 55px;
	text-indent: 100%;
	color: transparent;
	white-space: nowrap;
	background: #fff
}

.cd-cart-trigger::after,
.cd-cart-trigger::before {
	content: '';
	position: absolute;
	left: 33%;
	top: 35%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	height: 90%;
	width: 90%;
	background: url(../images/cd-icons-cart-close.svg) no-repeat 0 0;
	-webkit-transition: opacity .2s, -webkit-transform .2s;
	transition: opacity .2s, -webkit-transform .2s;
	transition: opacity .2s, transform .2s;
	transition: opacity .2s, transform .2s, -webkit-transform .2s
}

.cd-cart-trigger::after {
	background-position: -72px 0;
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform: translateX(-50%) translateY(-50%) rotate(90deg)
}

.cart-open .cd-cart-trigger::before {
	opacity: 0
}

.cart-open .cd-cart-trigger::after {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.cd-cart-trigger .count {
	position: absolute;
	top: -10px;
	right: -10px;
	height: 20px;
	width: 20px;
	background: #e94b35;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
	border-radius: 50%;
	text-indent: 0;
	-webkit-transition: -webkit-transform .2s .5s;
	transition: -webkit-transform .2s .5s;
	transition: transform .2s .5s;
	transition: transform .2s .5s, -webkit-transform .2s .5s
}

.cd-cart-trigger .count li {
	position: absolute;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%)
}

.cd-cart-trigger .count li:last-of-type {
	visibility: hidden
}

.cd-cart-trigger .count.update-count li:last-of-type {
	-webkit-animation: cd-qty-enter .15s;
	animation: cd-qty-enter .15s;
	-webkit-animation-direction: normal;
	animation-direction: normal
}

.cd-cart-trigger .count.update-count li:first-of-type {
	-webkit-animation: cd-qty-leave .15s;
	animation: cd-qty-leave .15s;
	-webkit-animation-direction: normal;
	animation-direction: normal
}

.cart-open .cd-cart-trigger .count {
	-webkit-transition: -webkit-transform .2s 0s;
	transition: -webkit-transform .2s 0s;
	transition: transform .2s 0s;
	transition: transform .2s 0s, -webkit-transform .2s 0s;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0)
}

.empty .cd-cart-trigger .count {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.cd-cart-trigger:hover+div .cart-wrapper {
	box-shadow: 0 6px 40px rgba(0, 0, 0, .3)
}

.cart-open .cd-cart-trigger:hover+div .cart-wrapper {
	box-shadow: 0 4px 30px rgba(0, 0, 0, .17)
}

.cd-cart {
	z-index: 10;
	width: 90%;
	max-width: 400px;
	height: 350px;
	max-height: 90%;
	pointer-events: none
}

.cd-cart .cart-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	height: 55px;
	width: 55px;
	border-radius: 6px;
	-webkit-transition: height .4s .1s, width .4s .1s, box-shadow .3s;
	transition: height .4s .1s, width .4s .1s, box-shadow .3s;
	-webkit-transition-timing-function: cubic-bezier(.67, .17, .32, .95);
	transition-timing-function: cubic-bezier(.67, .17, .32, .95);
	background: #fff;
	box-shadow: 0 4px 30px rgba(0, 0, 0, .17);
	pointer-events: auto
}

.cd-cart .cart-foot,
.cd-cart .cart-head {
	position: absolute;
	z-index: 2;
	left: 0;
	width: 100%
}

.cd-cart .cart-content,
.cd-cart .cart-head {
	opacity: 0
}

.cd-cart .cart-head {
	top: 0;
	border-radius: 6px 6px 0 0;
	padding: 0 1.4em;
	line-height: 40px;
	background-color: #fff;
	-webkit-transition: opacity .2s 0s;
	transition: opacity .2s 0s;
	border-bottom: 1px solid #e6e6e6
}

.cd-cart .cart-head::after {
	clear: both;
	content: "";
	display: block
}

.cd-cart .cart-foot {
	bottom: 0;
	background: #fff;
	overflow: hidden
}

.cd-cart h2 {
	text-transform: uppercase;
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: .1em
}

.cd-cart .undo {
	font-size: 1.2rem;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .2s, visibility .2s;
	transition: opacity .2s, visibility .2s;
	color: #808b97
}

.cd-cart .undo a {
	text-decoration: underline;
	color: #2b3e51
}

.cd-cart .undo a:hover {
	color: #6f7ac2
}

.cd-cart .undo.visible {
	opacity: 1;
	visibility: visible
}

.cd-cart .checkout {
	display: block;
	height: 40px;
	background: #6f7ac2;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	border-radius: 0
}

.cd-cart .checkout em {
	position: relative;
	display: inline-block;
	-webkit-transform: translateX(40px);
	-ms-transform: translateX(40px);
	transform: translateX(40px);
	-webkit-transition: -webkit-transform 0s .2s;
	transition: -webkit-transform 0s .2s;
	transition: transform 0s .2s;
	transition: transform 0s .2s, -webkit-transform 0s .2s
}

.cd-cart .checkout em::after {
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	content: '';
	height: 20px;
	width: 20px;
	background: url(../images/cd-icon-arrow-next.svg) no-repeat center center;
	opacity: 0
}

.cd-cart .cart-content {
	position: relative;
	z-index: 1;
	height: calc(100% - 40px);
	padding: 20px 0 10px;
	margin: 40px 0 10px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: opacity .2s;
	transition: opacity .2s
}

.cd-cart .cart-content ul {
	overflow: hidden;
	padding: 0 10px;
	position: relative;
	padding-bottom: 90px;
	padding-left: 0;
	list-style: none
}

.cd-cart .cart-content li {
	position: relative;
	opacity: 0;
	margin-bottom: 6px;
	padding-bottom: 4px;
	border-bottom: 1px solid #ddd;
	-webkit-transform: translateX(80px);
	-ms-transform: translateX(80px);
	transform: translateX(80px);
	-webkit-transition: opacity 0s .2s, -webkit-transform 0s .2s;
	transition: opacity 0s .2s, -webkit-transform 0s .2s;
	transition: opacity 0s .2s, transform 0s .2s;
	transition: opacity 0s .2s, transform 0s .2s, -webkit-transform 0s .2s
}

.cd-cart .cart-content li::after {
	clear: both;
	content: "";
	display: block
}

.cd-cart .cart-content li.deleted {
	position: absolute;
	left: 1.4em;
	width: calc(100% - 2.8em);
	opacity: 0;
	-webkit-animation: cd-item-slide-out .3s forwards;
	animation: cd-item-slide-out .3s forwards
}

.cd-cart .cart-content li.deleted.undo-deleted {
	-webkit-animation: cd-item-slide-in .3s forwards;
	animation: cd-item-slide-in .3s forwards
}

.cd-cart .cart-content li.deleted+li {
	-webkit-animation: cd-item-move-up-mobile .3s;
	animation: cd-item-move-up-mobile .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.cd-cart .cart-content li.undo-deleted+li {
	-webkit-animation: cd-item-move-down-mobile .3s;
	animation: cd-item-move-down-mobile .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.cd-cart .product-details {
	padding: .3em 0 0 .5em;
	width: 100%
}

.cd-cart .product-details::after {
	clear: both;
	content: "";
	display: block
}

.cd-cart p {
	width: 100%;
	margin: 0;
	padding-bottom: 5px
}

.cd-cart p a {
	color: #2b3e51;
	font-size: 16px
}

.cd-cart .price {
	float: right;
	width: 25%;
	text-align: right
}

.cd-cart .actions {
	font-size: 1.4rem;
	height: 1.6em;
	line-height: 1.6em;
	display: inline-block
}

.cd-cart .actions::after {
	clear: both;
	content: "";
	display: block
}

.cd-cart .delete-item,
.cd-cart .quantity {
	float: left;
	color: #808b97;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.cd-cart .delete-item {
	margin-right: 1em
}

.cd-cart .delete-item:hover {
	color: #e94b35
}

.cd-cart .quantity label {
	display: inline-block;
	margin-right: .3em
}

.cd-cart .select {
	position: relative
}

.cd-cart .select::after {
	content: '';
	position: absolute;
	z-index: 1;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: block;
	width: 12px;
	height: 12px;
	background: url(../images/cd-icon-select.svg) no-repeat center center;
	pointer-events: none
}

.cd-cart select {
	position: relative;
	padding: 0 1em 0 0;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: 0 0;
	border: none;
	border-radius: 0;
	font-size: 1.4rem;
	margin: 0;
	color: #808b97
}

.cd-cart select:focus {
	outline: 0;
	color: #2b3e51;
	box-shadow: 0 1px 0 currentColor
}

.cd-cart select::-ms-expand {
	display: none
}

.cart-open .cd-cart .cart-wrapper {
	height: 100%;
	width: 100%;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.cart-open .cd-cart .cart-content,
.cart-open .cd-cart .cart-head {
	opacity: 1
}

.cart-open .cd-cart .cart-head {
	-webkit-transition: opacity .2s .2s;
	transition: opacity .2s .2s
}

.cart-open .cd-cart .cart-content {
	-webkit-transition: opacity 0s;
	transition: opacity 0s
}

.cart-open .cd-cart .cart-content li {
	-webkit-transition: opacity .3s .2s, -webkit-transform .3s .2s;
	transition: opacity .3s .2s, -webkit-transform .3s .2s;
	transition: transform .3s .2s, opacity .3s .2s;
	transition: transform .3s .2s, opacity .3s .2s, -webkit-transform .3s .2s;
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)
}

.cart-open .cd-cart .cart-content li:nth-of-type(2) {
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.cart-open .cd-cart .cart-content li:nth-of-type(3) {
	-webkit-transition-duration: .5s;
	transition-duration: .5s
}

.cart-open .cd-cart .cart-content li:nth-of-type(4),
.cart-open .cd-cart .cart-content li:nth-of-type(5) {
	-webkit-transition-duration: .55s;
	transition-duration: .55s
}

.cart-open .cd-cart .checkout {
	color: #fff;
	-webkit-transition: color .2s .3s;
	transition: color .2s .3s
}

.cart-open .cd-cart .checkout em {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: padding .2s 0s, -webkit-transform .2s .3s;
	transition: padding .2s 0s, -webkit-transform .2s .3s;
	transition: transform .2s .3s, padding .2s 0s;
	transition: transform .2s .3s, padding .2s 0s, -webkit-transform .2s .3s;
	font-style: normal
}

.cart-open .cd-cart .checkout:hover em {
	padding-right: 30px
}

.cart-open .cd-cart .checkout:hover em::after {
	opacity: 1
}

@media only screen and (min-width:768px) {
	.cd-cart .cart-content li.deleted+li {
		-webkit-animation: cd-item-move-up .3s;
		animation: cd-item-move-up .3s
	}

	.cd-cart .cart-content li.undo-deleted+li {
		-webkit-animation: cd-item-move-down .3s;
		animation: cd-item-move-down .3s
	}

	.cd-cart .product-details {
		padding: 0 10px 0 20px
	}
}

@-webkit-keyframes cd-qty-enter {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0)
	}

	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%)
	}
}

@keyframes cd-qty-enter {
	0% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(0);
		transform: translateX(-50%) translateY(0)
	}

	100% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%)
	}
}

@-webkit-keyframes cd-qty-leave {
	0% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%)
	}

	100% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(-100%);
		transform: translateX(-50%) translateY(-100%)
	}
}

@keyframes cd-qty-leave {
	0% {
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%)
	}

	100% {
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateX(-50%) translateY(-100%);
		transform: translateX(-50%) translateY(-100%)
	}
}

@-webkit-keyframes cd-item-move-up-mobile {
	0% {
		padding-top: 70px
	}

	100% {
		padding-top: 0
	}
}

@keyframes cd-item-move-up-mobile {
	0% {
		padding-top: 70px
	}

	100% {
		padding-top: 0
	}
}

@-webkit-keyframes cd-item-move-up {
	0% {
		padding-top: 104px
	}

	100% {
		padding-top: 0
	}
}

@keyframes cd-item-move-up {
	0% {
		padding-top: 104px
	}

	100% {
		padding-top: 0
	}
}

@-webkit-keyframes cd-item-move-down-mobile {
	0% {
		padding-top: 0
	}

	100% {
		padding-top: 70px
	}
}

@keyframes cd-item-move-down-mobile {
	0% {
		padding-top: 0
	}

	100% {
		padding-top: 70px
	}
}

@-webkit-keyframes cd-item-move-down {
	0% {
		padding-top: 0
	}

	100% {
		padding-top: 104px
	}
}

@keyframes cd-item-move-down {
	0% {
		padding-top: 0
	}

	100% {
		padding-top: 104px
	}
}

@-webkit-keyframes cd-item-slide-out {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0
	}
}

@keyframes cd-item-slide-out {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	100% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0
	}
}

@-webkit-keyframes cd-item-slide-in {
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	0% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0
	}
}

@keyframes cd-item-slide-in {
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}

	0% {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0
	}
}

@media only screen and (min-width:1000px) {
	.shop-icon .fa {
		font-size: 17px
	}

	.thanksgiving-box,
	.thanksgiving-box:hover,
	.thanksgiving-box:focus {
		display: block;
		background: url(../images/Christmas-bg-2-2020.jpg) no-repeat;
		background-size: 100% 100%;
		height: 210px;
		padding: 40px 20px 20px 20px;
		color: #af282f
	}

	.col-md-4.christmas-4 {
		padding-right: 0
	}

	.col-md-8.christmas-8 {
		padding-left: 0
	}
}

@media only screen and (max-width:1000px) {
	.shop-icon .fa {
		font-size: 17px
	}

	.thanksgiving-box,
	.thanksgiving-box:focus,
	.thanksgiving-box:hover {
		padding: 20px;
		display: block;
		color: #fff;
		background: #af282f
	}
}

@media only screen and (min-width:480px) and (max-width:768px) {
	.shop-icon {
		font-size: 18px
	}
}

@media only screen and (min-width:320px) and (max-width:480px) {
	.shop-icon .fa {
		font-size: 22px;
		margin-top: 10px
	}
}

.title-line {
	height: 3px;
	width: 1px;
	margin-left: 50%;
	transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	-webkit-transition: all 0.8s ease-in-out;
	-o-transition: all 0.8s ease-in-out
}

body {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}

body.on-side {
	margin-left: -280px
}

.foot-inquiry label {
	display: block;
	text-align: left !important
}

.selectItemstarget {
	position: absolute;
	top: 44px;
	left: 0px;
	background-color: #fff;
	width: 100%;
	text-align: center;
	padding: 0;
	z-index: 1000
}

.selectItemstarget ul {
	list-style: none;
	font-size: 1em;
	padding: 0px;
	margin: 0px
}

.selectItemstarget ul li {
	height: 30px;
	line-height: 30px;
	color: #666;
	cursor: pointer;
	text-align: left;
	padding-left: 12px
}

.selectItemstarget ul li:hover {
	color: #f60
}

.selectItemstarget ul li.curr {
	color: #f60;
	background-color: #efefef
}

.homeselectItems {
	position: absolute;
	top: 40px;
	left: 0px;
	background-color: #efefef;
	text-align: center;
	border: none;
	padding: 0;
	z-index: 1100
}

.homeselectItems ul {
	list-style: none;
	font-size: 1em;
	padding: 0px;
	margin: 15px 0 0 0
}

.homeselectItems ul li {
	line-height: 1.4em;
	color: #666;
	cursor: pointer;
	text-align: left;
	padding-left: 12px;
	display: block;
	margin-bottom: 10px
}

.homeselectItems ul li:hover {
	color: #f60
}

.homeselectItems ul li.curr {
	color: #f60;
	background-color: #efefef
}

.ShoppingCarqiansebg {
	background-color: #f2f2f2;
	font-weight: bold
}

.shoppoingNote {
	padding: 10px 10px 10px 30px;
	background-color: #fcf6ee;
	font-size: 16px;
	margin-bottom: 15px;
	border: 1px solid #f4dec0;
	font-family: "conduitWebL", Arial, Helvetica, sans-serif;
	font-weight: lighter;
	position: relative
}

.dellink {
	color: #000000;
	cursor: pointer
}

.docare:hover {
	color: #ff0000
}

.side-ul {
	padding: 0px;
	margin: 0;
	line-height: 1.5em
}

.side-ul>li {
	margin-bottom: 10px
}

.grid-container {
	width: 100%
}

.grid-container h4 {
	font-size: 15px
}

@media screen and (min-width:1280px) {
	.thumb-container {
		width: 24.9%;
		height: 210px;
	}
}

@media screen and (min-width:993px) and (max-width:1279px) {
	.thumb-container {
		width: 33%;
		height: 210px;
	}
}

@media screen and (min-width:768px) and (max-width:992px) {
	.thumb-container {
		width: 48%;
		height: 210px;
	}
}

@media screen and (max-width:767px) {
	.thumb-container {
		width: 100%;
		height: 240px;
	}
}


.thumb-container {
	float: left;
	position: relative;
	/*width:24.9%;height:210px;*/
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	margin: 20px 0
}

.grid-img {
	float: left;
	z-index: 2;
	min-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.quote {
	clear: left;
	color: #333;
	padding: 20px;
	border: 1px solid #ddd;
	margin-bottom: 20px
}

.thumb-img {
	display: inline-block;
	width: 130px;
	height: 130px;
	overflow: hidden;
	border-radius: 200px;
	position: relative;
	box-shadow: 0 0 10px #999;
	margin-top: 10px
}

.quote-container {
	display: none;
	clear: left;
	width: 100%
}

.popover {
	position: absolute;
	z-index: 2;
	top: 10px;
	left: 0px;
	display: none;
	min-width: 100%;
	max-width: 100%;
	height: 200px;
	text-align: center;
	white-space: normal;
	background-color: #fff;
	border: none
}

.popover.gray {
	background: rgba(255, 255, 255, 0.8);
	color: #444
}

.popover-content {
	line-height: 1.6em;
	text-align: center;
	padding: 45px 5px 10px 5px;
	font-size: 20px;
	font-weight: bold
}

.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid
}

.popover .arrow {
	border-width: 11px
}

.popover .arrow:after {
	border-width: 10px;
	content: ""
}

.popover.top .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, 0.25);
	border-bottom-width: 0
}

.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-top-color: #999;
	border-bottom-width: 0
}

.popover.top.green .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-top-color: #999;
	border-bottom-width: 0
}

.woops-box {
	margin-top: 60px
}

.Etit-woops {
	font-size: 1.6em;
	font-weight: bold;
	color: var(--main-blue-color);
	margin: 15px 0
}

.Etit p {
	font-size: 0.9em
}

.strength_meter {
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	height: 40px;
	z-index: -1;
	border-radius: 5px
}

.button_strength {
	text-decoration: none;
	color: #999;
	font-size: 13px
}

.strength_meter div {
	width: 0%;
	height: 40px;
	text-align: right;
	line-height: 40px;
	-webkit-transition: all .3s ease-in-out;
	padding-right: 12px;
	border-radius: 5px
}

.strength_meter div p {
	position: absolute;
	top: 35px;
	right: -11px;
	color: #FF853C;
	font-size: 13px
}

.veryweak {
	background-color: #FFA0A0;
	border-color: #F04040 !important;
	width: 25% !important
}

.weak {
	background-color: #FFB78C;
	border-color: #FF853C !important;
	width: 50% !important
}

.medium {
	background-color: #FFEC8B;
	border-color: #FC0 !important;
	width: 75% !important
}

.strong {
	background-color: #C3FF88;
	border-color: #8DFF1C !important;
	width: 100% !important
}

.code-verify {
	position: relative
}

.form-verify input[type="password"],
.code-verify input {
	background: transparent;
	border: 1px solid #ddd;
	color: #777;
	-webkit-backface-visibility: hidden;
	display: block;
	font-size: 0.9em;
	width: 100%;
	height: 40px;
	padding: 6px 12px;
	border-radius: 4px;
	outline: none;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-verify input[type="password"]:focus,
.code-verify input:focus {
	outline: 0;
	border: 2px solid #ddd
}

.Verification-code {
	position: relative
}

.Verification-code .check-fa {
	position: absolute;
	top: 6px;
	right: 10px;
	font-size: 22px;
	color: #7b9d3b
}

.icon-bg-circle {
	display: inline-block;
	width: 33px;
	height: 33px;
	line-height: 33px;
	background-color: #1c447f;
	color: #fff;
	text-align: center;
	margin-right: 10px;
	-webkit-border-radius: 33px;
	-moz-border-radius: 33px;
	-o-border-radius: 33px;
	border-radius: 33px
}

.icon-bg-circle .fa-envelope,
.fa-fax {
	font-size: 16px
}

.step-box {
	border-top: 5px solid #ccc;
	text-align: center;
	margin: 20px 0 20px 0;
	max-width: 800px
}

.step-list {
	float: left;
	position: relative;
	width: 200px;
	top: -5px;
	border-top: 5px solid #ccc;
	margin-bottom: 20px
}

.step-list.done {
	border-top-color: #fbe0ab
}

.step-list.done .s-num {
	background: #fbe0ab
}

.step-list.done .s-text {
	color: #fbe0ab
}

.step-list.doing {
	border-top-color: #f3be3e
}

.step-list.doing .s-num {
	background: #f3be3e
}

.step-list.doing .s-text {
	color: #f3be3e
}

.step-list.last .s-num {
	background: #ccc
}

.step-list.last .s-text {
	color: #ccc
}

.step-list .s-num {
	position: relative;
	margin: -15px auto 0;
	color: #fff;
	font-weight: 700;
	width: 23px;
	height: 23px;
	line-height: 23px
}

.info-list {
	padding: 0 10px 15px 10px
}

.info-list p,
.list-address p {
	margin-bottom: 8px;
	font-size: 0.95em;
	line-height: 1.45em
}

.recent-part {
	padding: 0 10px
}

.recent-part .row {
	border-bottom: 1px solid #dddddd
}

.recent-part .row div[class*="col-md"] {
	padding: 10px 5px
}

.recent-part>.row {
	background: #f9f9f9
}

.support-list a:hover,
.support-list a:focus,
.support-list a.su-active {
	background: var(--main-blue-color);
	color: #ffffff;
	text-decoration: none
}

.support-box {
	text-align: center;
	padding-bottom: 10px;
	display: block;
	/*border-bottom:1px solid #dddddd*/
	;
	margin-bottom: 30px;
	background: #f9f9f9;
	border-radius: 10px;
}

.sup-cont {
	height: 180px;
	overflow: hidden;
	background: #f9f9f9;
	margin-bottom: 5px;
	border-radius: 10px;
}

.sup-cont .sup-img {
	display: block;
	height: 180px;
	width: 100%;
	position: relative;
	transition: all ease 0.5s
}

.subox {
	margin-top: 30px;
	margin-bottom: 50px
}

.support-box h4 {
	height: 60px;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.5em;
	display: table;
	width: 100%
}

.support-box h4 span {
	display: table-cell;
	vertical-align: middle
}

.sup-cont img {
	min-width: 0;
	min-height: 0;
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%)
}

.support-box:hover {
	text-decoration: none
}

.support-box:hover h4 {
	color: var(--main-yellow-color)
}

.su-label {
	display: block;
	font-size: 0.92em;
	color: var(--main-yellow-color)
}

.support-box:hover .sup-img {
	transform: scale(1.2);
	-ms-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2)
}

.paypalbtn {
	align-items: center;
	background: #ffc439;
	border-radius: 4px;
	border: none;
	display: flex;
	height: 35px;
	justify-content: center;
	transition: .1s ease-in-out;
	width: 100%
}

.paypalbtn img {
	display: inline-block;
	height: 17px;
	margin-right: 5px;
	width: auto;
	vertical-align: middle;
	border: 0
}

.paypalbtn span {
	font-weight: normal;
	font-size: 11px;
	line-height: 15px;
	display: inline-block
}

.table-head {
	background: var(--main-blue-color);
	color: #ffffff
}

.table-pathway tr:first-child {
	background: var(--main-blue-color);
	color: #ffffff
}

.table-pathway tr:first-child td {
	border: none
}

.table-pathway td {
	border: 1px solid #dddddd
}

.table-over {
	margin-bottom: 20px;
	height: 200px;
	overflow-y: scroll
}

.table-over::-webkit-scrollbar {
	width: 5px;
	height: 5px
}

.table-over::-webkit-scrollbar-thumb {
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2)
}

.table-over::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1)
}

.star-note {
	color: #333;
	cursor: pointer
}

.star-note span {
	color: red;
	font-size: 1.2em
}

.star-note:hover {
	color: var(--main-blue-color);
	text-decoration: none
}

.backtop {
	position: fixed;
	right: 10px;
	bottom: 150px;
	display: none;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	z-index: 20;
	font-weight: bold;
	background: var(--main-blue-color);
	filter: Alpha(opacity=80);
	padding: 6px 12px;
	text-align: center;
	border-radius: 1px;
	line-height: 18px
}

.backtop:hover {
	background: var(--main-yellow-color);
}

.navMenu {
	padding-bottom: 10px;
	margin-bottom: 0;
	padding-left: 0;
	font-size: .94em
}

.navMenu>li {
	display: block;
	margin: 0;
	padding: 0;
	position: relative
}

.navMenu>li>a {
	display: inline-block;
	overflow: hidden;
	transition: all .3s;
	position: relative;
	text-decoration: none;
	padding: 5px 0 0 0;
	font-weight: 900;
	width: 88%
}

.navMenu .arrow:before {
	cursor: pointer;
	content: "\f07b";
	font-size: 0.75em;
	float: right;
	padding: 0px 5px;
	display: inline;
	font-family: "Font Awesome\ 5 Free";
	color: var(--main-blue-color)
}

.navMenu .arrow.open:before {
	cursor: pointer;
	float: right;
	font-size: 0.75em;
	padding: 0px 5px;
	display: inline;
	font-family: "Font Awesome\ 5 Free";
	content: "\f07c";
	color: #777
}

.navMenu>li>.arrow:before {
	font-weight: 900;
	padding: 5px 5px 5px 10px;
	cursor: pointer;
	font-size: 0.8em
}

.navMenu>li>a:before {
	position: absolute;
	top: 5px;
	left: 0;
	font-weight: 900;
	color: #666;
	font-size: 0.8em
}

.navMenu>li>ul.sub-menu,
.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: none
}

.navMenu>li>ul.sub-menu>li>ul.sub-menu {
	background: #f2f2f2;
	padding: 5px 0;
	margin-bottom: 10px
}

.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a {
	color: #333
}

.navMenu>li>ul.sub-menu>li>ul.sub-menu>li>a:before {
	color: #333
}

.navMenu>li>ul.sub-menu li {
	margin-bottom: 4px
}

.navMenu>li .sub-menu {
	margin-bottom: 10px
}

.navMenu>li>ul.sub-menu>li>a {
	display: inline-block;
	padding-left: 15px;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	width: 89%;
	color: var(--main-blue-color)
}

.navMenu>li>ul.sub-menu>li>a:before {
	content: '*';
	top: 3px;
	position: absolute;
	left: 0;
	color: var(--main-blue-color)
}

.navMenu>li>ul.sub-menu .sub-menu li>a {
	display: inline-block;
	padding-left: 15px;
	line-height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 0.96em;
	position: relative;
	width: 89%;
	color: var(--main-blue-color)
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu {
	list-style: none;
	font-size: 0.95em;
	background: #f9f9f9;
	padding: 10px 0;
	display: none;
	margin-top: 0
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li {
	margin-bottom: 0
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a {
	color: #666;
	padding-left: 15px;
	height: 22px
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu li>a:before {
	content: ''
}

.navMenu>li>ul.sub-menu .sub-menu li>a:before {
	content: '*';
	top: 3px;
	position: absolute;
	left: 0;
	color: var(--main-blue-color)
}

.navMenu>li>ul.sub-menu .sub-menu .sub-menu .sub-menu {
	padding: 8px;
	margin-bottom: 0;
	background: #eeeeee
}

.navMenu>li>ul.sub-menu li>a.active,
.navMenu>li>ul.sub-menu li>a:hover,
.navMenu>li>ul.sub-menu>li.active>a {}

.inquiry-button {
	background-color: var(--main-blue-color);
	color: #fff;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	font-weight: bold;
	margin: 30px 0;
	border-radius: 5px
}

.inquiry-submit {
	box-shadow: none;
	border: none;
	background-color: var(--main-blue-color);
	color: #fff;
	padding: 8px 40px;
	font-weight: bold;
	margin: 10px 20px 0px 0px;
	border-radius: 5px
}

.inquiry-button:hover,
.inquiry-submit:hover,
.inquiry-submit:focus {
	background-color: var(--main-yellow-color);
}

.contact-usa {
	list-style: none;
	padding: 0
}

.contact-usa>li {
	position: relative
}

.side-contact .contact-usa>li {
	padding-left: 20px
}

.contact-usa>li:before {
	font-family: "Font Awesome\ 5 Free";
	position: absolute;
	left: 0;
	color: #828ed8;
	font-weight: bold;
	font-size: 0.9em
}

.contact-usa>li.phone-icon:before {
	content: "\f095"
}

.contact-usa>li.fax-icon:before {
	content: "\f1ac"
}

.contact-usa>li.email-icon:before {
	content: "\f0e0"
}

.contact-usa>li.address-icon:before {
	content: "\f041"
}

.side-contact {
	border: 1px solid #ddd;
	padding: 10px 0 10px 10px;
	border-radius: 5px;
	margin-bottom: 30px
}

.side-interest h3 {
	height: 70px;
	line-height: 1.6em;
	text-align: center;
	font-size: 18px
}

.side-interest .carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right,
.side-interest .carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
	top: 35%
}

@media screen and (min-width:768px) {
	.side-interest .carousel-indicators {
		bottom: 100px
	}
}

.ser-title {
	margin-top: 0;
	margin-bottom: 20px
}

.anchor {
	display: block;
	position: relative;
	top: -150px;
	visibility: hidden
}

.panel-body{
	padding-top:20px;
}

.panel-body .side-ul {
	overflow-y: auto;
	max-height: 400px
}

.panel-body .side-ul::-webkit-scrollbar {
	width: 6px;
	height: 6px
}

.panel-body .side-ul::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2)
}

.panel-body .side-ul::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1)
}

.down-pdf {
	text-align: center;
	margin: 50px 0
}

.down-pdf>a {
	display: inline-block;
	border-radius: 50px;
	padding: 10px 50px;
	background: var(--main-blue-color);
	color: #fff;
	font-size: 18px;
	font-weight: bold
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
	vertical-align: middle
}

.pagenav {
	text-align: right;
	font-size: 14px;
	text-decoration: none;
	margin-top: 20px;
	height: auto;
	overflow: hidden;
	padding: 10px 0
}

.pagenav a {
	margin-left: 8px;
	color: #333;
	text-decoration: none;
	border: 1px #d3d3d3 solid;
	padding: 2px 10px;
	border-radius: 5px
}

.pagenav a:hover {
	color: #fff !important;
	text-decoration: none;
	background: #0D47A1;
	border: 1px #0D47A1 solid
}

.pagination a[disabled] {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}

.pagination span.active {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}

.product-groups {
	padding-top: 20px;
	position: relative
}

.product-groups .product-groups-unit>.question.active {
	color: #ffffff;
	background-color: #1b3969
}

.product-groups .product-groups-unit>.active:after {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 40px;
	font-weight: bold
}

.product-groups .product-groups-unit>.question {
	background-color: #f2f2f2;
	padding: 10px;
	cursor: pointer;
	display: block
}

.product-groups .product-groups-unit>.active:after {
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 40px;
	font-weight: bold
}

.product-groups .product-groups-unit>.question .show-unit {
	font-weight: bold;
	font-size: 30px
}

.product-groups .product-groups-unit {
	display: block;
	width: 100%;
	margin-top: 20px
}

.product-groups .product-groups-unit .product-groups-unit-content {
	padding: 20px 10px 0px 10px
}

.hot-protitle {
	font-size: 20px;
	margin-bottom: 35px;
	font-weight: bold
}

#New-con.bypart h3 {
	font-size: 18px;
	margin: 20px 0;
	line-height: 1.5em
}

.imageuploaderiframe {
	width: 100%;
	border: none
}

.fliter-container {
	margin-top: 50px;
	margin-bottom: 50px
}

.filter-box h3 {
	padding: 10px 5px;
	position: relative;
	margin-top: 0;
	font-size: 1.4em
}

.crumbs-all a {
	display: inline-block;
	font-size: 13px;
	padding: 5px 10px;
	background: var(--main-blue-color);
	border: 1px solid transparent;
	color: #fff;
	position: absolute;
	top: 8px;
	right: 5px;
	font-weight: normal;
	border-radius: 4px
}

.crumbs-all a:hover {
	background: none;
	color: #000;
	background: var(--main-yellow-color);
	border-radius: 0;
	text-decoration: none;
	border-radius: 4px
}
/*
.filtercont{
	  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 10px;
}
*/
.Filter_unit {
	position: relative;
    border-radius: 20px;
/*    min-width:140px;*/
/*    width:24%;*/
	display: inline-block !important;

}

@media (max-width: 768px) {
  .Filter_unit {
		width:100%;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
  .Filter_unit {
		width:48%;
	}
}
@media (min-width: 992px) {
	.Filter_unit {
		width:24%;
	}
}


.Filter_unit h4 {
	margin: 5px 0;
	cursor: pointer;
	line-height: 20px;
	font-size: 14px;
	position: relative;
	border: 1px solid #ddd;
	padding: 8px 30px 8px 10px;
	display:block;
	border-radius: 20px;
}

.Filter_unit h4 .fas {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 2px;
	font-size: .8em;
	color: #999
}

.Filter_unit .Filter_unit_content {
	display: none;
	position: relative;
	max-height: 220px;
	overflow-y: auto;
	background-color: #fff;
	z-index: 1000;
	display: none;
	border-radius: 10px;
}
.Filter_unit .Filter_unit_content::-webkit-scrollbar {
	width: 8px; 
  }
   
.Filter_unit .Filter_unit_content::-webkit-scrollbar-thumb {
	background-color: #888; 
	border-radius: 5px; 
  }
   
  .Filter_unit .Filter_unit_content::-webkit-scrollbar-thumb:hover {
	background-color: #555; 
  }
   
  .Filter_unit .Filter_unit_content::-webkit-scrollbar-track {
	background-color: #eee; 
  }
/* .Filter_unit:nth-of-type(1) .Filter_unit_content,
.Filter_unit:nth-of-type(2) .Filter_unit_content {
	display: block;
} */

.Filter_unit .Filter_unit_content ul {
	list-style: none;
	padding-left: 0;
	/* margin-bottom: 0 */
}

.Filter_unit .Filter_unit_content a {
	margin-left: 10px;
	margin-right: 10px;
	font-size: .96em;
	padding-top: 3px;
	line-height: 1.45em;
	display: block
}

/*.Filter_unit:first-of-type .Filter_unit_content{display:none}*/
.Filter_unit .Filter_unit_content strong {
	display: block;
	margin-top: 10px;
	cursor: pointer;
	color: var(--main-blue-color);
	position: relative;
	padding-left: 13px;
	font-size: .95em;
	margin-bottom: 5px
}

.small_content {
	position: relative;
	overflow-y: auto;
	display: block;
	max-height: 100px
}

.small_content::-webkit-scrollbar,
.Filter_unit::-webkit-scrollbar {
	width: 4px;
	height: 4px
}

.small_content::-webkit-scrollbar-thumb,
.Filter_unit::-webkit-scrollbar-thumb {
	border-radius: 6px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	background: rgba(0, 0, 0, 0.2)
}

.small_content::-webkit-scrollbar-track,
.Filter_unit::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
	border-radius: 0;
	background: rgba(0, 0, 0, 0.1)
}

.Filter_unit .Filter_unit_content strong i {
	position: absolute;
	top: 7px;
	left: -2px;
	font-size: .7em
}

.Filter_unit .Filter_unit_content strong>a {
	margin-left: 0
}

.crumbs-handle {
	display: inline-block;
	padding: 0 30px 1px 6px;
	border: 1px dashed var(--main-blue-color);
	position: relative;
	color: var(--main-blue-color);
	margin: 0 5px 10px 5px
}

.crumbs-handle a {
	font-size: 1em;
	padding: 1px 7px;
	position: absolute;
	right: -1px;
	top: -1px;
	text-decoration: none;
	color: #333
}

.crumbs-handle a.filter-close:hover {
	background: var(--main-blue-color);
	color: #fff
}

.filter-mobile {
	position: relative;
	background-color: #efefef;
	font-size: 18px
}

.filter-mobile span {
	color: #000;
	background-color: #f3e04e;
	display: inline-block;
	margin: 0px;
	padding: 8px;
	cursor: pointer
}

.mobile-filter-cont {
	position: relative
}

.mobile-filter-cont .filt-close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: center;
	background-color: #f3e04e;
	color: #000;
	line-height: 40px;
	z-index: 10000
}

.filter-h{
margin-bottom:20px;
/* display: grid; */
  /* grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap:0px 10px; */
}

.Filter_unit.unitborder h4{
    border:1px solid var(--main-blue-color);
    background-color:var(--main-blue-color);
    color:#fff;
}
.Filter_unit.unitborder h4 .fas{
    color:#fff;
}

.filter-h h3{
    display: flex;
    align-items: center;
    min-height:50px;
    position: relative;
	width:100%;
}
@media (min-width:480px) {
    .Filter_unit .Filter_unit_content{
        /* min-width:260px;  */
		width:100%;
        position: absolute !important;
        top:41px;
        border:1px solid #ccc;
		background-color: #fff;

    }

}

@media (max-width:479px) {
	/* .filter-h{
        display: block;
    } */
    .Filter_unit .Filter_unit_content{
        width:100%;
        position: relative;
    }
    
}

@media (min-width:993px) {
	.filter-mobile {
		display: none
	}

	.mobile-filter-cont .filt-close {
		display: none
	}

	/* .Filter_unit .Filter_unit_content{display:block;} */
}

@media (max-width:992px) {
	.filter-mobile {
		display: block
	}

	.mobile-filter-cont {
		display: none;
		width: 100%;
		padding-top: 30px !important;
		margin-bottom:20px;
		
	}


	#groupframe2 {
		/* max-height: 450px; */
		overflow-y: auto
	}

	#groupframe1 {
		display: none
	}

	.mobile-filter-cont .filt-close {
		display: block
	}

	.mobile-filter-cont {
		border: 1px solid #ccc;
		padding: 10px
	}

	/* .Filter_unit .Filter_unit_content {
		display: none;
	} */
}

.hint {
	margin-top: 0px;
	text-align: center
}

.subox p {
	font-size: .98em;
	line-height: 1.65em;
	padding: 0 10px;
	color: #666
}

.podcast-box .tab-content {
	background: #f8f8f8;
	padding: 0 10px 30px 0
}

.podcast-box h4 {
	font-size: 1.3em;
	margin-bottom: 20px
}

.podcast-box {
	margin: 30px 0
}

.podcast-box .nav-tabs {
	border: none;
	background: #f8f8f8;
	padding: 20px 0;
	margin-bottom: 50px
}

.podcast-box .nav-tabs>li.active>a,
.podcast-box .nav-tabs>li.active>a:hover,
.podcast-box .nav-tabs>li.active>a:focus {
	border: 1px solid var(--main-blue-color);
	background: var(--main-blue-color);
	color: #fff;
	border-radius: 0;
	margin-left: 0
}

.podcast-box .nav-tabs>li>a,
.podcast-box .nav-tabs>li>a:hover {
	border-radius: 0;
	margin-left: 0;
	border: 1px solid #ddd;
	margin-bottom: 20px;
	background: #fff
}

.podcast-audio {
	background: #fff;
	padding: 10px 20px;
	margin-top: 10px;
	min-height: 222px
}

.podcast-box .nav-tabs>li.active>a .volume {
	display: block
}

.volume {
	position: absolute;
	width: 35px;
	height: 10px;
	top: 10px;
	right: 20px;
	display: none
}

.volume .line {
	width: 2px;
	height: 20px;
	background-color: #ffffff;
	float: left;
	margin-right: 2px;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

.volume .line:last-child {
	margin: 0
}

.volume .line:nth-child(1) {
	-webkit-animation: volume1 linear infinite;
	animation: volume1 linear infinite;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.volume .line:nth-child(2) {
	-webkit-animation: volume2 linear infinite;
	animation: volume2 linear infinite;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.volume .line:nth-child(3) {
	-webkit-animation: volume3 linear infinite;
	animation: volume3 linear infinite;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.volume .line:nth-child(4) {
	-webkit-animation: volume4 linear infinite;
	animation: volume4 linear infinite;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.volume .line:nth-child(5) {
	-webkit-animation: volume5 linear infinite;
	animation: volume5 linear infinite;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.volume .line:nth-child(6) {
	-webkit-animation: volume6 linear infinite;
	animation: volume6 linear infinite;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

.volume .line:nth-child(7) {
	-webkit-animation: volume7 linear infinite;
	animation: volume7 linear infinite;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s
}

@-webkit-keyframes volume1 {
	0% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	25% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}

	50% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	75% {
		-webkit-transform: scaleY(0.6);
		transform: scaleY(0.6)
	}

	100% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}
}

@keyframes volume1 {
	0% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	25% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}

	50% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	75% {
		-webkit-transform: scaleY(0.6);
		transform: scaleY(0.6)
	}

	100% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}
}

@-webkit-keyframes volume2 {
	0% {
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1)
	}

	25% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	50% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4)
	}

	75% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	100% {
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1)
	}
}

@keyframes volume2 {
	0% {
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1)
	}

	25% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	50% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4)
	}

	75% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	100% {
		-webkit-transform: scaleY(0.1);
		transform: scaleY(0.1)
	}
}

@-webkit-keyframes volume3 {
	0% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	50% {
		-webkit-transform: scaleY(0.8);
		transform: scaleY(0.8)
	}

	100% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}
}

@keyframes volume3 {
	0% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	50% {
		-webkit-transform: scaleY(0.8);
		transform: scaleY(0.8)
	}

	100% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}
}

@-webkit-keyframes volume4 {
	0% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}

	25% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	50% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	75% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	100% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@keyframes volume4 {
	0% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}

	25% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	50% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	75% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	100% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}
}

@-webkit-keyframes volume5 {
	0% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	25% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	50% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	75% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	100% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}
}

@keyframes volume5 {
	0% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	25% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	50% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	75% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	100% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}
}

@-webkit-keyframes volume6 {
	0% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	25% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}

	50% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	75% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	100% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}
}

@keyframes volume6 {
	0% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}

	25% {
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5)
	}

	50% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	75% {
		-webkit-transform: scaleY(0.9);
		transform: scaleY(0.9)
	}

	100% {
		-webkit-transform: scaleY(0.3);
		transform: scaleY(0.3)
	}
}

@-webkit-keyframes volume7 {
	0% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	25% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4)
	}

	50% {
		-webkit-transform: scaleY(0.8);
		transform: scaleY(0.8)
	}

	75% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	100% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}
}

@keyframes volume7 {
	0% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}

	25% {
		-webkit-transform: scaleY(0.4);
		transform: scaleY(0.4)
	}

	50% {
		-webkit-transform: scaleY(0.8);
		transform: scaleY(0.8)
	}

	75% {
		-webkit-transform: scaleY(0.2);
		transform: scaleY(0.2)
	}

	100% {
		-webkit-transform: scaleY(0.7);
		transform: scaleY(0.7)
	}
}

.table-gene td {
	min-width: 150px;
	padding-bottom: 3px
}

.note-one {
	background: #f9f9f9;
	padding: 10px;
	font-size: 15px;
	display: block;
	border-radius: 5px;
	margin: 30px 0;
	color: var(--main-blue-color);
	border: 1px solid #eee
}

.note-one span {
	padding-right: 8px
}

.thanksgiving-box:hover,
.thanksgiving-box:focus {
	text-decoration: none
}

.careers-box {
	margin-bottom: 50px;
	padding: 0 10px
}

.careers-box div[class*='col-md'] {
	padding: 10px 15px
}

.careers-box div[class*='col-md'] ul {
	padding-bottom: 0
}

.careers-box div[class*='col-md'] p {
	margin-bottom: 0
}

.careers-box .row {
	border-bottom: 1px solid #ddd
}

.careers-box .row:nth-child(even) {
	background: #f9f9f9
}

.careers-title {
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	font-size: 1.2em;
	margin-bottom: 30px;
	position: relative;
}

.successinfo {
	padding-left: 15px;
	line-height: 30px;
	color: #888888;
	padding-right: 20px;
	padding-bottom: 20px
}

.successinfo .iconarea .iconunit {
	text-align: center;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #7b9d3c;
	color: #ffffff;
	line-height: 40px;
	font-weight: bolder;
	font-size: 22px;
	position: relative;
	z-index: 9
}

.successinfo .tit {
	font-size: 20px;
	font-weight: bold;
	color: #7b9d3c;
	display: block
}

.successinfo .iconarea .iconunit img {
	top: 10px;
	left: 5px;
	position: absolute;
	z-index: 10
}

.compare {
	z-index: 16;
	height: 58px;
	width: 58px;
	line-height: 16px;
	color: #333;
	background: #fff;
	position: fixed;
	top: 25%;
	right: 14px;
	font-size: 7px;
	font-weight: bold;
	text-align: center;
	box-shadow: 0 4px 30px #ddd;
	padding: 10px 0
}

.compare:hover,
.compare:focus {
	background: #fff;
	color: #333;
	text-decoration: none;
	box-shadow: 0 0 50px #ccc
}

@media (min-width:993px) {
	.compare {
		display: block
	}
}

@media (max-width:992px) {
	.compare {
		display: none
	}
}

.side-one {
	/* padding-left: 10px */
} 

.side-one a{
	/* border-bottom:1px solid #ccc; */
	padding:8px 10px;
	display: block;
	border-radius: 8px;
	margin:7px 0;
	line-height:1.2rem;
	font-size:14px;
	
}
.side-one a:hover{
	background-color: var(--main-yellow-color) !important;
	color:#000 !important;
}
.side-one a:nth-child(1){
	border-right: 5px;
	background-color: var(--main-blue-color);
	color:#fff;
}
.side-one a:nth-child(2){
	border-right: 5px;
	background-color: var(--main-blue-2-color);
	color:#fff;
}
.side-one ul {
	list-style: none;
	padding-left: 0
}

.side-title {
	font-size: 1.3em
}

.side-p {
	font-size: .95em
}

.side-inquiry a,
.target-select button {
	display: inline-block;
	padding: 6px 15px;
	background: var(--main-blue-color);
	color: #fff;
	border: none;
	border-radius: 5px
}

.target-select button {
	margin-top: 10px
}

.side-inquiry a:hover,
.side-inquiry a:focus,
.target-select button:hover,
.target-select button:focus {
	background: var(--main-yellow-color);
	color: #fff;
	text-decoration: none;
	outline: none;
	border: none
}

.target-select {
	background: #f9f9f9;
	padding: 20px;
	margin: 30px 0
}

.target-select h3 {
	margin: 0 0 12px 0;
	font-size: 21px
}

.tab_card {
	position: relative;
	border-bottom: 1px solid #ccc
}

.tab_card span {
	display: inline-block;
	padding: 10px;
	background-color: #444;
	color: #fff;
	cursor: pointer
}

.tab_card span:hover,
.tab_card .choosetabbg {
	background-color: var(--main-yellow-color);
}

.data_c img {
	max-width: 100%;
	margin: auto
}

.data_c {
	padding-top: 15px;
	padding-bottom: 15px;
}

.Published_Data {
	display: table;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px
}

.review_show {
	width: 100%
}

.review_tab td {
	padding: 10px;
	border-bottom: 1px solid #efefef
}

.review_tab th {
	padding: 10px
}

.review_show {
	min-width: 400px
}

.review_show tr td:first-child {
	width: 200px
}

.review_show td {
	padding: 10px 10px 10px 0px;
	border-bottom: 1px solid #efefef
}

.user-information .review_but {
	position: absolute;
	display: inline-block;
	border: 1px solid #ff0000;
	right: 0;
	font-size: 14px;
	border: 1px solid var(--main-blue-color);
	border-radius: 5px;
	padding: 5px 8px 5px 8px
}

.user-information .review_but:hover {
	background-color: var(--main-blue-color);
	color: #fff;
	text-decoration: none
}

.review_list_p {
	border-bottom: 1px solid #f2f2f2
}

.review_list_p h4 {
	font-size: 18px
}

.review_tit_bg {
	background-color: #f2f2f2
}

.tag_s {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fcfcfc
}

.tag_s_small {
	color: #888;
	font-size: 14px;
	padding: 0px;
	margin: 0px
}

.tab_ser_page {
	position: relative;
	border-bottom: 1px solid #ccc
}

.tab_ser_page span {
	display: inline-block;
	padding: 10px 15px 10px 15px;
	background-color: #efefef;
	color: #000;
	cursor: pointer;
	margin-top: 10px;
	margin-right: 10px
}

.tab_ser_page span:hover,
span.tabchosse {
	background-color: var(--main-blue-color);
	color: #fff
}

.data_ser_page {
	display: none
}

.tab_pro .row {
	margin-top: 20px;
	margin-bottom: 20px
}

.tab_pro .search-result {
	border-bottom: 1px solid #dedede
}

.tab_pathway {
	padding-top: 10px;
	padding-bottom: 10px
}

.ser_all_type {
	background-color: #9343c5;
	color: #fff !important;
	padding: 10px;
	border-radius: 5px;
	text-decoration: none;
	display: inline-block;
	margin-top: 5px
}

.ser_all_type:hover {
	text-decoration: none
}

.disease_type {
	text-align: center
}

.disease_type a {
	display: block;
	margin-bottom: 12px;
	padding: 5px;
	text-decoration: none
}

.disease_type div[class*="col-md"]:hover a {
	background-color: var(--main-blue-color);
	color: #fff;
	text-decoration: none
}

.coupon_bg_amazon {
	background-color: #444
}

.coupon_bg_antibody {
	background-color: var(--main-blue-color)
}

.coupon {
	display: inline-block;
	color: #fff !important;
	padding: 5px 8px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 15px;
	text-align: center;
	height: 25px
}

.coupon strong {
	font-size: 12px
}

.submit_review {
	background-color: var(--main-blue-color);
	color: #fff !important;
	display: inline-block;
	margin-top: 5px
}

a.submit_review:hover {
	background-color: #9343c5 !important;
	color: #fff !important
}

.rating_area {
	padding: 0px
}

.rating_area img {
	vertical-align: top !important
}

.pic_num_ {
	display: block;
	text-align: center
}

.owl-carousel-published .owl-controls .owl-nav,
.owl-carousel-tested .owl-controls .owl-nav,
.owl-carousel-pic .owl-controls .owl-nav {
	position: absolute;
	top: 45%;
	width: 100%;
	z-index: 100 !important
}

.owl-carousel-published .owl-controls .owl-nav .owl-prev,
.owl-carousel-tested .owl-controls .owl-nav .owl-prev,
.owl-carousel-pic .owl-controls .owl-nav .owl-prev {
	position: absolute;
	left: 0px
}

.owl-carousel-published .owl-controls .owl-nav .owl-next,
.owl-carousel-tested .owl-controls .owl-nav .owl-next,
.owl-carousel-pic .owl-controls .owl-nav .owl-next {
	position: absolute;
	right: 0px
}

.owl-carousel-published .owl-dots .owl-dot,
.owl-carousel-tested .owl-dots .owl-dot,
.owl-carousel-pic .owl-dots .owl-dot {
	display: none !important
}

.owl-carousel-pic .item {
	text-align: center;
	height: 100%;
	width: 100% !important;
	display: flex
}

.owl-carousel-pic .item .unit_pic img {
	max-width: 100% !important;
	margin: auto;
	display: block
}

.owl-carousel-pic .item .unit_pic {
	width: 100% !important;
	margin: auto;
	align-self: center
}

.pic_con {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.9);
	display: none;
	z-index: 100
}

.pic_con .close_area {
	position: absolute;
	color: #000;
	font-size: 25px;
	width: 30px;
	height: 30px;
	right: 20px;
	top: 20px;
	z-index: 120
}

.f_con {
	display: flex
}

.video_ar {
	position: absolute;
	top: 0px;
	left: 0px
}

@media (min-width:992px) {
	.small_site {
		margin-left: 15px
	}

	.promotion-box {
		padding-left: 70px
	}

	.line_fenge {
		display: block
	}

	.video_ar {
		width: 100%
	}
}

@media (max-width:991px) {
	.small_site {
		margin-top: 30px
	}

	.promotion-box {
		padding-left: 25px
	}

	.line_fenge {
		display: none
	}

	.video_ar {
		height: 100%
	}
}

.big_pic_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 100000;
	display: none;
	text-align: center;
	padding: 2%;
	overflow-y: auto
}

.big_pic_bg .close_area {
	position: absolute;
	color: #fff;
	font-size: 25px;
	width: 30px;
	height: 30px;
	right: 20px;
	top: 20px;
	z-index: 120
}

.big_pic_cv {
	display: block;
	z-index: 10;
	margin: auto;
	text-align: center;
	overflow: hidden;
	position: relative
}

.big_pic_show .pic_arrow {
	position: absolute;
	width: 40px;
	height: 300px;
	top: 25%;
	display: inline-block;
	cursor: pointer;
	color: #fff;
	z-index: 100;
	line-height: 300px
}

.arr_left {
	left: -40px
}

.arr_right {
	right: -40px
}

.big_pic_show .pic_arrow:hover {
	background-color: #000;
	color: #fff
}

.big_pic_cv .turn_pic_list {
	width: 600%;
	height: 100%;
	position: relative
}

.big_pic_cv .turn_pic_list .show_pic_area {
	align-self: center;
	height: 100%;
	float: left;
	display: flex
}

.big_pic_cv .turn_pic_list .show_pic_area img {
	max-width: 100%;
	display: block;
	align-self: center;
	margin: auto
}

.big_pic_show {
	height: 65%;
	position: absolute;
	top: 5%;
	background-color: #fff;
	display: table
}

@media (min-width:993px) {
	.big_pic_show {
		width: 80%;
		left: 10%
	}

	.big_pic_show .show_pic_area {
		float: left
	}
}

@media (max-width:992px) {
	.big_pic_show {
		width: 80%;
		left: 10%
	}

	.big_pic_show .show_pic_area {
		width: 100%
	}
}

.item_pic {
	width: 260px;
	height: 260px;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item_pic img {
	align-self: center;
	margin: auto;
	text-align: center;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.application-notes {
	border: 0px solid #ddd;
	margin-top: 10px;
	min-width: 300px
}

.application-notes td {
	padding: 8px;
	/* border-bottom: 1px solid #ddd */
}
/* .application-notes tr:first-child{
	background:linear-gradient(to left,var(--main-yellow-color),var(--main-blue-color));
} */
.application-notes tr:first-child td {
	/* background:var(--main-blue-color); */
	 background:var(--main-yellow-color); 
	font-weight: bold;
	color:#000;
}
.application-notes tr:nth-child(2n+1){
	background:#f2f2f2; 
} 

.application-notes tr td:first-child {
	border-right: 0px solid #ddd;
	width: 150px
}

.pic_des_area {
	overflow: hidden
}

.pic_more {
	display: inline-block;
	font-size: 14px;
	cursor: pointer;
	color: var(--main-blue-color)
}

.pic_des_current {
	height: 100% !important;
	overflow: auto !important
}

.articles-lis {
	padding: 0px;
	margin: 0px
}

.articles-lis li {
	list-style: none;
	padding-top: 10px;
	padidng-bottom: 10px;
	border-bottom: 1px solid #efefef
}

.articles-lis .a-tit {
	display: block;
	padding-bottom: 10px;
	line-height: 1.3em;
	font-size: 1.1em;
	font-weight: bold
}

.showhiddencontaoz {
	padding-top: 10px;
	padding-bottom: 10px
}

.showhiddencontaoz a {
	margin-right: 8px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 5px 15px 5px 15px;
	text-decoration: none
}

.showhiddencontaoz a:hover {
	background-color: var(--main-blue-color);
	color: #fff;
	border: 1px solid var(--main-blue-color)
}

.showhiddencont strong {
	font-size: 18px;
	display: inline-block;
	margin-bottom: 10px
}

.showhiddencont a {
	padding-top: 5px;
	padding-bottom: 5px
}

.showhiddencont a:hover {
	color: #9343c5;
	text-decoration: none
}

.articles .articles-unit {
	border: 1px solid #efefef
}

.articles .articles-unit .img_p_box {
	height: 100px;
	overflow: hidden
}

.articles .articles-unit .img_p_box .img_p {
	position: relative;
	height: 100px;
	transition: all ease 0.5s;
	display: block;
	width: 100%
}

.articles .articles-unit .img_p_box .img_p img {
	min-width: 0;
	min-height: 0;
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%)
}

.articles .articles-unit a {
	padding: 15px;
	line-height: 1.5em;
	display: inline-block;
	text-decoration: none
}

.articles .articles-unit:hover {
	background-color: #fafafa
}

.articles .articles-unit:hover a {
	color: #9343c5;
	text-decoration: none
}

.articles .articles-unit:hover .img_p {
	transform: scale(1.1)
}

@keyframes fadeOut {
	0% {
		opacity: 1;
		display: block
	}

	100% {
		opacity: 0;
		display: none
	}
}

.web-popup-cont {
	display: none;
	padding: 10px 15px 10px 15px;
	border-radius: 5px;
	position: fixed;
	top: 10%;
	text-align: center;
	z-index: 1000;
	box-shadow: 0 5px 5px #666
}

.web-popup-cont.green {
	background-color: #7b9d3c;
	color: #fff
}

.web-popup-cont.yellow {
	background-color: #f3e04e;
	color: #000
}

.web-popup-cont.blue {
	background-color: var(--main-blue-color);
	color: #fff
}

.web-popup-cont.red {
	background-color: #ff0000;
	color: #fff
}

@media (min-width:993px) {
	.web-popup-cont {
		left: 40%;
		width: 20%
	}
}

@media (max-width:992px) {
	.web-popup-cont {
		left: 10%;
		width: 80%
	}
}

.bottom-inquiry {
	padding: 30px;
	position: relative;
	color: #fff;
	border-radius: 15px;
	overflow: hidden;
}

.bottom-inquiry .inquirytit {
	padding-top: 20px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 20px;
	position: relative;
}

.bottom-inquiry div[class*="col"] {
	padding-bottom: 15px;
}

.bottom-inquiry .bgpic {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	z-index: 0;
}

.bottom-inquiry .bgpic img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.rightunit {
	padding: 10px 20px 10px 20px;
	background: #f9f9f9;
	display: inline-block;
	margin: 8px 0;
	width: 100%;
	border-radius: 8px;
}
.rightunit.boxbg{
	/* background: #faeede; */
	padding-bottom:30px;
}
.rightunit.boxbg .btn{
	background: var(--main-yellow-color);
	color:#fff;
	padding:5px 10px;
	border-radius: 5px;
}
.rightunit.boxbg .btn:hover{
	background: var(--main-blue-color);
	color:#fff;
}
.rightunit ul {
	padding: 0px;
}

.rightunit ul li {
	list-style: none;
	margin-bottom: 7px;
}

.reviewform label span {
	background-color: var(--main-blue-color);
	padding: 2px 5px;
	color: #fff;
	display: block;
	width: 100%;
}

.reviewform .row div[class*="col"] {
	padding-left: 0px;
}

.reviewform input {
	margin: 8px 0px
}

/*-------------------2024-6-28 public css begin-----------------------------------*/
.box-radius {
	border-radius: 5px;
	padding: 10px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

.bluebg,
.yellowbg,
.light-bluebg {
	text-align: center;
	font-weight: bold;
}

.bluebg {
	background-color: #1a3a6f;
	color: #fff;
}

.yellowbg {
	background-color: #f3e04e;
	color: #000;
}

.light-bluebg {
	background-color: #c7daf1;
	color: #000;
}

.entrance-list div[class*="col"],
.blue-entrance-list div[class*="col"],
.light-blue-entrance-list div[class*="col"] {
	margin-bottom: 15px;
}

.entrance-list,
.blue-entrance-list,
.light-blue-entrance-list {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.entrance-list a,
.blue-entrance-list a,
.light-blue-entrance-list a {
	display: flex;
	border: 1px solid #ccc;
	padding: 10px;
	width: 100%;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.4em;
	border-radius: 5px;

}

.blue-entrance-list a {
	background-color: #1a3a6f;
	color: #fff;
}

.light-blue-entrance-list a {
	background-color: #c7daf1;
	color: #000;
}

.entrance-list a:hover,
.blue-entrance-list a:hover,
.light-blue-entrance-list a:hover {
	background-color: #f3e04e;
	color: #000;
}

.text-box-style,
.text-box-style-blue {
	border-radius: 5px;
	padding: 20px;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #ccc;

}

.text-box-style-blue {
	border: 2px solid #1a3a6f;
}

.text-box-style p,
.text-box-style-blue p {
	padding-bottom: 8px;
}

.textboxstyle-area span {
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	display: block;
	margin: auto !important;
	background-color: #1c3c6e;
	color: #fff;
}

.textboxstyle-area .box-radius_titarea {
	padding: 15px 15px 5px 15px;
	display: block;
	margin-bottom: 10px;
	position: relative;
	border: 1px solid #1c3c6e;
}

.textboxstyle-area-yellow span {
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	display: block;
	margin: auto !important;
	background-color: #f3e04e;
	color: #000;
}

.textboxstyle-area-yellow .box-radius_titarea {
	border: 1px solid #f3e04e;
}

.textboxstyle-area-light-pink span {
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	display: block;
	margin: auto !important;
	background-color: #fbe5d6;
	color: #c19207;
}

.textboxstyle-area-light-pink .box-radius_titarea {
	border: 1px solid #fbe5d6;
}

.textboxstyle-area-light-pink-yellow span {
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	display: block;
	margin: auto !important;
	background-color: #fff2cc;
	color: #c19207;
}

.textboxstyle-area-light-pink-yellow .box-radius_titarea {
	border: 1px solid #fff2cc;
}

.textboxstyle-area-light-blue span {
	padding: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	text-align: center;
	display: block;
	margin: auto !important;
	background-color: #deebf7;
	color: #c19207;
}

.textboxstyle-area-light-blue .box-radius_titarea {
	border: 1px solid #deebf7;
}

@media (min-width: 993px) {

	.textboxstyle-area span,
	.textboxstyle-area-yellow span,
	.textboxstyle-area-light-pink span,
	.textboxstyle-area-light-pink-yellow span,
	.textboxstyle-area-light-blue span {
		width: 50%;
	}
}

@media (max-width: 992px) {

	.textboxstyle-area span,
	.textboxstyle-area-yellow span,
	.textboxstyle-area-light-pink span,
	.textboxstyle-area-light-pink-yellow span,
	.textboxstyle-area-light-blue span {
		width: 100%;
	}
}

.textboxstyle3 {
	margin-bottom: 15px;
}

.textboxstyle3 .box_r_con {
	display: block;
	border-radius: 5px;
	padding: 20px;
	height: 100%;
}

.blue3 .box_r_con {
	background-color: #c7daf1;
}

.yellow3 .box_r_con {
	background-color: #f3e04e;
}

.textboxstyle-45 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.textboxstyle-45 div[class*="col"] {
	margin-bottom: 25px;
	padding-top: 25px;
}

.textboxstyle-45 .textboxstylecont {
	display: block;
	border-radius: 5px;
	height: 100%;
	position: relative;
	padding: 10px 15px 10px 15px;
}

.textboxstyle-45 .textboxstylecont span {
	display: block;
	border-radius: 5px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	width: 80%;
	margin: -30px auto auto auto !important;
}

.textboxstyle-45 .textboxstylecont div {
	padding-top: 5px;
	margin: 0px !important;
}

.textboxstyle-45 .textboxstylecont div p {
	margin: 0px;
	padding: 0px;
}

.blue45 span {
	border: 1px solid #1c3c6e;
	background-color: #1c3c6e;
	color: #fff;
}

.blue45 .textboxstylecont {
	border: 1px solid #1c3c6e;
}

.yellow45 span {
	border: 1px solid #f3e04e;
	background-color: #f3e04e;
	color: #000;
}

.yellow45 .textboxstylecont {
	border: 1px solid #f3e04e;
}

.textboxstyle-7 {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
}

.textboxstyle-7 .box_r_con {
	height: 100%;
	border-radius: 5px;
}

.textboxstyle-7 .bluecolor {
	background-color: #c7daf1;
}

.textboxstyle-7 .light-yellowcolor {
	background-color: #ebf1de;
}


.list_number div[class*="col-md"] span.bgcolor-green {
	background-color: #00b050;
}

.list_number div[class*="col-md"] span.bgcolor-yellow {
	background-color: #eadf00;
	color: #000;
}

.list_number {
	text-align: left;
}

.list_number div[class*="col-md"] {
	padding-left: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}

.list_number div[class*="col-md"] span {
	background-color: #1c3c6e;
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	top: 5px;
	margin-right: 10px;
	position: absolute;
	left: 15px;
}

.section_site {
	cursor: pointer;
	position: relative;
	font-size: 16px !important;
	background-color: #efefef;
	display: block;
	border-radius: 5px;
}

.faqnavsite {
	cursor: pointer;
	display: block;
	padding: 15px;
	position: relative;
}

.fontbacktop {
	display: inline-block;
	cursor: pointer;
	color: #0E62CC;
	margin-left: 10px;
	position: absolute;
	width: 60px;
	height: 50px;
	z-index: 100;
	line-height: 50px;
	top: 0;
	right: 0;
}

.faqnavsite::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 50px;
	line-height: 45px;
	position: absolute;
	top: 0;
	right: 60px;
	text-align: center;
	font-size: 30px;
}

.faqlist {
	padding-left: 5px;
}

.faqlist p,
.faqlist ul,
.faqlist ol {
	display: none;
}

.faqlist li {
	list-style-position: outside;
	list-style: none;
	border-bottom: 1px solid #efefef;
	padding-top: 8px;
	padding-bottom: 8px;
}

.faqlist ul li,
.faqlist ol li {
	border: 0;
	list-style-type: disc !important;
}

.sFAQTit {
	display: block;
	position: relative;
	padding-right: 60px;
	font-weight: bold;
}

.sFAQTit::after {
	content: "›";
	display: inline-block;
	width: 40px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	font-size: 26px;
}

.flow-chart {
	margin-bottom: 15px;
}

.flow-chart .fcunit span.bgcolor-green {
	background-color: #00b050;
}

.flow-chart .fcunit span.bgcolor-yellow {
	background-color: #eadf00;
	color: #000;
}

.flow-chart .fcunit span.bgcolor-yellow a {
	color: #000;
}

.flow-chart div[class*="col"] {
	position: relative;
}

.flow-chart .fcunit {
	display: block;
	position: relative;
}

.flow-chart .fcunit span {
	background-color: #1c3c6e;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	line-height: 22px;
	display: flex;
	align-content: center;
	align-items: center;
	min-height: 70px;
}

.flow-chart .fcunit span a {
	color: #fff;
	display: inline-block;
}

.flow-chart .fcunit p {
	padding: 10px;
	margin-bottom: 0;
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 15px;
}

.flow-chart .fcunit ul {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px;
}

.flow-chart .fcunit ul li {
	margin-bottom: 0px;
	margin-left: 15px;
}

.flow-chart div[class*="col"]:after {
	font-size: 30px;
	height: 50px;
	text-align: center;
	font-weight: bold;
}

.flow-chart div[class*="col"]:last-child:after {
	content: "";
}

@media (min-width: 993px) {
	.flow-chart .fcunit {
		width: 88%;
	}

	.flow-chart div[class*="col"]:after {
		content: "→";
		position: absolute;
		top: 100px;
		right: 0;
		width: 50px;
	}
}

@media (max-width: 992px) {
	.flow-chart .fcunit {
		width: 100%;
	}

	.flow-chart div[class*="col"]:after {
		content: "↓";
		position: relative;
		display: block;
		text-align: center;
		width: 100%;
		margin-top: 10px;
	}
}

.box_r_con {
	border-radius: 15px;
	padding: 20px
}

.table_td_padd td {
	padding: 10px;
	margin: auto !important
}

.reviewstar {
	color: #f3e04e;
	margin-left: 20px;
	display: inline-block;
}

/*---------------------2024-6-28 public css end----------------------------------*/
.sym_more,.sym_more_2 {
	position: relative
}

.sym_more,.sym_more_2 {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding-top: 20px;
	height: 50px;
	margin-bottom: 20px;
	text-align: center;
	z-index: 10;
	z-index: 8 !important;
}

.sym_more span,.sym_more_2 span {
	/* border: 1px solid #aaa; */
	color: #fff;
	padding: 5px 25px 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	position: relative;
	background-color: var(--main-yellow-color);
}

.sym_more span::after,.sym_more_2 span::after {
	content: "▼";
	position: absolute;
	right: 8px;
	top: 2px;
}

.sym_more span.showicon::after,.sym_more_2 span.showicon::after {
	content: "▲" !important;
	position: absolute;
	right: 8px;
	top: 2px;
}

.sym_more span:hover,.sym_more_2 span:hover {
	background-color:var(--main-blue-color);
}

@media (min-width: 993px) {
	.sym_more {
		display: none;
	}
}

@media (max-width: 992px) {
	.sym_more {
		display: block;
	}
}