* { margin:0; padding:0; box-sizing:border-box; font-family:Arial, Helvetica, sans-serif; }
body { background:#FAF1DC;  }
.wrap { width:1000px; margin:auto; }

/*------------------ header ------------------*/
#header { min-height:120px; width:1000px; margin:auto; border:0px solid; }
#header>img { margin-top:20px; }
#header .header-right { height:100px; float:right; width:250px; margin-top:20px; padding-left:00px; border:0px solid; }
#header .header-right>img { margin-top:0px; margin-right:8px; float:left;}
#header .header-right .email { padding-left:0px; }
.logo { margin-left:200px; }

/*----------------- menu -------------------------*/
#menu { width:100%; height:50px; background:#2268aa; }
#menu .submenu { width:1000px; height:50px; border:0px solid #F00; margin:auto; }
#menu .submenu ul { list-style:none; }
#menu .submenu ul li { float:left; position:relative; }
#menu .submenu ul li a { color:#FFF; text-decoration:none; padding:16px 25px; line-height:50px; font-size:15px; }
#menu .submenu ul li a:hover { text-decoration:underline; background:#000; }

#menu .submenu ul li .active { text-decoration:underline; padding:16px 25px; background:#000000; }


#menu .submenu ul ul { display:none; }

#menu .submenu ul li:hover ul { display:block; position:absolute; z-index:200; width:225px; background:#2268aa; overflow:hidden; }

/*------------------- slider ---------------------------*/
#slider { width:1000px; height:auto; margin:auto; border:0px solid; margin:auto;  }



/*----------- con --------------*/
#con { width:1000px; min-height:200px; border:0px solid; margin:auto; margin-top:30px; text-align:center; }
#con p { margin-top:20px; color:#666; text-align:justify; font-family:Arial, Helvetica, sans-serif; }


	/*------------------ level -----------------------*/
#con .level { width:100%; min-height:200px; border:0px solid; margin-top:30px; }
#con .level .level-box1 { height:200px; width:50%; border:0px solid; float:left; text-align:left; padding-right:20px; }
#con .level .level-box1 p { font-family:Arial, Helvetica, sans-serif; line-height:25px; }
#con .level .level-box2 { height:200px; width:50%; border:0px solid; float:left; }
#con .level .level-box2>img { width:100%; height:100%; }

	/*-------------- con-brief ----------------*/
#con .con-brief  { width:100%; min-height:270px; border-bottom:0px solid; margin-top:40px; }
#con .con-brief .con-brief-box { width:30%; min-height:250px; border:0px solid; float:left; margin-left:25px; text-align:center; }
#con .con-brief .con-brief-box h3 { font-variant:bold; margin-bottom:10px; }
#con .con-brief .con-brief-box p { line-height:25px; margin-bottom:40px; }
#con .con-brief .con-brief-box a { padding:8px 25px; color:#FFF; font-weight:bold; text-decoration:none; background:#2268aa; border-radius:4px; }
#con .con-brief .con-brief-box a:hover { background:#666666; }
	/*--------------- products ------------------*/
#con .product { width:1000px; min-height:200px; border:0px solid red; margin-top:20px; text-align:left; }
#con .product h3 { border-bottom:1px solid; margin-bottom:10px; }
#con .product .box { width:25%; padding:20px; height:250px; border:0px solid; float:left; margin }


/*----------- footer -------------*/
#footer { width:100%; height:auto; background:#2268aa; text-align:center; padding:30px 0px; }
.box3 { 
	width:32.2%; border:0px solid #f00; height:auto; float:left; text-align:left; padding:10px;
}
.clr {
	clear:both;
}
.info {
	color: #fff;
    font-size: 13px;
	margin-top:10px;
    line-height: 20px;
    text-align: justify;
}
.head4 {
	font-size:18px; text-transform:uppercase; color:#fff; position:relative;
}
.head4:before {
	content:""; position:absolute; bottom:0px; left:0px; height:2px; width:300px; background:#fff;
}
.listhead {
	list-style:none; margin-top:10px;
}
.listhead li a {
	color:#fff; text-decoration:none; text-transform:uppercase; line-height:30px;
}
.list-inline {
	margin-top:20px;
}
.list-inline li {
	display:inline-block; margin-right:10px;
}

#subfooter {
	padding:15px 0; background:#000; text-align:center;
}
.white {
	color:#fff; text-align:center; 
}

/*---------- other pages ------------*/
/*------------ about ----------------*/
#about { width:100%; min-height:100px; border:0px solid; padding:50px 0; }
#about .wrap h2 { background:#2268aa; font-family:Verdana, Geneva, sans-serif; margin-bottom:20px; padding:5px 10px; color:#FFF; font-size:18px; border-radius:5px 5px 0 0;  }
#about .wrap .ab_box { width:65%; min-height:250px; border:0px solid; float:left; }
#about .wrap .ab_box p { font-family:Arial, Helvetica, sans-serif; line-height:25px; text-align:justify; }
#about .wrap .ab_box h3 { border-bottom:1px dashed #666; margin-bottom:5px; font-size:18px; }

#about .wrap .ab_box2 { width:30%; min-height:250px; border:0px solid; float:right; }
#about .wrap .ab_box2 img { width:100%; height:100%; }

/*--------- contact ----------*/
#contact { width:100%; min-height:450px; border:0px solid; padding:50px 0; }
#contact .wrap h2 { background:#2268aa; padding:5px 10px; font-family:Verdana, Geneva, sans-serif; font-size:18px; border-radius:5px 5px 0 0; color:#FFF; margin-bottom:10px; margin-top:10px; }

#contact .wrap .con_left { width:40%; height:250px; border:0px solid; float:left; } 
#contact .wrap .con_left h3 { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-bottom:05px; }
#contact .wrap .con_left p {  font-family:Arial, Helvetica, sans-serif; line-height:25px; }
#contact .wrap .con_left p a {  font-family:Arial, Helvetica, sans-serif; line-height:25px; color:#000; text-decoration:none; }
#contact .wrap .con_left p a:hover { color:#09C; }

#contact .wrap .con_right { width:50%; margin-left:20px; height:250px; border:0px solid; float:left;  }


/*---------- inquiry ------------*/
#inquiry { width:100%; min-height:500px; border:0px solid; padding:50px 0; }
#inquiry .wrap h2 {  background:#2268aa; color:#FFF; font-family:Verdana, Geneva, sans-serif; padding:5px 10px; border-radius:5px 5px 0 0; margin-bottom:20px; font-size:18px; }

#inquiry .wrap .inq_box { width:80%; min-height:200px; border:0px solid; margin:auto; padding:10px; }
#inquiry .wrap .inq_box h2 { font-family:Verdana, Geneva, sans-serif; padding:5px 0px; border-radius:3px 3px 0 0; background:#faf1dc; color:#000;  }
#inquiry .wrap .inq_box .text { width:100%; margin:10px 0px; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:0 10px; }
#inquiry .wrap .inq_box p { font-family:Arial, Helvetica, sans-serif; }
#inquiry .wrap .inq_box .text p { font-family:Arial, Helvetica, sans-serif; font-size:22px; }
#inquiry .wrap .inq_box .text_2 { width:100%; margin:10px 0px; height:150px; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:10px; }

#inquiry .wrap .inq_box .button { width:80px; height:30px; cursor:pointer; }
#inquiry .wrap .inq_box .button_2 { margin-left:10px; cursor:pointer; width:80px; height:30px; }

/*------------ product --------------*/
#prod { width:100%; min-height:200px; border:0px solid; margin:50px 0; }
#prod .wrap h2 { background:#2268aa; color:#FFF; font-family:Verdana, Geneva, sans-serif; padding:5px 10px; border-radius:5px 5px 0 0; margin-bottom:20px; font-size:18px; }

#prod .wrap .prod_box { width:30%; height:300px; border:0px solid; float:left; margin:50px 15px; padding:0 30px; text-align:center;  }
#prod .wrap .prod_box h4 { background:#2268aa; color:#fff; font-family:Arial, Helvetica, sans-serif; margin-top:5px; padding:7px 0; }
#prod .wrap .prod_box img { width:100%; height:100%; }
.mobile { height:300px; }

#prod .wrap p { font-family:Arial, Helvetica, sans-serif; line-height:25px; text-align:justify; } 

#prod .wrap h3 {  font-family:Verdana, Geneva, sans-serif; padding:5px 0px; border-radius:5px 5px 0 0;  font-size:16px; border-bottom:2px solid; }
#prod .wrap .con_box {  width:30%; margin:20px 0; min-height:210px; border:0px solid; float:left;  }
#prod .wrap .con_box img { width:100%;  }

#prod .wrap .cupboard { width:100%; min-height:100px; border:0px solid #f00; }
.con_list {  margin-left:50px; }

#prod .wrap .con_box2 { margin:20px 0; width:68%; min-height:210px; border:0px solid; float:right;  }
#prod .wrap .con_box2 table, th, td { border:1px solid black; border-collapse:collapse; text-align:center; height:30px; }
#prod .wrap .con_box2 p { margin:10px 0; }

#prod .wrap .tab_box { width:50%; min-height:100px; border:0px solid; float:left; padding:0 30px; }

#prod .wrap .client { width:25%; border:0px solid; min-height:150px; float:left; margin-bottom:10px; padding:10px;  }
#prod .wrap .client img { width:100%; border:3px solid #999999; }

/*----------- product_1 ------------*/
#production { width:100%; min-height:200px; border:0px solid; }
#production .wrap h2 { background:#2268aa; color:#FFF; font-family:Verdana, Geneva, sans-serif; padding:5px 10px; border-radius:5px 5px 0 0; margin-bottom:20px; font-size:18px; }

#production .production { width:65%; min-height:200px; border:0px solid; float:left; margin-bottom:20px; }
#production .production p { font-family:Arial, Helvetica, sans-serif; line-height:25px; text-align:justify; }
#production .production_2 { width:30%; min-height:200px; border:0px solid; float:right; margin-bottom:20px; }
#production .production_2 img { width:100%; height:400px; }

.maxwidth {
	max-width:100%;
}
.liststyle {
	margin:10px 0 0 30px;
}
.liststyle li {
	line-height:25px;
}

#text1 {
    border: 1px solid #732402;
    height: 40px;
    width: 100%;
    box-shadow: 0 0 27px rgb(204, 204, 204) inset;
    transition: 500ms all ease;
    padding: 3px 3px 3px 3px;
}

#text1:hover,
#text1:focus {
    width: 100%;
    transition: 500ms all ease;
    /*
    background-size: 25px 25px;
    background-position: 96% 62%;
    padding: 3px 32px 3px 3px;*/
	box-shadow:#ccc 0 0 15px;
}



/*-----------*/
@media only screen and ( max-width:1000px ){
	.wrap { width:100%; margin:5px; }
	
}