#page .site-inner, #content, #page{ padding: 0 !important; margin: 0 !important; } .site-inner{ max-width: 100% !important; } header#masthead{ padding-top: 0; padding-bottom: 0; } .main-navigation a{ font-size: 14px !important; } #loiich h2{ text-align: center; font-size: 30px; color: #0093DD; text-transform: uppercase; margin-top: 25px; margin-bottom: 0; } #loiich .desc{ font-size: 13px; color: black; text-align: center; max-width: 879px; margin: 20px auto 38px auto; } #loiich .item-child{ text-align: center; padding: 20px 28px; cursor: pointer; border-bottom: 9px solid transparent; height: 268px; overflow: hidden; } #loiich .item-child img{ height: 94px; transition: all 0.3s ease-in-out; } #loiich .item-child .title{ text-transform: uppercase; font-weight: bold; margin-top: 20px; margin-bottom: 10px; } #loiich .item-child .desc_ct{ color: black; font-size: 15px; margin-bottom: 15px; } #loiich .item-child:hover{ box-shadow: 0px 1px 7px rgb(0,0,0,0.05); border-bottom: 9px solid #0093DD; border-radius: 9px; background: white; } #loiich .item-child:hover img{ transform: scale(1.1); } #lienket{ height: 50px; margin-top: 15px; } #lienket .btn{ cursor: pointer; } #lienket .btn:hover{ opacity: 0.55; } #lienket .btn-1{ background: #ED2027; } #lienket .btn a{ color: white; font-weight: bold; text-transform: uppercase; text-decoration: none; font-size: 13px; } #lienket .btn-2{ background: #56BC86; margin-left: 28px; } #tinhnangnoibat { background: #E27A17; color: white; padding-top: 8px; padding-bottom: 28px; } #tinhnangnoibat h2{ font-size: 30px; text-transform: uppercase; text-align: center; padding-top: 38px; padding-bottom: 28px; } #tinhnangnoibat .img{ text-align: center; } #tinhnangnoibat .title{ font-weight: bold; text-transform: uppercase; text-align: center; margin-bottom: 10px; margin-top: 15px; font-size: 18px; } #tinhnangnoibat ul li{ margin-bottom: 15px; } #tinhnangnoibat .img img{ transition: all 0.3s ease-in-out; cursor: pointer; } #tinhnangnoibat .img img:hover{ transform: scale(1.2); } #banggiaphanmem{ background: #F2F9FF; padding-top: 28px; } #banggiaphanmem h2{ color: #0093DD; font-size: 30px; text-align: center; padding-bottom: 38px; padding-top: 10px; } #banggiaphanmem .row{ max-width: 828px; margin: 0 auto; text-align: center; } #banggiaphanmem .col{ background: white; box-shadow: 0px 1px 20px rgb(0,0,0,0.08); border-radius: 22px; padding: 0; } body:not(.custom-background-image):before, body:not(.custom-background-image):after{ height: 0; } #banggiaphanmem .col h5{ color: #0093DD; border-bottom: 1px solid #0093DD; padding-top: 10px; padding-bottom: 10px; } #banggiaphanmem .col .content_child{ padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 20px; } #banggiaphanmem .col .content_child .b1{ border-bottom: 1px solid #0093DD; padding-bottom: 10px; color: #0093DD; text-transform: uppercase; } #banggiaphanmem .col .content_child .b2{ color: #0093DD; font-size: 38px; border-bottom: 1px solid #0093DD; } #banggiaphanmem .col .content_child .b3{ color: #0093DD; padding-top: 10px; } #banggiaphanmem .col .content_child .b4{ color: #0093DD; font-weight: bold; font-size: 28px; margin-top: 15px; margin-bottom: 10px; } #banggiaphanmem .col .content_child .b5 a{ background: #0093DD; color: white; padding: 8px 35px; border-radius: 18px; padding-bottom: 10px; text-transform: uppercase; } #banggiaphanmem .col.col-center .content_child .b5 a{ background: initial; border: 1px solid white; } #banggiaphanmem .col .content_child .b5{ padding-top: 20px; padding-bottom: 20px; } #banggiaphanmem .col.col-center{ position: relative; z-index: 9; } #banggiaphanmem .col.col-center .content{ background-image: linear-gradient(to top right, #0093DD, #70CFFF); color: white; box-shadow: 0px 1px 20px rgb(0,147,221,0.39); border-radius: 22px; position: absolute; width: 100%; top: -6%; height: 112%; } #tintucnoibat .title a { font-family: Proxima Nova; font-size: 20px; color: #56BC86; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #tintucnoibat .title a:hover { text-decoration: none; } #banggiaphanmem .col.col-center .content_child .b4, #banggiaphanmem .col.col-center .content_child .b3{ color: white; } #banggiaphanmem .col.col-center .content_child .b2, #banggiaphanmem .col.col-center .content_child .b1, #banggiaphanmem .col.col-center h5{ color: white; border-bottom: 1px solid white; } #banggiaphanmem .moreinfo{ text-align: center; color: #E27A17; padding-top: 50px; padding-bottom: 38px; } #dungthumienphi .row{ max-width: 828px; margin: 0 auto; padding-top: 35px; padding-bottom: 35px; } #dungthumienphi .bentrai h2{ color: #173D7A; text-transform: uppercase; } #dungthumienphi .bentrai h2 span{ color: #E27A17; } #dungthumienphi .bentrai .phanmem{ color: #405F91; } #dungthumienphi .bentrai .phone{ color: #E22C17; font-weight: bold; font-size: 20px; } #dungthumienphi .bentrai .phone span{ color: #405F91; font-weight: normal; font-size: 18px; } #dungthumienphi .bentrai .dangkyngay a{ background: #E27A17; color: white; text-decoration: none; padding: 5px 18px; padding-bottom: 8px; border-radius: 28px; text-transform: uppercase; } #dungthumienphi .bentrai .dangkyngay{ padding-top: 15px; } #dungthumienphi .bentrai{ height: 100%; padding-top: 33%; } #tintucnoibat { background: #F2F9FF; padding-top: 15px; } #tintucnoibat h2{ color: #000000; text-transform: uppercase; font-size: 30px; padding-top: 20px; padding-bottom: 20px; font-family: Proxima Nova ExtraBold; } #tintucnoibat .item-child{ border: 1px solid #56BC86; background: white; border-radius: 10px; margin-bottom: 35px; min-height: 28em; position: relative; } #tintucnoibat .title{ color: #0093DD; font-weight: bold; padding: 8px 15px; } #tintucnoibat .desc_ct{ font-size: 15px; padding: 8px 15px; } #tintucnoibat .lienket a{ font-family: Proxima Nova; border-radius: 25px; display: inline-block; border: 1px solid #56BC86; color: #56BC86; padding: 10px 30px; text-transform: uppercase; font-size: 15px; text-decoration: none; } #tintucnoibat .lienket{ text-align: center; padding-top: 15px; padding-bottom: 20px; position: absolute; bottom: 10px; width: 100%; } #tintucnoibat .lienket a:hover{ color: white; background: #56BC86; } #tintucnoibat .item-child img{ cursor: pointer; transition: all 0.3s ease-in-out; height: 165px; width: 100%; } #tintucnoibat .item-child img:hover{ transform: scale(1.2); } #tintucnoibat .item-child .img{ position: relative; overflow: hidden; width: 100.85%; left: -1px; top: -1px; } #dungthumienphi .bentrai .dangkyngay a:hover{ opacity: 0.55; } #banner_hdsd img{ width: 100%; } #breadcum_hdsd { background: #B4E6FF; padding-top: 10px; padding-bottom: 10px; color: #0093DD; } .category_usage h5{ background: #0093DD; color: white; padding: 10px; text-transform: uppercase; margin-left: -8px; margin-bottom: 20px; cursor: pointer; margin-bottom: 0; } .category_usage h5 .cont{ font-size: 15px; } .category_usage .fa{ float: right; border-radius: 50%; width: 18px; height: 18px; text-align: center; line-height: 19px; color: white; font-weight: bold; position: relative; top: 5px; } #content_hdsd{ background: white; padding: 35px 25px; } #content_hdsd .mota{ font-weight: bold; padding-bottom: 15px; } #content_hdsd .mota span{ color: #0093DD; } #content_hdsd .noidung{ line-height: 28px; } #content_hdsd .noidung a{ color:#0093DD; } .category_usage{ background: white; margin-bottom: 20px; } .category_usage .item-i{ padding: 10px 15px; border-bottom: 1px solid #dddd; } .category_usage .item-i a{ color: #333; } h1#hdsd_title{ text-align: center; font-size: 30px; color: #0093DD; padding-top: 35px; padding-bottom: 35px; } #content_hdsd{ margin-bottom: 25px; } @media screen and (max-width: 768px){ body #lienket .btn-2{ margin-left: 0; } body #lienket .btn{ padding: 10px 18px; } #loiich .row, #tinhnangnoibat .row{ display: block; } body #loiich .desc{ padding-left: 10px; padding-right: 10px; } #loiich h2{ font-size: 25px; padding-left: 10px; padding-right: 15px; } #banggiaphanmem h2, #tinhnangnoibat h2{ font-size: 25px; } #tintucnoibat .row, #dungthumienphi .row, #banggiaphanmem .row{ display: block; } #banggiaphanmem .col.col-center .content{ position: initial; } #banggiaphanmem .col{ margin-bottom: 20px; } #banggiaphanmem .moreinfo{ padding-top: 20px; } #dungthumienphi .bentrai{ padding-top: 0; } #dungthumienphi .bentrai h2{ font-size: 30px; } #dungthumienphi .img{ padding-top: 42px; } #tintucnoibat .item{ height: 100%; } h1#hdsd_title{ font-size: 22px; } }