* {
  box-sizing: border-box;
}

ol, ul {padding: 0; margin: 0;}

a {color: #000; text-decoration: none !important;}

img {max-width: 100% !important;}

.textbody {color: #000 !important; font-size: 17px; line-height: 1.5;}
.textbody table {max-width: 100% !important;}
.textbody table td {padding: 3px 5px;}
.textbody img {max-width: 100%;}
.textbody div {padding: 0; margin: 0;}
.textbody p {padding: 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;}

/*.product-info .textbody {font-size: 16px;}*/

.news-pic {width: 150px;; height: 110px; overflow: hidden; margin-right: 15px; padding-top: 10px;}
.news-pic img {width: 100%;}
.news-title {color: #000; margin-bottom: 5px; padding: 0;}
.news-nav {color: #ef4035;}

.item-news {margin-bottom: 15px;}
.item-news h5{ font-size: 17px; font-weight: 700; margin: 0; padding: 0;}

.page-body {padding: 30px 0;}
.page-content {font-size: 15px; min-height: 400px; padding-bottom: 25px;}
.content-box {padding-top: 20px;}

.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;}

h1 {font-size: 24px; font-weight: bold; padding: 0;}

.news-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;}
.news-box a {color: #000;}
.news-box:first-child {padding-top: 0; margin-top: 0;}
.news-box img {float: left; max-width: 220px; margin: 6px 15px 0 0;}
.news-box h4 {font-size: 17px; line-height: 1.4; font-weight: bold; margin: 0; padding: 0; color: #000; text-align: justify;}
.news-box .preview {margin-top: 10px; text-align: justify;}

.other-news {border-top: #E0E0E0 1px solid; padding-top: 5px; margin: 10px 0 20px 0; text-align: left;}
.other-news h2 {font-size: 20px; 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;}

/*Pagination */
.page-nav{ text-align:center; margin:0 auto;}
.page-nav > span {display:inline-block; }
.page-nav > span a{
	display:block;
	background: #808080;
	color:#fff !important;
	border-radius:100%;
	height:34px;
	width:34px;
	padding: 3px;
	font-size:17px;
	line-height:27px;
	text-align:center !important;
}
.page-nav > span a > i {font-size:18px;}
.page-nav > span.current a {background:#404040; 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: 290px; padding: 0; margin: 0;}
.imgCode img {float: right; height: 32px; border-radius: 10px; opacity: 0.8; margin-top: 2px;}
.imgCode .form-control {float: left;}
.imgCode:after {clear: both;}

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

.others {border-bottom: #808080 1px dotted; padding-bottom: 5px; margin-bottom: 15px;}
.others h2 {font-size: 16px; font-weight: bold;}


.logo img {max-width: 200px; max-height: 50px; border-radius: 10px; margin-top: -2px;}

.about-box {display: flex; flex-direction: row; gap: 40px;}
.about-box .about-content {width: 50%;}
.about-box .link {padding-top: 15px;}
.about-box .link a {color: #7FFF00 !important;}
.about-box .text-limit {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 23;
}}
.about-box .about-photo {width: 50%;}
.about-box .about-photo img {width: 600px; border-radius: 10px;}
.about-title {font-size: 28px; padding-bottom: 20px !important;}

.company-name {color: #ff0000; font-weight: bold; font-size: 20px; margin-bottom: 10px !important;}
.company-name-f {color: #ff0000; font-weight: bold; font-size: 22px !important;}
.company-info {padding-right: 0px; font-size: 15px !important; color: #000 !important;}
.company-info p {padding: 5px 0;}

.p-t-15 {padding-top: 15px;}

.nav-company {
    font-size: 17px;
    line-height: 22px;
    color: #bc000b;
    display: block;
    margin-bottom: 0px;
    padding-bottom: 10px;
    position: relative; text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}
.nav-company:before  {
    content: "";
    position: absolute;
    bottom: 0;
    background: #80d6a3;
    width: 100%;
    height: 4px;
}

.sidebar {margin-bottom: 30px; padding-right: 15px;}
.sidebar .list-left ul li{ list-style: none;
  border-bottom: #C0C0C0 1px dashed;
  padding: 10px 0;
 }
.sidebar .list-left ul li a {
    letter-spacing: 1px;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    font-weight: 500;
}

.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;
}

.mybtn {background-color: #0A66C2; border: #0A66C2 1px solid; border-radius: 20px; padding: 6px 30px; min-width: 150px; color: #fff; font-size: 16px; 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: 20px; padding: 6px 30px; min-width: 150px; color: #fff; font-size: 16px; 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: 20px; padding: 6px 30px; min-width: 150px; color: #fff; font-size: 16px; font-weight: 600; cursor: pointer;}
.mybtn3:hover {background-color: #ec5598 !important; border: #ec5598 1px solid !important;}

.contactForm input:not([type="submit"]) {width: 100%;}
.contactForm textarea {width: 100%;}

.nav-subcat {margin: 0;}
.nav-subcat li {display: inline-block; padding: 0;  margin: 0 5px 2px 0;}
.nav-subcat li h2 {font-size: 16px; font-weight: normal;}
.nav-subcat li h2 a {display: block; color: #404040; padding: 5px 20px; border: #808080 1px solid; border-radius: 30px;}
.nav-subcat li h2 a:hover {color: #000;}