@charset "utf-8";

@font-face {
    font-family: 'DB Heavent';
    src: url('../fonts/DBHeavent-Thin.eot');
    src: url('../fonts/DBHeavent-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeavent-Thin.woff2') format('woff2'),
        url('../fonts/DBHeavent-Thin.woff') format('woff'),
        url('../fonts/DBHeavent-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent';
    src: url('../fonts/DBHeaventt-Light.eot');
    src: url('../fonts/DBHeaventt-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeaventt-Light.woff2') format('woff2'),
        url('../fonts/DBHeaventt-Light.woff') format('woff'),
        url('../fonts/DBHeaventt-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent';
    src: url('../fonts/DBHeavent-Med.eot');
    src: url('../fonts/DBHeavent-Med.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeavent-Med.woff2') format('woff2'),
        url('../fonts/DBHeavent-Med.woff') format('woff'),
        url('../fonts/DBHeavent-Med.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent';
    src: url('../fonts/DBHeavent.eot');
    src: url('../fonts/DBHeavent.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeavent.woff2') format('woff2'),
        url('../fonts/DBHeavent.woff') format('woff'),
        url('../fonts/DBHeavent.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DB Heavent';
    src: url('../fonts/DBHeavent-Bold.eot');
    src: url('../fonts/DBHeavent-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeavent-Bold.woff2') format('woff2'),
        url('../fonts/DBHeavent-Bold.woff') format('woff'),
        url('../fonts/DBHeavent-Bold.ttf') format('truetype'),
        url('../fonts/DBHeavent-Bold.svg#DBHeavent-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent Black Cond';
    src: url('../fonts/DBHeavent-BlackCond.eot');
    src: url('../fonts/DBHeavent-BlackCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeavent-BlackCond.woff2') format('woff2'),
        url('../fonts/DBHeavent-BlackCond.woff') format('woff'),
        url('../fonts/DBHeavent-BlackCond.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent Black Cond';
    src: url('../fonts/DBHeavent-ThinCond.eot');
    src: url('../fonts/DBHeavent-ThinCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeavent-ThinCond.woff2') format('woff2'),
        url('../fonts/DBHeavent-ThinCond.woff') format('woff'),
        url('../fonts/DBHeavent-ThinCond.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'DB Heavent Med Cond';
    src: url('../fonts/DBHeavent-MedCond.eot');
    src: url('../fonts/DBHeavent-MedCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHeavent-MedCond.woff2') format('woff2'),
        url('../fonts/DBHeavent-MedCond.woff') format('woff'),
        url('../fonts/DBHeavent-MedCond.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

html{
    font-size: 20px;
}
body{
    font-size: 1rem;
    font-family: 'DB Heavent';
    color: #000000;
}
.h1, h1{
    font-size: 2.5rem;
}
.h2, h2{
    font-size: 1.8rem;
}
.h3, h3{
    font-size: 1.5rem;
}
.h4, h4{
    font-size: 1.25rem;
}
.h5, h5{
    font-size: 1rem;
}
.h6, h6{
    font-size: 0.8rem;
}
.banner_slide{
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 0;
    position: relative;
}
.text_sat{
    text-transform: uppercase;
    padding-left: 25px;
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-top: -130px;
}
.text_sat h1{
    font-size: 8.25rem;
    margin: 0;
    line-height: 0.6;
    font-family: 'DB Heavent Black Cond';
    font-weight: 900;
    border-left: 2px solid #000;
    padding-left: 25px;
    white-space: nowrap;
    text-shadow: 3px 4px 2px #fff;
}
.text_sat h2{
    font-size: 5.75rem;
    margin: 0;
    line-height: 0.6;
    font-family: 'DB Heavent Black Cond';
    font-weight: 900;
    border-left: 2px solid #000;
    padding-left: 25px;
    white-space: nowrap;
    text-shadow: 3px 4px 2px #fff;
}
.text_sat h3{
    font-size: 4.95rem;
    margin: 0;
    line-height: 0.6;
    font-weight: 100;
    padding-left: 25px;
    white-space: nowrap;
}
.text_sat.textheadinside{
    margin-top: -65px;
    min-height: 175px;
}
.wrap_btn_search{
    padding-left: 35px;
    padding-right: 0;
    display: inline-block;
    float: none;
    vertical-align: bottom;
}
.btn_search{
    display: block;
    border-bottom: 1px solid #000000;
    font-size: 1.5rem;
    color: #000000;
    font-weight: 100;
    padding: 5px;
    line-height: 1;
    background-image: url(../images/icon_search.svg);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: right 10px center;
    margin-bottom: 5px;
    text-decoration: none;
}
.btn_search:hover{
    text-decoration: none;
    color: #000;
}
.row_textandsearch{
    margin-bottom: 80px;
}
.row_textandsearch.row_textandsearch_inside {
    margin-bottom: 40px;
}
.head_fpage{
    border-left: 7px solid #5da705;
    padding-left: 10px;
    margin-bottom: 45px;
    position: relative;
}
.head_fpage h1{
    margin: 0;
    line-height: 0.7;
    font-size: 2rem;
    color: #000;
}
.head_fpage a{
    position: absolute;
    display: inline-block;
    right: 0;
    top: 2px;
    color: #000;
}
.head_fpage a img{
    width: 26px;
    height: auto;
    display: inline-block;
    margin-left: 10px;
}
.item_book_left{
    padding-left: 20px;
    padding-right: 20px;
}
.item_book_left > a{
    display: block;
}
.item_book_left > a img{
    display: block;
    width: 100%;
    height: auto;
}
.item_book_left figcaption{
    position: relative;
}
.item_book_left figcaption h1{
    font-size: 1.75rem;
    color: #5c5c5c;
    line-height: 1;
    margin: 10px 0 5px 0;
    font-weight: 500;
}
.item_book_left figcaption p{
    font-size: 1rem;
    line-height: 1;
    height: 2em;
    color: #5c5c5c;
    margin-bottom: 30px;
}
.item_book_left figcaption a{
    font-size: 1.5rem;
    line-height: 1;
    color: #6db618;
    margin-bottom: 10px;
    display: inline-block;
}
.item_book_left figcaption a img{
    width: 30px;
    height: auto;
    display: inline-block;
    margin-left: 5px;
}
.item_book_left figcaption::before{
    content: "";
    left: 0;
    bottom: 0;
    height: 4px;
    right: 35px;
    position: absolute;
    height: 4px;
    background-color: #519600;
}
.row_item_book_left{
    margin-left: -20px;
    margin-right: -20px;
}
.wrap_item_book_left{
    padding-left: 0;
}
.item_book_right{
    padding-right: 0;
    padding-left: 30px;
}
.item_book_right a{
    display: block;
    padding-left: 35px;
    padding-right: 35px;
    background-color: #e7e7e7;
}
.item_book_right a img{
    display: block;
    width: 100%;
    height: auto;
}
.row_book{
    margin-bottom: 105px;
}
.head_news{
    padding-left: 0;
}
.head_news hgroup{
    text-transform: uppercase;
    margin-top: 35px;
    color: #FFF;
}
.head_news h1{
    font-size: 1.8rem;
    margin: 0;
    line-height: 0.6;
    font-weight: normal;
    opacity: 0.6;
}
.head_news h2{
    font-size: 5.2rem;
    margin: 0;
    line-height: 0.7;
    font-weight: bold;
    opacity: 0.48;
}
.head_news h3{
    font-size: 2.5rem;
    margin: 0;
    line-height: 0.6;
    font-weight: bold;
    opacity: 0.42;
}
.head_news a{
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    color: #000;
}
.head_news a img{
    width: 26px;
    height: auto;
    display: inline-block;
    margin-left: 10px;
}
.row_bg_green{
    position: relative;
    margin-bottom: 95px;
}
.row_bg_green > span{
    position: absolute;
    top: 0;
    left: 0;
    right: 52%;
    background-color: #7fb031;
    height: 100%;
}
.row_news{
    margin-top: 40px;
    margin-bottom: 35px;
    margin-left: -35px;
    margin-right: -35px;
}
.item_news{
    padding-left: 35px;
    padding-right: 35px;
}
.item_news:nth-child(3n+1){
    clear: left;
}
.item_news > a{
    display: block;
}
.item_news > a img{
    display: block;
    width: 100%;
    height: auto;
}
.item_news figcaption{
    
}
.item_news figcaption h1{
    font-size: 1.25rem;
    line-height: 1;
    height: 2em;
    margin-top: 25px;
    margin-bottom: 15px;
}
.item_news.item_newsinside figcaption > a{
    display: block;
    text-decoration: none;
}
.item_news figcaption a{
    color: #1d1d1d;
    display: inline-block;
}
.item_news figcaption a img{
    width: 26px;
    height: auto;
    display: inline-block;
    margin-left: 10px;
}
.video_link{
    display: block;
    padding: 0;
    position: relative;
}
.video_link > img{
    width: 100%;
    height: auto;
    display: block;
}
.video_link::before{
    content: "";
    z-index: 2;
    background-color: rgba(23,23,23,0.74);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.wrap_text_vdo{
    position: absolute;
    width: 100%;
    z-index: 6;
    top: 50%;
    transform: translate(0, -50%);
}
.text_vdo{
    color: #FFF;
}
.text_vdo img{
    width: 100px;
    height: auto;
    display: block;
    margin-bottom: 30px;
}
.text_vdo h1{
    font-size: 3.4rem;
    font-weight: 500;
    margin: 0;
    line-height: 0.7;
    text-transform: uppercase;
}
.text_vdo h2{
    font-size: 3.4rem;
    font-weight: 100;
    margin: 0 0 15px 0;
    line-height: 0.8;
    text-transform: uppercase;
}
.text_vdo p{
    font-size: 0.95rem;
    font-weight: 100;
    margin: 0;
    line-height: 1;
    opacity: 0.6;
}
.row_botlink{
    margin-top: 60px;
    margin-bottom: 60px;
}
.item_botlink{
    text-align: center;
    border-left: 1px solid #898989;
}
.item_botlink:first-child{
    border-left: 0;
}
.item_botlink a{
    display: inline-block;
    color: #9c9c9c;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 40px;
    text-align: left;
    line-height: 0.7;
    font-size: 1.5rem;
    text-decoration: none;
    min-height: 40px;
    padding: 5px 0 2px 55px;
}
.item_botlink a span{
    font-size: 1rem;
}
.item_botlink a.icdownload{
    background-image: url(../images/icon_download.svg);
}
.item_botlink a.icdatabase{
    background-image: url(../images/icon_database.svg);
}
.item_botlink a.iclibaray{
    background-image: url(../images/icon_web.svg);
}
.item_botlink a.iccontact{
    background-image: url(../images/icon_phone.svg);
}
.item_botlink a span{
    display: block;
}
.container_news{
    overflow: hidden;
}
.wrap_banner{
    padding-left: 0;
    padding-right: 0;
}
.wrap_banner img{
    display: block;
    width: 100%;
    height: auto;
}
.nav_inside{
    text-align: right;
    display: none;
}
.nav_inside a{
    display: inline-block;
    font-size: 0.9rem;
    color: #bbbaba;
    text-decoration: none;
    margin-right: 45px;
    position: relative;
    line-height: 1;
}
.nav_inside a::before{
    content: "";
    background-color: #a5a5a5;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    position: absolute;
    right: -25px;
    top: 7px;
}
.nav_inside a:last-child{
    margin-right: 0;
    font-weight: 500;
}
.nav_inside a:last-child::before{
    display: none;
}
.item_newsinside.item_news figcaption h1{
    height: auto;
    max-height: 2em;
    margin-bottom: 10px;
}
.item_newsinside.item_news figcaption p{
    color: #666565;
    font-size: 1.1rem;
    line-height: 1;
    height: 3em;
}
.row_newsinside{
    margin-bottom: 100px;
}
.img_contact{
    padding-right: 35px;
}
.img_contact img{
    width: 100%;
    height: auto;
    display: block;
}
.contact_detail{
    padding-left: 0;
}
.contact_detail h1{
    font-size: 1.95rem;
    margin-bottom: 20px;
    text-transform: uppercase;
    line-height: 0.9;
    font-weight: 500;
}
.contact_detail p{
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0;
}
.contact_detail div{
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 500;
    text-indent: -125px;
    padding-left: 125px;
}
.row_contact{
    margin-top: 30px;
    margin-bottom: 55px;
}
.textbot_contact{
    padding-left: 100px;
    padding-right: 100px;
}
.textbot_contact h1{
    font-size: 2rem;
    color: #71ab02;
    text-align: center;
    margin-bottom: 90px;
    font-weight: 500;
}
.img_detailnews{
    margin-bottom: 35px;
}
.img_detailnews img{
    width: 100%;
    height: auto;
    display: block;
}
.detail_newspage{
    margin-bottom: 65px;
}
.detail_newspage h1{
    font-size: 1.75rem;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 25px;
}
.detail_newspage p{
    font-size: 1.1rem;
    margin-bottom: 25px;
    line-height: 1.1;
}
.detail_newstoppage{
    padding-left: 45px;
    margin-bottom: 10px;
}
.row_item_book_left.row_item_book_left_inside{
    margin-left: -60px;
    margin-right: -60px;
    margin-bottom: 100px;
    margin-top: 30px;
}
.row_item_book_left.row_item_book_left_inside .item_book_left {
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 25px;
}
.img_bookdetail{
    padding-left: 25px;
    padding-right: 40px;
    margin-bottom: 100px;
}
.img_bookdetail img{
    width: 100%;
    height: auto;
    display: block;
}
.text_bookdetail{
    padding-top: 40px;
    margin-bottom: 100px;
}
.text_bookdetail h1{
    font-size: 1.75rem;
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1;
}
.text_bookdetail h2{
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1;
}
.text_bookdetail p{
    color: #8b8a8a;
    font-size: 1.1rem;
    line-height: 1.1;
    margin-bottom: 30px;
}
.bg_green_search{
    background-color: #5da705;
    height: 460px;
    position: relative;
    background-image: url(../images/search_03.jpg);
    background-position: 30px 30px;
    background-repeat: no-repeat;
    margin-top: 60px;
    margin-bottom: 80px;
}
.text_bg_green_search{
    position: absolute;
    left: 25px;
    right: 25px;
    bottom: 40px;
    font-size: 2.5rem;
    color: #FFF;
    line-height: 0.8;
}
.form_search{
    margin-top: 80px;
    margin-bottom: 80px;
}
.form_search label{
    font-size: 1.25rem;
    width: 200px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    font-weight: 500;
}
.form_search .form-control{
    display: inline-block;
    width: calc(100% - 200px);
    font-size: 1.15rem;
}
.wrap_btn_searchform{
    text-align: right;
}
.wrap_btn_searchform button{
    font-size: 1.2rem;
    width: 150px;
    line-height: 1;
    color: #FFF;
    margin-left: 5px;
    margin-right: 5px;
}
.btn_reset{
    background-color: #666;
}
.btn_searchform{
    background-color: #5da705;
}
.item_botlinknew{
    padding: 7px;
    margin-bottom: 60px;
}
.item_botlinknew a{
    border: 1px solid #b7b7b7;
    min-height: 67px;
    color: #1b1b1b;
    text-decoration: none;
    padding: 10px 5px 10px 70px;
    line-height: 1;
    background-position: 0px center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 0.9rem;
}
.item_botlinknew a.icbn01{
    background-image: url(../images/bn01.jpg);
}
.item_botlinknew a.icbn02{
    background-image: url(../images/bn02.jpg);
}
.item_botlinknew a.icbn03{
    background-image: url(../images/bn03.jpg);
}
.item_botlinknew a.icbn04{
    background-image: url(../images/bn04.jpg);
}
.item_botlinknew a.icbn05{
    background-image: url(../images/bn05.jpg);
}
@media (min-width: 1200px){ 
    .item_botlinknew a.icbn02{
            background-image: url(../images/bn02.jpg);
        padding-left: 102px;
        background-position: 23px center;
    }
}
@media (min-width: 992px){ 
    .item_botlinknew.col-md-3{
        width: 20%;
    }
}

@media (max-width: 1199px){ 
    .head_fpage a{
        top: 0;
    }
    .head_news h2{
        font-size: 4.5rem;
    }
    .text_vdo img {
        width: 80px;
        margin-bottom: 15px;
    }
    .text_sat h1{
        font-size: 8rem;
    }
    .text_sat h2{
        font-size: 5.5rem;
    }
    .text_sat h3{
        font-size: 4.7rem;
    }
    .row_book{
        margin-bottom: 60px;
    }
    .text_vdo h1 {
        font-size: 3rem;
    }
    .textbot_contact{
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 991px){ 
    .text_sat h1{
        font-size: 5.5rem;
    }
    .text_sat h2{
        font-size: 3.7rem;
    }
    .text_sat h3{
        font-size: 3.1rem;
    }
    .text_sat {
        margin-top: -88px;
    }
    .row_textandsearch {
        margin-bottom: 50px;
    }
    .item_book_left figcaption h1{
        font-size: 1.25rem;
    }
    .item_book_left figcaption a{
        font-size: 1.1rem;
    }
    .item_book_left figcaption p{
        margin-bottom: 15px;
    }
    .item_book_right a {
        padding-left: 15px;
        padding-right: 15px;
    }
    .item_book_right{
        padding-left: 25px;
    }
    .head_news h1{
        font-size: 1.25rem;
    }
    .head_news h2 {
        font-size: 3rem;
    }
    .head_news h3{
        font-size: 2rem;
    }
    .head_fpage a{
        right: 15px;
    }
    .head_news a{
        right: 15px;
    }
    .text_vdo img {
        width: 70px;
    }
    .item_news{
        padding-left: 15px;
        padding-right: 15px;
    }
    .row_news {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 30px;
        margin-bottom: 25px;
    }
    .item_news figcaption h1{
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .head_news {
        padding-left: 15px;
    }
    .row_bg_green {
        margin-bottom: 55px;
    }
    .item_botlink a{
        background-size: 25px;
        min-height: 25px;
        padding: 5px 0 2px 30px;
        font-size: 1.15rem;
    }
    .item_botlink a span{
        font-size: 0.85rem;
    }
    .text_sat.textheadinside {
        margin-top: -42px;
    }
    .contact_detail h1{
        font-size: 1.5rem;
        margin-top: 0;
    }
    .contact_detail p{
        font-size: 1.1rem;
    }
    .contact_detail div{
        font-size: 1.1rem;
        text-indent: -93px;
        padding-left: 93px;
    }
    .textbot_contact h1{
        font-size: 1.5rem;
        margin-bottom: 55px;
    }
    .row_contact {
        margin-bottom: 15px;
    }
    .text_sat.textheadinside {
        min-height: 130px;
    }
    .row_item_book_left.row_item_book_left_inside{
        margin-left: -15px;
        margin-right: -15px;
    }
    .row_item_book_left.row_item_book_left_inside .item_book_left {
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 25px;
    }
    .img_bookdetail{
        margin-top: 40px;
    }
    .text_bg_green_search{
        font-size: 2rem;
    }
    .form_search label{
        width: 140px;
    }
    .form_search .form-control {
        width: calc(100% - 140px);
    }
    .item_botlinknew{
        margin-bottom: 0px;
    }
    .item_botlinknew:nth-child(5){
        margin-bottom: 30px;
    } 
    .item_botlinknew a{
        font-size: 1rem;
    }
}
@media (max-width: 767px){ 
    .row_item_book_left {
        margin-left: -15px;
        margin-right: -15px;
    }
    .item_book_left {
        padding-left: 15px;
        padding-right: 15px;
    }
    .wrap_item_book_left {
        padding-left: 15px;
    }
    .head_fpage{
        border: 0;
        margin-bottom: 30px;
    }
    .head_fpage h1{
        border-left: 7px solid #5da705;
        padding-left: 15px;
        font-size: 1.5rem;
    }
    .wrap_btn_search {
        padding-left: 15px;
        padding-right: 15px;
    }
    .text_sat{
        margin-top: 15px;
        padding-left: 15px;
        margin-bottom: 10px;
    }
    .item_book_right{
        padding-left: 0;
    }
    .item_book_left figcaption{
        margin-bottom: 20px;
    }
    .row_bg_green > span {
        right: 0;
        height: 215px;
    }
    .video_link{
        overflow: hidden;
    }
    .video_link > img{
        height: 300px;
        width: auto;
    }
    .text_vdo h1{
        font-size: 2.75rem;
    }
    .text_vdo h2 {
        font-size: 1.5rem;
    }
    .item_botlink{
        margin-bottom: 15px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
    }
    .item_botlink:nth-child(3){
        border: 0;
        clear: left;
    }
    .row_botlink {
        margin-top: 20px;
        margin-bottom: 15px;
    }
    .row_bg_green {
        margin-bottom: 0px;
    }
    .item_news{
        margin-bottom: 30px;
    }
    .item_news figcaption h1{
        font-size: 1.25rem;
        height: auto;
        max-height: 3em;
        line-height: 1;
    }
     .text_sat h1{
        font-size: 4rem;
         padding-left: 15px;
    }
    .text_sat h2{
        font-size: 2.75rem;
        padding-left: 15px;
    }
    .text_sat h3{
        font-size: 2.3rem;
        padding-left: 15px;
    }
    .btn_search{
        font-size: 1.15rem;
    }
    .text_sat.textheadinside{
        margin-top: 15px;
    }
    .text_sat h1{
        font-size: 3rem;
    }
    .text_sat h2{
        font-size: 2rem;
    }
    .item_newsinside.item_news figcaption p{
        font-size: 1rem;
    }
    .text_sat.textheadinside {
        min-height: 0px;
    }
    .img_contact {
        padding-right: 15px;
    }
    .contact_detail h1{
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .contact_detail{
        padding-left: 15px;
    }
    .row_contact {
        margin-top: 15px;
    }
    .row_item_book_left.row_item_book_left_inside{
        margin-bottom: 30px;
    }
    .nav_inside{
        text-align: left;
    }
    .img_bookdetail{
        padding-left: 15px;
        padding-right: 15px;
        margin-bottom: 0;
    }
    .text_bookdetail {
        padding-top: 20px;
        margin-bottom: 40px;
    }
    .text_bookdetail p{
        margin-bottom: 15px;
    }
    .text_bookdetail h1{
        margin-bottom: 15px;
    }
    .img_bookdetail {
        margin-top: 25px;
    }
    .bg_green_search{
        margin-top: 30px;
        height: 200px;
        margin-bottom: 0;
    }
    .form_search {
        margin-top: 30px;
    }
    .form_search label {
        width: 100px;
    }
    .form_search .form-control {
        width: calc(100% - 100px);
    }
    .wrap_btn_searchform{
        text-align: center;
    }
    .wrap_btn_searchform button{
        width: 125px;
    }
    .row_news{
        margin-bottom: 10px;
    }
    .row_textandsearch{
        margin-bottom: 35px;
    }
    .item_book_left{
        margin-bottom: 20px;
    }
    .row_textandsearch.row_textandsearch_inside {
        margin-bottom: 10px;
    }
    .item_newsinside{
        margin-bottom: 20px;
    }
    .img_detailnews{
        margin-top: 20px;
    }
    .detail_newstoppage{
        padding-left: 15px;
    }
    .detail_newspage h1{
        font-size: 1.5rem;
    }
    .text_bg_green_search{
        font-size: 1.5rem;
        bottom: 20px;
    }
    .text_bg_green_search br{
        display: none;
    }
    .bg_green_search{
        height: 135px;
    }
    .item_botlinknew:nth-child(3){
        margin-bottom: 0px;
    } 
}