@charset "utf-8";
/* Roboto light 300 regular 400 bold 700 black 900 */
.wrap { width: 1000px; margin: 0 auto; text-align: center; color: #555; font-weight: 300; }
h1 { margin: 100px 0 50px; text-align: center; color: #ee7d31; font-size: 3em; }


#about .aboutbg { margin-bottom: 100px; width: 100%; height: 350px; background: url(../images/about.jpg) no-repeat; background-position: center; }
#about .aboutbg p { text-align: center; line-height: 350px; color: #fff; font-size: 2.6em; font-weight: 700; text-shadow: 3px 3px 3px rgba(0,0,0,.75); }
#about .wrap { margin-bottom: 100px; line-height: 160%; text-align: left; font-size: 1.2em; }
#about .wrap p { margin-bottom: 100px; }
#about .wrap h2 { font-size: 1.6em; color: #ee7d31; }
#about .wrap div { font-weight: 400; }



#products .wrap { margin-bottom: 100px; }
#products .slogan { margin-bottom: 100px; font-size: 1.2em; line-height: 1.6em; }

ul.tabs {
   margin: 0;  padding: 7px 0;
   font-size: 0;
   list-style-type: none;
   text-align: center; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li {
    display: inline;
    margin: 0;
    margin-right: 5px; /*distance between tabs*/
}
        
ul.tabs li a {
    font-size: 16px;
    position: relative;
    padding: 7px 15px;
    border: 1px solid #CCC;
    border-bottom-color:#B7B7B7;
    color: #000;
    background: #F0F0F0;
    border-radius: 3px 3px 0 0;
    outline:none;
}
        
ul.tabs li a:hover {
    border: 1px solid #B7B7B7;
    background:#F0F0F0;
}
        
ul.tabs li.selected a, ul.tabs li.selected a:hover {
    position: relative;
    top: 0px;
    color: #ee7d31;
    font-weight: 700;
    background: white;
    border: 1px solid #B7B7B7;
    border-bottom-color: white;
}
        
div.tabcontents {
    border: 1px solid #B7B7B7; padding: 50px;
    background-color:#FFF;
    border-radius: 0 3px 3px 3px;
}



#products .product_article { text-align: center; }
#products .product_article h2 { display: inline-block; padding-bottom: 2px; font-size: 1.6em; border-bottom: 3px solid #ee7d31; }
#products .product_article h3 { margin-bottom: 50px; font-size: 1.4em; color: #ee7d31; }
#products .product_article p { margin: 0 50px 100px; text-align: left; font-size: 1.2em; line-height: 1.8em; color: #333; }
#products .product_article > div> img { margin-bottom: 100px; }

#products .article1 h2 { margin-bottom: 50px; }
#products .article1 .packing > ul { width: 660px; margin: 0 auto 50px; }
#products .article1 .packing > ul > li { float: left; width: 220px; text-align: center;}
#products .article1 .packing img { margin-bottom: 20px; }
#products .article1 .packing .flexibag { display: inline-block; margin: 0 auto; padding: 10px; color: #555; line-height: 1.6em; }

#products .article2 h2 { margin-bottom: 90px; }
#products .article2 div { margin-bottom: 50px; }
#products .article2 img { margin: 10px; }

#gallery .wrap { margin-bottom: 100px; }
#gallery section { margin-bottom: 100px; }
#gallery section h1 { display: inline-block; border-bottom: 2px solid #555; padding-bottom: 2px; color: #555; margin-bottom: 50px; font-size: 1.3em; }
#gallery section > div { overflow: hidden; }
#gallery section > div > div { float: left; }
#gallery section.buyer img { width: 400px; margin: 0 50px; }
#gallery section.mol img { width: 310px; margin: 10px; }

#contacts .wrap { overflow: hidden; height: 500px; padding-top: 100px; }
#contacts .wrap > div { float: left; width: 30%; height: 100%; margin-right: 5%; line-height: 200%; text-align: center; }
#contacts .wrap > div:last-child { margin-right: 0; }
#contacts .wrap > div > p { font-size: 1.4em; }
#contacts .wrap > div:last-child > p { font-size: 1.2em; }
#contacts .wrap img { width: 100px; }
#contacts .wrap h2 { display: inline-block; padding-bottom: 3px; border-bottom: 3px solid #ee7d31; }