/* common #133e7c */
/* @font-face {font-family: 'Bebas Neue';src: url('../font/BebasNeue.woff2') format('woff2'),url('../font/BebasNeue.woff') format('woff'),url('../font/BebasNeue.otf') format('otf');font-weight: normal;font-style: normal;font-display: swap;} */
h1, h2, h3, h4, h5, h6, p {margin: 0;}
ul,li {margin-bottom: 0;}
a:hover {text-decoration: none;color: #333;}
:focus {outline: 0 !important;}
.uk-card-default {box-shadow: none;}
table {border-collapse: collapse;border-spacing: 0;}
.uk-container-large {max-width: 1500px;}

::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-track {background: #f5f5f5;}
::-webkit-scrollbar-thumb {background: #133e7c;-webkit-border-radius: 8px;border-radius: 8px;border: 1px solid #f5f5f5;}


/* input-placeholder */
/* input::-webkit-input-placeholder {color: #fff;}
input:-moz-placeholder {color: #fff;}
input:-moz-placeholder {color: #fff;}
input:-ms-placeholder {color: #fff;} */

/* header */
.header {box-shadow: 0 5px 15px rgba(0,0,0,.08);}
.header .logo {padding: 0;}
.header .logo img {height: 60px;margin-bottom: 15px;}
.header a {font-size: 18px;color: #333;line-height: 80px;padding: 0 15px;display: inline-block;}
.header a.active , .header a:hover {color: #fff;background: #133e7c;}
    
/* i_banner */
.i_banner h3 {font-size: 48px;color: #ffe500;font-weight: bold;}
.i_banner,.i_banner a {font-size: 18px;color: #fff;line-height: 60px;}
.i_banner a:hover {color: #ffe500;}
.i_banner svg {margin-top: -4px;margin-right: 10px;}
.i_banner .uk-container {padding: 0;}

/* i_prod */
.i_prod .uk-card-default {background-color: #e6e6e6;}
.i_prod h4 {font-size: 18px;}
.i_prod .uk-card-default:hover {background-color: #ffe500;}

/* about */
.about img {width: 30%;float: right;padding-left: 15px;}
.about p {text-align: justify;text-indent: 32px;}

/* newslist */
.newslist h3 {font-size: 30px;color: #999;}
.newslist h4 {font-size: 18px;color: #999;}
.newslist h5 {font-size: 18px;color: #333;font-weight: bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition: .5s all;}
.newslist h6 {font-size: 16px;color: #333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top: 10px;}
.newslist .uk-transition-toggle:hover h5 {color: #ffe500;}
.newslist h6>a {color: #333;}

/* productlist */
.productlist .uk-card-default {border: 1px solid #eee;}
.productlist h5 {line-height: 45px;text-align: center;background-color: #eee;}

/* product */
.product .uk-card-default {border: 1px solid #E5E5E5;}
.product h4 {font-size: 18px;}
.product a.btn {display: inline-block;line-height: 45px;padding: 0 30px;background-color: #133e7c;color: #fff;}
.product h3 {font-size: 24px;font-weight: bold;color: #333;background-color: #E5E5E5;line-height: 60px;padding: 0 30px;}

/* contact */
.contact .uk-card-default {background-color: #eeeeee;}
.contact h4 {font-size: 24px;font-weight: bold;background-color: #ffe500;color: #fff;line-height: 85px;margin-bottom: 20px;display: inline-block;padding: 0 20px;}

/* message */
.message h4 {font-size: 24px;font-weight: bold;background-color: #ffe500;color: #fff;line-height: 85px;margin-bottom: 20px;display: inline-block;padding: 0 20px;}
.message input {height: 45px;}
.message button {border-radius: 5px;background-color: #133e7c;color: #fff;margin:0 5px;}
.message .btn button:nth-child(2) {background-color: #cccccc;}
.message button:hover {background-color: #ffe500;}

/* left */
.left h4 {font-size: 24px;font-weight: bold;background-color: #ffe500;color: #fff;line-height: 85px;margin-bottom: 20px;}
.left .uk-list > li > a {font-size: 14px;color: #333;background-color: #E5E5E5;display: block;padding: 10px;border-bottom: 1px solid #133e7c;}
.left .uk-list > li.active > a ,.left .uk-list > li:hover > a{background-color: #ffe500;color: #fff;}
.left .uk-card-default {background-color: #E5E5E5;}
.left h5 {font-size: 18px;font-weight: bold;}
.left .uk-list>:nth-child(n+2) {margin-top: 0;}
.left .sub.uk-list > li > a {font-size: 16px;line-height: 30px;background-color: #f8f8f8;text-align: left;padding: 0 15px;}
.left .sub.uk-list > li:hover > a,.left .sub.uk-list > li.active > a {background-color: #ffe500;color: #fff;}  
.left p {text-align: justify;}

/* foot */
.foot {background-color: #333333;}
.foot p,.foot p a {font-size: 16px;color: #9a9797;line-height: 45px;}

/* pagination */
.pagination .page-status {display: none;}
.pagination span:not(.page-numbar) {margin: 0 8px;color: #133e7c;}
.pagination span a:not(.page-num) {color: #133e7c;position: relative;border: 1px solid #133e7c;padding:8px 10px;transition: 0.5s all;}
.pagination span a.page-num {color: #133e7c;position: relative;margin: 0 8px;padding: 8px 10px;border: 1px solid #133e7c;transition: 0.5s all;}
.pagination span a:hover,.pagination span a.page-num.page-num-current {color: #fff;background-color: #133e7c;}

/* @media */
@media screen and (max-width: 2000px) {
	
}
@media screen and (max-width: 1700px) {
	.i_banner .uk-container {padding: 0 40px;}
	
	.header a {line-height: 60px;}
	.header .logo img {height: 45px;margin-bottom: 0;}
	
}
@media screen and (max-width: 1500px) {
    .header a {font-size: 16px;padding: 0 10px}
	
}
@media screen and (max-width: 1400px) {
    .header .logo img {height: 36px;}
}
@media screen and (max-width: 1300px) {
    .header a {font-size: 14px;}
}
@media screen and (max-width: 1300px) {
     .header .logo img {height: 30px;}
}

@media screen and (max-width: 960px) {
    html,body {overflow-y: auto !important;}
	.header .uk-logo img {line-height: 60px;height: 24px;display: inline-block;}
	.header .logo {line-height: 60px;height: 24px;display: inline-block;}
	.header a {line-height: 60px;padding: 0;}
	.uk-section.uk-section-xsmall {display: block;}
	.uk-navbar-item ,.uk-navbar-toggle {min-height: 60px;}
	.uk-offcanvas-bar {width: 100%;left: 100%;background-color: #fff;padding: 0;}
	.uk-offcanvas-bar svg {color: #333;}
	.uk-offcanvas-bar a {color: #999;}
	.uk-offcanvas-bar .uk-nav>li>a {color: #999;}
	.uk-offcanvas-bar .uk-nav>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar a:hover {color: #333;}
	.uk-offcanvas-bar .uk-nav-sub>li.uk-active>a {color: #333;}
	.uk-offcanvas-bar hr {border-color: #dedede;}
	.uk-offcanvas-bar h6 {color: #999;}
	.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after {background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");}
	.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after {background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E");}
	#tm-mobile .uk-list li.uk-active a {color: #333;}
	.i_prod h4 {font-size: 16px;}
	.i_banner h3 {font-size: 16px;}
	.i_banner, .i_banner a {font-size: 12px;}
	.i_banner .uk-container {padding: 0 15px;}
	.contact h4 {line-height:60px;}
	.message h4 {line-height:60px;}
	.about img {width: 100%;margin-bottom:10px;}
	
	
	
	.pagination span.page-status , .pagination span.page-pre, .pagination span.page-next {display: none;}
	.pagination span:not(.page-numbar) {margin: 0 3px;}
	.pagination span a.page-num {margin: 0 3px;}
	
}