* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    max-width: 960px;
    padding: 0px;
    margin: 0px auto;
    /*border:0.01px solid #ccc;*/
    font-size: 16px;
    font-family: arial;

}

#header,  #footer{
    max-width: 960px;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    /*border:10px solid yellow;*/
}



#header ,#footer{
    background: green;
    color: white;
}

#head_run_top {
    min-width: 100%;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    /*border:10px solid blue;*/

}

#header #head-menu {
    min-width: 100%;
    padding: 0px;
    margin: 0px auto;

    /*border:10px solid blue;*/


}

#header #head-menu li {
    /*display: block;*/
    padding:  0px;
    margin: 0px auto;
    display: inline-block;


}

ul#head-menu li a {
    margin: 0px auto;
    padding: 8px 15px;
    color:  #ffff;
    /*color: black;*/
    display: block;

}

.run {
    color: red;
}
.run1 {
    color: green;
}


#footer {
    padding: 0px;
    margin: 0px auto;

}
#footer  a {
    display: block;
    color: white;
    text-align: center;
    padding:  8px;
    vertical-align: middle;
}
/*-------------End footer-----------------*/


/*---Dung cho module home /file main----*/
#wrapper{
    max-width: 960px;
    padding: 0px;
    margin: 0px auto;
    text-align: center;
    /*border:0.1px solid yellow;*/
    /*display: flex;*/
}
#container {
    max-width:100%;
    margin: 0px auto;
    display: flex;
    min-height: 600px;
    text-align: center;

}
.item1, .item2, .item3{
    margin: 0px auto;
    padding: 1px;
    border: 5px solid white;
    text-align: center;
}
.item1{
    flex-basis: 20%;
    /*background: green;*/
}
.item2{
    flex-basis: 60%;
}
.item3{
    flex-basis: 20%;
    /*background: green;*/
}


#content_main .content_main {
    /*min-width: 100%;*/
    /*border:10px solid #ccc;*/
    padding: 0px;

}
/*= dòng chữ trên "Tổng Hợp Lúc Này Có" =*/
#content_main .main_title{
    min-width: 100%;
    margin: 0px auto;
    color: blue;

}
#content_main .table_data_main {
    min-width: 100%;
    margin: 0px auto;


}
#content_main .table_data_main tr {
    border-bottom:  1px solid #ccc;
}
#content_main .table_data_main tr td{
    padding-bottom:  5px ;
    padding-top:   5px;
    text-align: center;
}
#content_main .table_data_main tr .riceone{
    text-align: left;
    padding-left:    20px;
}

#content_main .table_data_main caption {
    caption-side: top;
    /*font-size: 16px;*/
    font-weight: bold;
    margin-bottom: 0px;
    color: #333;
    text-align: center;
    background: pink;

}

@media(max-width: 576px){
    
    #content_main .content_main {        
        margin: 0px auto;  
    }
    #content_main .table_data_main tr{
    padding-bottom:  5px ;
    padding-top:   5px;
    text-align: center;
     font-size: 13px;
}

#content_main .table_data_main tr .riceone{
    padding: 0px;
    text-align: left;
     padding-left:    20px;
     
}
    #container {
    max-width:100%;
    margin: 0px auto;
    display: flex;
    min-height: 600px;
    text-align: center;
    

}
.item1, .item2, .item3{
    margin: 0px auto;
    padding: 1px;
    border: 1px solid white;
    text-align: center;
    
}
.item1{
    flex-basis: 20%;
    /*background: #5F9EA0;*/
  font-size: 10px;
}
.item2{
    flex-basis: 60%;
}
.item3{
    flex-basis: 20%;
    /*background: #5F9EA0;*/
}

#content_main .main_title{
    min-width: 100%;
    margin: 0px auto;
    color: blue;
    font-size: 15px;

}

ul#head-menu li a {
    margin: 0px auto;
    padding: 8px 15px;
    color:  #ffff;
    /*color: black;*/
    display: block;
    font-size: 14px;

}

}


@media(max-width: 400px){
    
    #content_main .content_main {        
        margin: 0px auto;  
    }
    #content_main .table_data_main tr{
    padding-bottom:  5px ;
    padding-top:   5px;
    text-align: center;
     font-size: 11px;
}

#content_main .table_data_main tr .riceone{
    padding: 0px;
    text-align: left;
     
}
    #container {
    max-width:100%;
    margin: 0px auto;
    display: flex;
    min-height: 600px;
    text-align: center;
    

}
.item1, .item2, .item3{
    margin: 0px auto;
    padding: 1px;
    border: 1px solid white;
    text-align: center;
    
}
.item1{
    flex-basis: 20%;
    background: #5F9EA0;
  font-size: 9px;
}
.item2{
    flex-basis: 60%;
}
.item3{
    flex-basis: 20%;
    background: #5F9EA0;
    font-size: 9px;
}

#content_main .main_title{
    min-width: 100%;
    margin: 0px auto;
    color: blue;
    font-size: 14px;

}

ul#head-menu li a {
    margin: 0px auto;
    padding: 8px 15px;
    color:  #ffff;
    /*color: black;*/
    display: block;
    font-size: 14px;

}

}



/*-End--Dung cho module home /file main----*/

/***************************************************************************/

/*Dùng cho hàm body tùng loại gạo vidu select_a1*/

#content {
    margin: 0px auto;
    max-width: 100%;/* sau nay có logo nha tài trợ */
    /*background: green;*/
    border:1px solid #ccc;
}

#content .content {
    margin: 0px auto;
    max-width: 75%;/* sau nay có logo nha tài trợ */
}

#content .content .table_data {
    min-width: 80%;
    margin: 0px auto;
    /*border:1px solid #ccc;*/
}

#content .content .table_data thead {
    margin: 0px auto;
    background: pink;

}
#content .content .table_data thead tr td{
    margin: 0px auto;
    text-align: center;
    padding: 5px ;

}

#content .content .table_data tbody tr td{
    border-bottom:  1px solid #ccc;
    text-align: center;
    padding: 5px ;


}


@media(max-width: 576px){
    #content .content  {
        max-width: 95%;
        margin: 0px auto;
    }
    #content .content .table_data {
        min-width: 100%;
        margin: 0px auto;
        font-size: 13px;
        text-align: center;
    }

}
/*----------------------------------------------------*/


/* ====== Style  lib/ pageging chuyen trang ===================================================*/
ul.pagging {
    float: right;
    margin-top: 0px;
    padding-right: 10px ;
}

ul.pagging li {
    float: left;
    padding: 2px 2px;
    list-style-type: none;
}

ul.pagging li a {
    display: block;
    padding: 3px 3px ;
    color: #333;
    border: 1px solid #dedede;

}


ul.pagging li.active a{
    border: 2px solid #f00;
    color: red;

}

@media(max-width: 576px){
    
ul.pagging li a {
    display: block;
    padding: 3px 3px ;
    color: #333;
    border: 1px solid #dedede;
    font-size: 13px;

}
    
}
/*======================page/gop_y========================================*/
#wp-form-gopy {

    max-width: 1200px;
    margin: 0;
    text-align: center;

}
#wp-form-gopy #form {
    text-align: center;
}

#wp-form-gopy #name {
    max-width: 30%;
    text-align: center;
}
#wp-form-gopy .phone {
    max-width: 30%;

}
#wp-form-gopy #message{
    max-width: 90%;
    text-align: center;
}
#wp-form-gopy a.back {
    padding: 6px 16px;
    border: 1px solid #0066cc;
    background: #EEEEEE;
    color: blue;
    text-decoration: none;

}
#wp-form-gopy .tks {
    color: green;
}
#wp-form-gopy .tks1 {
    color: red;
}
#wp-form-gopy .hotline {
    color: EB7259;
}

#content {
    /*display: block;*/
    /*border: 10px solid green;*/

}

/* THIẾT BỊ MÀN HÌNH LỚN  đến nhỏ max-width: 1200px màn hình co kích thước tối đa là 1200px */

/*
@media(max-width: 1200px){
    #content {
        background: red;
    }
}

@media(max-width: 992px){
    #content {
        background: blue;
    }

}
@media(max-width: 768px){

    #content {
        background: yellow;
    }
}
@media(max-width: 576px){
    #content {
        background: black;
        font-size: 13px;
    }

}*/