.bodystore{
    background-color: #ffe8cd;
    font-family: tahoma;
}
.head-preent{
    background-color: #fff;
    height: 100%;
    width: 100%;
    max-width: 1070px;
    margin: 0 auto;
    border-left: 1px solid #f96519;
    border-right: 1px solid #f96519;
}
.clear:after{
    clear: both;
    display: block;
    content: "";
    height: 0;
}
.clear{
    clear: both;
}
.wrapper-head{
    max-width: 1070px;
    width: 100%;
}
.texthit{
    max-width: 1000px;
    width: 100%;  
    margin: 0 auto 80px;
    clear: both;
}
.texthit p.note{
    text-align: center;
    color: red;
    font-family: Tahoma,sans-serif;
    font-size: 13px;
    padding: 1.2em;
}
.ribbon{
    max-width: 420px;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}
.ribbon_l{
    background-image: url(../images/ribbon_l.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 60px;
    display: inline-block;
}
.ribbon_r{
    background-image: url(../images/ribbon_r.png);
    background-repeat: no-repeat;
    width: 45px;
    height: 60px;
    display: inline-block;
}
.ribbon_c{
    max-width: 330px;
    width: 100%;
    height: 60px;
    background-color: #f37a01;
    display: inline-block;
    vertical-align: top;
}
.txt-hit{
    font-family: sukhumvitlight;
    font-size: 34px;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 12px;
}
.ribbon_c i{
    font-size: 30px;
    color: #fff;
    margin-right: 10px;
}
.block-hit{
    max-width: 1000px;
    width: 100%;
}
.blocksub-hit{
    float: left;
    max-width: 500px;
    width: 100%;
    margin-top:  10px;
}
.hitsub-img{
    display: inline-block;
}
.hitsub-txt{
    display: inline-block;
    max-width: 320px;
    width: 100%;
    height: 130px;
    vertical-align: top;
    border-radius: 3px;
    margin-left: 15px;
    background-color: #f5f5f5;
    text-align: center;
}
.hitsub-txt .speak-txt{
    display: block;
    max-width: 290px;
    width: 100%;
    color: #252525;
    line-height: 18px;
    font-size: 14px;
    margin: 0 auto;
    padding-top: 10px;
}
.hitsub-txt .speak-txt b{
    font-weight: bold;
}
.hitsub-txt .name-txt{
    font-size: 14px;
    color: #f37a01;
    display: block;
    padding-top: 10px;
}
.hitsub-txt .school-txt{
    font-size: 11px;
    color: #a1a1a1;
    display: block;
}
.hitsub-txt .name-txt1{
    font-size: 14px;
    color: #f37a01;
    display: block;
    padding-top: 10px;
}


@media (min-width: 300px) and (max-width: 480px){
                    .head-preent{
                        width: 100%;
                    }
                    .wrapper-head{
                        max-width: 1070px;
                        width: 100%;
                    }
                    .ribbon{
                        max-width: 320px;
                        margin-bottom: 20px;
                    }
                    .ribbon_c{
                        width: 70%;
                    }
                    .ribbon_c i{
                        font-size: 26px;
                    }
                    .txt-hit{
                        font-size: 32px;
                        padding-top: 15px;
                    }
                    .blocksub-hit {
                        float: none;
                        max-width: none;;
                        width: 100%;
                        padding: 8px 10px;
                        box-sizing: border-box;
                        margin-top: 0;
                        margin: 0 auto;
                    }
                    .hitsub-img {
                        width: 30%;
                    }
                    .hitsub-img img{
                        width: 100%;
                    }
                    .hitsub-txt {
                        max-width: 320px;
                        width: 62%;
                        height: auto;
                        min-height: 125px;
                        margin-left: 10px;
                        padding: 0 6px;
                    }
                    .hitsub-txt .speak-txt{
                        padding-top: 5px;
                    }
                    .hitsub-txt .name-txt1{
                        padding-top: 30px;
                    }
                    .hitsub-txt .school-txt{
                        padding-bottom: 10px;
                    }
    
                    
    
    
    
    
    
}