/* <saelimgmt.css> */
 	@media (min-width: 1220px) {
		.container-xlarge {
			max-width: 969px;
			margin: 0 auto;
		}
	}
/* <header> */
	.header {
		position: relative;
		z-index: 10;
	}
	.header .logo {
		margin: 0;
		padding: 0;
		max-width: 60px
	}
	.header .upper {
		padding: 5px 0;
		background: #2f353e;
		text-align: right;
		font-size: 0px;
		line-height: 0px;
	}
	.header .upper .top-nav {display: inline-block;}
	.header .upper .top-nav li {
		float: left;
		position: relative;
		font-size: 10px;
		line-height: 17px;
		text-transform: uppercase;
	}
	.header .language li {float: left;}
	.header .language li+li {margin-left: 5px;}
	.header .language li a {display: block;}
	/* 
	.header .upper .top-nav li+li {
		margin-left: 10px;
		padding-left: 10px;
	}
	.header .upper .top-nav li+li:before {
		content: "";
		display: block;
		position: absolute;
		height: 9px;
		width: 1px;
		background: #c6d0df;
		left: 0px;
		top: 4px;
	} */
	.header .upper .top-nav li a {
		display: block;
		color: #c6d0df;
	}
	.header .upper .top-nav li.language a {
		padding-left: 20px;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-image: url(img/flag_korea.png);
	}
	.header .upper .top-nav li.language.vi a {background-image: url(img/flag-eng.png);}
	
	.header .lower {position: relative;}
	.header .lower .sitemap-container {
		position: absolute;
		display: none;
		width: 100%;
		padding: 0 15px;
		left: 0px;
		top: 100%;
		z-index: 9999;
	    background-color: #424a57
	}
	.header .lower .sitemap-container .inner {margin: 0 auto;}
	.header .sitemap-container .mainCat>li {
		float: left;
		width: 25%;
		max-width: 25%;
		border: 1px solid #5d6570;
	}
	.header .sitemap-container .mainCat a {
		display: block;
		padding: 10px;
		font-size: 12px;
		line-height: 18px;
		color: #fff;
		background: #303641;
	}
	.header .sitemap-container .subCat>li>a {
		border-top: 1px solid #5d6570;
		background: #424a57;
	}
	.header .sitemap-container .mainCat a:hover {
		background: #eeeeee;
    	color: #000;
	}
	@media (min-width: 767px) {
		.header .sitemap-container .mainCat>li {border-right: none;}
		.header .sitemap-container .mainCat>li:nth-child(n+2) {border-right: 1px solid #5d6570;}
		.header .sitemap-container .mainCat>li:nth-child(n+5) {border-top: none;}
		.header .sitemap-container .mainCat>li:nth-of-type(3),
		.header .sitemap-container .mainCat>li:nth-of-type(4) {border-left: none;}
	}
	.header .lower .sitemap .btn {
		display: block;
		text-indent: -9999px;
		width: 46px;
		height: 46px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-image: url(img/sitemap-btn-bar.png);
	}
	.header .lower .sitemap .btn.active {background-image: url(img/sitemap-btn-close.png);}
	.header .main-menu li {position: relative;}
	.header .main-menu>li>a {
		position: relative;
		padding: 35px 20px;
		font-size: 15px;
		line-height: 24px;
		color: #000;
		font-weight: bold;
		text-transform: uppercase;
	}
	.header .main-menu .dropdonw-menu {
		display: none;
		position: absolute;
		padding: 0;
		min-width: 220px;
		z-index: 100;
		left: -1px;
		top: 100%;
	}
	.header .main-menu>li:hover .dropdonw-menu {display: block;}
	.header .sub-menu {
		background: #2f353e;
		position: relative;
		-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
		box-shadow: 1px 1px 3px rgba(0, 0, 0, .25);
		z-index: 100;
	}
	.header .sub-menu a {
		position: relative;
		display: block;
		padding: 10px 15px 10px 20px;
		font-size: 14px;
		font-weight: bold;
		line-height: 20px;
		color: #fff;
	}
	.header .sub-menu li+li a {border-top: 1px solid #424955;}
	.header .dropdonw-menu>.sub-menu>li>a:before {
		content: "\f067";
		font-family: FontAwesome;
		display: block;
		position: absolute;
		left: initial;
		right: 15px;
		top: 10px;
	}
	.header .dropdonw-menu>.sub-menu>li:hover>a {background: #f00;}
	.header .main-menu .fly-menu {
		position: absolute;
		display: none;
		min-width: 220px;
		left: 100%;
		top: 0px;
	}
	.header .main-menu .fly-menu>.sub-menu {background: #3f8760;}
	.header .main-menu .fly-menu>.sub-menu>li+li>a {border-top: 1px solid rgba(54, 154, 100, 1);}
	.header .main-menu .fly-menu>.sub-menu>li:hover>a {background: rgba(54, 154, 100, 1);}
	.header .main-menu li:hover>.fly-menu {display: block;}

	@media (min-width: 767px) {
		.header-hotline {padding-left: 30px;}
		.header-hotline:before {
			content: "";
			display: block;
			position: absolute;
			width: 24px;
			height: 24px;
			background: url(img/icon-phone.png) 50% 50% no-repeat;
			left: 0px;
			top: 50%;
			-webkit-transform: translate(0, -50%);
			-ms-transform: translate(0, -50%);
			-o-transform: translate(0, -50%);
			transform: translate(0, -50%);
		}
	}
	@media (min-width: 960px) {
		.header .logo {margin-right: 5px;}
		.header .lower .sitemap {margin-left: 30px;}
		.header .lower .sitemap-container .inner {max-width: 670px}
	}
	@media (max-width: 1219px) {
		.header .main-menu>li>a {
			padding: 10px 20px;
			font-size: 13px;
		}
	}
	@media (max-width: 959px) {
		.header .lower {padding: 10px 0;}
		.header .lower .sitemap .btn {
		    width: 40px;
		    height: 40px;
		    -webkit-background-size: 40px 40px;
		    -moz-background-size: 40px 40px;
		    -ms-background-size: 40px 40px;
		    -o-background-size: 40px 40px;
		    background-size: 40px 40px;
		}
	}
		
/* </header> */
/* ################################################# */
/* <body> */
	/* Panel */
	.main-content {
		padding: 15px 10px;
		background: #f4f6f8;
	}
	.banner-catalogue {margin-bottom: 30px;}
	@media (max-width: 959px) {
		.banner-catalogue {margin-bottom: 20px;}
	}

	/* Heading */
	.heading-cat {
		margin: 0 0 15px 0;
		font-size: 24px;
		line-height: 30px;
		text-transform: uppercase;
		font-family: 'OpenSanBold', sans-serif;
	}
	.heading-cat>* {color: #000;}
	
	/* Slide: slider, slideshow, slideset */
	.main-slide {}
	.main-slide .uk-dotnav {bottom: 10px;}
	.main-slide .uk-dotnav>* {
		margin: 0;
		padding: 0;
	}
	.main-slide .uk-dotnav>*+* {margin-left: 10px;}
	.main-slide .uk-dotnav>*>* {
		width: 11px;
		height: 11px;
		background: rgba(255, 255, 255, .4);
	}
	.main-slide .uk-dotnav>.uk-active>* {background: #3f8760;}
	.main-slide .uk-slidenav {
		display: block;
		width: 45px;
		height: 69px;
		background: url(img/btn-next.png) 0% 0% no-repeat;
	}
	.main-slide .uk-slidenav:before {display: none;}
	.main-slide .uk-slidenav-previous {
		left: 10px;
		background: url(img/btn-prev.png) 0% 0% no-repeat;
	}
	.main-slide .uk-slidenav-next {right: 10px;}
	@media (min-width: 1220px) {
		.main-slide .image {height: 367px;}
	}
	@media (max-width: 1220px) {
		.main-slide .uk-slidenav {
			display: none;
			visibility: hidden;
		}
	}

	/* Aside */
	.aside>* {margin-bottom: 20px;}
	.aside-panel .heading {
		margin: 0 0 15px 0;
		font-size: 24px;
		line-height: 30px;
		text-transform: uppercase;
		font-weight: bold;
		font-family: 'OpenSanBold', sans-serif;
	}
	.aside-panel .heading>* {color: #252525;}
	.aside-categories .mainCat li>a {
		position: relative;
		display: block;
		padding: 10px 10px 10px 15px;
		background: #3f4855;
		font-size: 13px;
		line-height: 20px;
		color: #fff;
	}
	.aside-categories .mainCat>li>a.uk-active + div[data-wrapper] {
		height: auto!important;
	}
	.aside-categories .mainCat>li.parent>a:before {
		content: "\f067";
		font-family: FontAwesome;
		display: block;
		position: absolute;
		font-size: 12px;
		color: #fff;
		right: 10px;
		top: 10px;
	}
	.aside-categories .mainCat>li.parent>a.uk-active:before {content: "\f068";}
	.aside-categories .subCat>li>a {background: #9aa2ae;}
	.aside-categories .subCat>li>a:before {
		content: "\f105";
		font-family: FontAwesome;
		display: none;
		position: absolute;
		left: initial;
		right: 10px;
		top: 10px;
	}
	.aside-categories .subCat>li+li>a {border-top: 1px solid #c0c6d1;}
	.aside-categories .subCat>li:hover>a,
	.aside-categories .subCat>li.active>a {
		background: #f00;
	}
	.aside-categories .subCat>li:hover>a:before,
	.aside-categories .subCat>li.active>a:before {display: block;}

	
	.aside-categories .subCat li{
		position:relative;
	}
	.aside-categories .subCat li:hover .sub{
		display:block;
	}
	.aside-categories .sub{
		position:absolute;
		width:220px;
		top:0;
		left:100%;
		display:none;
		z-index:9999;
	}
	/* Home general */
	.home-general .panel {margin-bottom: 10px!important;}
	.home-general .home-video p {margin: 0;}
	.home-general .home-video iframe {
		display: block;
		width: 100%!important;
		max-width: 100%!important;
		height: 170px;
	}
	.home-general .article .image {height: 170px;}
	.home-general .article .info {display: none;}

	/* Home Catalogue */
	.home-catalogue .panel {margin-bottom: 10px!important;}
	.home-catalogue .article .info {display: none;}
	.home-catalogue .categories {
		padding: 10px;
		background: #fff;
	}
	.home-catalogue .categories .article {
		position: relative;
		text-align: center;
	}
	.home-catalogue .categories .article .thumb {margin: 0 0 10px 0;}
	.home-catalogue .categories .article .thumb .image {
		height: 54px;
		width: 54px;
		margin: 0 auto;
	}
	.home-catalogue .categories .article .thumb .image, 
	.home-catalogue .categories .article .thumb .image img {
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
		border-radius: 50%;
	}
	.home-catalogue .categories .article .info {display: block;}
	.home-catalogue .categories .article .title {
		margin: 0;
		font-size: 12px;
		line-height: 18px;
	}
	.home-catalogue .categories .article .title a {color: #48566b;}
	
	/* customer-catalogue */
	.customer-catalogue {margin-bottom: 30px!important;}
	.customer-catalogue .list-customer>li:not(:last-child) {margin-bottom: 20px;}
	.customer-catalogue .customer .thumb {margin: 0 0 10px 0;}
	.customer-catalogue .customer .image {height: 96px;}
	.customer-catalogue .customer figcaption {
		font-size: 14px;
		line-height: 20px;
		text-align: center;
		color: #252525;
	}
	/* @media (min-width: 960px) {
		.customer-catalogue .list-customer {position: relative;}
		.customer-catalogue .list-customer:not(:last-child) {margin-bottom: 25px;}
		.customer-catalogue .list-customer+.list-customer {padding-top: 25px;}
		.customer-catalogue .list-customer+.list-customer:before {
			content: "";
			display: block;
			position: absolute;
			width: -webkit-calc(100% - 25px);
			width: -moz-calc(100% - 25px);
			width: -ms-calc(100% - 25px);
			width: -o-calc(100% - 25px);
			width: calc(100% - 25px);
			height: 1px;
			background:  #e1e1e1;
			top: 0px;
			left: 25px;
		}
	} */

	/* Article */
	.article-catalogue, .article-related {margin-bottom: 25px!important;}
	.list-article>li {margin-bottom: 15px;}

	[class*=article-] .description p {margin: 0;}
	article .title a {
		-webkit-transition: all .4s linear;
		-o-transition: all .4s linear;
		transition: all .4s linear;
	}
	[class*=article-] .title a:hover {color: #3f8760;}
	.article-1 {position: relative;}
	.article-1 .thumb {
		float: left;
		width: 225px;
		padding: 3px;
		background: #fff;
	}
	.article-1 .info {
		position: relative;
		float: left;
		width: -moz-calc(100% - 225px);
		width: -webkit-calc(100% - 225px);
		width: -ms-calc(100% - 225px);
		width: -o-calc(100% - 225px);
		width: calc(100% - 225px);
		padding-left: 15px;
	}
	.article-1 .title {
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
		font-family: 'OpenSanBold', sans-serif;
	}
	.article-1 .title a {color: #000;}
	.article-1 .title a:hover {color: #3f8760;}
	.article-1 .meta {
		margin: 0 0 5px 0;
		font-size: 14px;
		line-height: 20px;
		color: #999;
	}
	.article-1 .description {
		font-size: 14px;
		line-height: 20px;
		height: 80px;
		color: #000;
	}
	@media (min-width: 767px) {
		.article-1 .image {height: 155px;}
	}
	@media (min-width: 479px) and (max-width: 76px) {
		.article-1 .image {height: 125px;}
	}
	@media (min-width: 479px) and (max-width: 767px) {
		.article-1 .thumb {width: 180px;}
		.article-1 .info {
			position: relative;
			width: -moz-calc(100% - 180px);
			width: -webkit-calc(100% - 180px);
			width: -ms-calc(100% - 180px);
			width: -o-calc(100% - 180px);
			width: calc(100% - 180px);
		}
		.article-1 .image {height: 120px;}
		.article-1 .viewed {margin: 0 0 0 10px;}
	}
	@media (max-width: 767px) {
		.article-1 .description {display: none;}
		.article-catalogue .list-article li {margin-bottom: 10px;}
		.article-1 .title {
			font-size: 14px;
			line-height: 20px;
		}
	}
	@media (max-width: 479px) {
		.article-1 .thumb {width: 100px;}
		.article-1 .info {
			position: relative;
			width: -moz-calc(100% - 100px);
			width: -webkit-calc(100% - 100px);
			width: -ms-calc(100% - 100px);
			width: -o-calc(100% - 100px);
			width: calc(100% - 100px);
			padding-left: 10px;
		}
		.article-1 .image {height: 80px;}
		.article-1 .title {
			font-size: 13px;
			font-weight: 500;
		}
		.article-1 .meta {display: none;}
		.article-catalogue .list-article li {margin-bottom: 5px;}
		.article-catalogue .list-article li:first-child {margin-bottom: 15px;}
		.article-catalogue .list-article li:first-child .article-1 .thumb {
			float: none;
			width: 100%;
			margin: 0 0 10px 0;
		}
		.article-catalogue .list-article li:first-child .article-1 .image {height: auto;}
		.article-catalogue .list-article li:first-child .article-1 .info {
			float: left;
			width: 100%;
			padding: 0;
		}
		.article-catalogue .list-article li:first-child .article-1 .title {
			font-size: 14px;
			line-height: 20px;
			font-weight: bold;
		}
		.article-catalogue .list-article li:first-child .article-1 .description {display: block;}
	 	.article-catalogue .list-article li:first-child .article-1 .meta {
	 	    display: -webkit-flex;
	 	    display: -moz-flex;
	 	    display: -ms-flex;
	 	    display: -o-flex;
    		display: flex;
		 }
	}

	/* Article Detail */
	.article-detail {
		margin: 0 0 25px 0;
		font-family: Arial, sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.article-detail .article, 
	.article-detail .share-box {margin-bottom: 20px;}
	.article-detail .title {
		margin: 0 0 15px 0;
		font-size: 20px;
		line-height: 24px;
		font-family: 'OpenSanBold', sans-serif;
		font-weight: normal;
		color: #3f8760;
	}
	.article-detail .article .description {
		font-weight: bold;
		margin-bottom: 15px;
	}
	.article-detail .article img {
		display: block!important;
		max-width: 100%!important;
		margin: 0 auto 15px auto!important;
	}
	.share-box>*+* {margin-left: 5px;}
	.share-box .plus {position: relative;margin-top: -4px;}
	@media (max-width: 959px) {
		.article-detail .title {font-size: 18px;}
		.article-detail .article img {
			width: auto!important;
			height: auto!important;
		}
	}
	@media (max-width: 479px) {
		.article-detail .title {
			font-size: 16px;
			line-height: 20px;
		}
	}

	/* Article Related */
	.article-related {
		margin-bottom: 30px!important; 
		font-family: 'OpenSans', sans-serif;
	}
	.article-related .heading {
		margin: 0 0 10px 0;
		font-size: 20px;
		line-height: 24px;
		font-weight: normal;
		text-transform: uppercase;
		font-family: 'OpenSanBold', sans-serif;
	}
	.article-related .heading>* {color: #252525;}
	.article-related ul li {
		position: relative;
		padding-left: 20px;
		margin-bottom: 10px;
		padding-top: 10px;
		font-size: 14px;
		line-height: 20px;
		font-weight: normal;
		color: #999;
	}
	.article-related ul li+li {border-top: 1px dotted #898989;}
	.article-related ul li:before {
		content: "\f00c";
		font-family: FontAwesome;
		display: block;
		position: absolute;
		left: 0px;
		color: #333;
		font-size: 12px;
	}
	.article-related ul li a {
		color: #333;
		font-weight: 500;
	}
	.article-related ul li a:hover, 
	.article-related ul li:hover:before {color: #3f8760;}

	/* Banner */
	.banner p {margin: 0;}
	.banner a {display: block;}
	
	/* Contact */
	.contact .contact-infomation, 
	.contact .contact-form {
		margin-bottom: 20px!important;
	}
	.contact .contact-infomation .note {
		margin-bottom: 10px;
		font-style: italic;
		color: #666;
	}
	.contact .contact-infomation .company {
		margin-bottom: 10px;
		font-size: 20px;
		line-height:24px;
		text-transform: uppercase;
		font-family: 'UTM Penumbra Bold', sans-serif;
		font-weight: normal;
		color: #3f8760;
		font-weight: normal;
	}
	.contact .contact-infomation .address {margin-bottom: 20px;}
	.contact .contact-infomation .address p {margin: 0 0 5px 0;color: #000;}
	.contact .contact-map {
		padding: 4px;
		border: 1px solid #d5d5d5;
		height: 340px;
	}
	.contact .contact-form .label {
		font-size: 14px;
		line-height: 22px;
		color: #000;
		margin-bottom: 15px;
	}
	.contact .contact-form .form-row {margin-bottom: 15px;}
	.contact .contact-form .input-text, 
	.contact .contact-form .form-select, 
	.contact .contact-form .form-textarea {
		border: 1px solid #d5d5d5;
		font-size: 14px;
		line-height: 20px;
		color: #000;
	}
	.contact-form .form-select {color: #999!important;}
	.contact .contact-form .input-text, 
	.contact .contact-form .form-select {height: 30px;}
	.contact .contact-form .form-textarea {height: 200px;}
	.contact-form .btn-submit {
		display: inline-block;
		padding: 5px 20px;
		cursor: pointer;
		background: #3f8760;
		font-size: 14px;
		line-height: 20px;
		color: #fff;
		border: none;
		border-radius: 3px;
	}

	/* Breadcrumb */
	.breadcrumb {
		margin-bottom: 20px;
	}
	.breadcrumb ul a {
		font-size: 12px;
		line-height: 18px;
		color: #969696;
	}
	.breadcrumb ul a:hover,
	.breadcrumb ul li.uk-active a {color: #5b80b6;}
	.breadcrumb .uk-breadcrumb>li:nth-child(n+2):before {
		content: "\f105";
		font-family: FontAwesome;
		margin: 0 10px;
		color: #969696;
	} 
	@media (min-width: 1220px) {
		.breadcrumb {text-align: right;}
		.breadcrumb ul {display: inline-block;}
	}

	/* Pagination */
	.pagination {
		margin-bottom: 20px!important;
		padding-top: 15px;
		border-top: 1px dashed #ccc;
	}
	.pagination li a {
		display: block;
		font-size: 13px;
		background: #f2f2f2;
		border: 1px solid #e1e1e1;
		color: #252525;
		border-radius: 0;
	}
	.pagination li a:hover, 
	.pagination .uk-active a {
		background: #3f8760;
		border-color: #3f8760;
		color: #fff;
	}
	
/* </body> */
/* ################################################# */

/* <footer> */
	.footer {
		padding: 20px 0 5px 0;
		font-size: 14px;
		line-height: 20px;
		background: #e6e9ec;
	}
	.footer .upper .panel {margin-bottom: 15px!important;}
	.footer .upper .company {
		margin: 0 0 15px 0;
		font-size: 14px;
		line-height: 20px;
	}
	.footer-social .label {
		display: block;
		margin: 0 0 10px 0;
	}
	.footer-social li {float: left;}
	.footer-social li+li {margin-left: 5px;}
	.footer-social a {
		display: block;
		width: 30px;
		height: 30px;
		line-height: 30px;
		background: #1d649c;
		text-align: center;
		color: #fff;
		font-size: 12px;
	}
	.footer-social .google a {background: #e05632;}
	.footer-social .twitter a {background: #06a5c5;}
	.footer-social .youtube a {background: #cc201e;}
/* </footer> */
/* <animation> */
	
/* </animation> */
/* </saelimgmt.css> */

.product-list{}
.product-list .panel-head{height:27px;line-height:27px;border-bottom:1px solid #333;}
.product-list .panel-head .heading{color:#333;line-height:27px;text-transform:uppercase;font-weight:normal;}
.product-list .panel-body{border:1px solid #eee;padding:15px;border-top:0;padding-top:25px;}
.product-list .panel-body ul{}
.product-list .panel-body ul li{}
.product-list .panel-body ul li .item{}
.product-list .panel-body ul li .item .image{height:195px;border:1px solid #ebebeb;}
.product-list .panel-body ul li .item  {}
.product-list .panel-body ul li .item .title {text-align:center;font-weight:normal;margin-top:10px;}
.product-list .panel-body ul li .item .title > * {color:#333;font-size:13px;}
.product-list .panel-body ul li .item .readmore {text-align:center;}
.product-list .panel-body ul li .item .readmore  >*{color:#333;font-size:12px;background:#eee;border:1px solid #ccc;border-radius:5px;padding:2px 6px;}

.aside-2{background:#f9f9f9;}
.aside .panel{}
.aside .panel .panel-head{background:url(img/title.png) no-repeat;height:30px;line-height:30px;background-size:100%;margin-bottom:10px;}
.aside .panel .panel-head h3{ line-height:30px;color:#fff;padding-left:40px;}
.aside .panel.product-catalogue ul{}
.aside .panel.product-catalogue ul li{position:relative;padding-left:30px;margin:0 0 10px 0;padding-bottom:10px;border-bottom:1px solid #ccc; }
.aside .panel.product-catalogue ul li:before{position:absolute;left:11px;top:6px;background:url(img/muiTen.png) no-repeat;display:block;content:'';width:4px;height:7px; }
.aside .panel.product-catalogue ul li a{font-size:13px;color:#000; }