* { margin:0; padding:0; box-sizing:border-box;  }
.wrap2 { width:1300px; height:auto; border:0px solid #F00; margin:auto; }
/*----- profile --------------*/
#profile { width:100%; min-height:50px; background:#FFF; padding-top:00px; }
#profile .wrap2 h2 { font-family: Century Gothic; border-radius:8px 8px 0 0; font-weight:bold; font-size:24px; background:#000; padding:5px 10px; color:#FFF; }
#profile .wrap2 h3 { font-family: Century Gothic; border-bottom:2px dashed #CCCCCC; font-weight:bold; font-size:24px;}

#profile .wrap2 .box { width:60%; min-height:200px; border:0px solid; float:left; }
#profile .wrap2 .box p { font-family: Century Gothic; font-size:18px; line-height:25px; text-align:justify; margin:10px 0; }

#profile .wrap2 .box2 { width:35%; height:200px; border:0px solid; float:right; }
#profile .wrap2 .box2 img { height:300px; width:100%;  }


/*-------------- banner --------------------*/
#banner { width:100%; height:600px; background:#FFF; padding-top:180px; margin-bottom:20px; }





/*-------------- contact --------------------*/
#contact { width:100%; min-height:50px; border:0px solid; background:#FFF; padding-top:00px; margin-bottom:20px; }
#contact .wrap2 h2 { font-family: Century Gothic; border-radius:8px 8px 0 0; font-weight:bold; font-size:24px; background:#000; padding:5px 10px; color:#FFF; }

#contact .wrap2 .con_box { width:65%; height:auto; border:0px solid; float:left; }
#contact .wrap2 .con_box .con_detail { width:98%; height:75px; border:0px solid;margin:10px; margin-top:40px; }
#contact .wrap2 .con_box .con_detail img { float:left; margin-right:20px; }
#contact .wrap2 .con_box .con_detail P { font-family: Century Gothic; line-height:75px; font-size:30px; font-weight:bold; }

#contact .wrap2 .con_box .con_con_box { width:32%; margin:0 5px; float:left; height:auto; border:0px solid; text-align:center; }
#contact .wrap2 .con_box .con_con_box img { height:100px; width:100px; margin-bottom:20px; transition:1s ease-in-out; }
#contact .wrap2 .con_box .con_con_box img:hover { transform:rotate(360deg); }
#contact .wrap2 .con_box .con_con_box h3{font-family: Century Gothic; font-size:20px; color:#000; width:100%; }
#contact .wrap2 .con_box .con_con_box p { font-family: Century Gothic; font-size:17px; line-height:25px;  }
#contact .wrap2 .con_box .con_con_box a { font-family: Century Gothic; font-size:20px; line-height:25px; text-decoration:none; color:#000; }
#contact .wrap2 .con_box .con_con_box a:hover { color:#666; text-decoration:underline; }

#contact .wrap2 .con_box2 { width:33%; margin-top:130px; height:200px; border:0px solid; float:right; }

/*------------- inquiry ---------------*/
#inquiry { width:100%; min-height:50px; border:0px solid; background:#FFF; padding-top:00px; margin-bottom:20px; }
#inquiry .wrap2 h2 { font-family: Century Gothic; border-radius:8px 8px 0 0; font-weight:bold; font-size:24px; background:#000; padding:5px 10px; color:#FFF; }

#inquiry .wrap2 .inquiry { min-height:100px; width:70%; margin:auto; border:0px solid #FFF; }
#inquiry .wrap2 .inquiry_box { width:70%; min-height:100px; float:left; border:0px solid; margin-top:20px; }
#inquiry .wrap2 .inquiry_box h3 { font-family:Century Gothic; font-size:20px; }
#inquiry .wrap2 .inquiry_box .text { width:100%; height:40px; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:10px; margin:10px 0; }
#inquiry .wrap2 .inquiry_box .text_2 { width:100%; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding:10px; margin:10px 0; }
#inquiry .wrap2 .inquiry_box .button { width:80px; height:30px; cursor:pointer; }

#inquiry .wrap2 .inquiry_box2 { width:30%; min-height:100px; float:right; border:0px solid; margin-top:20px; }

/*----------- products -------------*/
#contact { width:100%; min-height:50px; border:0px solid; background:#FFF; padding-top:00px; margin-bottom:20px; }
#product { width:100%; min-height:50px; padding-top:00px; margin-bottom:10px; }
#product .wrap2 h2 { font-family: Century Gothic; border-radius:8px 8px 0 0; font-weight:bold; font-size:24px; background:#000; padding:5px 10px; color:#FFF; }

#product .wrap2 .prod_box { width:20%; background:#666; height:auto; border:1px solid; float:left; margin:10px 30px; text-align:center; }
#product .wrap2 .prod_box:hover {  }
#product .wrap2 .prod_box p { color:#FFF; font-fam:auto; border:3px solid #666; margin-bottom:8px; font-family:Century Gothic; font-size:18px; background-color:#999; } 

/*------------- other pages of product-------------------*/
#subproduct { width:100%; min-height:200px; border:0px solid #F00; padding-top:170px;  }
#subproduct .wrap2 h2 { font-family: Century Gothic; border-radius:8px 8px 0 0; font-weight:bold; font-size:24px; background:#000; padding:10px 10px; color:#FFF; }


#subproduct .wrap2 .prod_con { width:30%; min-height:200px; border:0px solid; padding-top:180px; float:left; padding:30px; margin-top:20px;  }
#subproduct .wrap2 .prod_con img { width:100%; width:300px; }


#subproduct .wrap2 .prod_con2 { width:70%; min-height:200px; border:0px solid; float:left; padding:30px; margin-top:20px;  }
#subproduct .wrap2 .prod_con2 h3 { font-family: Century Gothic; border-bottom:1px dotted #999999; margin-bottom:5px; }
#subproduct .wrap2 .prod_con2 P { font-family: Century Gothic; text-align:justify; }
#subproduct .wrap2 .prod_con2 .abc { margin:0px 40px; font-family: Century Gothic; }