div::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}
div::-webkit-scrollbar-button {
	width: 6px;
	height: 5px;
}
div::-webkit-scrollbar-track {
	background-color: #eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #D0D0D0 inset;
	border-radius: 8px;
}
div::-webkit-scrollbar-thumb {
	background-color: #D0D0D0;
	border: #D0D0D0 1px solid;
	border-radius: 10px;
}
div::-webkit-scrollbar-thumb:hover {
	background-color: #D0D0D0;
}

div.scroll::-webkit-scrollbar {
	width: 8px;
	height: 0;
}
div.scroll::-webkit-scrollbar-button {
	width: 8px;
	height: 5px;
}
div.scroll::-webkit-scrollbar-track {
	background-color: #eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #D0D0D0 inset;
	border-radius: 10px;
}
div.scroll::-webkit-scrollbar-thumb {
	background-color: #D0D0D0;
	border: #D0D0D0 1px solid;
	border-radius: 10px;
}
div.scroll::-webkit-scrollbar-thumb:hover {
	background-color: #D0D0D0;
}

::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height: 5px;
}
::-webkit-scrollbar-track {
	background-color: #eee;
	border: thin solid lightgray;
	box-shadow: 0px 0px 3px #a8e0ed inset;
	border-radius: 8px;
}
::-webkit-scrollbar-thumb {
	background-color: #a8e0ed;
	border: #D0D0D0 1px solid;
	border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #a8e0ed;
}


a {color: #1756b3; cursor: pointer;}
a:hover {color: #1756b3 !important;}

p {margin: 2px 0; padding: 0;}
img {max-width: 100%;}

ul, li {list-style-type: none; padding: 0; margin: 0;}

input[type="checkbox"] {vertical-align: top; margin-top: 4px;}

.textbody {color: #000 !important; font-size: 15px; line-height: 1.4; text-align: justify;}
.textbody table {max-width: 100% !important;}
.textbody table td {padding: 3px 5px;}
.textbody img {max-width: 100%;}
.textbody div {padding: 2px 0; margin: 0;}
.textbody p {padding: 2px 0; margin: 0;}
.textbody blockquote {color: #000;}
.textbody ul {margin: 0; padding: 0 0 2px 20px; list-style-type: square !important; list-style-position: inside;}
.textbody ul ul {padding: 0 0 2px 40px;}
.textbody ol {margin: 0; padding: 0 0 2px 25px; list-style-type: decimal !important; list-style-position: inside;}
.textbody ul li, .textbody ol li {padding: 5px 0 5px 0 !important; display: list-item !important; background: none !important; border: none !important;}
.textbody ul li p, .textbody ol li p {margin: -22px 0 0 15px;}
.textbody iframe {width: 650px !important; height: 400px !important; max-width: 100% !important;}
.textbody a {color: #337ab7;}
.textbody video {max-width: 100%; width: 660px !important; height: 400px !important;}

.tbltext {font-size: 13px;}
.news-date i {color: #005858;}

.errorMsg {color: #ff0000; font-size: 17px; font-weight: normal;}
.bTitle {font-size: 20px; font-weight: 600; padding: 0; margin: 0 0 5px 0 !important;}
.nTitle {font-size: 17px; font-weight: normal; padding: 0; margin: 0 !important;}
.date {color: #808080;}

.news-list {display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px; margin-top: 25px;}
.news-list .news-box {padding: 0; font-size: 14px; line-height: 1.5;}
.news-list .news-box a {color: #000;}
.news-list .news-pic {text-align: center; margin-bottom: 10px;}
.news-list .news-pic img {width: 100%;}
.news-list h4 {font-size: 18px; line-height: 1.4; font-weight: bold; margin: 0; padding: 0; color: #000;}
.news-list .preview {margin-top: 8px; text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.news-list2 {width: 1200px; max-width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-column-gap: 50px; grid-row-gap: 50px; margin: 35px auto 0 auto;}
.news-list2 .news-box {padding: 0; font-size: 14px; line-height: 1.5;}
.news-list2 .news-box a {color: #000;}
.news-list2 .news-pic {text-align: center; margin-bottom: 10px;}
.news-list2 .news-pic img {width: 100%;}
.news-list2 h4 {font-size: 18px; line-height: 1.4; font-weight: bold; margin: 0; padding: 0; color: #000;}
.news-list2 .preview {margin-top: 8px; text-align: justify;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.other-news {border-top: #E0E0E0 1px solid; padding-top: 5px; margin: 10px 0 20px 0; text-align: left;}
.other-news h2 {font-size: 16px; font-weight: bold; margin: 10px 0;}
.other-news ul {list-style-type: none; padding: 0; margin: 0;}
.other-news li {list-style-type: none; padding: 5px 0 0 30px; margin: 0;}
.other-news li i {font-size: 15px;}
.other-news li a {color: #000;  font-size: 15px;}

.content-single {width: 1200px; max-width: 100%; margin: 5px auto 0 auto;}

/*Pagination */
.page-nav{ text-align:center; margin:0 auto;}
.page-nav > span {display:inline-block; }
.page-nav > span a{
	display: inline-block;
	background:#cccccc;
	color:#fff !important;
	border-radius:100%;
	width:40px;
	padding:2px;
	font-size:15px;
	line-height:36px;
	text-align:center !important;
}
.page-nav > span a > i {font-size:18px; line-height: 34px;}
.page-nav > span.current a {background:#F1BB00; color: #fff !important; cursor: pointer;}
.page-nav > span.current a:hover {color: #fff !important;}
.page-nav > span a:hover, .pager > span a:focus{ background: #535353; text-decoration: none !important;}

.imgCode {width: 240px; padding: 0; margin: 0;}
.imgCode img {float: right; height: 28px; margin-top: 4px;}
.imgCode .form-control {float: left;}
.imgCode:after {clear: both;}

.video-box {width: 850px; max-width: 100%; height: 450px; margin: 0 auto;}
.video-box iframe, .video-box video {width: 100%; height: 100%;}

.video-thumb {width: 350px; max-width: 100%; height: 300px; margin: 0 auto;}
.video-thumb iframe, .video-thumb video {width: 100%; height: 100%;}

.video-thumb2 {width: 450px; max-width: 100%; height: 300px; margin: 0 auto;}
.video-thumb2 iframe, .video-thumb video {width: 100%; height: 100%;}

.top-cornner { display:flex; justify-content:center; align-items:center; }
.top-cornner a {color: #000 !important;}
.col-search-1 {width: 140px; float: left;}
.col-search-2 {width: calc(100% - 140px - 90px); float: left; padding-left: 0;}
.col-search-3 {width: 90px; float: left;}

.body-content {background-color: #fff; min-height: 400px !important;}
.popup-content {background-color: #fff; margin: 0;}
.center-content {margin: 0 auto; width: 60%; text-align: center;}

.page-body {min-height: 400px !important; text-align: left;}
.page-title {font-size: 22px !important; font-weight: 600; margin: 0; padding: 0;}

.account-type {margin: 0 auto;}
.account-type li {display: inline-block; margin: 0 8px; border: #D0D0D0 1px solid; border-radius: 5px;}
.account-type li:hover {background-color: #F8F8F8;}
.account-type li a {display: block; padding: 15px 40px; color: #585858; font-weight: bold;}

.m-t-10 {margin-top: 10px;}
.m-t-20 {margin-top: 20px;}
.m-t-50 {margin-top: 30px;}
.m-r-15 {margin-right: 15px;}
.p-l-5 {padding-left: 15px !important;}

.center-form {max-width: 100%; text-align: center;}
.register-form {width: 650px; max-width: 100%; margin: 0 auto;}
.inquiry-form {width: 700px; max-width: 100%; margin: 0 auto;}
.edit-form {width: 800px; max-width: 100%; margin: 0 auto; font-size: 13px;}
.edit-form-small {width: 600px; max-width: 100%; margin: 0 auto; font-size: 13px;}
.info-form {width: 700px; max-width: 100%; margin: 0 auto;}
.list-form {width: 900px; max-width: 100%; margin: 0 auto;}
.list-form td {vertical-align: middle;}
.list-form2 {width: 1200px; max-width: 100%; margin: 0 auto; padding-left: 15px;}
.list-form2 td {vertical-align: middle;}


.myform input[type="text"], .myform input[type="file"], .myform input[type="password"], .myform select, .myform textarea {padding: 5px 10px; border: #ACACAC 1px solid; border-radius: 5px; min-height: 0px !important;}
.myform input[type="text"]:focus, .myform input[type="password"]:focus, .myform select:focus, .myform textarea:focus {outline: none !important; border-color: #585858 !important;}
.myform input[type="file"] {padding: 2px; background-color: #fbfbfb;}
.myform select {
	padding: 7px 5px;
}
.left select {
   text-align-last: left;
   text-align: left;
   -ms-text-align-last: left;
   -moz-text-align-last: left;
}
.mybtn {background-color: #0A66C2; border: #0A66C2 1px solid; border-radius: 15px; padding: 6px 30px; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;}
.mybtn:hover {background-color: #13aa52 !important; border: #13aa52 1px solid !important;}
.mybtn2 {background-color: #ec5598; border: #ec5598 1px solid; border-radius: 15px; padding: 6px 30px; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;}
.mybtn2:hover {background-color: #13aa52 !important; border: #13aa52 1px solid !important; color: #fff !important;}
.mybtn3 {background-color: #7EAA0F; border: #7EAA0F 1px solid; border-radius: 15px; padding: 6px 30px; color: #fff; font-size: 14px; font-weight: 600; cursor: pointer;}
.mybtn3:hover {background-color: #ec5598 !important; border: #ec5598 1px solid !important;}

.mybtn-back {background-color: #ec5598; border: #ec5598 1px solid; border-radius: 15px; padding: 6px 30px 6px 25px; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; cursor: pointer;}
.mybtn-back:hover {background-color: #ec5598; border: #ec5598 1px solid;}
.mybtn-next {background-color: #6A1B9A; border: #6A1B9A 1px solid; border-radius: 15px; padding: 6px 25px 6px 30px; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; cursor: pointer;}
.mybtn-next:hover {background-color: #ec5598; border: #ec5598 1px solid;}

.smallbtn {display: inline-block; background-color: #F0F0F0; border: #F0F0F0 1px solid; padding: 3px 10px; color: #000; cursor: pointer; border-radius: 5px; font-size: 14px;}
.smallbtn:hover {background-color: #E0E0E0; border: #E0E0E0 1px solid;}

.submit {background-color: #EBEBEB; border: #EBEBEB 1px solid; border-radius: 5px; padding: 5px 20px; font-weight: bold; cursor: pointer;}
.submit:hover {background-color: #E6E6E6; border: #E6E6E6 1px solid;}

input, select, textarea {max-width: 100% !important;}

table {width: 100%;}
table td {padding: 5px; text-align: left;}
.tdmenu {font-weight: bold;}
.tdtext p {padding: 3px 0; margin: 0;}
.tblborder tr td.tdwhite {background-color: #fff !important;}

.register-msg {display: block; width: 100%; text-align: center; color: #444444; font-size: 16px; margin: 5px 0 15px 0;}
.error-msg {display: block; width: 100%; text-align: center; color: #ff0000; font-size: 14px;}

.userbar {margin-left: 20px !important;}
.userbar a {text-transform: none !important; padding-left: 0; font-size: 15px;}
.userbar a i {font-size: 14px !important; margin-left: 6px;}

.userlogin {margin-left: 20px }
.userlogin a {text-transform: none !important; padding-left: 0; font-size: 15px;}
.userlogin a i {margin-left: 6px; margin-right: 5px;}

.dashboard {width: 1300px; max-width: 100%; margin: 0 auto; display: block; overflow: auto;}
.dashboard .col-left {float: left; width: 250px; margin-right: 10px; display: block; overflow: auto;}
.dashboard .col-right {float: left; width: calc(100% - 260px); display: block; overflow: auto; height: auto;}
.dashboard .leftmenu {background: #f9f7f7;}
.dashboard .leftmenu ul {padding: 0; margin: 0;}
.dashboard .leftmenu ul li {list-style-type: none;}
.dashboard .leftmenu > ul > li > a {display: block; background-color: #eae9e9; color: #585858; font-weight: 500; padding: 5px 20px; margin: 2px 0; cursor: pointer;}
.dashboard .leftmenu > ul > li > a:hover {background-color: #f1f0f0;}
.dashboard .leftmenu > ul > li > a > span {float: right; color: #808080;}
.dashboard .leftmenu > ul > li ul li a {display: block; padding: 5px 20px 5px 30px;}
/* .dashboard .leftmenu > ul > li ul li a:hover {background-color: #e9e9e9;} */
.dashboard .leftmenu > ul > li ul li i {margin-right: 5px;}
.dashboard .leftmenu > ul > li ul li:last-child {margin-bottom: 10px;}

.main-dashboard {display: block; width: 100%; font-size: 14px; font-family: Arial; color: #000;}
.main-dashboard a {font-size: 14px;}
.main-dashboard input[type="text"], .main-dashboard input[type="password"], .main-dashboard select, .main-dashboard textarea {background-color: #fbfbfb; color: #000 !important;}

table {border-collapse: collapse; border-spacing: 0 !important;}
#block-list {border: #E0E0E0 1px solid; padding: 0;}
#block-list table {border-collapse: collapse; border-spacing: 0;}
#block-list tr.tmenu {height: 34px; color: #000; background: #caecf3; font-weight: 560; color: #505050; font-size: 14px;}
#block-list tr.tmenu td {padding: 4px 5px; text-align: center;}
#block-list tr.tmenu td.left {text-align: left;}
#block-list tr.tmenu td.right {text-align: right;}
#block-list tr.tmenu2 {height: 34px; color: #000; background: #bddde5; font-weight: 560; color: #505050; font-size: 14px;}
#block-list tr.tmenu2 td {padding: 4px 5px; text-align: center;}
#block-list tr.trow1 {background-color: #ffffff; text-align: center;}
#block-list tr.trow2 {background-color: #F0F0F0; text-align: center;}
#block-list tr.trow3 {background-color: #d4dee4; text-align: center;}
#block-list tr.trow1 img, #block-list tr.trow2 img, #block-list tr.trow3 img {vertical-align: top; margin-top: 2px; margin-bottom: 3px; }
#block-list tr.trow1:hover, #block-list tr.trow2:hover {background-color: #FFFFF0;}
#block-list td {padding: 4px 5px; border-bottom: #D0D0D0 1px dotted; font-size: 14px;}
#block-list .icon {font-size: 12px !important;}
#block-list p {margin: 5px 0 5px 5px; line-height: 1.5 !important;}

#block-list::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
#block-list::-webkit-scrollbar-button {
	width: 8px;
	height: 8px;
}


.block-list2 table {background-color: #E0E0E0; border-collapse: separate !important; border-spacing: 1px !important;}

.dashboard-nav {color: #FF8080; margin-bottom: 20px; font-size: 15px; text-align: left; font-weight: 500;}
.dashboard-nav2 {color: #FF8080; margin-bottom: 5px; font-size: 15px; text-align: left; font-weight: 500;}
.dashboard-nav2 i {margin: 0 5px;}
.dashboard-nav a, .dashboard-nav2 a {color: #FF8080;}

.navbtn {padding: 0 5px 10px 5px; font-size: 14px !important;}
.navbtn a {display: inline-block; margin-right: 20px;}
.navbtn img {vertical-align: top;}

.usernav-box {}
.usernav-box p {line-height: 1.5; padding: 5px 0; margin: 0;}
.usernav-box .border-line {border-top: #C0C0C0 1px dashed; height: 1px !important; line-height: 1; margin-top: 8px;}
.usernav-box .usernav-smallline {padding: 0 !important;}

.user-fullname {color: #C100C1;}
.user-logout {color: #808080 !important;}

.tblborder tr td {border: #D0D0D0 1px solid; padding-left: 10px; vertical-align: top;}
.tblborder tr td:first-child {background-color: #F8F8F8;}

/*table tr td {vertical-align: top;}*/

.icon-remove {color: #969696; font-size: 16px;}
.contactList div {padding: 3px 0;}
.contactAdd {padding-top: 5px;}
.social-contact p {padding: 0; margin: 0;}

.small-text, .small-text p {font-size: 13px;}
.option-list {display: block; width: 100%; border: #C0C0C0 1px solid; padding: 5px 10px;}
.option-list p {display: inline-block; width: 100%; margin: 0; padding: 2px 0; font-size: 13px;}

.center {text-align: center;}
.right {text-align: right;}
.txt-left {text-align: left;}
.vmiddle {vertical-align: middle;}
.nowrap {white-space: nowrap;}
.text-active {color: #FF8040 !important;}
.icon-disabled {color: #C0C0C0 !important;}
.desc-txt {color: #808080; font-size: 12px; margin: 0; padding: 0;}

.pic-preview img {max-height: 120px; margin-bottom: 5px;}
.pic-preview label {display: inline-block; vertical-align: bottom; padding-left: 15px; color: #585858; font-size: 13px;}
.pic-preview label input {vertical-align: middle; margin-bottom: 3px;}

.pic-preview2 img {max-width: 350px; margin-bottom: 5px;}
.pic-preview2 label {display: inline-block; vertical-align: bottom; padding-left: 15px; color: #585858; font-size: 13px;}
.pic-preview2 label input {vertical-align: middle; margin-bottom: 3px;}

.pic-popup img {max-width: 150px; max-height: 120px;}
.pic-popup-s img {max-width: 100px; max-height: 100px;}

.icon-pdf {display: table-cell; width: 160px; height: 80px; text-align: center; background-color: #fff; vertical-align: middle; margin: 0; padding: 5px;}
.icon-pdf img {max-width: 100%; max-height: 100%;}
.icon-pdf-e {}

.filter-tbl {margin-bottom: 5px; font-size: 14px;}
.filter-bar {text-align: right;}
.filter-bar input {padding: 2px 5px; border: #F0F0F0 1px solid; border-radius: 5px; line-height: 20px;}
.filter-bar select {padding: 5px !important; border: #C0C0C0 1px solid; border-radius: 5px;}
.filter-bar .btn-filter {font-size: 14px; font-weight: 500; padding: 4px 8px; background-color: #F0F0F0; border: #F0F0F0 1px solid; border-radius: 5px; min-height: 16px !important;}
.filter-bar input, .filter-bar select {margin-bottom: 5px;}

.filter-bar2 {text-align: right;}
.filter-bar2 select {padding: 3px 5px; border: #F0F0F0 1px solid; border-radius: 5px; line-height: 20px; max-width: 200px; min-width: 100px;}

.form-group input[type="text"], .form-group select {height: 36px;}

.scroll {overflow: auto; padding: 5px; border: #D0D0D0 1px solid;}
.scroll-list {background-color: #fff; padding: 2px 10px;}
.scroll-list li {border-bottom: #C0C0C0 1px dotted; padding: 2px 0; list-style-type: none;}
.scroll-list li:last-child {border-bottom: none;}
.scroll-list li label {display: block;}
.scroll-list li:hover {background-color: #F9F9F9;}

.optionDesc {font-size: 12px; color: #000;}
.sizeList div {margin-bottom: 5px;}
.sizeList a {font-size: 13px; color: #808080 !important;}
.sizeAdd {text-align: left; font-size: 13px;}
.draggable {cursor: pointer;}

#Div_Album {margin-top: 5px;}
#Div_Album div {width: 110px; height: 80px; display: inline-block; margin: 5px;}
#Div_Album div .remove {position: absolute; height: 13px; margin-left: 102px; margin-top: -12px; cursor: pointer;}
#Div_Album div .remove img {max-width: 14px; opacity: 0.8;}
#Div_Album div span {display: block; width: 100%; height: 70px; overflow: hidden; border: #ACACAC 1px solid; text-align: center; padding: 2px;}
#Div_Album div span img {max-width: 100%; max-height: 100%;}

.videoList {display: block; margin-bottom: 5px;}
.videoList i {cursor: pointer;}

.uploadBar {display: none; width: 360px; height: 10px; margin-bottom: 7px; font-size: 11px; line-height: 11px;}
.uploadBar .uBar {float: left; display: block; width: 300px; border: #18cb4e 1px solid; border-radius: 5px;}
.uploadBar .uBar .uProcess {display: block; width: 0%; height: 9px; background-color: #23E95F; border-radius: 5px;}
.uploadBar .uText {float: left; display: block; height: 11px; margin-left: 10px; color: #ff0000; font-weight: bold;}

.num-order {padding: 2px 5px !important; text-align: center; line-height: 1.5;}
/*.enabled a {color: #6D1465;}*/
.disabled, .disabled a {color: #808080;}
.disabled img {opacity: 0.5;}

.tbl-info td {border: #ACACAC 1px solid;}
.close-windows {text-align: center;}
.nav-title {font-weight: bold; padding-bottom: 8px; margin: 0;}

.popup-banner {width: 600px; height: 400px; max-width: 100%; max-height: 100%; text-align: center; margin: 0 auto; overflow: auto;}
.popup-banner img {max-width: 100%; max-height: 100%;}

.mega-menu-content p { display: inline-block; margin: 0; padding: 0; font-size: 14px;}
.mega-menu-content a { display: block; color: #000; padding: 0 5px !important;}

.cart-icon {position: relative;}
.cart-icon .icon_topbar {display: block; text-align: center; padding-right: 20px;}
.cart-icon i {}
.cart-icon p {padding: 0 !important; margin: 0 2px 0 0 !important; display: inline-block; position: absolute; top: 0; left: 26px; width: 20px; height: 20px;}
.cart-icon span {display: inline-block; position: absolute; margin: -5px 0 0 23px; width: 20px; height: 20px; line-height: 20px; text-align: center; background-color: #ff0000; color: #fff; border-radius: 20px; font-size: 12px !important;}

.top-icon {font-size: 20px !important;}
.login-form p {padding: 5px 0;}

.portfolio-description {width: 100% !important; padding: 10px !important; margin: 0; font-size: 14px; font-weight: bold; line-height: 1.5; text-align: left !important;}

.suggest-pro {display: block; clear: both; padding: 14px 0; border-bottom: #C0C0C0 1px dashed; overflow: auto;}
.suggest-pro .pro-image {display: block; float:left; width:25%; vertical-align: top; max-height: 50px; overflow: hidden;}
.suggest-pro .pro-image img {max-width: 100%; min-height: 100%;}
.suggest-pro .pro-title {float:left; width:75%; max-height: 100px; overflow: hidden; padding-left: 10px; font-size: 13px; line-height: 1.4;  vertical-align: top;}
.suggest-pro .pro-title a {display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical;}
.suggest-pro .pro-title span {display: block; font-size: 12px; color: #969696; padding-top: 3px;}

.pro-box {margin-bottom: 5px;}
.pro-box .pro-image {display: table; width: 100%;  overflow: hidden; padding: 0; text-align: center;
 border: #E0E0E0 1px solid; 
	background-color: #F8F8F8;
	border-radius: 10px;
}
.pro-box .pro-image a {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle;}
.pro-box .pro-image img {max-width: 100%; max-height: 150px;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.pro-box .pro-image:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform:scale(1.15);
	transform: scale(1.15);
}
.pro-box .pro-desc {display: block; text-align: center; height: 45px;}
.pro-box .pro-title {font-size: 14px; padding: 10px 0 0 0; margin: 0;}

.trending-title {font-size: 20px; font-weight: 600;}

/*  Shop */
.pro-home-color {}

.shop-category { position: relative; }
.shop { position: relative;}



.post-topnews {position: relative;}
.post-topnews .post-image {width: 100%; overflow: hidden;
border-radius: 10px}
.post-topnews .post-image img {width: 100%;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.post-topnews .post-image:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform:scale(1.05);
	transform: scale(1.05);
}
.post-image .post-title {position: absolute; width: 100%; bottom: 0; padding: 12px 10px; 
	background-color: rgba(255, 255, 255, 0.8); font-size: 18px; font-weight: 600; 
	text-align: center; line-height: 1.5;}
.post-image .post-title a {color: #000;}

.post-thumbnails .news-nextrow {padding: 10px 0 !important; border-bottom: #C0C0C0 1px dashed;}
.post-thumbnails .news-nextrow:first-child {padding-top: 0 !important;}
.post-thumbnails .post-image {width: 100%; overflow: hidden;}
.post-thumbnails .post-image img {width: 100%;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.post-thumbnails .post-image:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	transform: scale(1.1);
}

.home-newstitle a {color: #000;}
.copyright-icon {text-align: right; padding-right: 120px;}
.copyright-text {text-align: left;}
.menu-language {min-width: 160px !important; left: -40px !important;}

.footer-content a:hover {color: #E0E0E0 !important;}
.footer-content h4 {font-size: 16px;}
.footer-content ul li {font-size: 13px;}

.leftmenu {background-color: #fff; padding: 0 0 20px 0; min-height: 200px;}
.leftmenu li a {display: block; background-color: #F0F0F0; line-height: 24px; padding: 7px 20px; margin-bottom: 1px;}
.leftmenu li a:hover {color: #000 !important;}
.leftmenu li i {margin-right: 5px;}

.pagebar {background-color: #eee; padding: 5px 10px; font-size: 13px; max-width: 1500px; margin: 15px auto;}
.pagebar {color: #585858; box-shadow: none;}
.pagebar a {color: #585858; display: inline-block;}
.pagebar span {display: inline-block; font-size: 12px; padding: 0 5px;}

.company-info {text-align: justify; padding-left: 10px;}
.company-info p {padding-bottom: 0;}
.company-name {color: #FF6060; font-size: 22px; font-weight: 600; padding: 0 0 10px 0 !important;}

.contactForm input[type="text"], .contactForm textarea {border-radius: 5px; border: #C0C0C0 1px solid; padding: 5px 10px; width: 400px; max-width: 100%;}
.contactForm input[type="submit"] {border-radius: 5px; padding: 5px 10px; text-align: center; background-color: #f0c018; border: #f0c018 1px solid; color: #fff; min-width: 100px;}

.product-wishlist a { background-color: #E0E0E0; border-radius: 50%; height: 30px; right: 6px; line-height: 28px; position: absolute; text-align: center; top: 6px; width: 30px; z-index: 1; opacity: 1; padding-top: 2px;}
.product-wishlist2 {color: #808080}
.product-wishlist2 a {display: inline-block; background-color: #E0E0E0; border: #969696 1px solid; border-radius: 50%; width: 30px; height: 30px; line-height: 28px; top: 6px; right: 6px; z-index: 1; opacity: 1; padding-top: 2px; text-align: center; margin-right: 2px;}
.favorite-empty i {color: #fff;}
.favorite-fill i {color: #ff0000;}

.product-row {display: block; position: relative; border-bottom: #C0C0C0 1px dashed; padding: 20px 0;}
.product-row:first-child {padding-top: 0;}

.product { margin-bottom: 0px; position: relative; display: block;}
.product a:not(.btn) { color: #3c4043; }
.product .product-image { position: relative; width: 100%; height: auto; overflow: hidden;}
.product .product-image > a, .product .product-image img { display: block; width: 100%; }
.product .product-image > a, .product .product-wishlist a { -webkit-transition: all .4s ease; transition: all .4s ease; }
.product .product-image > a:nth-of-type(2) { top: 0; left: 0; opacity: 0; z-index: -1; position: absolute; }
.product .product-description { padding: 0 0 0 20px; }
.product .product-title {max-width: 80%; }
.product .product-title h3 {margin: 0; padding: 0 0 5px 0; font-size: 15px;}
.product .product-title h3 a {color: #246bb3; font-size: 15px; font-weight: 600;}
.product .product-title h3 a:hover {color: #ff850a !important;}
.product .product-preview {width: 100%; overflow: hidden;}
.product .product-category { display: block; opacity: 0.5; }
.product .product-price { width: 26%; float: right; margin-bottom: 0; margin-top: -26px; text-align: right; }
.product .product-price ins { color: #444; font-size: 18px; font-weight: 600; margin-bottom: 4px; text-decoration: none; }
.product .product-price del { display: block; font-size: 12px; font-weight: 400; margin: -20px 0 -4px; opacity: 0.6; }
.product .product-rate { height: 23px; float: left; color: #FFC300; }
/*.product .product-reviews, .product .product-reviews a { color: #73848e; float: right; font-size: 14px; }*/
.product .product-sale, .product .product-new, .product .product-hot, .product .product-out-stock { border-radius: 50%; color: #ffffff; font-size: 13px; font-weight: 600; height: 42px; right: 10px; line-height: 42px; position: absolute; text-align: center; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14); top: 10px; width: 42px; z-index: 5; }
.product .product-sale, .product .product-sale-off { background: #ffc300; }
.product .product-new { background: #00c0e9; }
.product .product-hot { background: #d6284b; }
.product .product-out-stock { background: #a5a5a5 none repeat scroll 0 0; border-radius: 4px; padding: 0 18px; width: auto; }
.product .product-sale-off { border-radius: 12px 0 0; bottom: 0px; color: #ffffff; font-size: 16px; font-weight: 600; height: 42px; line-height: 42px; position: absolute; right: 0px; text-align: center; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.14); width: 88px; z-index: 5; }
.product .product-overlay { position: absolute; width: 100%; height: 44px; line-height: 44px; top: auto; bottom: -44px; left: 0; z-index: 6; -webkit-transition: bottom .3s ease; transition: bottom .3s ease; }
.product .product-overlay a { -webkit-transition: bottom .3s ease; transition: bottom .3s ease; color: #fff; display: block; font-size: 13px; background-color: rgba(0, 0, 0, 0.7); text-align: center; }
.product .product-overlay a:hover { background-color: #111; color: #fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); }
.product:hover .product-overlay { bottom: 0px; }

.featured-icon {font-size: 13px; color: #969696; padding-bottom: 3px;}

.supplier-info {}
.supplier-info li {padding: 0;}
.supplier-info .company a {color: #585858; font-size: 13px; font-weight: 600; line-height: 1.4;}
.supplier-info i {color: #585858;}
.supplier-info .contact {padding-top: 5px;}
.supplier-info .inquiry-cart {padding-top: 10px;}
.supplier-info .inquiry-cart2 {padding-left: 30px;}
.supplier-info table tr td {padding: 2px 5px;}
.supplier-info table tr td:first-child {padding-left: 0 !important;}

.small-text {font-size: 13px;}
.medium-text, .medium-text a {font-size: 16px !important;}

.btn-contact {background-color: #ffaa00; padding: 6px 15px; color: #fff !important; font-size: 13px; font-weight: 600; border-radius: 5px;}
.btn-contact:hover {background-color: #ff9900; color: #fff !important;}
.btn-contact i {padding-right: 3px; color: #fff;}

/* Cart message */
.msgPopupOverall {position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); z-index: 99999; display: ;}
.msgPopupBox {position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 350px; max-width: 90%; height: 190px; border-radius: 10px; z-index: 99999;}
.msgClose {position: absolute; top: -10px; right: -6px; width: 24px; height: 24px; background: url(../images/close1.png) center center no-repeat; cursor: pointer; z-index: 999999999;}
.msgPopupContent {width: 100%; height: 100%; padding: 0; background-color: #fff; color: #000; border-radius: 8px; position: absolute !important; font-size: 15px;}

.msgrow {padding: 0; text-align: center; font-size: 15px; line-height: 1.4;}
.msgrow .row1 {padding: 20px;}
.msgrow .row2 {position: absolute; display: block; width: 100%;  padding: 20px 10px; margin: 0; background-color: #daeddc; bottom: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.msgrow p {padding: 2px 0; margin: 0; font-size: 15px;}
.msgrow .pic {text-align: center;}
.msgrow .pic img {max-width: 80px; max-height: 40px; margin-bottom: 2px;}
.msgrow a:hover {color: #000 !important;}
/* --------------------- */

.inquiry-preview {}
.inquiry-preview .supplier-name {padding-bottom: 5px;}
.inquiry-preview .supplier-name a {color: #585858; font-weight: 600; font-size: 14px;}
.inquiry-preview .product-preview {padding: 10px; background-color: #F8F8F8; border: #D0D0D0 1px solid; height: auto; overflow: auto;}
.inquiry-preview .product-preview .pro-image {width: 15%; float: left;}
.inquiry-preview .product-preview .pro-image img {max-width: 100%; max-height: 100%;}
.inquiry-preview .product-preview .pro-title {width: 83%; float: left; padding-left: 20px !important; font-size: 14px;}
.inquiry-preview .product-preview .pro-title a {font-weight: 600;}
.inquiry-preview .product-preview .supplier-title a {font-weight: 600; font-size: 14px;}

.clear {clear: both;}
.no-result {text-align: center;}
.mbody-content {width: 1300px; max-width: 100%; margin: 0 auto;}
.proinfo-title h4 {font-size: 16px; text-transform: uppercase; font-weight: 600; margin: 0; padding: 0 0 8px 0;}

.prothumb {border: #E0E0E0 1px solid; border-radius: 10px; padding: 10px; margin-bottom: 30px;}
.prothumb .image {width: 100%; height: 240px; text-align: center; overflow: hidden; position: relative;}
.prothumb .image img {max-width: 100%; max-height: 100%;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.prothumb .image:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	transform: scale(1.1);
}
.prothumb .image > a, .prothumb .wishlist a { -webkit-transition: all .4s ease; transition: all .4s ease; }
.prothumb .image > a:nth-of-type(2) { top: 0; left: 0; opacity: 0; z-index: -1; position: absolute; }
.prothumb .desc {padding-top: 8px; min-height: 90px; font-size: 13px;}
.prothumb h2 {font-size: 14px; line-height: 1.6; font-weight: 500; margin: 0; padding: 0;}
.prothumb a {color: #246bb3;}
.prothumb .prothumb-title {padding-bottom: 5px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2;
   -webkit-box-orient: vertical;
}
.prothumb .contact {margin-top: 10px; text-align: center;}


.prothumb2 {margin-bottom: 15px;}
.prothumb2 .image {width: 100%; height: 140px; text-align: center; overflow: hidden;}
.prothumb2 .image img {max-width: 100%; max-height: 100%;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.prothumb2 .image:hover img {width: 100%;
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	transform: scale(1.1);
}
.prothumb2 .desc {padding-top: 8px;}
.prothumb2 h2 {font-size: 14px; line-height: 1.6; font-weight: 500; margin: 0; padding: 0;}
.prothumb2 a {color: #246bb3;}

.border-line {border-top: #969696 1px dashed; height: 1px; margin: 0; padding: 0;}
.social-share {display: block;}
.social-share a {display: inline-block; font-size: 24px; color: #ACACAC; margin-right: 6px;}
.social-share a:hover {color: #808080;}

.btitle {font-weight: 600; font-size: 18px; margin: 0; padding: 0;}
.supplier-box {width: 500px; max-width: 100%; border: #D0D0D0 1px solid; padding: 10px;}
.detail-price span {font-size: 16px; font-weight: bold; color: #ff0000;}

ul.zoom-hinhcon{ padding: 15px; display: block; text-align: center}
ul.zoom-hinhcon li.hinhcon {position: relative; display: inline-block !important; width: 70px; height: 70px; margin: 0 2px 2px 2px !important; padding: 0 !important; border: #D0D0D0 1px solid; padding: 2px; border-radius: 5px;}
ul.zoom-hinhcon li.hinhcon a img:not[class="icon-play"] {width: 100% !important; height: 100% !important;}

.icon-play {position: absolute; top: 22px; left: 22px; width: 26px !important; height: 26px !important; z-index: 1;}
.favorite-box {width: 500px; max-width: 100%; margin-top: 15px;}

.basicinfo-box {width: 600px; max-width: 100%; font-size: 14px; line-height: 1.5; border: #D0D0D0 1px solid; border-collapse: collapse;}
.basicinfo-box tr td {border: #D0D0D0 1px solid; text-align: left; padding: 6px 10px;}

.procode-box {width: 600px; max-width: 100%; font-size: 14px; line-height: 1.5; border: 0px; /*border: #D0D0D0 1px solid; border-collapse: collapse;*/}
.procode-box tr td {/*border: #D0D0D0 1px solid;*/ text-align: left; padding: 6px 0px;}

.proinfo-title2 {font-size: 16px; font-weight: 600; padding-bottom: 6px;}
.topmenu-middle {float: left !important;}
.topmenu-right {float: right !important;}
.supplier-list {width: 1000px; max-width: 100%; margin: 0 auto;}

.supplier {clear: both; overflow: auto; height: auto; display: block; border: #E0E0E0 1px solid; background-color: #F8F8F8; padding: 10px; margin-bottom: 20px;}
.supplier .supplier-image {float: left; width: 200px; height: auto; overflow: auto;}
.supplier .supplier-image img {max-width: 100%; max-height: 100%;}
.supplier .supplier-desc {float: left; width: calc(100% - 200px); padding-left: 15px;}
.supplier .supplier-desc li {padding: 0; margin: 0;}
.supplier .supplier-desc td {padding: 0; margin: 0;}
.supplier .supplier-desc .contact {margin-top: 10px;}

.listing-nav {padding: 6px 15px; background-color: #caecf3; margin-bottom: 15px; height: auto; overflow: auto; border-radius: 6px;}
.listing-title {float: left; text-align: left; font-size: 14px; font-weight: 600;}
.listing-view {float: right; text-align: right; font-size: 13px;}
.listing-view span {display: inline-block; margin: 0 3px;}
.listing-view span img {height: 20px;}

.sorting-box {padding: 2px 10px; margin-right: 20px; border: #D0D0D0 1px solid;}

.viewmode-active img {opacity: 1; border: #A0A41E 1px solid; padding: 2px;}
.viewmode-inactive img {opacity: 0.6;}
.text-left {text-align: left !important;}
.profile-title {font-size: 20px; font-weight: 600; padding: 4px 0 18px 0 !important; margin: 0 !important;}
.profile-line {height: 1px; border-top: #969696 1px dashed; margin: 20px 0;}
.profile-more {float: right; padding-top: 10px; font-size: 13px;}
.supplier-company {font-size: 22px !important; color: #ff0000; font-weight: 600; margin: 0; padding: 0;}

.paranoma {margin-bottom: 15px;}
.paranoma .image {width: 100%; height: 120px; overflow: hidden;}
.paranoma .image img {width: 100%; min-height: 100%;
	-webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
  	transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.paranoma .image:hover img {width: 100%;
	-webkit-transform: scale(1.1);
	-moz-transform:scale(1.1);
	transform: scale(1.1);
}
.paranoma .desc {padding-top: 8px;}
.paranoma h2 {font-size: 13px; font-weight: 500; margin: 0; padding: 0;}
.paranoma a {color: #246bb3;}

.panorama-title {padding: 0 0 10px 0 !important; margin: 0 !important; font-size: 16px; font-weight: 600;}

.m-b-15 {margin-bottom: 15px;}
.m-b-25 {margin-bottom: 25px;}

.result-box {display: block; position: absolute; z-index: 999999; width: 100%; max-height: 500px; overflow: auto; background-color: #fff; padding: 0 15px; border: #E0E0E0 1px solid; margin-top: 0;}
.result-box .item {display: block; width: 100%; padding: 5px 0; border-bottom: #E0E0E0 1px solid; background-color: #fff; font-size: 14px; line-height: 1.5; overflow: auto; vertical-align: middle;}
.result-box .item:last-child {border-bottom: 0;}
.result-box .item table {width: 100%;}
.result-box .item table td {height: auto; padding: 0; vertical-align: middle;}
.result-box .item .ipic {text-align: center;}
.result-box .item .ipic img {max-width: 50px; max-height: 40px;}
.result-box .item .ititle {padding-left: 10px;}

.menu-more {color: #246bb3; cursor: pointer;}
.menu-more i {padding-left: 5px; vertical-align: middle;}

.hidden {display: none;}
.bold {font-weight: 600 !important;}
a.bold:hover {color: #000 !important;}

.help-box {display: block; overflow: auto; clear: both; padding: 15px 0; border-bottom: #E0E0E0 1px dotted; text-align: left; font-size: 14px; line-height: 1.4;}
.help-box a {color: #000;}
.help-box:first-child {padding-top: 0; margin-top: 0;}
.help-box img {float: left; max-width: 220px; margin: 6px 15px 0 0;}
.help-box h4 {font-size: 16px; line-height: 1.4; font-weight: bold; margin: 0; padding: 0; color: #000; text-align: justify;}
.help-box .preview {margin-top: 10px; text-align: justify;}


.fullpic-box {width: 100% !important; height: 450px; text-align: center; vertical-align: middle; padding: 8px; border: 1px solid #d8d8d8; border-radius: 5px;}
.fullpic-box img, .fullpic-box video, .fullpic-box iframe {max-width: 100% !important; max-height: 432px !important;}
.fullpic-box iframe {height: 432px !important;}

.logo-default {}
.logo-default img {max-height: 70px;}

/*menu sub*/
.listmenu2{
	position: relative;
}
.sub_menu_mega{	
position: absolute;
    left: 100%;
    top: -20px;
    background-color: #fff;
    box-shadow: 3px 0px 8px #0000007a;
    border-radius: 2px;
    padding: 10px 10px;
    width: 840px;
    height: 615px;
    z-index: 999;
    display: block;
}
#sub_menu_mega{
	display: none;
	transition: 0.5s;
	opacity: 1;
	width: 100%;
}
.sub_menu_mega li{
	width: 33%;
	font-size: 0.9rem;
	float: left;
	padding: 3px 0;
}
.dropdown_sub_menu:hover #sub_menu_mega{
	display: block;
	opacity: 1;
}
.sub_menu_mega li a{
	transition: 0.5s;
}
.sub_menu_mega li a:hover{
	color: red !important;
}
@media (max-width: 820px) {
.icon-menu{
	display: none;
}
#mainMenu nav ul{
	flex-direction: column;
}
}