/* PC */

@media screen and (min-width:769px) {
    /* Catering รับจัดเลี้ยง*/ 
    .catering-menu {
        width: 954px;
        float: right;
        padding: 0 0 40px 0;
    }
    .catering-menu .catering_detaill {
        float: left;
    }
    .catering-menu .catering_detaill h3 {
        background-color:#5a000c;
        color: #fff;
        width: 420px;
        padding: 20px;
        text-align: center;
        font-size: 35px;
    }
    .catering-menu .catering_detaill ul {
        padding: 20px;
    }
    .catering-menu .catering_detaill ul li {
        list-style: disc inside;
        font-family: 'DB Stick X-Med';
        margin: 5px 0;
        font-size: 30px; 
    }
    .catering-menu .catering_detaill h2 {
        text-align: center;
        color: #a20a0a;
        border-top: dotted 1px #a20a0a;
        padding: 15px;
        font-size: 40px;
    }
     p.catering_imgr {
        float: right;
        padding: 0 0 0 14px;
    }
    .catering-menu .catering_detailr {
        float: right;
    }
    .catering-menu .catering_detailr h3 {
        background-color:#5a000c;
        color: #fff;
        width: 420px;
        padding: 20px;
        text-align: center;
        font-size: 35px;
    }
    .catering-menu .catering_detailr ul {
        padding: 20px;
    }
    .catering-menu .catering_detailr ul li {
        list-style: disc inside;
        font-family: 'DB Stick X-Med';
        margin: 5px 0;
        font-size: 30px; 
    }
    .catering-menu .catering_detailr h2 {
        text-align: center;
        color: #a20a0a;
        border-top: dotted 1px #a20a0a;
        padding: 15px;
        font-size: 40px;
    }
    ul.bullet-catering {
        padding: 0 40px;
        margin: 5px;
    }
    ul.bullet-catering li {
        list-style: disc;
        list-style-position: inside;
        text-align: left;
        font-family: 'DB Stick X-Med';
    }


    #contents-recommended .logoleft-recommended h1.catering-top {
        width: 954px;
        font-size: 40px;
        float: right;
        text-align: left;
        color: #333;
        padding: 30px 0 10px 10px ;
    }
    #contents-recommended .logoleft-recommended p.catering-top {
        text-align: center;
        padding: 0 0 20px 0;
    }
    #contents-recommended .logoleft-recommended p.catering-txt {
        text-indent: 40px;
        font-family: 'DB Stick X-Med';
        word-spacing: 6px;
        padding: 0 40px;
        line-height: 130%;
    }
    #contents-recommended .logoleft-recommended p.catering-txtc {
        font-family: 'DB Stick X-Med';
        word-spacing: 6px;
        padding: 20px 0 0 40px;
        line-height: 130%;
    }
    
    .cateringtxt {
        padding: 20px 50px;
        background-color: #5a000c;
        color: aliceblue;
        font-family: 'DB Stick X-Med';
        word-spacing: 5px;
    }
    .catering-menu-last {
        width: 954px;
        float: right;
        padding: 0 0 40px 0;
    }
    .catering-menu-last .catering_detailr {
        float: right;
    }
    .catering-menu-last .catering_detailr h3 {
        background-color:#5a000c;
        color: #fff;
        width: 420px;
        padding: 20px;
        text-align: center;
        font-size: 35px;
    }
    .catering-menu-last .catering_detailr ul {
        padding: 15px;
    }
    .catering-menu-last .catering_detailr ul li {
        list-style: disc inside;
        font-family: 'DB Stick X-Med';
        margin: 5px 0;
        font-size: 28px; 
    }
    .catering-menu-last .catering_detailr h2 {
        text-align: center;
        color: #a20a0a;
        border-top: dotted 1px #a20a0a;
        padding: 15px;
        font-size: 40px;
    }


    /*เมนูแนะนำ*/
    #contents-recommended .ttl01 {
    /*  background-color:#d2d3d5;
        padding: 20px 0;*/
        text-align: center;
        background: url(../signature/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-recommend {
    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-recommended .logoleft-recommended {
        width: 1165px;
        margin: 0 auto 10px;
    }
    #contents-recommended .menu_detail-recommended {
        width: 111px;
        float: left;
        padding-top: 50px;
    }
    .menu_detail-recommended ul li {
        width: 111px;
    }
    .menu_detail-recommended ul li a h2 {
        color: #333;
        text-decoration: none;
        padding: 10px 0 10px 10px;
        font-size: 22px;
        text-align: left;
        border-bottom:2px solid #5a000c ;
    }
    .menu_detail-recommended ul li a {
        text-decoration: none;
    }

    .menu_detail-recommended ul li h2:hover {
        background-color: #5a000c;
        color: #f8f8f8;
        padding: 10px 0 10px 20px ;
        transition: .5s ease;
        -webkit-transition: .5 ease;
        box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 30%);
    }

    .menu_detail-recommended ul li p {
        text-align: center;
    }
    #contents-recommended .logoleft-recommended h1.recommended-top {
        width: 1024px;
        float: right;
        text-align: center;
        color: #cd1934;
        padding: 30px 0 10px 0 ;
    }

    #contents-recommended .logoleft-recommended .recommended-detail {
        width: 1024px;
        float: right;
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul {
        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: 0 0 0px; 
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li {
        margin: 0px 17px 0px 0;
        text-align: center;
        font-weight: bold;
        font-size: 20px;
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li:nth-child(3n){
        margin: 0px 0px 40px 0;
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li h3 {
        text-align: center;
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li p {
       /* text-align: left;*/
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li a {
        color: #000;
        text-decoration: none;
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li a:hover {
        color: #cd1934;
    }
    /*เมนูแนะนำ รายอาหาร*/
    #contents-recommended .logoleft-recommended .recommended-detail-once {
        width: 1024px;
        float: right;
    }
    #contents-recommended .logoleft-recommended .recommended-detail-once img {
        width: 100%;
    }
    #contents-recommended .logoleft-recommended .recommended-detail-once p.txt-recommended-detail-once {
        text-indent: 20px;
        line-height: 150%;
        padding: 20px 0 10px 0;
    }


    /*review Menu */
    #contents-review .ttl01 {
        /*  background-color:#d2d3d5;
            padding: 20px 0;*/
            text-align: center;
            background: url(../review/bg_menu11.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-review {
        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-review p.ttl01 {
        position: relative;
        text-align: center;
        line-height: 100%;
        background: #d2d3d5;
        padding: 30px 0;
        display: block;
    }*/
    
    .review-top {
        width: 1165px;
        margin: 0 auto;
    }
   
    .review-top ul {
    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: 10px 0 0px; 
    }
    .review-top ul li {
        margin: 10px 24px 0px 0;
        text-align: center;
        font-weight: bold;
    }
    .review-top ul li:nth-child(3n){
        margin: 10px 0px 24px 0;
    }
    .review-top ul li img{
        width: 372px;
        height: 196px;
    }
    .review-top h3 {
        text-align: left;
    }
    .review-top p {
        text-align: left;
        font-size: 20px;
    }
    .review-top a {
        color:#000;
        text-decoration: none;
    }
    /* เนื้อหาสาระน่ารู้*/
    #contents-knowledge .ttl01 {
        /*  background-color:#d2d3d5;
            padding: 20px 0;*/
            text-align: center;
            background: url(../knowledge/bg_menu1.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-knowledge {
        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-knowledges p.ttl01 {
        background-color:#d2d3d5 ;
        text-align: center;
        padding: 20px 0;
        margin: 0 0 20px;
    }
    #contents-knowledges .knowlegdes_list {
        margin: 0 auto 70px;
        width: 940px;
    }
    #contents-knowledges .knowlegdes_list li {
        text-align: center;
    }
    #contents-knowledges .knowlegdes_list li h1, #contents-knowledges .knowlegdes_list li h2, #contents-knowledges .knowlegdes_list li h3 {
        text-align: left;
        margin: 10px 0 10px 90px;
    }
    #contents-knowledges .knowlegdes_list li p {
        text-align: left;
        margin-left: 90px;
        line-height: 150%;
        font-family: 'DB Stick X-Med';
        word-spacing: 3px;
        font-size: 22px;
    }
    #contents-knowledges .knowlegdes_list li p.txt-indent{
        text-indent: 50px;
    }
  
    #contents-knowledges .knowlegdes_list li ul.bullet {
        text-align: left;
        width: 980px;
        margin-left: 90px;
    }
    #contents-knowledges .knowlegdes_list li ul.bullet li {
        list-style: disc;
        list-style-position: inside;
        text-align: left;
        font-family: 'DB Stick X-Med';
    }
    
    #contents-knowledges .knowlegdes_list li p img {
        margin: 0 0 20px;
    }

    /*สาระความรู้*/
    #contents-knowledge p.ttl01 {
        position: relative;
        text-align: center;
        line-height: 100%;
        background: #d2d3d5;
        padding: 30px 0;
        display: block;
    }
    .review-knowledge {
        position: relative;
        max-width: 1165px;
        width: 100%;
        margin: 0 auto;
    }
    .review-knowledge ul {
    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: 0 0 0px; 
    }
    .review-knowledge ul li {
        margin: 20px 24px 0 0;
        text-align: center;
        font-weight: bold;
        line-height: 110%;
        width: 372px;
    }
    .review-knowledge ul li:nth-child(3n) {
        margin: 20px 0 0 0 ;
    }
    .review-knowledge ul li img{
        width: 372px;
        height: auto;
    }
    .review-knowledge h3 {
        text-align: left;
        font-size: 28px;
       
    }
    .review-knowledge p {
        text-align: left;
        font-size: 19px;
    }
    .review-knowledge a {
        color:#000;
        text-decoration: none;
    }
    /* โปรโมชั่น ข่าวสาร*/ 
    #contents-news .ttl01 {
        position: relative;
        text-align: center;
        height: 400px;
        background: url(../promotion-news/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-news {
        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-news p.ttl01 {
        background-color: #d2d3d5 ;
        text-align: center;
        padding: 20px 0;
        margin:0 0 10px;
    }
    #contents-news .logoleft-news {
        width: 980px;
        margin: 0 auto 40px;
    }
    #contents-news .menu-detail-news {
        width: 141px;
        float: left;
    }
    #contents-news .menu-detail-news img {
        width: 141px;
        height: auto;
    }
    #contents-news .menu-detail-news h2 {
        width: 141px;
        text-align: center;
        font-size: 30px;
        margin: 0px 20px 15px 0;
        border-bottom: 1px #999 solid ;    
    }
    #contents-news .menu-detail-news h2:hover {
        background-color: #999;
        transition: .5s ease;
        -webkit-transition: .5 ease;
    }
    #contents-news .menu-detail-news h2 a {
        color: #000;
        text-decoration: none;
    }
    #contents-news .logoleft-news h1.news-top {
        width: 839px;
        float: right;
        text-align: center;
        color: #cd1934;
        margin: 20px 0 0px 0;
    }
    #contents-news .news-detail {
        float: right;
        width: 809px;
    }
    ul.news-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; 
    }
    ul.news-detail li {
        margin: 20px 0 0px 0;
    }
    #contents-news .news-detail li {
        text-align: left;
    }
    #contents-news .news-detail li h3 {
        width: 397px;
        float: right;
        /*padding-left: 20px;*/
        font-size: 32px;
        font-family: 'DB Stick X-Med';
        margin-bottom: 0px;
        text-rendering: optimizeLegibility;
    }
    #contents-news .news-detail li p {
        /*float: right;
        width: 397px;
        padding-left: 20px;*/
        line-height: 140%;
        font-size: 22px;
        font-family: 'DB Stick X-Med';
        text-rendering: optimizeLegibility;
    }
    #contents-news .news-detail li a {
        color: #000;
    }
    #contents-news .logoleft-news .news-detail li img {
        width: 412px; /* 330*/
        float: left;
        padding-right: 20px;
    }
    /* vdo หน้าแรก*/
    .vdo-top {
        padding: 30px 0 10px;
    }
    .vdo-top h2{
        text-align: center;
        font-size: 45px;
    }
    .vdo-detail {
        width: 980px;
        margin: 0 auto;
    }
    .vdo-detail ul {
        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: 0 0 0px;
    }
    .vdo-detail ul li {
        width: 50%;
        margin: 0 0 50px 0;
        text-align: center;
    }

}


/* Moblie*/
@media screen and (max-width: 768px){
    /* Catering รับจัดเลี้ยง*/
     #contents-recommended .logoleft-recommended h1.catering-top {
         font-size: 28px;
         padding: 30px 20px 0px;
         color: #333;
         text-align: left;
     }
     #contents-recommended .logoleft-recommended p.catering-top {
         padding:  0 0 20px 0;
     }
     #contents-recommended .logoleft-recommended p.catering-top img {
        width: 100%;
    }
    #contents-recommended .logoleft-recommended p.catering-txt {
        font-family: 'DB Stick X-Med';
        text-align: left;
        text-indent: 30px;
        font-size: 22px;
        line-height: 140%;
        word-spacing: 4px;
        padding: 0 15px;
    }
    .catering-menu .catering_detaill {
        padding: 20px 0 0 0;
    }
    .catering-menu .catering_detaill h3 {
        background-color:#5a000c;
        color: #fff;
        padding: 10px;
        text-align: center;
        font-size: 26px;
    }
    .catering-menu .catering_detaill ul {
        padding: 10px;
        text-align: left;
    }
    .catering-menu .catering_detaill ul li {
        list-style: disc inside;
        font-family: 'DB Stick X-Med';
        margin: 5px 0;
        font-size: 22px; 
    }
    .catering-menu .catering_detaill h2 {
        text-align: center;
        color: #a20a0a;
        border-top: dotted 1px #a20a0a;
        padding: 15px;
        font-size: 28px;
    }
    p.catering_imgr {
        padding: 0 0 50px 0;
    }
    p.catering_imgr img {
        width: 100%;
    }
    .catering-menu .catering_detailr h3 {
        background-color:#5a000c;
        color: #fff;
        padding: 10px;
        text-align: center;
        font-size: 26px;
    }
    .catering-menu .catering_detailr ul {
        padding: 10px;
        text-align: left;
    }
    .catering-menu .catering_detailr ul li {
        list-style: disc inside;
        font-family: 'DB Stick X-Med';
        margin: 5px 0;
        font-size: 22px; 
    }
    .catering-menu .catering_detailr h2 {
        text-align: center;
        color: #a20a0a;
        border-top: dotted 1px #a20a0a;
        padding: 15px;
        font-size: 28px;
    }
    p.catering_imgl {
        padding: 0 0 50px 0;
    }
    p.catering_imgl img {
        width: 100%;
    }
    .catering-menu-last .catering_detailr h3 {
        background-color:#5a000c;
        color: #fff;
        padding: 10px;
        text-align: center;
        font-size: 26px;
    }
    .catering-menu-last .catering_detailr ul {
        padding: 10px;
        text-align: left;
    }
    .catering-menu-last .catering_detailr ul li {
        list-style: disc inside;
        font-family: 'DB Stick X-Med';
        margin: 5px 0;
        font-size: 22px; 
    }
    .catering-menu-last .catering_detailr h2 {
        text-align: center;
        color: #a20a0a;
        border-top: dotted 1px #a20a0a;
        padding: 15px;
        font-size: 28px;
    }
    #contents-recommended .logoleft-recommended p.catering-txtc {
        font-family: 'DB Stick X-Med';
        word-spacing: 6px;
        text-align: left;
        padding: 30px 20px 0px;
        line-height: 130%;

    }
    ul.bullet-catering {
        padding: 0 0 30px 20px;
    }
    ul.bullet-catering li {
        list-style: disc;
        list-style-position: inside;
        text-align: left;
        font-family: 'DB Stick X-Med';
        font-size: 20px;
    }
    .cateringtxt {
        padding: 20px 12px;
        background-color: #5a000c;
        color: aliceblue;
        font-family: 'DB Stick X-Med';
        font-size: 18px;
        line-height: 140%;
    }
    /*เมนูแนะนำ*/
    #contents-recommended .ttl01 {
       /* background-color:#d2d3d5 ;*/
        text-align: center;
        padding: 0px 0;
        margin: 0 0 30px;
        background: url(../signature/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-recommend {
        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-recommended p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
    #contents-recommended .logoleft-recommended {
        text-align: center;
    }

    #contents-recommended .menu_detail-recommended ul li {
        display: inline-block;
        padding: 10px;
        font-size: 20px;
    }
    .menu_detail-recommended ul li h2 {
        color: #333;
        border:1.5px solid #5a000c ;
        border-radius: 2px;
        font-size: 19px;
        padding: 10px;

    }
    .menu_detail-recommended ul li h2:hover {
        background-color: #5a000c;
        color: #f8f8f8;
       
        transition: .5s ease;
        -webkit-transition: .5 ease;
        box-shadow: 1px 2px 8px 0px rgb(0 0 0 / 30%);
    }
    #contents-recommended .logoleft-recommended h1.recommended-top {
        color: #cd1934;
        padding: 20px 0 0 0 ;
    }
    #contents-recommended .logoleft-recommended .recommended-detail {
        padding: 0px 0;
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li img {
        width: 100%;
        height: auto;
        padding: 30px 0 0 0;
    }
    #contents-recommended .logoleft-recommended .recommended-detail ul li a {
        color: #000;
    }

    
    /* สาระน่ารู้ */
    #contents-knowledge .ttl01 {
        /* background-color:#d2d3d5 ;*/
         text-align: center;
         padding: 0px 0;
         margin: 0 0 30px;
         background: url(../knowledge/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-knowledge {
         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-knowledge p.ttl01 {
        position: relative;
        background-color: #d2d3d5;
        padding: 20px 0;
        display: block;
    }*/
    #contents-knowledge p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
    #contents-knowledge p.ttl01 img {
        width: auto;
        height: auto;
    }
   
     /* ตึงทุกอย่างให้อยู่ตรงกลาง#contents-knowledge  {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
    } */
    .review-knowledge {
        position: relative;
        width: 100%;
        margin: 20px 0 auto;
    }
    .review-knowledge ul li {
        padding: 0 0 30px 0;
        font-family: 'DB Stick X-Med';
    }
    #contents-knowledge .review-knowledge img {
        width: 100%;
        height: auto;
    }
    #contents-knowledge .review-knowledge h3 {
        text-align: left;
        font-size: 24px;
        padding: 0 20px;
       
    }
    #contents-knowledge .review-knowledge p {
        text-align: left;
        padding: 0 20px;
        font-size: 20px;   
    }
    #contents-knowledge .review-knowledge a {
        color: #000;
    }
    /* รีวิว*/
    #contents-review .ttl01 {
        /* background-color:#d2d3d5 ;*/
         text-align: center;
         padding: 0px 0;
         margin: 0 0 30px;
         background: url(../review/bg_menu111.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-review {
         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-review {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
    }
    #contents-review p.ttl01 {
        position: relative;
        background: #d2d3d5;
        padding: 20px 0;
        display: block;
    }*/
    #contents-review p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
    .review-top {
        position: relative;
        width: 100%;
        margin: 0px 0 auto;
    }
    #contents-review .review-top ul li {
        padding: 20px 0;
    }
    #contents-review .review-top img {
        width: 100%;
        height: auto;
    }
    #contents-review .review-top h3 {
        text-align: left;
        padding-left: 20px;
    }
    #contents-review .review-top ul li p {
        text-align: left;
        padding: 0 20px;
        font-size: 20px;
    }
    #contents-review .review-top a {
        color: #000;
    }
    /* เมนูแนะนำ */
    #contents-signature {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 40px;
    }
    #contents-signature p.ttl01 {
        position: relative;
        background-color: #d2d3d5;
        padding: 20px 0;
    }
    #contents-signature p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
    .menu_detail-signature img {
        width: 180px;
        margin: 20px 0 0px 0;
    }
    h1.signature-top {
        color: #cd1934;
        margin: 20px auto;
    }
    .signature-center {
        position: relative;
        width: 100%;
        margin: 30px 0 auto;
    }
    #contents-signature .signature-center img {
        width: 100%;
        height: auto;
    }
    #contents-signature .signature-center p {
        margin: 0 20px 15px 20px;
        word-spacing: 3px;
        font-size: 22px;
    }
    #contents-signature .signature-center a {
        color: #000;
    }
    /*เมนูแนะนำ รายอาหาร*/
    #contents-recommended .logoleft-recommended .recommended-detail-once {
        
    }
    #contents-recommended .logoleft-recommended .recommended-detail-once img {
        width: 100%;
    }
    #contents-recommended .logoleft-recommended .recommended-detail-once p.txt-recommended-detail-once {
        text-indent: 20px;
        line-height: 125%;
        padding: 20px 20px 10px 20px;
        text-align: left;
    }
    
    /* ข่าวสาร โปรโมชั่น*/
    #contents-news .ttl01 {
        /* background-color:#d2d3d5 ;*/
         text-align: center;
         padding: 0px 0;
         margin: 0 0 30px;
         background: url(../promotion-news/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-news {
         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-news p.ttl01 {
        background-color: #d2d3d5;
        text-align: center;
        padding: 10px 0;
        margin: 0 0 30px;
    }
    #contents-news p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
    */
    #contents-news .logoleft-news {
        text-align: center;
        margin: 0 20px 30px;
    }
    #contents-news .logoleft-news .menu-detail-news {
        position: relative;
        width: 100%;
        background:center no-repeat 0;
    }
    .detail-news-logo img {
        display: inline;
    }
    #contents-news .logoleft-news .menu-detail-news img {
        position: relative;
        width: 180px;
        background:center no-repeat 0;
    }
    #contents-news .menu-detail-news h2 {
        width: 100px;
        text-align: center;
        font-size: 30px;
        margin: 0px 25px 0px 0;
        border-bottom: 1px #999 solid ;    
    }
    #contents-news .menu-detail-news h2:hover {
        background-color: #999;
    }
    #contents-news .menu-detail-news h2 a {
        color: #000;
        text-decoration: none;
    }
     .menu-detail-news h2 {
        display: inline-block;
    }
    #contents-news .logoleft-news h1.news-top {
        width: 100%;
        text-align: center;
        color: #cd1934;
        margin: 40px 0 0px 0;
    }
    #contents-news .news-detail {
        text-align: left;
    }
    ul.news-detail li {
        margin: 30px 0 0 0;
        font-family: 'DB Stick X-Med';

    }
    #contents-news .logoleft-news .news-detail li p {
        font-size: 21px;
        line-height: 150%;
        
    }
    #contents-news .logoleft-news .news-detail li img {
        width: 100%;
    }
    #contents-news .news-detail li a {
        color: #000;
    }
    #contents-news .news-detail li a h3 {
        font-size: 24px;
    }
    #contents-news .news-detail li a:hover {
        color: #5a000c;
    }


    /* เนื้อหาสาระน่ารู้*/
    #contents-knowledges p.ttl01 {
        background-color:#d2d3d5 ;
        text-align: center;
        padding: 20px 0;
        margin: 0 0 20px;
    }
    #contents-knowledges p.ttl01 img {
        width: 100%;
        max-width: 200px;
        height: auto;
    }
    #contents-knowledges .knowlegdes_list {
        margin: 0 10px 30px;
   
    }
    #contents-knowledges .knowlegdes_list li {
       margin: 0px 0 10px;
       font-family: 'DB Stick X-Med';
    }
    #contents-knowledges .knowlegdes_list li h1 {
        text-align: left;
        padding: 0 0 20px 10px;
        font-size: 24px;
    }
    #contents-knowledges .knowlegdes_list li h2 {
        text-align: left;
        padding: 5px 5px 5px 10px;
        font-size: 22px;
    }
    #contents-knowledges .knowlegdes_list li h3 {
        text-align: left;
        padding: 5px 5px 5px 10px;
        font-size: 21px;
    }
    #contents-knowledges .knowlegdes_list li p img {
        width: 100%;
    }
    #contents-knowledges .knowlegdes_list li p {
        text-align: left;
        line-height: 160%;
        font-size: 21px;
        padding: 0px 10px;
        word-spacing:4px;
        font-family: 'DB Stick X-Med';
    }
    #contents-knowledges .knowlegdes_list li p.txt-indent{
        text-indent: 30px;
    }
    #contents-knowledges .knowlegdes_list li ul.bullet {
        padding: 0px 10px;
    }
    #contents-knowledges .knowlegdes_list li ul.bullet 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;
    }

    /*Vdo detail*/
    .vdo-top {
        padding: 50px 0 25px;
    }
    .vdo-top h2{
        text-align: center;
        font-size: 30px;
        
    }
    .vdo-detail {
        width: 100%;
        text-align: center;
    }
    .vdo-detail li {
        margin: 0 0 20px;
        width: 100%;
    }
    iframe {
        width: 100%;
        padding: 0 10px;
    }
   





}