body{
		margin:0;
		font-size:14px;
		font-family:Myriad Pro;
	}
	h1, h2, h3, h4, h5, h6, em,p,a,span{
		font-family:Myriad Pro!important;
	}
	/*header*/
	header{
	}
	header .header-top{
		/*border-top: 3px solid #fff;*/
		background: #e5e5e5; /* Old browsers */
		background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); /* IE10+ */
		background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	}
	header .header-top .box-search{
		width: 100%;
		float: left;
		margin-top: 10px;
	}
	header .header-top .box-search  .flag{
		float:right;
		margin-top: 7px;
		margin-right: 10px;
	}
	header .header-top .box-search  .search{
		float:right
	}
	header .header-top .box-search  .search input{
		text-align:right;
		padding: 3.8px 10px;
		background:#c8e0f0;
		-moz-box-shadow:    inset 0 0 10px #9B9B9B;
		-webkit-box-shadow: inset 0 0 10px #9B9B9B;
		box-shadow:         inset 0 0 10px #9B9B9B;
		border:none;
		float:left;
		margin-right: -2px;
	}
	.btn-search{
		color:white;
		text-decoration:none;
		padding: 4px 10px 3px;
		background: #0d4d79; /* Old browsers */
		background: -moz-linear-gradient(top, #0d4d79 1%, #0d71ae 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#0d4d79), color-stop(100%,#0d71ae)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0d4d79 1%,#0d71ae 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #0d4d79 1%,#0d71ae 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #0d4d79 1%,#0d71ae 100%); /* IE10+ */
		background: linear-gradient(to bottom, #0d4d79 1%,#0d71ae 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4d79', endColorstr='#0d71ae',GradientType=0 ); /* IE6-9 */
		float: right;
        border:none;
		font-size: 13px;
	}
	/*logo*/
	.logo{
		margin-top: 7px;
		width: 325px;
		height: 88px;
		overflow: hidden;
	}
	.logo img{

	}
	/*slideshow*/
	.left-slideshow{
		position:absolute;
		bottom: 0.1%;
		left: 1.1%;
	}
	.right-slideshow{
		position:absolute;
		top: 1%;
		right: 1.1%;
	}
	/*report*/
	.box-report{
		margin-top: -37px;
	}
	.box-report img.borleft{
		float:left;
	}	
	.box-report img.borright{
		float:left;
		margin-top: -1px;
	}	
	.box-report  .report{
		background: url("../images/bg-bor.png");
		background-repeat: repeat-x;
		float: left;
		width: 93%;
		height:65px;
		padding-top: 20px;
	}
	.box-report  .report .pull-left1{
		
	}
	.box-report  .report .pull-right{
		float:right;	
		margin-right: 10px;
	}
	.box-report  .report .pull-right .order{
		float:right;
		color:white;
		padding:4px 16px 7px 16px;
		border-radius:4px;
		background: #d08b31; /* Old browsers */
		background: -moz-linear-gradient(top, #d08b31 0%, #af5815 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d08b31), color-stop(100%,#af5815)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #d08b31 0%,#af5815 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #d08b31 0%,#af5815 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #d08b31 0%,#af5815 100%); /* IE10+ */
		background: linear-gradient(to bottom, #d08b31 0%,#af5815 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d08b31', endColorstr='#af5815',GradientType=0 ); /* IE6-9 */
		border:1px solid #dc873c;
		text-decoration:none
	}
	.box-report  .report .pull-right .order:hover{
		background: #af5815; /* Old browsers */
		background: -moz-linear-gradient(top, #af5815 0%, #d08b31 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#af5815), color-stop(100%,#d08b31)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #af5815 0%,#d08b31 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #af5815 0%,#d08b31 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #af5815 0%,#d08b31 100%); /* IE10+ */
		background: linear-gradient(to bottom, #af5815 0%,#d08b31 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#af5815', endColorstr='#d08b31',GradientType=0 ); /* IE6-9 */
	}
	.box-report  .report .pull-right .question{
		float:right;
		color:white;
		padding:4px 16px 7px 16px;
		border-radius:4px;
		background: #0d5292; /* Old browsers */
		background: -moz-linear-gradient(top, #0d5292 0%, #02446f 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d5292), color-stop(100%,#02446f)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #0d5292 0%,#02446f 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #0d5292 0%,#02446f 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #0d5292 0%,#02446f 100%); /* IE10+ */
		background: linear-gradient(to bottom, #0d5292 0%,#02446f 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d5292', endColorstr='#02446f',GradientType=0 ); /* IE6-9 */
		border:1px solid #0d5292;
		margin-right:5px;
		text-decoration:none
	}
	.box-report  .report .pull-right .question:hover{
		
		background: #02446f; /* Old browsers */
		background: -moz-linear-gradient(top, #02446f 0%, #0d5292 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d5292), color-stop(100%,#0d5292)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #02446f 0%,#0d5292 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #02446f 0%,#0d5292 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #02446f 0%,#0d5292 100%); /* IE10+ */
		background: linear-gradient(to bottom, #02446f 0%,#0d5292 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02446f', endColorstr='#0d5292',GradientType=0 ); /* IE6-9 */
	}
	/*======NEWS=======*/
	.news-main {width:100%; float:left; padding:0;color:#dc6200;background:white;}
	.news-main-content {width:70%; float:left;height: 20px!important;margin-top:5px!important}
	.news-main-content ul {width:70%; height: 23px;overflow: hidden;}
	.news-main-content ul li {width:100%; float:left; margin: 0 1%;list-style:none;   }
	.news-main-content .news {width:100%; float:left;}
	.news-main-content .news>a{ float:left;width:5%;}
	.news-main-content .news a img { float:left;}
	.news-main-content .news h5 {color:#dc6200; font-size:14px;line-height:14px; float:left;width:92%; margin:0;padding-right:3%;height:18px;overflow:hidden;}
	.news-main-content .news h5 a{display:block; color:white; font-size:13px; line-height:18px; float:left;text-decoration:none;font-family:tahoma!important}
	.news-main-content .news h5 a:hover{ color:#FC9}
	.news-main-content .news h5 a span{ margin-right:10px;color:white;font-family:tahoma!important}
	.news-main-content .news p {width:90%; margin:1% 0 2% 0; color:#FFF ; float:right; padding-right:3%; font-size:12px ; line-height:140% }
	/*introduction*/
	.introduction{
		padding-right: 17px;
		float: left;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.introduction .img-introduction{
		float: left;
		width: 130px;
		height: 190px;
		overflow: hidden;
		margin-right:20px;
	}
	.introduction>h2{
		color:#0d5f9e;
		font-weight: bold;
		margin-bottom:0;
	}
	.introduction>p{
		height: 106px;
		overflow: hidden;
		color: #4a4844;
		margin-bottom: 10px;
		margin-top: 5px;
	}
	.introduction a.readmore{
		float:right;
		text-decoration:none;
		color:#6a6966;
	}
	.introduction a.readmore:hover{
		color:#0d5f9e;
	}
	/*box-category*/
	.box-mid{
		float:left;
		width:50%;
	}
	.box-category{
		position: relative;
		margin-bottom: 20px;
	}
	.box-category a{
		float: left;
		padding: 2%;
		width: 86%;
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		text-decoration: none;
		font-size: 20px;
		text-transform: uppercase;
		color: white;
		background: #0e7cb8; /* Old browsers */
		background: -moz-linear-gradient(left, #0e7cb8 0%, transparent 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0e7cb8), color-stop(100%,transparent)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #0e7cb8 0%,transparent 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #0e7cb8 0%,transparent 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #0e7cb8 0%,transparent 100%); /* IE10+ */
		background: linear-gradient(to right, #0e7cb8 0%,transparent 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e7cb8', endColorstr='transparent',GradientType=1 ); /* IE6-9 */
		padding-bottom: 1.6%;
	}
	.box-category a:hover{
		background: -moz-linear-gradient(left, #0e7cb8 30%, transparent 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(30%,#0e7cb8), color-stop(100%,transparent)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #0e7cb8 30%,transparent 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #0e7cb8 30%,transparent 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #0e7cb8 30%,transparent 100%); /* IE10+ */
		background: linear-gradient(to right, #0e7cb8 30%,transparent 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e7cb8', endColorstr='transparent',GradientType=1 ); /* IE6-9 */
	}
	.box-category .fix-category{
		width:100%;
		height:120px;
		overflow:hidden;
	}
    /*Search*/
    h3.title {
        text-transform:uppercase;
    }
    #search-result .post h2 {
        font-size:14px;
        text-decoration:none;
    }
     #search-result .post h2 a{
        text-decoration:none;
        opacity:1
    }
       #search-result .post h2 a:hover{
        text-decoration:none;
        opacity:0.8;
        color:#2f2f2f;
    }
    .box-introduction form {
        width:100%;
        float:left;
    }
    .box-introduction .btn-search {
        float: left;
    }
    .box-introduction input {
        float: left;
        padding: 2.5px;
    }
    .light_blue {
        float: left;
        width: 98%;
        /*padding: 1%;*/
        margin: 10px 0;
        /*background: #EEF8FB;
        background: -moz-linear-gradient(left, #EEF8FB 0%, transparent 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#EEF8FB ), color-stop(100%,transparent));
        background: -webkit-linear-gradient(left, #EEF8FB 0%,transparent 100%);
        background: -o-linear-gradient(left, #EEF8FB 0%,transparent 100%);
        background: -ms-linear-gradient(left, #EEF8FB 0%,transparent 100%);
        background: linear-gradient(to right, #EEF8FB 0%,transparent 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEF8FB ', endColorstr='transparent',GradientType=1 );*/
    }
	/*box-social*/
	.box-social{
		margin-bottom: 20px;
	}
	.box-social a{
		text-decoration: none;
		color: #0d5f9e;
		font-weight: bold;
	}
	.box-social p{
		margin-top:0;
		height: 35px;
		overflow: hidden;
		color: #4a4844;
	}
	.box-social .fix-social{
		width: 46px;
		height: 50px;
		overflow:hidden;
		float:left;
		margin-right:5px;
	}
	/*slide parner*/
	.wrapper {
		width: 100%;
		padding: 0;
		margin: auto;
		position: relative;
		margin-top:15px;
	}
	.wrapper h2{
		color:#0d60a0;
        text-transform: uppercase;
	}
	.fix-paner{
		padding: 5px;
		border: 1px solid #ccc;
		height: 135px;
		overflow: hidden;
		float:left;
		margin-bottom: 5px;
        width:95%;
        opacity:1
	}
    .fix-paner:hover {
        opacity:0.9;
    }
	.jcarousel-wrapper {
		margin: 20px auto;
	}
	.jcarousel {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	.jcarousel ul {
		width: 20000em;
		position: relative;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.jcarousel li {
		width: 215px!important;
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 10px;
		text-align: center;
	}
	.jcarousel>ul>li>a{
		overflow:hidden;
		height:50px;
		text-decoration: none;
		color:#747c88;
	}
	.jcarousel>ul>li>a:hover{
		color:#1486c2;
	}
	.jcarousel img {
		display: block;
		max-width: 100%;
		height: auto !important;
	}
	.jcarousel-control-prev,
	.jcarousel-control-next {
		position: absolute;
		top: 0px;
		text-align: center;
		background: #0d60a0;
		color: #fff;
		text-decoration: none;
		text-shadow: 0 0 1px #000;
		font: 27px/27px Arial, sans-serif;
		-webkit-box-shadow: 0 0 4px #F0EFE7;
		-moz-box-shadow: 0 0 4px #F0EFE7;
		box-shadow: 0 0 4px #F0EFE7;
		padding: 0 7px;
	}
	.jcarousel-control-prev {
		right: 33px;
	}
	.jcarousel-control-next {
		right: 10px;
	}
	.jcarousel-pagination {
		position: absolute;
		bottom: -40px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		margin: 0;
		display:none;
	}
	.jcarousel-pagination a {
		text-decoration: none;
		display: inline-block;
		font-size: 11px;
		height: 10px;
		width: 10px;
		line-height: 10px;
		background: #fff;
		color: #4E443C;
		border-radius: 10px;
		text-indent: -9999px;
		margin-right: 7px;
		-webkit-box-shadow: 0 0 2px #4E443C;
		-moz-box-shadow: 0 0 2px #4E443C;
		box-shadow: 0 0 2px #4E443C;
	}
	.jcarousel-pagination a.active {
		background: #4E443C;
		color: #fff;
		opacity: 1;
		-webkit-box-shadow: 0 0 2px #F0EFE7;
		-moz-box-shadow: 0 0 2px #F0EFE7;
		box-shadow: 0 0 2px #F0EFE7;
	}
	
	.hr{
		background:url(../images/hr.jpg);
		height:10px;
		float:left;
		width:100%;
		background-repeat:repeat-x;
	}
	/*footer*/
	footer{
		background:#0d5292 url("../images/bg-footer.jpg") top center no-repeat;
		color: white;
		width:100%;
		border-bottom:5px solid #da251c;
	}
	footer .copyright{
		float: left;
	}
	footer .fix-logofooter{
		width: 116px;
		height: 73px;
		overflow: hidden;
	}
	footer .intro p{
		margin-top:0;
		height: 70px;
		overflow: hidden;
	}
	footer .address{
		margin-top: 0PX;
		text-align: right;
	}
	footer .address>h3{
		margin-bottom: 0;
	}
	footer .address>span{
		float:left;
		width:100%;
	}
	footer .copy {
		width:100%;
		float:left;
	}
	footer .copy .copyright{
		margin-top: 20px;
		float: left;
		margin-bottom: 10px;
	}
	footer .copy .copyright span a{
		color:white;
		text-decoration:none;
	}
	#back-top {
		float:right;
		margin-top:5px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#back-top a {
		width: 105px;
		display: block;
		text-align: center;
		text-decoration: none;
		color: white;
		-webkit-transition: 1s;
		-moz-transition: 1s;
		transition: 1s;
	}
	#back-top a img {
		margin-right:5px;
		float:left;
		margin-top: 2px;
	}

	/*menu-header*/
	.box-menu{
		width:100%;
		margin-top:30px;
		float:left;
	}
	.bg-menu{
		float:right;
	}
	nav{
		float: right;
		margin-bottom: -2px;
        width:100%;
	}
	nav>ul {
		color: #FFF;
		margin:0;
		text-align:right;
		background:#1a8fcb;
		float: right;
		/*padding: 2.5px;*/
		border-top-right-radius: 10px;
		box-shadow: 2px 2px 1px #C1C1C1;
		padding-left: 0;
	}
	nav>ul>li {
		font-size: 13px;
		text-align: center;
		display: inline-block;
		zoom: 1;
		padding:0;
		position: relative;
		margin-bottom:0;
		float:left;
	}
	nav>ul>li:last-child {
		border-right:none;
	}
	nav>ul>li>a{
		color: #f9f9f9;
		text-decoration: none;
		text-transform: uppercase;
		padding: 6.0px 9px 6px;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		text-transform: capitalize;
		font-size: 14px;
	}
	nav>ul>li.active,
	nav>ul>li:hover{
		color:white;
	}

	nav>ul>li>ul{
		position: absolute;
		left: 0;
		min-width: 170px;
		display: none;
		z-index: 999999;
		margin: 0;
	}	
	nav>ul>li:hover>ul{
		display: block;
		text-align:left;
		margin-top: 29px;
		padding-left:0;
	}
	nav>ul>li:visited>ul{
		display: block;
		text-align:left;
		margin-top: 30px;
	}
	nav>ul>li:active>ul{
		display: block;
		text-align:left;
		margin-top: 30px;
	}
	nav>ul>li>ul>li{
		display: block;
		padding: 0;
		margin: 0;
	}
	
	nav>ul>li>ul>li>a,
	nav>ul>li>ul>li>a:visited{
		color: #FFF;
		display:block;
		padding: 7px 10px;
		text-align: left;
		text-decoration: none;
		transition: 0.5s;
		-webkit-transition: 0.5s;
		background: rgba(0, 0, 0, 0.5);
		width:100%;
		border-bottom:1px solid #ccc;
		text-shadow:none;
	}
	nav>ul>li>ul>li>a:hover{
		background: rgba(0, 0, 0, 1);
	}
	nav>ul>li>ul>li>a:hover{
		}
	#menu-toggle{
		display:none;
	}
	ul.menu li a{
			float:left;
			color: #fff;
		}
	ul.menu li a:hover{
		text-shadow:1px 2px 1px #000;
	}		
	ul.menu li span{
		float:left;
		margin-top:0px;
		margin-right:5px;
		font-size:13px;
	}
	/*page product*/
	section .banner-header{
		position:relative;
        height: 215px;
        overflow: hidden;
	}
	.menu-left{

	}
	.menu-left>h4{
		margin: 0;
		background: #F3F3F3;
		border: 1px solid #E5E2E2;
		text-decoration: none;
		background: #0d60a0;
		border: 1px solid #0d60a0;
		padding: 3% 6%;
		width: 88%;
		float: left;
		color: white;
        text-transform: uppercase;
		/*border-top-right-radius: 30px;*/
	}
	.menu-left ul {
		padding-left:0;
		margin: 0;
		width:100%;
	}
	.menu-left ul li{
		list-style:none;
	}	
	.menu-left ul li ul li a{
		text-decoration:none;
		background: #F3F3F3;
		border: 1px solid #E5E2E2;
		padding: 3% 10%;
		width: 80%;
		float:left;
		color: #0d60a0;
	}
	.menu-left ul li a{
		text-decoration:none;
		background: #E8E4E4;
		border: 1px solid #E5E2E2;
		padding: 3% 6%;
		width: 88%;
		float:left;
		color: #0d60a0;
	}
	.menu-left ul li a:hover{
		color:#000;
	}
	
	.cat-menu>li>ul{
			display: none;
		}
		.cat-menu>li.active>ul{
			display: block;
		}
		.cat-menu>li>a>i{
			float: right;
		}
	/*download*/
    .download {
        width:100%;
    }
    .box-download {
        width:100%;
        float: left;
    }
    .box-download h4{
        margin-bottom:10px;
    }
    .box-download h4 a{
        text-decoration: none;
        font-weight: normal;
        color: #0d60a0;
    }
     .box-download h4 a:active,.box-download h4 a:visited{
        text-decoration: none;
        font-weight: normal;
        color: #0d60a0;
    }
    .box-download h4 a:hover{
        font-weight: bold;
    }
    .box-download p i{
        margin-right:7px;
     }
    /*breadcrumb*/
	.breadcrumb{
		float: left;
		width: 98%;
		background: #D3D3D4 ; /* Old browsers */
		background: -moz-linear-gradient(left, #D3D3D4  0%, transparent 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#D3D3D4 ), color-stop(100%,transparent)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left, #D3D3D4  0%,transparent 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left, #D3D3D4  0%,transparent 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left, #D3D3D4  0%,transparent 100%); /* IE10+ */
		background: linear-gradient(to right, #D3D3D4  0%,transparent 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D3D3D4 ', endColorstr='transparent',GradientType=1 ); /* IE6-9 */
		margin-bottom: 10px;
		padding: 1%;
	}
	.breadcrumb ul{
		padding:0;
		margin:0;
	}
	.breadcrumb ul li{
		list-style:none;
		float:left;
	}
	.breadcrumb ul li a{
		text-decoration:none;
		color:rgb(28, 26, 26);
	}
	.breadcrumb ul li span{
		color:#999;
		margin:0 5px;
	}
	.breadcrumb ul li:last-child span{
		display:none
	}
	
	.content-product{
		width:100%;
		float:left;
		margin:10px 0;
	}
	.content-product .box-product{
		background:white;
		border:1px solid #ccc;
		width: 28%;
		float: left;
		margin-right: 3%;
		margin-bottom: 3%;
		padding: 1%;
		text-align:center;
	}
	.content-product .box-product:hover{
		border:1px solid #0d60a0;
	}
	.content-product .box-product .img-product{
		width:100%;
		height:190px;
		overflow:hidden;
		margin-bottom:10px;
	}
	.content-product .box-product .img-product img{
		width:100%;
	}
    .content-product .box-product > .title-product {
        height:32px;
        float:left;
        overflow:hidden;
        text-align:center;
        width:100%;
        line-height: 16px;
    }
	.content-product .box-product>.title-product>a{
		text-decoration:none;
		color: #0d60a0;
	}
	/*PRODUCT HOT*/
	.box-product{
		background:white;
		border:1px solid #ccc;
		width: 98%;
		float: left;
		padding: 1%;
		text-align:center;
		margin-bottom:20px;
		padding-bottom: 5px;
	}
	.box-product:hover{
		border:1px solid #0d60a0;
	}
	.box-product .img-product{
		width:100%;
		height:210px;
		overflow:hidden;
		margin-bottom:10px;
		margin-top:10px;
	}
	.box-product .img-product img{
		width:100%;
	}
	.box-product>a{
		text-decoration:none;
		color: #0d60a0;
	}
	.page{
		width: 100%;
		float: left;
		margin-top: 20px;
	}
	.page ul.pagination{
		float: right;
		padding: 0;
		margin-top: 0px;
		margin-right: 10px;

	}
	.page ul.pagination li{
		list-style:none;
		float:left;
	}
	.page ul.pagination li a{
		padding:5px;
		background:#0d60a0;
		color:white;
		text-decoration:none;
	}
	.main-product{
		float: left;
		width: 100%;
		margin-bottom: 10px;
	}
	/*detail*/
	.detail-zoombig{
		width:100%;
		height:400px;
		overflow:hidden;
		margin-bottom:5px;
	}
	.detail-zoomsmall{
		width:32%;
		height: 125px;
		overflow:hidden;
		float:left;
		margin-right:1%;
	}
	.detail-zoomsmall a img{
		max-width:100%;
	}
	.tab-content{
		border: 1px solid #ccc;
		padding: 15px;
		border-top: 1px solid #ccc;
		float:left;
	}
	.box-tab{
		margin:10px 0;
	}
	.nav-tabs>li{
		background-color: #C5E3ED;
	}
	.nav-tabs>li>a{
		margin-right:0;
	}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
		background: #00659e;
		color:white;
		border: 1px solid #00659e;
		border-bottom-color: transparent;
	}
	.box-tab .nav>li>a{
		padding:5px 15px;
	}
	.images-detail{
		width:55%;
		float:left;
		margin-right:5%;
	}
	.detail{
		width:40%;
		float:left
	}
	.detail>h1{
		text-transform: uppercase;
		margin-bottom:10px;
	}
	.detail>p.contact-phone{
		background: #B20404;
		text-align: center;
		padding: 5px;
		margin-top:20px;
		color:white;
	}
	.tab{
		float:left;
		width:100%;
		margin-top: 15px;
	}
	/*news*/
	.news .box-news h4{
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 7px;
		margin-top: 0px;
	
	}
	.news .box-news h4 a{
		text-decoration:none;
		color: #555655;
	}
	.news .box-news h4 a:hover{
		color:#0d60a0;
	}
	.news .box-news .img-news{
		width: 193px;
		height: 128px;
		float: left;
		overflow: hidden;
		margin-right: 10px;
		border: 1px solid #c5cac3;
		padding: 3px;
		box-shadow: 4px 4px 0 0 #f2f2f2;
	}
	.news .box-news .img-news a img{
		width: 100%;
	}
	.news .box-news{
		color: #555655;
		float:left;
		margin-top: 10px;
		margin-bottom: 5px;
		width:100%;		
		float:left;
	}
	
	.news .box-news  a.reader{
		background: #E8E4E4;
		color: rgb(173, 173, 172);
		text-decoration: none;
		padding: 3px 16px;
		float:right;
		margin-right: 10px;
	}
	.news .box-news  a.reader:hover{
		background:#0d60a0;
		color:white;
	}
	.news .box-news p.content-text{
		height: 55px;
		overflow: hidden;
	}
	.news .box-news p i{
		margin-right:5px;
	}
	.news .box-news p span{
		margin-right:5px;
		font-style: italic;
	}
	/*RELATE POST*/
	.detail-news .relatedpost {
    margin-top:20px;

	}
	.detail-news .relatedpost h4{
		width: 100%;
		float:left;
		margin-bottom: 0;
		color: #333436;
	}
	.detail-news .relatedpost ul{
			list-style:outside;
			margin-left: 20px;
			width: 100%;
			float: left;
			padding-lefT: 0;
			color: #747c88;
			margin-top: 5px;
	}
	.detail-news .relatedpost ul li{
			color: #747c88;
	}
	.detail-news .relatedpost ul li a{
		  text-decoration:none;
		  color: #747c88;
	}
	.detail-news .relatedpost ul li a:hover{
		  color: #1486c2;
	}
	.relatedpost img{
		float: left;
		margin-top: 10px;
	}
    /*Contact*/
	fieldset{
		border: none;
		padding: 0;
	}
	 fieldset input.text {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 98%;
		max-width: 98%;
		display: block;
		margin-bottom: 5px;
		background: #fff;

	}
	fieldset textarea.text {
		 border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 98%;
		max-width:98%;
		display: block;
		margin-bottom: 5px;
		background: #fff;
		height: 70px;
	}
	#contact-submit-button input.btn-image {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #777;
		margin: 0;
		width: 40%!important;
		display: block;
		margin-bottom: 20px;
		background:#ccc;
		float:right;
	}
	#contact-submit-button input.btn-image:hover{
		background: #0d60a0;
		color:white
	}
	#contact-details {
	  margin-top: 10px;
	  float: left;
		width: 40%;
		margin-right: 2%;
	}
	#contact-details i{
		
		margin-right:5px;
	}
	#contact-details>span {
		font-style: italic;
		font-weight:bold;
	}
	#contact-details>h3{
		margin-top:0;
	}
	 #contact-form
	{
		 margin-top: 10px;
         width: 58%;
         float: left;
	}
	#contact-details > ul > li > img{
		float:left;
		margin-right:5px;
	}
	.breachrum h4 {
		float:left;
	}
    input[type='number'] {
        -moz-appearance:textfield;
    }
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    pre {
        font-family:'Myriad Pro';
    }
	/**/
	.img-project{
		width: 50%;
		overflow: hidden;
		float: left;
		margin-right: 5%;
	}
	.content-project{
		width: 45%;
		float: left;
	}
	.content-project>h1{
		margin-top:0;
	}
	.content-project i{
		margin-right:10px;
	}
	.content-project>h3{
		margin-bottom: 0;
		font-weight: normal;
	}
	/*menu left*/

	div.sdmenu {
	 background:#ccc;
	 color: #fff;
	 width:100%;
	}
	div.sdmenu div {
	 background: #ccc;
	 overflow: hidden;
	}
	div.sdmenu div.collapsed {
	 height: 30px;
	}
	div.sdmenu div>span {
	 display: block;
	 cursor: default;
	}
	div.sdmenu div>span>a {
	 display: block;
	 padding: 8px 10px;
	 color: #0d60a0;
	 background:#E8E4E4;
	 cursor: default;
	 border: 1px solid #DED5D5;
     text-decoration:none;
	}
	div.sdmenu div>a {
	padding: 8px 30px;
	background: #F3F3F3;
	display: block;
	border-bottom: 1px solid #E5E2E2;
	color: #0d60a0;
	text-decoration:none;
	}
	div.sdmenu div>a.current {
	 background : #ccc;
	}
	div.sdmenu div>a:hover {
	 background : none;
	 text-decoration: none;
	}
	
    /*customer*/
    .customer .box-customer h4{
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 7px;
		margin-top: 10px;	
	}
	.customer .box-customer h4 a{
		text-decoration:none;
		color: #555655;
	}
	.customer .box-customer h4 a:hover{
		color:#0d60a0;
	}
	.customer .box-customer .img-customer{
		height: 128px;
		overflow: hidden;
		margin-right: 10px;
		border: 1px solid #c5cac3;
		padding: 3px;
		box-shadow: 4px 4px 0 0 #f2f2f2;
	}
    .customer .box-customer .img-customer:hover {
    
        border: 1px solid #0d60a0;
    }
	.customer .box-customer .img-customer a img{
		width: 100%;
	}
	.customer .box-customer{
		color: #555655;
		float:left;
		margin-top: 10px;
		margin-bottom: 5px;
        width: 33%;
	}
	/*question */
    .bg-question .address h3 {
        text-transform: uppercase;
        margin-bottom: 0;
    }
   .box-question {
        border-bottom: 1px solid #ccc;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }
    .box-question:last-child {
        border-bottom:none;
    }
	@media only screen and (min-width: 767px) {
		.menu-left ul li ul{
			position:relative;
		}
	}
	@media only screen and (max-width: 767px) {
		#menu-toggle{
			display: block;
			color: white;
			padding: 5px 10px;
			background: black;
		}
		#menu-toggle i{
			margin-right: 10px;
		}
		
		nav{
			transform:skewX(0deg);
			-ms-transfrom:skewX(0deg);
			-webkit-transform:skewX(0deg);
			margin-bottom: 0px;
			background:#111
		}
		
		nav>ul{
			display: none;
			background: #111;
			width:100%;
			margin-top:0px;
		}
		
		nav>ul>li{
			display: block;
			width: 100%;
			text-align: left;
			
		}
		nav>ul>li:hover{
			display: block;
			width: 100%;
			text-align: left;
			
		}
		nav>ul>li>ul{
			display: block;
			position: relative;
			width: 100%;
			background:rgb(70, 70, 70);
			margin-top: 5px;
			margin-left:0;
			padding-left:0;
		}
		
		nav>ul>li>ul>li{
			padding-left:10px;
		}
		
		.menu-open{
			display: block;
		}
		section.home-link>.container .cirle-border{
			margin-top:0 !important;
			width: 100%;
			margin-bottom: 5px;
		}
		nav>ul>li>ul{
			margin-top: 10px;
		}
		nav>ul>li:hover>ul{
			margin-top:0 !important;
		}
		ul.menu>li>a{
			z-index: 999999!important;
			position: inherit!important;
			margin:10px 0;
		}
		nav>ul>li:hover>ul{
			padding:0!important;
		}
		.bg-link{
			display:none;
		}
		.logo{
			margin-top:0;
		}
		.product-detail{
			padding:0;
			border:none;
		}
		.news-main-content .news>a{ float:left;width:5%;margin-top:20px;margin-right:4%;}
		.news-main-content .news a img { float:left;}
		.news-main-content .news h5 {color:#dc6200; font-size:14px;line-height:18px; float:left;width:88%; padding-right:3%;height:18px;overflow:hidden}
	}
	
	/*@media(max-width:1370px)
	{
		.flexslider{
			height:250px;
		}
	}*/
	@media(max-width:960px){
		nav>ul>li>a{
			padding:0;
			padding: 0 5px;
		}
		nav>ul{
			padding: 2%;
			width: 96%;
		}
		.flex-direction-nav .flex-next {left:45px; }
		.bg-menu{
			display:none;
		}
		.box-report img.borleft{
			display:none;
		}
		.box-report img.borright{
			display:none;
		}
		.box-report .report{
			width:100%;
		}
		.news-main-content ul li{
			height:30px;
			margin-top:20px;
		}
		.news-main-content{
			width:60%;
		}
		.content-product .box-product{
			margin-right:2%;
		}
		section .banner-header{
			height:auto;
		}
	}
	@media(max-width:767px){	
		/*.flexslider {
			height: 150px;
			margin:0;
		}*/
		.box-report .report{
			padding-top:0;	
		}
		.box-menu{
			margin-top:5px;
		}
		.box-report{
			margin-top:0;
		}
		.box-report .report{
			background:red;
			width: 100%;
			float: left;
		}
		.box-report .report .pull-left1{
			width:100%;
			float:left
		}
		.box-report .report .pull-right{
			width:100%;
			float:left;
			text-align:center;
			margin-top: 10px;
		}
		.box-report .report .pull-right .order{
			float:none;
			margin-left: 5px;
			margin-right: 5px;
		}
		.box-report .report .pull-right .question{
			float:none
		}
		.news-main-content{
			width:100%;
		}
		.news-main-content ul{
			padding-left: 0;
			width:100%;
			float:left;
		}
		.news-main-content ul li >.news>a>img{
			display:none;
		}
		.box-mid{
			width:100%;
		}
		footer{
			background:#0d5292 ;
		}
		footer .address{
			text-align: left;
			margin-left: 10px;
			margin-top: 0;
		}
		footer .address>hr{
			float:left!important;
		}
		#back-top{
			float:left;
			margin-left:10px;
		}
		nav>ul{
			border-top-right-radius:0;
		}
		
		.images-detail{
			width: 100%;
			margin-right: 0%;
		}
		.detail {
			width: 98%;
			padding:1%;
			}
			.menu-left {
				margin-top: 3px;
				}
				.content-product .box-product .img-product{
					height: auto;
				}
					#contact-details {
					  margin-top: 10px;
					  float: left;
						width: 100%;
						margin-right: 0;
					}	
			.menu-left ul{
				width:100%;
			}
			/*product*/
			.box-product .img-product{
				height:auto;
			}
			.box-product .img-product img{
				width:auto;
				max-width:100%;
			}
			#contact-form{
				width:100%;
			}
			nav>ul>li>ul>li>a, nav>ul>li>ul>li>a:visited{
				width: 90%;
			}
	}
	@media only screen and (max-width: 480px){	
	
		.logo{
			width:100%;
		}
		.logo img{
			max-width:100%;
		}
		.wrapper h2{
			font-size:14px;
		}
		.introduction>p{
			height:115px;
		}
		.box-category{
			text-align:center
		}
		.jcarousel-control-prev, .jcarousel-control-next{
			padding-bottom:10px;
		}
		.content-product .box-product{
			width:98%;
			margin-right:0;
		}
		.page ul.pagination{
			margin-right:0;
		}
		.news .box-news p{
			float:left;
			width:100%;
			margin-bottom:0;
		}
		.news .box-news p.content-text{
			margin-top:0;
			margin-bottom:10px;
		}	
		.detail-zoombig{
			height:auto;
			margin-top:10px;
		}
	 }