@charset "utf-8";
* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}
html {
    /*font-family: sans-serif, Arial, Helvetica ;*/
    color: #000;
    font-size: 24px;
    text-rendering: optimizeLegibility;
    font-family: 'DB Stick X-Med';
    font-weight:100;
}
h1, h2, h3, p {
    text-rendering: optimizeLegibility;
    font-family: 'DB Stick X-Med';
    font-weight:100;
}
body {
    background-color: #ffffff;
    width: 100%;
}
/* PC */
@media screen and (min-width:769px) {
    header {
        position: relative;
        background-color:#cd1934;/*remark*/
        width: 100%;
        margin: 0 auto;
    }
    #header { 
        background-color: #cd1934;
        text-align: center;    
    }
    ul.top-header-icon {
        margin: 0;
        padding: 0;
    }
    
    .top-header-icon li {
        display: inline-block;
        padding-left: 0px;
    }
    a:hover img{
        filter: alpha(opacity=89);
        -moz-opacity:0.89;
        opacity:0.89;
    }
    .logo {
        height: 120px;
        padding: 0 70px;       
    }
    .icon-flag {
        height: 30px;
        margin: 0 0 50px 30px;
    }
    .icon-flag-en {
        height: 30px;
        margin-bottom: 50px;
    }
    .icon-facebook {
        height: 30px;
        margin-bottom: 50px;
    }
    .icon-social {
        height: 30px;
        margin: 0 0 50px 0;
        display: block;
    }
    #wide {
        max-width: 1200px;
    }
    nav {
        position: relative;
        background-color: #ffffff;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .menu-top li {
        display: inline-block;
        padding: 12px 0;
        font-size: 21px;  
    }
    .menu-top li a {
        text-decoration: none;
        color: #000;
        padding: 12px 12px 12px 12px;
    }
   /* .menu-top li:hover {
        color: #FFF;
        transition: .5s ease;
        -webkit-transition: .5 ease;
        background-color: #cd1934;
    }*/
    .menu-top li a:hover {
        color: #FFF;
        background-color: #cd1934;
        transition: .5s ease;
        -webkit-transition: .5 ease;
    }
    .menu-home {
        padding-left: 0;
    }
    #brands-us {
         width: 980px;
         height: 520px;
         margin: 0 auto;
         position: relative;
     }
    #brands-us h2 {
        text-align: center;
        color: #000;
        font-size: 40px;
        margin: 40px  auto 20px;
        width: 650px;
        height: 53px;
        /*background: transparent url(../img/kaewpingkai-catering.png) 0 0px no-repeat;*/
    }
    #brands-us p.pic-catering {
        position: absolute;
        left: 0;
    }
    #brands-us h3.toptxt-catering {
        width: 450px;
        position: absolute;
        right: 0;
        font-size: 35px;
        font-family: 'DB Stick X-Med';
        font-weight: 300;
    }
    #brands-us p.txt-catering {
        width: 450px;
        position: absolute;
        right: 0;
        top: 120px;
        line-height: 150%;
        margin: 0 0 0 20px;
        font-size: 25px;
        font-family: 'DB Stick X-Med';
        text-indent: 40px;
    }
    #brands-us p.txt-catering a {
        color: #cd1934;
    }
    #brands-us p.txt-catering a:hover {
        text-decoration: none;
        color: red;
        transition: .5s ease;
        -webkit-transition: .5 ease;
    }


    /* อันใหม่ แบนเนอร์อันเดียว start*/
   /* #brands-us h3 {
        text-align: center;
        padding-top: 20px;
    }*/

    #brands-us p.brands-kawpinkkai {
        text-align: center;
    }
    #brands-us h3 img  {
       /* width: 280px;
        margin-bottom: 30px;*/
    }
    /* อันใหม่ แบนเนอร์อันเดียว end*/
    #promotion-us {
        width: 100%;
        margin: 0 auto;
        padding-top: 70px;
        position: relative;
        background-color: #97101f;
        text-align: center;
    }
    #promotion-us h2 {
        
        font-size: 50px;
        color: #fff;
        margin: 0px auto;
        padding: 15px 0;
    }
    #promotion-us li {
        margin: 0 0 10px;
    }
    #promotion-us li a{
        font-size: 20px;
        text-decoration: none;
        color: #fff;
    }
    #promotion-us li img {
        width: 300px;
    }
    #ul_promotion li {
        display: inline-block;
        margin-right: 15px;
        margin-left: 0px;
        width: 300px;
        text-align: left;
    }
    p.promotion-index {
        font-family: 'DB Stick X-Med';
        font-size: 18px;
        line-height: 140%;
    }

    #ul_promotion li a h3 {
        text-align: left;
        color: #fff;
        text-rendering: optimizeLegibility;
        font-size: 28px;
        margin: 0 0 2px 0;
    }

    #ul_promotion img {
        padding-bottom: 5px;
        padding-right: 5px;
    }
    .promotion-p  {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .promotion-p a {
        color: #fff;
        text-decoration: none;
        margin: 20px 20px 20px 20px;
        font-size: 30px;
        border: #fff 1px ;
        border-style: solid;
        padding: 5px 20px;
    }
    .promotion-p a:hover {
        color: #97101f;
        background-color: #f8f8f8;
        transition: .5s ease;
        -webkit-transition: .5 ease;
   
    }
    footer {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
        width: 100%;
    }
    .container-footer {
        display:  inline;
        width: 100%;
        clear: both;
        text-align: left;
    }
    .container-footer a {
        text-decoration: none;
        color: #000;
        font-size: 18px;
    }
    .footer-logo a img {
        width: 200px;
        text-align: center;
        margin: 0 30px 0 0;
    }
    .list-footer1, .list-footer2, .footer-logo, .footer-contact {
        display: inline-block;  
    }
    .list-footer1 {
        margin-left: 20px;
    }
    .list-footer2 {
        margin: 0 0 0 30px;
    }
    .footer-contact {
        margin-left: 60px;
        text-align: right;
    }
    .c_spon {
        display: none;
    }
    .c_img{
        width: 100%;
        height: auto;
    }
    .footer-contact a img {
        width: 45px;
    }
    /*About us */
    #contents-aboutus  {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 50px;
    }
   /* #contents-aboutus p.ttl01 {
        position: relative;
        text-align: center;
        line-height: 100%;
        background: #d2d3d5;
        padding: 30px 0;
    }*/

    #contents-aboutus .ttl01 {
        position: relative;
        text-align: center;
        height: 400px;
        background: url(../aboutus/bg_menu1.jpg) no-repeat center 0 ;
        box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 20%);
       filter: contrast(120%);
        -webkit-filter: contrast(120%);
        -moz-filter: contrast(120%);
        -o-filter: contrast(120%);
        -ms-filter: contrast(120%);
    }
    h1.top-aboutus {
        text-align: center;
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        font-size: 60px;
        color: #FFF;
        text-shadow: 0 0 10px rgb(0 0 0 / 30%), 0 0 12px rgb(0 0 0 / 40%);
    }


    /*#contents-aboutus .logo-center {
        background: url(../img/อุดมฟูดสีขาว.png) no-repeat center 0;
        height: 120px;
        margin: 40px 0 10px;
    }*/
    #contents h2.about-top {
        display: inline-block;
        text-align: left;
        padding: 0  0 50px;
        font-size: 28px;
        line-height: 150%;
    }
    .menu .inner1 {
        width: 850px;
        margin: 0 auto;
    }
    .menu .inner2 {
        width: 850px;
        margin: 0 auto;
        border-top: #d2d3d5 solid 2px;
        padding-top: 9px;  
    }
    .menu .inner3 {
        width: 850px;
        margin: 0 auto;
        border-top: #d2d3d5 solid 2px;
        padding-top: 9px;
    }
    .menu .menu_detail {
        width: 500px;
        position: relative;
        margin-top: 100px;
    }
    .menu .menu_detail p.txtr {
        color: #000;
        font-size: 22px;
        padding: 5px 10px;
        display: inline-block;
        list-style: 120%;
        min-width: 300px;
        text-align: center;      
    }
    .menu.menuimgr .menu_detail {
        float: left;
    }
    .menu.menuimgr .menu_img {
        float: right;
    }
    .clfix {
        overflow: hidden;
    }
    /* about us อันใหม่ */
    #contents-aboutus h2.about-top{
        line-height: 140%;
        display: inline-block;
        text-align: left;
        font-size: 32px;
        font-weight: lighter;
        font-family: 'DB Stick X-Med';
        width: 980px;
        text-indent: 50px;
        margin-top: 20px;
    }
    .logoleft-aboutus {
        background: #fff;
        padding: 60px 0 10px 0;
    }
    .logoleft-aboutus .innerabout-us {
        width: 980px;
        margin: 0 auto;
    }
    .logoleft-aboutus .menu_detail-about {
        position:absolute;
    }
    .menu_detail-about img {
        width: 211px;
    }
    .logoleft-aboutus.menuimgl .about-us_img {
        float: right;
        margin-top: 0px;
        width: 650px;
    }
    p.about-us_img img {
        max-width: 650px;
    }
    /*แบรนด์ของเรา*/
    #contents-brands .ttl01 {
        position: relative;
        text-align: center;
        height: 400px;
        background: url(../brands-us/brandus.jpg) no-repeat center 0 ;
        box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 20%);
       filter: contrast(120%);
        -webkit-filter: contrast(120%);
        -moz-filter: contrast(120%);
        -o-filter: contrast(120%);
        -ms-filter: contrast(120%);
    }
    h1.top-brandus {
        text-align: center;
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        font-size: 60px;
        color: #FFF;
        text-shadow: 0 0 10px rgb(0 0 0 / 30%), 0 0 12px rgb(0 0 0 / 40%);
    }

    .logoleft {
        background: #fff;
        padding: 20px 0 30px;
    }
    .logoleft .innerbrands-us {
            width: 980px;
            margin: 0 auto;
    }
    .logoleft .menu_detail-b {
        width: 150px;
        position:absolute;
    }
    .logoleft .menu_detail-b h2 {
        color: #fff;
        font-size: 22px;
        margin: 7px 0;
        display: inline-block;
        list-style: 120%;
        min-width: 150px;
        text-align: center;
    }
    .logoleft .menu_detail-b h2 a {
       text-decoration: none;
       color: #fff;
    }
    .menu_detail-b img {
        width: 211px;
    }
    .logoleft.menuimgl .brands-us_img {
        float: right;
        margin-top: 10px;
        width: 758px;
    }
    ul.detail_brands-us {
        float: right;
        width: 758px;
    }
    ul.detail_brands-us li {
        list-style: disc;
        list-style-position: inside;
        text-align: left;
        font-family: 'DB Stick X-Med';
    }

    h1.brands-us {
        float: right;
        width: 758px;
        font-size: 40px;
        margin-top: 15px;
        text-align: center;
    }
    .logoleft.menuimgl p.detail_brands-us {
        float: right;
        width: 758px;
        margin: 15px 0;
        font-size: 28px;
        line-height: 150%;
        text-indent: 30px;
        font-family: 'DB Stick X-Med';
    }
    .logoleft.menuimgl .brands-us_img2 {
        float: right;
        margin-top: 20px;
        width: 758px;
        text-align: center;
    }
    /* สาขาใกล้คุณ*/
    #contents-branch .ttl01 {
        /*  background-color:#d2d3d5;
            padding: 20px 0;*/
            text-align: center;
            background: url(../branch/bg_menu2.jpg) no-repeat center 0 ;
            height: 400px;
            box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 20%);
           filter: contrast(120%);
            -webkit-filter: contrast(120%);
            -moz-filter: contrast(120%);
            -o-filter: contrast(120%);
            -ms-filter: contrast(120%);
    
    }
    h1.top-branch {
        text-align: center;
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        font-size: 60px;
        color: #FFF;
        text-shadow: 0 0 10px rgb(0 0 0 / 30%), 0 0 12px rgb(0 0 0 / 40%);
    }

    /*#contents-branch p.ttl01 {
        background-color:#d2d3d5 ;
        text-align: center;
        padding: 20px 0;
        margin: 0 0 10px;
    }*/
    #contents-branch .logoleft-branch {
        width: 980px;
        margin: 0 auto 50px;
    }
    #contents-branch .menu_detail-branch {
        width: 141px;
        float: left;
    }
    #contents-branch .menu_detail-branch img {
        width: 141px;
        text-align: center;
        
    }
    #contents-branch .logoleft-branch h2.branch-top {
        width: 839px;
        float: right;
        text-align: center;
        color: #cd1934;
        margin: 20px 0 0 0;
    }
    #contents-branch .logoleft-branch p.branch-top {
        width: 839px;
        float: right;
        text-align: center;
    }
    #contents-branch .logoleft-branch h1 {
        width: 839px;
        text-align: center;
        float: right;
        color: #cd1934;
        margin: 40px 0 0 0;
    }
    #contents-branch .branch-detail {
        width: 839px;
        float: right;
    }
    ul.branch-detail {
        display: -webkit-box; 
        display: -ms-flexbox; 
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0px 0px 0px;
        font-family: 'DB Stick X-Med'; 
    }
    ul.branch-detail li {
        margin: 10px 0 20px 0;
    }
    /*#contents-branch .branch-detail li {

    }*/
    #contents-branch .branch-detail li h3 {
        width: 409px;
        float: right;
        font-size: 30px;
        margin: 10px 0 5px 0;
    }
    #contents-branch .branch-detail li p {
        float: right;
        width: 409px;
        font-size: 24px;
        line-height: 130%;
    }
    #contents-branch .branch-detail li p a {
        color: #555;
        text-shadow: 0 0 2px #ffffff, 0 0 1.2px #ffffff;
        font-size: 20px;
        
    }
    #contents-branch .branch-detail li p a:hover {
        color: #000;
    }
    #contents-branch .logoleft-branch .branch-detail li img {
        width: 400px;
        float: left;
    }
 
}


/* Moblie*/
@media screen and (max-width: 768px){
    a {
        text-decoration: none;
    }
    #header {
        width: 100%;
        height: 68px;
        background-color: #cd1934;
    }
    #brands-us h2 {
        font-size: 36px;
        margin: 50px 0 0px;
        text-align: center;
    }
    #brands-us h3.toptxt-catering {
        font-size: 26px;
        padding: 10px 20px;
        font-family: 'DB Stick X-Med';
        font-weight: 300;
    }
    #brands-us p.txt-catering {
        padding: 0px 30px 10px ;
        line-height: 150%;
        font-family: 'DB Stick X-Med';
    }
    #brands-us p.txt-catering a {
        color: #cd1934;
    }
    #brands-us p.pic-catering {
        text-align: center;
    }
    #brands-us p.pic-catering img {
        width: 100%;
        padding: 20px 20px;
    }
    h3.promotion {
        text-align: left;
        padding-left: 10px;
    }
    


    /* อันใหม่ แบนเนอร์อันเดียว start*/

    #brands-us p.brands-kawpinkkai {
        text-align: center;
        margin: 10px 0px 30px;
    } /* อันใหม่ แบนเนอร์อันเดียว end*/
    #brands-us p.brands-kawpinkkai img {
        width: 100%;
    }
    #promotion-us {
        width: 100%;
        margin: 0 auto;
        padding: 50px 0px 0 ;
        position: relative;
        background-color: #97101f;

    }
    #promotion-us h2 {
        text-align: center;
        font-size: 50px;
        color: #fff;
        margin: 0px auto;
        padding: 20px 0;
    }
    #promotion-us li {
        width: 100%;
        margin: 0 0 40px;
    }
    #promotion-us li img {
        width: 100%;
        /*max-width: 450px;*/
    }
    #promotion-us li a {
        text-align: center;  
        font-size: 20px;
        color: #fff;
        margin: 0px auto;

    }

    
    .promotion-p  {
        padding-top: 20px;
        padding-bottom: 50px;
        text-align: center;
    }
    .promotion-p a {
        color: #fff;
        text-decoration: none;
        margin: 20px 20px 20px 20px;
        font-size: 30px;
        border: #fff 1px ;
        border-style: solid;
        padding: 5px 20px;
    }

    p.promotion-index {
        font-family: 'DB Stick X-Med';
        font-size: 18px;
        padding: 0 10px;
        text-align: left;
    }
    .container-footer a {
        text-decoration: none;
        color: #000;
    }
    .list-footer1, .footer-logo, .list-footer2, .footer-contact{
    min-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    text-align: center;
    }
    .icon-facebook, .icon-social, .icon-flag, .icon-flag-en {
        display: none;
    }
    .menu-top {
        display: none;
    }
    body {
        min-width: 100%;
    }
    .c_spon {
        display: block;
    }
    .c_img_sp {
        width: 100%;
        height: auto;
    }

    /* สาขาใกล้คุณ*/
    #contents-branch .ttl01 {
        /* background-color:#d2d3d5 ;*/
         text-align: center;
         padding: 0px 0;
         margin: 0 0 30px;
         background: url(../branch/bg_menu22.jpg) no-repeat center 0 ;
         height: 250px;
         box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 10%);
         filter: contrast(120%);
         -webkit-filter: contrast(120%);
         -moz-filter: contrast(120%);
         -o-filter: contrast(120%);
         -ms-filter: contrast(120%);
     }
     h1.top-branch {
         text-align: center;
         width: 100%;
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         font-size: 40px;
         color: #FFF;
         text-shadow: 0 0 10px rgb(0 0 0 / 30%), 0 0 12px rgb(0 0 0 / 40%);
    }

   /* #contents-branch p.ttl01 {
        background-color:#d2d3d5 ;
        text-align: center;
        padding: 10px 0;
        margin: 0 0 30px;
    }
    #contents-branch p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }*/
    #contents-branch .logoleft-branch {
        margin: 0 20px 30px;
        text-align: center;
    }
    #contents-branch .menu_detail-branch {
        text-align: center;
    }
    #contents-branch .menu_detail-branch img {
        width: 180px;
        height: auto;
    }
    #contents-branch .logoleft-branch h2.branch-top {     
        color: #cd1934;
        margin: 30px 0 0 0;
    }
    #contents-branch .logoleft-branch p.branch-top {
        text-align: center;
    }
    #contents-branch .logoleft-branch h1 {
        width: 100%;
        color: #cd1934;
        margin: 40px 0 10px 0;
        text-align: center;
    }
    #contents-branch .branch-detail {
        text-align: left;  
    }
    ul.branch-detail li {
        padding-top: 0px;
        font-family: 'DB Stick X-Med'; 
    }
    #contents-branch .branch-detail h3 {
        padding-left: 40px;
        font-size: 28px;
    }
    #contents-branch .branch-detail li p {
        font-size: 22px;
        line-height: 120%;
        padding-left: 40px;
    }
    #contents-branch .branch-detail li p a {
        color: #97101f;
        text-shadow: 0 0 3px #ffffff, 0 0 2px #ff8686;
    }
    #contents-branch .logoleft-branch .branch-detail li img {
        width: 100%;
    }

    /*About us */
    #contents-aboutus /*OK*/  {
        position: relative;
        width: 100%;
        height: auto;
        text-align: center;
        padding-bottom: 40px;
    } 
    /*  #contents-aboutus p.ttl01 {
        width: 100%;
        position: relative;
        background-color: #d2d3d5;
        padding: 20px 0;
    }
  #contents-aboutus p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }*/

    #contents-aboutus .ttl01 {
        /* background-color:#d2d3d5 ;*/
         text-align: center;
         padding: 0px 0;
         margin: 0 0 30px;
         background: url(../aboutus/bg_menu11.jpg) no-repeat center 0 ;
         height: 250px;
         box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 10%);
         filter: contrast(120%);
         -webkit-filter: contrast(120%);
         -moz-filter: contrast(120%);
         -o-filter: contrast(120%);
         -ms-filter: contrast(120%);
     }
     h1.top-aboutus {
         text-align: center;
         width: 100%;
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         font-size: 40px;
         color: #FFF;
         text-shadow: 0 0 10px rgb(0 0 0 / 30%), 0 0 12px rgb(0 0 0 / 40%);
     }

   /* #contents-aboutus .logo-center  {
        background: url(../aboutus/aboutus.jpg) no-repeat center 0;
        height: 120px;
        margin: 20px 0 0px;
    }*/
     p.about-us_img img  /*OK*/{
        width: 100%;
    }
    .menu_detail-about img {
        width: 211px;
        height: auto;
        margin-bottom: 20px;
    }
    #contents-aboutus h2.about-top {
        display: inline-block;
        text-align: left;
        padding: 0  20px 20px;
        font-size: 24px;
        line-height: 150%;
        font-family: 'DB Stick X-Med';
        font-weight: lighter;
        text-indent: 30px;

    }
    .menu .inner1 {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 5px;
    }
    .menu .inner2 {
        width: 100%;
        margin: 0 auto;
        
        padding-top: 9px;  
    }
    .menu .inner3 {
        width: 100%;
        margin: 0 auto;
       
        padding-top: 9px;
    }
    .menu .menu_detail {
        position: relative;
    }
    .menu .menu_detail p.txtr {
        color: #000;
        font-size: 22px;
        padding: 5px 10px;
        display: inline-block;
        list-style: 120%;
        min-width: 300px;
        text-align: center;      
    }
    /*แบรนด์ของเรา*/
    #contents-brands .ttl01 {
        /* background-color:#d2d3d5 ;*/
         text-align: center;
         padding: 0px 0;
         margin: 0 0 30px;
         background: url(../brands-us/brandus11.jpg) no-repeat center 0 ;
         height: 250px;
         box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 10%);
         filter: contrast(120%);
         -webkit-filter: contrast(120%);
         -moz-filter: contrast(120%);
         -o-filter: contrast(120%);
         -ms-filter: contrast(120%);
     }
     h1.top-brandus {
         text-align: center;
         width: 100%;
         position: relative;
         top: 50%;
         transform: translateY(-50%);
         font-size: 40px;
         color: #FFF;
         text-shadow: 0 0 10px rgb(0 0 0 / 30%), 0 0 12px rgb(0 0 0 / 40%);
     }

  
    #contents-brands p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
    #contents-brands  {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
    } 
    h1.brands-us {
        font-size: 30px;
        margin: 20px 20px 5px;
        text-align: left;
    }

    #contents-brands .menu_detail-b {
        position: relative;
        width: 100%;
        background:center no-repeat 0;
    }
    #contents-brands .logo-center {
        background: url(../img/อุดมฟูดสีขาว.png) no-repeat center 0;
        height: 120px;
        margin: 10px 0 0px;
    }
    #contents-brands .menu_detail-b img /*อันเดิม ที่ทำให้หายไป*/{
        display:none;
    }
    #contents-brands .menu_detail-b h2 img {
        display: block;
    }
    .logoleft .innerbrands-us {
        width: 100%;
        margin: 0 auto;
    }
    .logoleft .menu_detail-b h2 {
        background: #555;
        color: #fff;
        margin: 0px 0;
        display: inline-block;
        list-style: 120%;
        text-align: center;
    }
    .logoleft.menuimgl p.brands-us_img img{
        width: 100%;
    }
    .logoleft.menuimgl p.brands-us_img2 {
        margin:0 10px;
    }
    .logoleft.menuimgl p.brands-us_img2 img {
        width: 100%;
    }
    .logoleft.menuimgl p.detail_brands-us{
        margin: 15px 10px ;
        line-height: 150%;
        text-align: left;
        font-size: 20px;
        text-indent: 25px;  
        font-family: 'DB Stick X-Med';
    }

    ul.detail_brands-us {
        padding: 0px 10px;
    }
    ul.detail_brands-us li {
        list-style: disc;
        list-style-position: inside;
        text-align: left;
        font-family: 'DB Stick X-Med';
        font-size: 17px;
        margin: 0px 0 0px;
        padding: 0px 0px; 
    }

    /* Menu*/
    .header_sp_menu {
        width: 50px;
        /*padding-top: 16px;*/
        position: absolute;
        top: 0;
        right: 0;
        text-align: right;
    }
    .header_sp_menu li {
        display: inline;
        padding-bottom: 4px;
    }
    .header_sp_menu li a {
        color: #fff;
        font-size: 20px;
        text-decoration: none;
        padding: 6px 8px 6px 17px;
    }
    #sp_menu_button {
        width: 40px;
        position: absolute;
        top: 10px;
        right: 10px;
    }
    .c_sp_menu {
        display: none;
    }
    .c_sp_menu li {
        background-color: #fff;
        padding: 6px 10px 6px 10px;
        border-bottom: 1px solid #999;
    }
    .c_sp_menu li a {
        display: block;
        text-decoration: none;
       /* padding-left: 18px;*/
       /* padding-bottom: 2px;*/
        color: #000;
        text-align: center;
    }
    .iconsp1 {
        width: 100%;
        height: 34px;
        margin: 0;
        padding: 0;
    }
    li.c_sp_menu_list .iconsp1 a img {
        float: left;
        display: flex;
    }
    .iconsp1 img {
        width: 30px;
    }

    li.c_sp_menu_list .iconsp1 a img.iconsp1-1  {
        float: right;
    }
    .slider-pro {
        min-width: 100%;
    }
    .logo {
        height: 60px;
        float: left;
    }
    .list-footer2 {
        margin: 0 0 22px 0;
    }
    .footer-contact {
        margin: 0 0 10px 0;
    }
    .footer-contact p {
        font-size: 22px;
    }
    .list-footer1 li a, .list-footer2 li a {
        font-size: 18px;
    }
    .footer-logo a img {
        width: 200px;
        text-align: center;
      
    }
    .footer-contact a img {
        width: 35px;
    }
}
.c_img {
    width: 100%;
    height: auto;
}
.footer-logo img {
    width: 290px;
    text-align: center;
}

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/preload.gif) center no-repeat #f8f8f8; /* รูปloader ที่เป็น .gif  css หรืออื่นๆก็นำไปดันแปลงกันเอาครับ*/
}