@charset "utf-8";
body {
	margin: 0px;
	padding:0px;
	color:#0445bb !important;
	font-size: 13px;
	font-family: Arial, Tahoma, sans-serif;
    color:#333333;
    background:#ffffff url(../images/header_bg.png) top center repeat-x;
    /* background-color:#f5f6f6; */ 
}

.table_2 > thead > tr > th,.table_2 > thead > tr > td {
    border: 2px solid #ddd !important;
}



h1,h2,h3,h4,h5{	margin:0px; }
.show_txt div h1{ font-size:28px; }
.show_txt  div h2{ font-size:20px; }

a{ text-decoration:none; color:#333333; transition: all 0.15s linear 0s; }
a:hover{	color:#2e88c4;	 text-decoration:none !important; }
a img{ border:0px; }

#header{  
  width:100%; /* height:177px; */
  background:#ffffff url(../images/header_bg.png) center top repeat-x;
  position:relative;
  text-align:center;
}
	#main_header{
		/* padding:0px;
		left:50%;
        margin-left:-584px; */
        display:block;
        /* width:1172px; */
		position:absolute;
        top:0px;
		line-height:44px;
		height:44px;
		z-index:10;
	}
    #top_menu{
		position: relative;
		padding-top:48px;
		padding-bottom:10px !important;
		/* margin-bottom: 2px; */
		background-color: #ffcb0b;
	}
 
	 #top_menu2 .navbar-nav > li > a{
		 color:#222121;
	 }
		#top_menu .logo-header{ 
			min-height:124px;  
			padding:30px 20px 0;
			float:left;
		}
		#banner_txt .discount{ 
			position:absolute;
			top:-4px; right:-4px;
			background: url(../images/discount.png) top right no-repeat; 
			width:102px;
			height:104px;
			display:inline-block;
		}
		#banner_txt .show_txt{ padding:15px 15px 15px 120px; }
		.navbar-default .navbar-toggle{ background-color:#ffffff !important; }
	
	#main_menu {
		bottom: 15px;
		color: #ffffff;
		display: inline-block;
		margin: 0 auto;
		margin-bottom: 0;
		margin-right: auto;
		margin-top: 0;
		position: relative;
		top: 50px;
    }
		#main_menu a{ display:block;	float:left;	}
		
		#main_menu div#cssmenu{  float:right;       height:48px;	display:block; 	}
			#main_menu div#cssmenu ul.cssmenu{ margin:0px; padding: 25px 0 0;}
			#main_menu div#cssmenu ul.cssmenu li{	display:block; float:left;	height:48px; margin:0px; }
				#main_menu div ul.menu li a{
					color:#222121;
					/* line-height:48px; */
					font-size:14px;
					font-weight:bold;
					border:0px;
					border-left:1px solid #ffffff;
					text-align:left;
					transition: all 0.15s linear 0s;
				}
				#main_menu div ul.menu li a:hover{	color:#0b0682;	}


				#main_menu div ul.cssmenu li:first-child>a{ border:0px; padding:0px 15px 0px 0px; }
				#main_menu div ul li a.active,#main_menu ul li a:hover{ color:#ffcb0b; }
				div ul.menu li.search{
					background: url(../images/search_icon.png)right 0px no-repeat;
					width:30px;
					height:30px;
				}
		.navbar-default .navbar-collapse{    border-color:#0b0682; }
		.navbar-default .navbar-collapse{
			border-color: #0b0682 !important;
		}
		.navbar-default{ background-color:transparent !important; border:0px !important;;  }	
		.navbar{ margin-bottom:0px !important; }
			#banner_txt{
				position:relative;
				-webkit-box-shadow: 0px 0px 11px 0px #fff;
				-moz-box-shadow: 0px 0px 11px 0px #fff;
				box-shadow: 0px 0px 11px 0px #fff;
				background-color:#0b0682;
				margin-bottom:20px;
				/* height:103px; */
				/* 				color: rgb(230, 230, 230);
font-size: 20px;
text-shadow: 0px -1px 0px rgba(30, 30, 30, 0.8);
background: rgb(218, 20, 20);
background: -moz-linear-gradient(275deg, rgb(218, 20, 20) 30%, rgb(255, 20, 20) 70%);
background: -webkit-linear-gradient(275deg, rgb(218, 20, 20) 30%, rgb(255, 20, 20) 70%);
background: -o-linear-gradient(275deg, rgb(218, 20, 20) 30%, rgb(255, 20, 20) 70%);
background: -ms-linear-gradient(275deg, rgb(218, 20, 20) 30%, rgb(255, 20, 20) 70%);
background: linear-gradient(185deg, rgb(218, 20, 20) 30%, rgb(255, 20, 20) 70%);
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
box-shadow:         0px 2px 1px rgba(50, 50, 50, 0.75);
 */
				color:#ffffff;
			}
		.navbar-toggle{
			float:none !important;
			position:absolute !important;
			right:0px;
			bottom:0px;
		}	
			
				
		#contact_header{
			width:100%;
			height:44px;
			padding-top: 10px;
			
		}
			#contact_header .callus{
				margin:0px;
				padding:0px;
				height:20px;
				padding-left:15px;
			}
				#contact_header .callus li{ 
					padding-left:25px;
					float:left; padding-right:50px;  list-style:none;	
					background: url(../images/icon_contact.png)left 0px no-repeat;
					line-height:20px;
				}
				#contact_header .callus li.lang{	background-position:0px 0px ;	} 
				#contact_header .callus li.tell{	background-position:0px -21px ;	} 
				#contact_header .callus li.fax{	background-position:0px -41px ;	} 
				#contact_header .callus li.mail{	background-position:0px -61px ;	} 
				

#warper{ width:100%; background-color:#ffffff;  }
    .home{  height:500px; }
    #banrer-slide,.carousel-inner{ 
		min-height:498px; width:100%; text-align:right;
	}
	.carousel-control.left, .carousel-control.right{ background:none !important;	}
	
		
	.banrer-text{
		min-height:125px; 
		width:100%;
		background-color:#ffcb0b;
	}
	.banrer-text .sub, .banrer-text2 .sub, #content-sub .sub{
		margin:0 auto;
		display:line-block;
		/* width:1170px; */
		color:#0c1992;
		position:relative;
	}
		.banrer-text .sub div{
			font-size:16px;
		}
		

		.banrer-text .sub div strong,.banrer-text2 .sub div strong{
			font-size:25px;
			font-weight: normal;
		}

		.banrer-text .sub a{
			/* width:30%;
			height:55px;
			line-height:55px;
			border:0px #ffffff solid;
			text-align:center;
			transition:all linear 0.15s; 
			*/
			font-size:30px;
			color:#ffffff;
		}
			
		.banrer-text .sub  a:hover{	
			background:#363636;
			border:4px #ffcb0b solid;
		}
		
	.banrer-text2{
		min-height:250px; 
		width:100%;
		background:#ffcb0b;
		color:#ffffff;
		text-align:center;
	}
		.banrer-text2 .sub div{
			font-size:16px;
			padding-top:40px;
		}
			.banrer-text2 .sub .link a{
				padding:10px 20px; 
				width:200px; 
				border:2px #ffffff solid;
				color:#0c1992;
				transition:all linear 0.15s;
			}
			.banrer-text2 .sub .link a:hover{	background-color:#060350; border:2px #fff solid; color:#fff;}

	.content{
		width:100%;
	}
	
	.blog2-top{	background-color:#f8f8f8; margin-bottom:40px; 	}
	.blog2{	background-color:#f8f8f8; margin-bottom:0px; 	}
	
	#content-sub{	
		/* max-height:340px; */
		width:100%;
		padding-bottom:40px;
	}


		.promote .list{
			padding:0 10px;
			/* width:268px;
			float:left; */
		}
		.promote .list span{
			height:170px;
			width:100%;
			display:block;
		}
		.promote .list span.c1{	background: url(../images/clicle_1.png) center center no-repeat;	}
		.promote .list span.c2{	background: url(../images/clicle_2.png) center center no-repeat;	}
		.promote .list span.c3{	background: url(../images/clicle_3.png) center center no-repeat;	}
		.promote .list span.c4{	background: url(../images/clicle_4.png) center center no-repeat;	}
		
		
		.promote .list strong{ display:block; font-weight:bold; font-size:18px; margin-bottom:10px !important; }
		.promote .list span, .promote .list strong, .promote .list p{	color:#363636;  text-align:center; margin:0px;	}
		
		
	
	/*=============
	# Product list
	==============*/
	.content .content-page{ 
		margin:0 auto; 
		text-align:left; 
		padding:18px 15px 0;
        display:block;
		color:#1f1f1f; 
       /*  width:1138px; */
	   padding-bottom:50px;
	}
		.content-page .table{ 
			margin-bottom:30px;
			margin:0 10px 20px 0;
		}
		.content-page .table:nth-child(odd){
			margin-right: 40px;		
		}
			.content-page .table strong{ 
				border-bottom: 2px solid red;
				font-size: 20px;
				font-weight: normal;
				line-height: 50px
			}
			.content-page .table img{ margin-bottom:20px; } 
			
			.content-page .table table{ border-collapse:collapse;	padding:5px; margin:0px;     width: 100%;	}
				.table table thead{ font-weight:bold; color:#d21806;	}
				.table table thead td{ border-bottom:2px #dedddd solid; }
				.table table td{ padding:5px;  }
				.table table tbody tr:nth-child(even){	background-color:#50a6f1;	}
		
		.content .news{ /* width:1230px;  */margin:0 auto;  padding:40px 0 35px;}
			.news strong{ 
				border-bottom: 1px solid #434343;
				color: #434343;
				display: inline-block;
				font-size: 22px;
				font-weight: bold;
				margin-bottom: 20px;
				padding: 0 0 10px;
			}
			.ourbrand{ width:100%; text-align:center;	}
			
		.form-group a{ display:inline-block; width:100%; text-align:center; }

		
/*-------------------- Content page ------------------------------------------------*/
	.barcrumb{	
		width:100%; margin:0 auto; height:70px; line-height:70px;
	}
		.barcrumb div h2{ font-weight:normal; font-size:22px; color:#333333; }
		.barcrumb .linkpath{ font-weight:bold; }
			.barcrumb .linkpath span{ color:#de574b; }
	
	.colmn-l{ float:left; }
	.colmn-r{ float:right; }
			
/*---------------------  footer ---------------------------------------------------- */
#footer{   
	position:relative;
	color:#c3c3c3;
	padding-top:0px;      
	background-color:#252525;    
	/* height:612px; */ 
	font-size:11px; line-height:22px;
	padding-bottom:0px;
}
	
	#footer .column{	
		margin: 0 auto;
		padding: 0px;
		text-align: left;
		/* width: 1230px; */
	}
		#footer .column .list{ /* width:270px; width:300px;   float: left;*/   padding-top:65px; padding-bottom:50px;	color:#c1c1c1;  color:#6f6f6f; }
		#footer .column .list:first-child{ padding-top:15px; }
			#footer .column .list p.txt{ color:#cccccc; font-size:13px; } 
		
			#footer .column .list h3{ 
				border-bottom: 2px solid #e5493a;
				color: #ffffff;
				display: inline-block;
				font-size: 15px;
				font-weight: bold;
				padding: 0 0 10px;
			}
			#footer .column .list h3.noneline{ text-decoration:none; border-bottom:0px;	} 
			#footer .column .list ul{  margin:0px; padding:0px; padding-top:10px; 	}
				#footer .column .list ul li{ list-style:none;  padding:5px 0px; border-bottom: 1px solid #6f6f6f;	}
				#footer .column .list ul li a{ color:#8a8989; font-size:13px; 	}
				#footer .column .list ul li a:hover{ color:#ffffff;	}
		
	.container-4{
	  overflow: hidden;
	  width: 100%;
	  vertical-align: middle;
	  white-space: nowrap;
	  background: #171717;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
	  border-radius: 5px;
	}	
		.container-4 input#newsletters{
		  width: 80%;
		  height: 40px;
		  background: #171717;
		  border: none;
		  font-size: 10pt;
		  float: left;
		  color: #8a8989;
		  padding-left: 15px;
		  -webkit-border-radius: 5px;
		  -moz-border-radius: 5px;
		  border-radius: 5px;
		}
		.container-4 input#newsletters::-webkit-input-placeholder {
			color: #65737e;
		}
		 
		.container-4 input#newsletters:-moz-placeholder { /* Firefox 18- */
		   color: #65737e;  
		}
		 
		.container-4 input#newsletters::-moz-placeholder {  /* Firefox 19+ */
		   color: #65737e;  
		}
		 
		.container-4 input#newsletters:-ms-input-placeholder {  
		   color: #65737e;  
		}
		.container-4 button.icon{
		  -webkit-border-top-right-radius: 5px;
		  -webkit-border-bottom-right-radius: 5px;
		  -moz-border-radius-topright: 5px;
		  -moz-border-radius-bottomright: 5px;
		  border-top-right-radius: 5px;
		  border-bottom-right-radius: 5px;
		  border: none;
		  background:#464646 ;
		  height: 40px;
		  width: 50px;
		  color: #171717;
		  opacity: 1;
		  font-size: 10pt;
          float: right;
		 
		  -webkit-transition: all .55s ease;
		  -moz-transition: all .55s ease;
		  -ms-transition: all .55s ease;
		  -o-transition: all .55s ease;
		  transition: all .55s ease;
		}
		.container-4 button.email{	background:#171717 url(../images/icon_mail.png) center center no-repeat !important; }
			
		.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
			outline: none;
			opacity: 1;
			margin:0px;
			cursor:pointer;
			color:#eeeeee;
		  }
		 
		  .container-4:hover button.icon:hover{
			background:#464646;
		  }

    #copyright{  /* position:absolute; bottom:0px; */ min-height:78px; /* line-height:78px; */ 	width:100%;  background-color:#060350;    color: #ffffff; }

		#copyright .sub .fmenu{ margin:0px;	padding:px; float: right; }
			.fmenu li{ display:inline-block; padding:5px 5px; line-height:5px;  border-right:1px #8a8989 solid;	}
			.fmenu li:last-child{ border-right:0px; }
			.fmenu li a{color:#fff; }
			.fmenu li a:hover{color:#f7df0b; }
	.footer_contact { font-size:14px; }
	.footer_contact li{ 
		clear:left;	
		display: inline-block;
		width: 100%;
	}
		#footer .column .list ul.footer_contact li:last-child{	
			border-bottom:0px; 
		}
		#footer .column .list ul.footer_contact li:last-child span{ color:#f7df0b; }
		
		.footer_contact li label{ display:block; float:left; width:30%;}
		.footer_contact li span{ display:block; float:left; width:70%; }


.scrollToTop{
	width:40px; 
	height:40px;
	padding:0px; 
	text-align:center; 
	background:transparent url(../images/icon_topofpage.png) top center no-repeat;
	font-weight: bold;
	color: #444;
	text-decoration: none;
	position:fixed;
	bottom:50px;
	right:40px;
	display:none;
}
.scrollToTop:hover{
	text-decoration:none;
}
.error{ color:red; }

#frm_newsletters label.error{
	position:absolute;
	bottom: 20px;
    left: 30px;
}

.carousel-indicators{ display:None !important; }
.carousel-caption{ left:10% !important; right:10% !important;	}

.f-left{ float:left; 	}
.f-right{ float:right;	}
.clearfix{
	clear:both;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media(max-width: 480px) {
	.col { margin: 1% 0 1% 0%;}
	#contact_header .callus{ display:none; }
	.show_txt div h1{ font-size:20px; }
	.content-page .table{
		width:100% !important;
		float:none;
	}
}
@media(max-width: 768px) {
	.show_txt div h1{ font-size:22px; }
	
	.content-page .table{
		width:100% !important;
		float:none;
	}
}


@media (min-width:992px){
	.content-page .table{
		/* width:100% ;	 */
		float:left;
		width:548px;
	}
}

/*----------------------------------------
# Modify Bootstrap
------------------------------------------*/
.carousel-indicators .active{ background-color:#ffcb0b !important; }
ol.carousel-indicators li{  background-color:#ffffff !important; border: 0px;}
.carousel-caption{ text-align:left !important;	color:#2d2c2c !important; text-shadow:none !important; }
.btn-primary{ background-color:#ffcb0b !important; border: 0px !important; }
.btn-primary:hover{ background-color:#252525 !important; }
	.carousel-caption h1, .carousel-caption h2, .carousel-caption h3{ margin-top:10px; }

table>thead>tr>th, table>tbody>tr>td, table>tbody>tr>td{
	border: 1px solid #278fe1 !important;
}
.page-detail .table>thead>tr>th{
	background-color:#b1e1d8 !important;
}
.page-detail .table>tbody>tr>td, .page-detail table>tbody>tr>td{
	background-color:#edf6f4 !important;
}
/* .content-page .table .tb_promotion{ */
	.page-detail .content-page div table {
		border: 1px solid blue !important;
	}
	.page-detail  div table th,.content-page div table td{
		border: 1px solid blue !important;
	}
	.content-page div table thead{
		background-color: #0c1992 !important;
		color: #ffffff;
		padding: 10px 5px !important;
	}
	.content-page div table th{
		padding: 5px;
	}