article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

td,
th {
    padding: 0
}

* {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.d-flex {
    display: flex
}

@media print {

    *,
    :after,
    :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .label {
        border: 1px solid #000
    }

    .table td,
    .table th {
        background-color: #fff !important
    }
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

img {
    vertical-align: middle
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}

[role="button"] {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Arial","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

.text-uppercase {
    text-transform: uppercase
}

.text-center {
    text-align: center
}

.img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
    }
}

.row {
    margin-right: -15px;
    margin-left: -15px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

@media (min-width:768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }
}

@media (min-width:992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }
}

@media (min-width:1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }
}

table {
    background-color: #fff0
}

th {
    text-align: left
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type="file"] {
    display: block
}

select[multiple],
select[size] {
    height: auto
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / .075), 0 0 8px rgb(102 175 233 / .6);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075), 0 0 8px rgb(102 175 233 / .6)
}

textarea.form-control {
    height: auto
}

input[type="search"] {
    -webkit-appearance: none
}

.form-group {
    margin-bottom: 15px
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #fff0;
    border-radius: 4px
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-primary.active,
.btn-primary:active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74
}

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a
}

.btn-danger:hover {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925
}

.fade {
    opacity: 0;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px
}

.nav>li>a>img {
    max-width: none
}

.navbar {
    position: relative;
    min-height: 50px;
    border: 1px solid #fff0
}

@media (min-width:768px) {
    .navbar {
        border-radius: 4px
    }
}

@media (min-width:768px) {
    .navbar-header {
        float: left
    }
}

.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid #fff0;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / .1)
}

@media (min-width:768px) {
    .navbar-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important
    }

    .navbar-collapse.in {
        overflow-y: visible
    }
}

.container>.navbar-collapse,
.container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:768px) {

    .container>.navbar-collapse,
    .container>.navbar-header {
        margin-right: 0;
        margin-left: 0
    }
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #fff0;
    background-image: none;
    border: 1px solid #fff0;
    border-radius: 4px
}

.navbar-toggle:focus {
    outline: 0
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px
}

@media (min-width:768px) {
    .navbar-toggle {
        display: none
    }
}

.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border 0.2s ease-in-out
}

.thumbnail a>img,
.thumbnail>img {
    margin-right: auto;
    margin-left: auto
}

a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
    border-color: #337ab7
}

.carousel {
    position: relative
}

.btn-toolbar:after,
.btn-toolbar:before,
.container:after,
.container:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.row:after,
.row:before {
    display: table;
    content: " "
}

.container:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

@media (max-width:767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

.hidden {
    display: none !important
}

body {
    line-height: 1.3;
    font-size: 16px;
    font-family: Helvetica, Arial, sans-serif;
    margin: 10px;
    padding: 0;
    color: #333
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    padding: 0;
    margin: 0
}

#header ul,
.sidebar ul,
#footer .nav_top ul,
.box_partner ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.line {
    height: 3px;
    background: linear-gradient(to right, #ffc4c4, red 50%, #ffc4c4);
    width: 100%;
    padding :0!important;
}

h1 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

h2 {
    font-size: 17px;
    color: #a76014;
}

h3 {
    font-size: 22px! important;
}

h4,
h5,
h6 {
    font-size: 16px
}

img {
    border: 0;
    outline: none
}

.mb-15 {
    margin-bottom: 15px
}

.mt-15 {
    margin-top: 15px
}

.pt-15 {
    padding-top: 15px
}

.pb-15 {
    padding-bottom: 15px
}

.text-red {
    color: red
}

a {
    color: #337ab7;
    text-decoration: none;
    outline: none
}

.font-bold {
    font-weight: 700;
    line-height: 22px
}

.m-b-15 {
    margin-bottom: 15px
}

.m-b-10 {
    margin-bottom: 10px
}

.m-t-10 {
    margin-top: 10px
}

.m-t-15 {
    margin-top: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.p-t-15 {
    padding-top: 15px
}

.p-y-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.color_blue {
    color: #337ab7
}

.border_b_ddd {
    border-bottom: 1px solid #ddd
}

a:hover {
    text-decoration: underline
}

:focus {
    outline: 0
}

input,
textarea,
select {
    border-radius: 3px;
    border: 1px solid #d3d3d3
}

input:focus,
textarea:focus {
    box-shadow: inset 0 1px 1px rgb(0 0 0 / .075), 0 0 4px #e5e5e5;
    overflow: hidden
}

ins {
    text-decoration: none
}

del {
    text-decoration: line-through
}

.highlight {
    background-color: #ff0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear {
    clear: both
}

.clearL {
    clear: left
}

.clearR {
    clear: right
}

.hidden {
    display: none
}

#flashMessage {
    margin: 0 auto;
    width: 100%;
    padding: 5px;
    position: fixed;
    top: 0;
    z-index: 10000
}

#flashMessage span {
    border-radius: 3px;
    padding-left: 32px;
    display: block;
    width: 470px;
    line-height: 35px;
    margin: 0 auto;
    background: #d31010;
    color: #fff;
    box-shadow: 0 0 3px #aaa
}

#flashMessage.success span {
    background-image: url(https://rdsic.edu.vn/css/template1/img/success.png);
    background-position: 8px center;
    background-repeat: no-repeat
}

#flashMessage.error span {
    background-image: url(https://rdsic.edu.vn/css/template1/img/error.png);
    background-position: 8px center;
    background-repeat: no-repeat
}

.error-message {
    color: red;
    line-height: 22px;
    float: left;
    text-align: left;
    padding-left: 5px
}

.form .error-message {
    display: block;
    float: none;
    margin-bottom: 5px;
    padding: 0;
    font-size: 13px
}

.float_left {
    float: left
}

.float_right {
    float: right
}

a.act,
span.act {
    padding: 1px 6px;
    background-image: url(https://rdsic.edu.vn/css/template1/img/icon.png)
}

a.act:hover {
    text-decoration: none
}

span.doc,
span.docx {
    background-position: -37px -144px
}

span.xls,
span.xlsx {
    background-position: -66px -144px
}

span.ppt,
span.pptx {
    background-position: -123px -144px
}

span.pdf {
    background-position: -95px -144px
}

span.txt {
    background-position: -153px -144px
}

span.zip,
span.rar {
    background-position: -7px -144px
}

span.link {
    background-position: -182px -144px
}

a.download {
    background-position: -213px -144px;
    padding: 1px 7px
}

a.download:hover {
    background-position: -244px -143px
}

a.del {
    background-position: -8px -97px
}

a.del:hover {
    background-position: -38px -97px
}

#tooltip {
    position: absolute;
    border-radius: 2px;
    padding: 3px 12px;
    color: #000;
    display: none;
    font-size: 13px;
    z-index: 1000;
    background: #fff;
    opacity: .9;
    box-shadow: 0 0 2px #333
}

.detail_product #content .product_des,
#content .read .des {
    font-size: 18px;
    line-height: 1.3;
    text-align: justify;
    font-weight: 500
}

.detail_product #content .product_des p,
#content .read .des p {
    margin-bottom: 15px;
    line-height: 1.4;
}

.product_des .tab_container h2 {
    margin-bottom: 15px;
    line-height: 1.3;
}

.product_des h3 {
    margin-bottom: 10px
}

#wrapper {
    margin: 0 auto
}

#header {
    position: relative;
    z-index: 1000;
    height: 100px
}

#header input.small,
#header input.medium,
#header input.larger {
    padding: 2px
}

#header input.small {
    width: 80px
}

#header input.medium {
    width: 160px
}

#header input.larger {
    width: 250px
}

#header select {
    padding: 1px 2px
}

#header select.small {
    width: 60px
}

#header select.medium {
    width: 160px
}

#header select.larger {
    width: 125px
}

#header .logo {
    #width: 40%;
    position: absolute;
    top: 10px;
    left: 0
}

#header .top {
    position: absolute;
    top: 3px;
    z-index: 100;
    width: 100%
}

#header .top .social {
    float: left;
    margin-left: 10px
}

#header .top ul {
    float: right;
    margin-right: 10px
}

#header .top ul li {
    display: inline;
    padding-left: 6px
}

#header .top ul li a {
    font-size: 18px;
    color: #444
}

#header .middle {
    position: absolute;
    top: 10px;
    width: 100%
}

#header .bottom {
    position: absolute;
    bottom: 30px;
    right: 0
}

#header .search {
    height: 22px;
    position: absolute;
    bottom: 4px;
    right: 331px
}

#header .search input.medium {
    padding: 0 2px;
    height: 22px;
    background: url(https://rdsic.edu.vn/css/template1/img/h_search_input.png) no-repeat;
    border: none;
    border-radius: 0;
    width: 188px
}

#header .nav-v input.medium {
    border: none;
    border-radius: 0
}

#header input.submit {
    background: url(https://rdsic.edu.vn/css/template1/img/h_search_submit.png) no-repeat;
    border: none;
    text-indent: -1000px;
    width: 26px;
    height: 22px;
    border-radius: 0
}

#header input.submit:hover {
    cursor: pointer
}

#header .search ul li {
    display: block;
    float: left
}

#header input.medium {
    width: 160px
}

#header .social {
    position: absolute;
    bottom: 1px;
    right: 5px;
    height: 27px
}

#header .social ul {
    float: right
}

#header .social ul li {
    display: inline;
    margin-left: 5px;
    float: left
}

header .social span {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    text-shadow: 1px 1px 1px #555;
    color: #fff;
    margin-right: 5px
}

#header .position_top {
    position: absolute;
    bottom: 2px;
    left: 0
}

#header .position_top label {
    color: #fff;
    font-weight: 400
}

#header ul.language {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1000
}

#header ul.language li {
    display: inline
}

#header ul.language li a {
    background-image: url(https://rdsic.edu.vn/css/template1/img/icon.png);
    background-repeat: no-repeat;
    padding: 0 8px
}

#header ul.language li a:hover {
    text-decoration: none
}

#header ul.language li a.vi {
    background-position: -6px -122px
}

#header ul.language li a.en {
    background-position: -36px -122px
}

#header .cart {
    float: right;
    margin-right: 10px
}

#header .cart a {
    line-height: 20px
}

#header .currency {
    float: right;
    margin-right: 5px;
    height: 22px
}

.navbar {
    margin-bottom: 0
}

#bg_nav {
    position: relative;
    z-index: 1000;
    width: 100%
}

#bg_nav .right,
#bg_nav .left {
    position: absolute;
    top: 0;
    z-index: 2
}

#bg_nav .right {
    position: absolute;
    right: 0
}

#bg_nav .left {
    left: 0
}

#header .nav {
    #width: 60%;
    float: right
}

#header .nav ul {
    z-index: 100;
    padding: 0;
    list-style-type: none
}

#header .nav ul li {
    position: relative;
    display: inline;
    float: left;
    margin-right: 1px
}

#header .nav ul li.last {
    background: none
}

p#title_site {
    color: #050076;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    text-align: center
}

#header .nav ul li a {
    display: block;
    color: #fff;
    color: #2d2b2b;
    text-decoration: none
}

#header .nav ul li span {
    display: block;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    white-space: nowrap
}

* html #header .nav ul li a,
* html #header .nav ul li a span {
    display: inline-block
}

#header .nav ul li a:link,
#header .nav ul li a:visited {
    color: #323232
}

#header .nav ul li ul {
    position: absolute;
    left: 0;
    display: none;
    visibility: hidden;
    margin: 0;
    width: 200px
}

#header .nav ul li ul li {
    display: list-item;
    float: none;
    padding: 0;
    margin: 0
}

#header .nav ul li ul li ul {
    top: 0
}

#header .nav ul li ul li a,
#header .nav ul li.selected ul li a {
    margin: 0;
    padding: 0 7px;
    height: 28px;
    line-height: 28px;
    border-bottom: 1px solid #1694be;
    background: #13a3d3
}

#header .nav ul li ul li a.selected,
#header .nav ul li ul li a:hover {
    color: #fff;
    font-weight: 700
}

* html #header .nav {
    height: 1%
}

.downarrowclass {
    position: absolute;
    top: 12px;
    right: 7px
}

.rightarrowclass {
    position: absolute;
    top: 8px;
    right: 5px
}

.ddshadow {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    background: silver
}

.toplevelshadow {
    opacity: .8
}

#column_left {
    float: left;
    margin-right: -210px;
    width: 100%
}

#sidebar_left {
    float: left;
    width: 200px;
    padding-top: 5px
}

#sidebar_right {
    float: right;
    width: 200px;
    padding-top: 5px
}

#content {
    position: relative
}

#content .top,
#content .bottom {
    position: absolute;
    height: 5px;
    width: 100%;
    background: #fff0
}

#content .top {
    top: -5px
}

#content .bottom {
    bottom: -5px
}

#main.no_col_left #content {
    margin-left: 0
}

#main.no_col_right #content {
    margin-right: 0
}

#content .thumb a {
    line-height: 1px;
    display: block
}

#content input {
    padding: 3px
}

#content select {
    padding: 2px 2px;
    display: inline-block
}

span.im {
    color: red;
    margin-left: 5px
}

#content select.small1 {
    height: 35px
}

.form-control1 {
    width: 100%;
    height: 35px;
    line-height: 35px
}

#content label.error {
    color: red;
    display: block;
    font-size: 18px;
    font-style: italic
}

.sidebar .thumb a {
    display: block;
    line-height: 1px
}

.sidebar ul {
    margin: 0 auto;
    width: 182px
}

.sidebar input {
    padding: 2px 4px
}

.sidebar select {
    padding: 2px 1px
}

.sidebar input.small {
    width: 50px
}

.sidebar input.medium {
    width: 100px
}

.sidebar input.larger {
    width: 170px
}

.sidebar select.small {
    width: 60px
}

.sidebar select.medium {
    width: 110px
}

.sidebar select.larger {
    width: 180px
}

.sidebar .box {
    background: url(https://rdsic.edu.vn/css/template1/img/s_box_middle.png) top center repeat-y;
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 10px
}

.sidebar .box .top,
.sidebar .box .bottom {
    position: absolute;
    height: 10px;
    width: 100%;
    z-index: 10;
    background: #fff0
}

.sidebar .box .top {
    background: url(https://rdsic.edu.vn/css/template1/img/s_box_top.png) top center no-repeat;
    top: -5px
}

.sidebar .box .bottom {
    background: url(https://rdsic.edu.vn/css/template1/img/s_box_bottom.png) bottom center no-repeat;
    bottom: -3px
}

.sidebar .box span.title {
    background: url(https://rdsic.edu.vn/css/template1/img/s_box_title.png) top center no-repeat;
    display: block;
    text-align: center;
    line-height: 20px;
    height: 26px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 10px;
    font-weight: 700
}

.sidebar .nav-v ul {
    margin: 0 auto;
    padding: 0;
    width: 180px;
    list-style-type: none;
    position: relative;
    z-index: 100
}

.sidebar .nav-v ul li {
    position: relative
}

.sidebar .nav-v ul li a {
    display: block;
    overflow: auto;
    color: #333;
    text-decoration: none;
    padding: 6px;
    border-bottom: 1px solid #eee
}

.sidebar .nav-v ul li.current a,
.sidebar .nav-v ul li.selected a,
.sidebar .nav-v ul li a.selected,
.sidebar .nav-v ul li.selected ul a.selected {
    color: red
}

.sidebar .nav-v ul li a:hover {
    color: #ff0000 !important;
    text-decoration: underline
}

.sidebar .nav-v ul li ul {
    position: absolute;
    width: 180px;
    top: 0;
    font-weight: 400;
    visibility: hidden;
    background: #777;
    border-radius: 5px
}

.sidebar .nav-v ul li ul a {
    border-bottom: 1px solid #888
}

.sidebar .nav-v ul li ul a:hover {
    color: #fff !important;
    font-weight: 700
}

.sidebar .nav-v ul li.selected li a {
    color: #f9f9f9
}

.sidebar .nav-v ul ul li:last-of-type a {
    border-bottom: none
}

* html .sidebar .nav-v ul li {
    float: left;
    height: 1%
}

* html .sidebar .nav-v ul li a {
    height: 1%
}

.sidebar .maker ul li,
.sidebar .box.price ul li {
    position: relative;
    line-height: 18px;
    padding: 4px 0
}

.sidebar .maker ul li a {
    display: block
}

.sidebar .box.maker ul a {
    background: url(https://rdsic.edu.vn/css/template1/img/arrow1.png) left 8px no-repeat;
    padding-left: 6px
}

.sidebar .box.maker ul a:hover {
    color: red
}

.sidebar .box.price ul a {
    background: url(https://rdsic.edu.vn/css/template1/img/arrow1.png) left 5px no-repeat;
    padding-left: 6px
}

.sidebar .maker ul li.current a {
    font-weight: 700
}

.sidebar .maker ul li img {
    position: absolute;
    top: 0;
    right: 0
}

.sidebar .product_run .caroufredsel_wrapper {
    width: 180px;
    margin: 0 auto !important;
    text-align: center;
    min-height: 150px !important
}

.sidebar .product_run .thumb {
    position: relative;
    text-align: center;
    width: 160px;
    margin: 0 auto
}

.sidebar .product_run .thumb span {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(https://rdsic.edu.vn/css/template1/img/icon.png);
    line-height: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-decoration: blink
}

.sidebar .product_run .thumb span.discount {
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 0
}

.sidebar .product_run .thumb span.promotion {
    position: absolute;
    top: 0;
    right: 0;
    background-position: -30px 0
}

.sidebar .product_run p {
    text-align: center
}

.sidebar .product_run p.price {
    color: red
}

.sidebar .product_run p.price .old {
    text-decoration: line-through;
    color: #888
}

.sidebar .product_run p.cart a {
    display: block;
    width: 89px;
    padding-right: 15px;
    line-height: 25px;
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: 0 -66px;
    color: #fff;
    margin: 0 auto
}

.sidebar .product_run p.cart a:hover {
    cursor: pointer;
    text-decoration: none;
    background-position: 0 -91px
}

.sidebar .product_run ul li {
    padding-bottom: 10px;
    position: relative
}

.sidebar .product_run p.cart {
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    display: none
}

.sidebar .product_run ul li:hover p.cart {
    display: block
}

.sidebar .newsletter p {
    text-align: center
}

.sidebar .newsletter button.submit {
    width: 90px;
    margin-top: 10px;
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -132px;
    border: none;
    width: 97px;
    height: 24px;
    color: #fff
}

.sidebar .newsletter #newsletter_result {
    display: none;
    color: red;
    font-style: italic;
    margin-top: 3px
}

.sidebar .newsletter button.submit:hover {
    cursor: pointer;
    background-position: -101px -156px
}

.sidebar .adv ul li {
    text-align: center
}

.sidebar .search input {
    margin-bottom: 10px
}

.sidebar .search select {
    margin-bottom: 10px
}

.sidebar .search .submit {
    text-align: center
}

.sidebar .search .submit input {
    margin-bottom: 0;
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: 0 -1px;
    border: none;
    padding-right: 15px;
    width: 97px;
    height: 24px;
    color: #fff
}

.sidebar .search .submit input:hover {
    background-position: 0 -25px;
    cursor: pointer
}

.sidebar .search p {
    text-align: center
}

.sidebar .search li {
    text-align: center
}

.sidebar #search_post {
    display: none
}

.sidebar .support li {
    padding-bottom: 8px;
    text-align: center
}

.sidebar .support p {
    text-align: center;
    line-height: 22px;
    padding-bottom: 2px
}

.sidebar .support p.name span {
    font-style: italic
}

.sidebar .video li {
    text-align: center
}

.sidebar .video p.more {
    text-align: right;
    padding-right: 15px
}

.sidebar .gallery ul,
.sidebar .gallery .caroufredsel_wrapper {
    margin: 0 auto !important
}

.sidebar .gallery li {
    text-align: center
}

.sidebar .poll li {
    font-style: italic;
    font-weight: 700;
    line-height: 15px
}

.sidebar .poll li ul li {
    font-weight: 400;
    font-style: normal
}

.sidebar .poll li ul {
    margin-bottom: 10px
}

.sidebar .poll .submit {
    text-align: center
}

.sidebar .poll .submit input {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) -101px -132px no-repeat;
    height: 24px;
    width: 97px;
    border: none;
    color: #fff
}

.sidebar .poll .submit input:hover {
    background-position: -101px -156px;
    cursor: pointer
}

.sidebar .poll a.poll_result {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) -101px -132px no-repeat;
    padding: 5px 12px 4px;
    color: #fff
}

.sidebar .poll a.poll_result:hover {
    background-position: -101px -156px;
    text-decoration: none
}

#poll_result {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    z-index: 10000;
    display: none
}

#poll_result div {
    width: 500px;
    margin: 0 auto;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: 20px 10px;
    box-shadow: 0 0 7px #999
}

#poll_result a.close {
    padding: 5px 12px;
    float: right;
    margin-right: -7px;
    margin-top: -17px;
    background: url(https://rdsic.edu.vn/css/template1/img/icon.png) -92px 0 no-repeat
}

#poll_result a.close:hover {
    background-position: -122px 0;
    text-decoration: none
}

#poll_result ul {
    width: 100%
}

#poll_result ul li {
    margin-bottom: 20px
}

#poll_result ul li ul {
    margin-top: 10px
}

#poll_result ul li ul li {
    margin: 0
}

#poll_result ul li div {
    padding: 0;
    box-shadow: none;
    border-radius: 3px;
    line-height: 18px;
    margin-bottom: 5px;
    border: 1px solid #0087e8
}

#poll_result ul li div p {
    background: #0094ff;
    text-align: center;
    font-size: 18px;
    color: #fff
}

.sidebar .post .caroufredsel_wrapper {
    margin: 0 auto !important
}

.sidebar .post ul li a {
    background: url(https://rdsic.edu.vn/css/template1/img/arrow2.png) left 6px no-repeat;
    padding-left: 8px
}

.sidebar .document ul li a {
    margin-left: 5px
}

.sidebar .tag p {
    padding: 0 10px;
    text-align: center
}

.sidebar .tag a {
    padding-right: 3px;
    line-height: 24px
}

.sidebar .tag a.size1 {
    font-size: 15px
}

.sidebar .tag a.size2 {
    font-size: 17px
}

.sidebar .tag a.size3 {
    font-size: 19px
}

.sidebar .tag a.size4 {
    font-size: 21px
}

.sidebar .counter table {
    width: 160px;
    margin: 0 auto;
    font-family: Tahoma
}

.sidebar .counter table th {
    text-align: left;
    font-weight: 400;
    padding-left: 20px
}

.sidebar .counter table td {
    text-align: right
}

.sidebar .counter tr.online th {
    background: url(https://rdsic.edu.vn/css/template1/img/s_counter1.png) left 2px no-repeat
}

.sidebar .counter tr.yesterday th {
    background: url(https://rdsic.edu.vn/css/template1/img/s_counter2.png) left 2px no-repeat
}

.sidebar .counter tr.today th {
    background: url(https://rdsic.edu.vn/css/template1/img/s_counter3.png) left 2px no-repeat
}

.sidebar .counter tr.week th {
    background: url(https://rdsic.edu.vn/css/template1/img/s_counter4.png) left 2px no-repeat
}

.sidebar .counter tr.month th {
    background: url(https://rdsic.edu.vn/css/template1/img/s_counter5.png) left 2px no-repeat
}

.sidebar .counter tr.year th {
    background: url(https://rdsic.edu.vn/css/template1/img/s_counter1.png) left 2px no-repeat
}

.sidebar .counter tr.total th {
    background: url(https://rdsic.edu.vn/css/template1/img/s_counter_total.png) left 2px no-repeat
}

.sidebar .counter tr.total_top th {
    text-align: center;
    line-height: 30px;
    padding: 0 0 5px 0
}

.sidebar .counter #counter {
    text-align: center
}

.sidebar .counter tr.total_top p {
    font-weight: 700;
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 18px;
    margin: 0 auto 5px;
    border-radius: 3px;
    display: inline;
    padding: 2px 4px
}

.sidebar .counter tr.total_top p span {
    padding: 0 4px;
    border-right: 1px solid #666
}

.sidebar .counter tr.total_top p span:last-of-type {
    border: none
}

#content .box_info_page {
    position: relative
}

#content .box_info_page .top,
#content .box_info_page .bottom {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fff0
}

#content .box_info_page .top {
    top: -5px
}

#content .box_info_page .bottom {
    bottom: -5px
}

#content .box_info_page .des {
    text-align: justify
}

#content .box_info_page .title {
    line-height: 30px
}

#content .box_info_page {
    margin-bottom: 10px
}

#content a.add {
    background-position: -62px -97px
}

#content a.add:hover {
    background-position: -82px -97px
}

#content a.sub {
    background-position: -100px -97px
}

#content a.sub:hover {
    background-position: -120px -97px
}

#content div.tag {
    padding: 7px 0 8px
}

#content div.tag span {
    background: url(https://rdsic.edu.vn/css/template1/img/tag.png) left center no-repeat;
    font-weight: 700;
    display: block;
    float: left;
    width: 82px;
    height: 22px;
    line-height: 26px;
    text-align: right;
    margin-right: 5px;
    text-transform: uppercase;
    color: #003bff
}

#content div.tag a {
    color: #003bff
}

#content div.rate {
    margin-top: 8px
}

#content div.rate span {
    float: left;
    line-height: 25px;
    padding-right: 10px;
    font-weight: 700
}

#content .box_content .top {
    top: -5px
}

#content .box_content .bottom {
    bottom: -5px
}

#content .box_content .title {
    border-bottom: 1px solid #ddd
}

#content .box_content .title_center {
    line-height: 31px;
    position: relative
}

.related_product {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}
#content .box_content .des {
    overflow: hidden;
}

#content .box_content .des.list_product {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

#content .read .des {
    padding-top: 5px;
    text-align: justify
}

#content .box_content.read .title_right,
#content .box_content.read .title_center {
    background: none;
    padding-bottom: 5px;
    height: auto
}

#content .box_content.read .title span {
    line-height: 24px;
    font-size: 20px
}

#content .box_content .title a.more {
    background-image: url(https://rdsic.edu.vn/css/template1/img/arrow3.png);
    background-position: 99% 13px;
    background-repeat: no-repeat;
    padding-right: 15px;
    font-size: 18px;
    white-space: nowrap
}

#content .box_content a.more:hover {
    background-position: 100% 10px
}

#content .box_content .title span {
    font-size: 20px;
    text-shadow: 1px 1px 1px #aaa
}

#content .box_content .title a.more {
    float: right
}

#content .box_content .title nav {
    position: absolute;
    top: 0;
    right: 5px
}

#content .box_content .title ul.sort {
    position: absolute;
    top: 0;
    right: 5px;
    margin: 0;
    padding: 0;
    list-style: none
}

#content .box_content .title ul.sort li {
    display: inline;
    float: left;
    white-space: nowrap
}

#content .box_content .title ul.sort li a {
    padding: 0 5px
}

#content .box_content .title ul.sort li a.desc {
    background: url(https://rdsic.edu.vn/css/template1/img/c_sort_desc.png) 98% center no-repeat;
    padding-right: 10px
}

#content .box_content .title ul.sort li a.asc {
    background: url(https://rdsic.edu.vn/css/template1/img/c_sort_asc.png) 98% center no-repeat;
    padding-right: 10px
}

#content .box_content p.date-time {
    font-size: 18px;
    color: #555;
    font-style: italic
}

#content .product_run .caroufredsel_wrapper {
    margin-top: 5px !important;
    overflow: hidden
}

#content .product_run ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden
}

#content .product_run ul li {
    float: left;
    text-align: left;
    border: 1px solid #ddd;
    width: 248px;
    height: 90px;
    margin: 2px;
    padding: 5px 3px
}

#content .product_run ul li .thumb {
    float: left;
    margin: 0 3px 2px 0;
    position: relative
}

#content .product_run ul li .thumb span {
    position: absolute;
    background: red;
    display: block;
    width: 30px;
    height: 30px;
    background: url(https://rdsic.edu.vn/css/template1/img/icon.png)
}

#content .product_run ul li .thumb img:hover {
    opacity: .5
}

#content .product_run ul li .thumb span.discount {
    top: 0;
    left: 0;
    background-position: 0 0;
    color: #fff;
    text-align: center;
    line-height: 30px
}

#content .product_run ul li .thumb span.promotion {
    top: 30px;
    left: 0;
    background-position: -30px 0
}

#content .product_run ul li p.name {
    font-weight: 700;
    font-size: 18px
}

#content .product_run ul li p.price {
    color: red
}

#content .product_run ul li p.price span.old {
    display: block;
    text-decoration: line-through;
    color: #777
}

#content .box_content.sitemap ul {
    margin: 10px 0 0 20px;
    padding: 0;
    list-style: none
}

#content .box_content.sitemap ul li a {
    color: #333;
    font-weight: 700
}

#content .box_content.sitemap ul ul a {
    font-weight: 400
}

#content .box_content.sitemap ul li {
    background: url(https://rdsic.edu.vn/css/template1/img/arrow3.png) left 6px no-repeat;
    padding-left: 12px
}

#content .box_content.sitemap ul ul {
    padding-bottom: 10px
}

#content .box_content.sitemap ul ul li {
    background: url(https://rdsic.edu.vn/css/template1/img/arrow4.png) left 6px no-repeat
}

#content .search {
    background: #eee;
    border-radius: 3px;
    padding: 16px 10px 18px;
    border: 1px solid #ddd;
    margin-bottom: 15px
}

#content .search ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    width: 100%
}

#content .search ul li {
    margin: 5px 10px 5px 0;
    float: left
}

#content .search .submit input {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) 0 -1px no-repeat;
    border: none;
    width: 97px;
    height: 24px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    padding-right: 6px;
    margin-top: 5px
}

#content .search .submit input:hover {
    background-position: 0 -25px;
    cursor: pointer
}

#content .banner {
    text-align: center;
    margin-bottom: 18px;
    border-radius: 5px;
    overflow: hidden
}

#content .box_content .box_product {
    width: 237px;
    float: left;
    padding: 8px 1px;
    position: relative
}

#content .box_content .box_product .top,
#content .box_content .box_product .bottom {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fff0
}

#content .box_content .box_product .top {
    top: -5px
}

#content .box_content .box_product .bottom {
    bottom: -5px
}

#content .box_content .box_product .thumb {
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 2px;
    overflow: hidden;
    width: 220px;
    border-radius: 5px
}

#content .box_content .box_product:hover .thumb {
    border: 1px solid #2aacd7
}

#content .box_content .box_product .thumb a {
    display: block;
    line-height: 1px
}

#content .box_content .box_product span.discount {
    display: block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    background-image: url(https://rdsic.edu.vn/css/template1/img/icon.png);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: blink
}

#content .box_content .box_product span.discount {
    top: 10px;
    right: 10px;
    background-position: 0 0
}

#content .box_content .box_product .thumb span.promotion {
    top: 30px;
    right: 1px;
    background-position: -30px 0
}

#content .box_content .box_product a {
    color: #286090
}

#content .box_content .box_product p {
    text-align: center;
    padding: 0 5px
}

#content .box_content .box_product p.name,
#content .box_content .box_product p.price {
    height: 20px;
    overflow: hidden
}

#content .box_content .box_product p.price {
    color: rgb(0, 0, 0)
}

#content .box_content .box_product .des_scroll .name {
    font-size: 18px;
    font-weight: 700
}

#content .box_content .box_product .des_scroll p {
    margin: 0;
    padding: 0
}

#content .box_content .box_product .des_scroll .price .lab,
#content .box_content .box_product .des_scroll .warranty span,
#content .box_content .box_product .des_scroll .promotion span {
    font-weight: 700;
    color: #333
}

#content .box_content .box_product p.price span.old {
    color: #999;
    text-decoration: line-through
}

#content .box_content .box_product p.cart {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding: 0;
    display: none
}

#content .box_content .box_product:hover p.cart {
    display: block
}

#content .box_content .box_product p.cart a {
    display: block;
    width: 89px;
    padding-right: 15px;
    line-height: 25px;
    margin: 0 auto;
    text-align: center;
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: 0 -66px;
    color: #fff
}

#content .box_content .box_product p.cart a:hover {
    background-position: 0 -91px;
    text-decoration: none
}

#content .box_content .box_product .name {
    margin: 5px;
    text-align: center;
    line-height: 1.3; /* Tăng line-height */
    overflow: visible; /* Đảm bảo không bị cắt */
    height: auto!important; /* Chiều cao tự động */
    padding: 5px; /* Thêm padding nếu cần */
    box-sizing: border-box;
}

#content .box_content .box_product .name,
#content .box_content .box_product .price {
    height: 34px;
    overflow: hidden
}

#content .box_content .regis_subject {
    margin-bottom: 10px
}

#content .box_content .regis_subject a {
    font-weight: 700;
    color: #ea7b20;
    background: url(https://rdsic.edu.vn/css/template1/img/arrow-34-16.png) center left no-repeat;
    padding-left: 20px;
    font-size: 16px
}

#content .box_content .box_product.option_related {
    border: none
}

#content .box_product .des_scroll {
    position: absolute;
    text-align: justify;
    display: none;
    overflow: hidden;
    top: 0;
    left: 0
}

#content .box_product .des_scroll .tb,
#content .box_product .des_scroll .bt,
#content .box_product .des_scroll .lr,
#content .box_product .des_scroll .rl {
    position: absolute;
    background: #f9f9f9;
    padding: 5px
}

#content .box_product .des_scroll .lr,
#content .box_product .des_scroll .rl {
    top: 0
}

#content .box_product .des_scroll .tb,
#content .box_product .des_scroll .bt {
    left: 0
}

#content .box_product:hover .des_scroll {
    display: block
}

#content .box_product .des_scroll p {
    text-align: justify
}

#content .box_member_register {
    width: 100%;
    margin-top: 10px
}

#content .box_member_register .unit {
    width: 345px;
    float: left;
    border: 1px solid #cecece;
    border-radius: 5px;
    padding: 10px;
    height: 150px;
    position: relative
}

#content .box_member_register .unit.left {
    margin-right: 5px
}

#content .box_member_register .unit h4 {
    padding-bottom: 10px;
    border-bottom: 1px solid #cecece
}

#content .box_member_register .unit p {
    padding-top: 10px
}

#content .box_member_register .edit {
    position: absolute;
    right: 10px;
    bottom: 10px
}

#content .box_content.change_account {
    width: 100%;
    margin: 0 auto
}

#content .box_content.change_account div {
    margin-top: 10px
}

#content .box_content.change_account .des {
    margin-top: -1px;
    border: 1px solid #cecece;
    padding: 10px !important
}

#content .box_content.change_account label {
    display: block;
    width: 100px;
    float: left;
    clear: left
}

#content .box_content.change_account label span {
    color: red
}

#content .box_content.change_account .info_mail {
    font-weight: 700
}

#content .box_content.change_account .submit p {
    margin-left: 100px;
    font-style: italic
}

#content .box_content.change_account .submit span {
    color: red
}

#content .box_content.change_account .submit input {
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -132px;
    border: none;
    color: #fff;
    height: 24px;
    margin-bottom: 0;
    width: 97px;
    text-align: center;
    margin-left: 100px;
    margin-top: 10px;
    cursor: pointer
}

#content .box_content.change_account .submit input:hover {
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -156px
}

#content .box_content.change_address .des {
    border: 1px solid #cecece;
    padding: 10px;
    width: auto;
    margin: 0;
    margin-top: -1px
}

#content .box_content.change_address {
    width: 100%;
    margin: 0 auto
}

#content .box_content.change_address div {
    margin-top: 10px
}

#content .box_content.change_address label {
    width: 100px;
    display: block;
    float: left;
    clear: left
}

#content .box_content.change_address label span {
    color: red
}

#content .box_content.change_address .submit p {
    margin-left: 100px;
    font-style: italic
}

#content .box_content.change_address .submit span {
    color: red
}

#content .box_content.change_address .submit input {
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -132px;
    border: none;
    color: #fff;
    height: 24px;
    margin-bottom: 0;
    width: 97px;
    text-align: center;
    margin-left: 100px;
    margin-top: 10px;
    cursor: pointer
}

#content .box_content.change_address .submit input:hover {
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -156px
}

.box_content.history_payment table {
    width: 100%
}

.box_content.history_payment table td,
.box_content.history_payment table th {
    border: 1px solid #aaa;
    padding: 0 3px;
    text-align: center
}

.box_content.history_payment table tr td.notice {
    height: 25px
}

.box_content.history_payment table span.time {
    font-size: 10px;
    font-style: italic;
    display: block;
    line-height: 15px;
    color: #666
}

.box_content.history_payment table th {
    background: #eee;
    line-height: 28px
}

.box_content.history_payment table .small {
    text-align: center;
    width: 1px;
    white-space: nowrap
}

.box_content.history_payment table.info th {
    width: 150px;
    text-align: left;
    background: none
}

.box_content.history_payment h3 {
    margin: 15px 0 5px 0
}

.box_content.history_payment .detail_order p.old {
    text-decoration: line-through;
    color: #555
}

.box_content.history_payment .detail_order p.promotion {
    color: red
}

.box_content.history_payment table tr.total th {
    background: none;
    text-align: right;
    border: none;
    color: red
}

.box_content.history_payment table tr.total td {
    border: none;
    color: red;
    font-weight: 700;
    text-align: center
}

.box_content.history_payment.management_notice tr td.No_Read a {
    font-weight: 700
}

#content .list_category {
    margin: 8px 0;
    padding: 8px;
    overflow: hidden;
    border: 1px solid #e8e8e8;
    background-color: #f9f9f9;
    border-radius: 5px;
    overflow: hidden
}

#content .list_category li {
    list-style: none;
    width: 186px;
    float: left;
    padding: 3px 0;
    margin-right: 4px
}

#content .list_category li .thumb {
    float: left;
    margin-right: 10px
}

#content .list_category .thumb a {
    line-height: 1px;
    display: block
}

#content .list_category li a {
    line-height: 29px;
    color: #333
}

#content .list_category2 {
    list-style: none;
    margin: 0;
    padding: 0
}

#content .list_category2 li {
    float: left;
    width: 173px;
    text-align: center;
    height: 192px;
    overflow: hidden
}

#content .list_category2 li a {
    color: #333
}

#content .list_category2 li a.thumb {
    display: block;
    margin-bottom: 5px
}

#content .box_content ul.list_document {
    list-style: none;
    margin: 0;
    padding: 0
}

#content .box_content ul.list_document li {
    display: block;
    padding: 5px
}

#content .box_content ul.list_document a {
    color: #333
}

#content .box_content ul.list_document li a.name {
    margin-left: 5px
}

#content .box_content ul.list_document li a.more {
    margin-left: 8px
}

#content .box_content ul.list_document li.bold {
    background-color: #eee
}

#content .box_content ul.list_document .left {
    float: left
}

#content .box_content ul.list_document .right {
    float: right
}

#content .box_content ul.list_document .summary {
    overflow: hidden
}

#content .box_content ul.list_document .detail {
    border-top: 1px solid #ddd;
    margin-top: 8px;
    padding: 3px 0;
    font-size: .9em;
    display: none;
    color: #555;
    text-align: justify
}

#content .box_content .box_post {
    position: relative
}

#content .box_content .box_post .top,
#content .box_content .box_post .bottom {
    position: absolute;
    width: 100%;
    height: 5px;
    z-index: 10;
    background: #fff0
}

#content .box_content .box_post .top {
    top: -5px
}

#content .box_content .box_post .bottom {
    bottom: -5px
}

#content .box_content .box_post:hover .thumb {
    border: 1px solid #aaa
}

#content .box_content .box_post a.name {
    font-weight: 700;
    line-height: 16px;
    color: #333
}

#content .box_content .box_post p.datetime {
    font-size: 11px;
    color: #666;
    font-style: italic
}

#content .box_content .box_post p {
    text-align: justify
}

#content .box_content .box_post a.more {
    font-style: italic
}

#content .order header.title {
    margin-bottom: 10px
}

#content .order .des {
    background: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 5px
}

#content .order .form form {
    margin-top: 10px
}

#content .order .form .submit {
    text-align: center;
    margin-top: 10px
}

#content .order .form .submit input {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) -202px -66px no-repeat;
    border: none;
    width: 111px;
    height: 28px;
    color: #fff;
    font-weight: 700
}

#content .order .form .submit input:hover {
    background-position: -202px -94px;
    cursor: pointer
}

#content .order .form label {
    display: block;
    font-weight: 700;
    line-height: 35px;
    float: left
}

#content .order .form .row2 .right label {
    width: 50px
}

#content .order .form .form_row {
    margin-bottom: 10px
}

#content .order .form .form_row p {
    text-align: justify;
    font-style: italic
}

#content .order .form .des2 {
    font-size: 12px
}

#content .order .map {
    border: 1px solid #d9d9d9
}

#content .order .form .form_row span.t {
    font-weight: 700;
    margin-right: 10px;
    display: block;
    float: left
}

#content .confirm .form .form_row {
    border-bottom: 1px dotted #ddd;
    padding-bottom: 5px;
    text-align: justify;
    overflow: hidden
}

#content .order.thank .des {
    background: #f9f9f9;
    border-radius: 5px;
    padding: 20px 10px;
    border: 1px solid #eee;
    color: green;
    font-size: 16px
}

#content .order .order_info {
    float: right;
    border: 1px solid #ddd;
    margin-right: 1px;
    font-size: 12px;
    overflow: hidden;
    display: none
}

#content .order .order_info span.title {
    background: #17a4d4;
    color: #fff;
    font-weight: 700;
    display: block;
    text-align: center;
    font-size: 13px;
    padding: 10px
}

#content .order .order_info table {
    width: 100%
}

#content .order .order_info table th {
    padding: 5px 0;
    text-align: left;
    background: #f5f5f5
}

#content .order .order_info table th {
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 5px
}

#content .order .order_info table .name {
    font-weight: 700
}

#content .order .order_info table .status {
    color: green
}

#content .order .order_info table .promotion {
    color: red;
    font-style: italic
}

#content .order .order_info table .old {
    text-decoration: line-through;
    color: #555
}

#content .order .order_info table .new {
    font-weight: 700
}

#content .order .order_info table .discount {
    color: red;
    font-style: italic
}

#content .order .order_info table .center {
    text-align: center
}

#content .order .order_info table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

#content .order .order_info table th:last-of-type,
#content .order .order_info table td:last-of-type {
    border-right: none
}

#content .order .order_info table tr.total th {
    text-align: right;
    background: none
}

#content .order .order_info table tr.total th,
#content .order .order_info table tr.total td {
    border-top: 1px dotted #aaa;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: red;
    white-space: nowrap;
    border: none
}

#content .box_content .box_video {
    width: 244px;
    height: 120px;
    margin: 2px;
    float: left;
    position: relative;
    text-align: center;
    border: 1px solid #eee;
    padding: 5px
}

#content .box_content .related .box_video {
    height: 130px
}

#content .box_content .box_video:hover {
    border: 1px solid #aaa
}

#content .box_content .box_video a {
    color: #333
}

#content .box_content .box_video .top,
#content .box_content .box_video .bottom {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fff0;
    left: 0
}

#content .box_content .box_video .top {
    top: -5px
}

#content .box_content .box_video .bottom {
    bottom: -5px
}

#content .box_content .box_video .thumb {
    padding: 2px
}

#content .box_content .box_video a.name {
    line-height: 16px
}

#content .box_content .video_play {
    text-align: center;
    margin-bottom: 10px
}

.tooltip_content {
    display: none
}

#tooltipContent p.name {
    font-weight: 700;
    padding-bottom: 5px
}

#tooltipContent p.price span.old {
    color: #999;
    text-decoration: line-through
}

#tooltipContent p.price span.new {
    color: red;
    font-weight: 700
}

#tooltipContent p.promotion {
    padding: 8px 0;
    margin: 5px 0;
    background: #f9f9f9;
    color: red;
    font-style: italic;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}

#tooltipContent .des2 {
    font-size: 12px;
    color: #444
}

#content ul.social {
    margin: 10px 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#content ul.social li {
    display: block;
    float: left
}

#content ul.social li.facebook {
    width: 100px
}

#content ul.social li.linkedin {
    padding-right: 15px
}

#content .read .des table,
#content .read .des table th,
#content .read .des table td {
    border: 1px solid #aaa;
    margin-top: 10px;
    margin-bottom: 10px
}

#content .read .des table th,
#content .read .des table td {
    padding: 3px 5px 3px 3px
}

#content .read .des p {
    margin: 5px 0;
    line-height: 1.4;
    color: #222
}

#content .des a {
    color: #005688;
    font-weight: 700;
    line-height: 1.3;
}

#content .box_content .related {
    margin-top: -1px
}

#content .box_content .related span.title {
    display: block;
    font-weight: 700;
    font-size: 18px;
    background: #fff0;
    padding: 0;
    color: red;
    height: auto;
    line-height: 30px;
    margin: 20px 0 10px
}

#content .box_content .related ul {
    margin: 0 0 0 6px;
    padding: 0
}

#content .box_content .related li {
    list-style: none
}

#content .box_content .related li a {
    background: url(https://rdsic.edu.vn/css/template1/img/arrow2.png) left 6px no-repeat;
    padding-left: 8px;
    color: #333
}

#content .box_content .box_gallery {
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 0 3px #ddd;
    width: 257px;
    text-align: center;
    padding: 3px;
    float: left;
    margin: 3px
}

#content .box_content .box_gallery:hover {
    border: 1px solid #aaa
}

#content .box_content .box_gallery p.name {
    padding: 0 5px;
    height: 19px;
    overflow: hidden
}

#content .box_content .box_gallery a {
    color: #333
}

.detail_gallery #content #slideshow_image {
    position: relative;
    overflow: hidden;
    background: #000;
    margin-bottom: 10px
}

.detail_gallery #content .galleria-stage {
    position: absolute;
    top: 10px;
    bottom: 60px;
    left: 10px;
    right: 10px;
    overflow: hidden
}

.detail_gallery #content .galleria-thumbnails-container {
    height: 50px;
    bottom: 0;
    position: absolute;
    left: 10px;
    right: 10px;
    z-index: 2
}

.detail_gallery #content .galleria-carousel .galleria-thumbnails-list {
    margin-left: 30px;
    margin-right: 30px
}

.detail_gallery #content .galleria-thumbnails .galleria-image {
    height: 40px;
    width: 60px;
    background: #000;
    margin: 0 5px 0 0;
    float: left;
    cursor: pointer
}

.detail_gallery #content .galleria-counter {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-align: right;
    color: #fff;
    font: normal 11px/1 arial, sans-serif;
    z-index: 2
}

.detail_gallery #content .galleria-loader {
    background: #000;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: none;
    background: url(https://rdsic.edu.vn/css/template1/img/classic-loader.gif) no-repeat 2px 2px
}

.detail_gallery #content .galleria-info {
    width: 50%;
    top: 15px;
    left: 15px;
    z-index: 2;
    position: absolute
}

.detail_gallery #content .galleria-info-text {
    background-color: #000;
    background-color: rgb(0 0 0 / .9);
    padding: 12px;
    display: none
}

.detail_gallery #content .galleria-info-title {
    font: bold 12px/1.1 arial, sans-serif;
    margin: 0;
    color: #fff
}

.detail_gallery #content .galleria-info-description {
    font: italic 12px/1.4 georgia, serif;
    margin: 0;
    color: #bbb
}

.detail_gallery #content .galleria-info-title+.galleria-info-description {
    margin-top: 7px
}

.detail_gallery #content .galleria-info-close {
    width: 9px;
    height: 9px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-position: -753px -11px;
    opacity: .5;
    cursor: pointer;
    display: none
}

.detail_gallery #content .galleria-info-link {
    background-position: -669px -5px;
    opacity: .8;
    position: absolute;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000
}

.detail_gallery #content .galleria-info-link:hover,
.detail_gallery #content .galleria-info-close:hover {
    opacity: .5
}

.detail_gallery #content .galleria-image-nav {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 100%;
    height: 31px;
    left: 0
}

.detail_gallery #content .galleria-image-nav-left,
.detail_gallery #content .galleria-image-nav-right {
    opacity: .7;
    cursor: pointer;
    width: 16px;
    height: 31px;
    position: absolute;
    left: 10px;
    z-index: 2
}

.detail_gallery #content .galleria-image-nav-right {
    left: auto;
    right: 10px;
    background-position: -300px 0;
    z-index: 2
}

.detail_gallery #content .galleria-image-nav-left:hover,
.detail_gallery #content .galleria-image-nav-right:hover {
    opacity: .5
}

.detail_gallery #content .galleria-thumb-nav-left,
.detail_gallery #content .galleria-thumb-nav-right {
    cursor: pointer;
    display: none;
    background-position: -495px 5px;
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    width: 23px;
    z-index: 3;
    opacity: .8
}

.detail_gallery #content .galleria-thumb-nav-right {
    background-position: -578px 5px;
    border-right: none;
    right: 0;
    left: auto
}

.detail_gallery #content .galleria-thumbnails-container .disabled,
.detail_gallery #content .galleria-thumbnails-container .disabled:hover {
    opacity: .2;
    cursor: default
}

.detail_gallery #content .galleria-thumb-nav-left:hover,
.detail_gallery #content .galleria-thumb-nav-right:hover {
    opacity: 1;
    background-color: #111
}

.detail_gallery #content .galleria-carousel .galleria-thumb-nav-left,
.detail_gallery #content .galleria-carousel .galleria-thumb-nav-right {
    display: block
}

.detail_gallery #content .galleria-thumb-nav-left,
.detail_gallery #content .galleria-thumb-nav-right,
.detail_gallery #content .galleria-info-link,
.detail_gallery #content .galleria-info-close,
.detail_gallery #content .galleria-image-nav-left,
.detail_gallery #content .galleria-image-nav-right {
    background-image: url(https://rdsic.edu.vn/css/template1/img/classic-map.png);
    background-repeat: no-repeat
}

#content .box_content_faq ul.question {
    margin-top: 5px
}

#content .box_content_faq ul.question li {
    list-style: decimal
}

#content .box_content_faq h2 {
    line-height: 35px
}

#content .box_content_faq .answer {
    margin-bottom: 10px;
    text-align: justify
}

#content .box_content_faq .line {
    border-bottom: 1px solid #ddd;
    margin: 7px 0 5px
}

#content .box_content_faq .highline {
    background: #ff0;
    display: inline
}

.contact #content .form {
    padding: 10px 30px 10px;
    border: 1px solid #ddd;
    background: #fcfcfc;
    box-shadow: 0 0 3px #ddd
}

.contact #content .form .title {
    background: none;
    padding: 0;
    color: #e20909;
    font-style: italic;
    font-size: 12px;
    line-height: 15px
}

.contact #content .form form {
    margin-top: 10px
}

.contact #content .form .submit {
    text-align: center;
    margin-top: 10px
}

.contact #content .form .submit input {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) 0 -132px no-repeat;
    border: none;
    width: 80px;
    height: 30px;
    padding-right: 15px;
    color: #fff;
    font-weight: 700
}

.contact #content .form .submit input:hover {
    background-position: 0 -160px;
    cursor: pointer
}

.contact #content .form label {
    display: block;
    font-size: 12px
}

.contact #content .form .row {
    margin-bottom: 5px
}

.contact #content input.larger {
    width: 100%
}

.contact #content input.larger1 {
    width: 100%
}

.contact #content textarea.medium {
    width: 100%
}

.detail_product #content .info {
    text-align: justify
}

.detail_product #content .info span.title {
    background: #fff0;
    font-size: 20px;
    border: none;
    line-height: 22px
}

.detail_product #content .info hr {
    border: none;
    border-bottom: 2px solid #ddd;
    margin: 10px 0
}
.detail_product #content .info table th {
    white-space: nowrap;
    padding : 5px 10px !important;
}

.detail_product #content .info table th,
.detail_product #content .info table td {
    padding: 3px 0;
    border-bottom: 1px dotted #f9f9f9
}

.detail_product #content .info table tr.price span.old {
    text-decoration: line-through;
    color: #999
}

.detail_product #content .info table tr.price td {
    color: red;
    font-weight: 700
}

.detail_product #content .info table tr.price span.new {
    color: red;
    font-weight: 700;
    font-size: 16px
}

.detail_product #content .info span.save {
    font-style: italic;
    color: green
}

.detail_product #content .info table tr.tag a {
    color: blue
}

.detail_product #content .info table tr.promotion td {
    font-style: italic;
    color: red
}

.detail_product #content .info table tr.status td {
    color: green
}

.detail_product #content .info a.cart {
    display: inline-block;
    width: 124px;
    padding-right: 15px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: 0 -198px;
    margin-bottom: 15px
}

.detail_product #content .info a.cart:hover {
    text-decoration: none;
    background-position: 0 -231px
}

a.cart2 {
    display: inline-block;
    width: 105px;
    margin-left: 10px;
    padding-right: 15px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: #fff !important;
    font-weight: 700;
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: 0 -91px
}

a.cart2:hover {
    text-decoration: none;
    background-position: 0 -66px
}

.detail_product #content .support span.title {
    font-weight: 700;
    font-size: 16px;
    padding: 0
}

.detail_product #content .support {
    background: #f9f9f9;
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px
}

.detail_product #content .support ul {
    margin: 3px 0 0 0;
    padding: 0;
    overflow: hidden
}

.detail_product #content .support ul li {
    list-style: none;
    float: left;
    display: block;
    width: 224px;
    padding-bottom: 6px
}

.detail_product #content .support ul p {
    float: left;
    padding-right: 10px
}

.detail_product #content .product_des {
    margin-top: 10px;
    overflow: hidden
}

.detail_product #content .product_des .tab_container {
    padding: 10px
}

.detail_product #content .tab_content .box_product {
    width: 238px;
    font-size: 13px
}

.detail_product .product_detail_pos {
    position: fixed;
    top: 65px;
    right: 60px;
    width: 110px;
    background: #fff;
    border: 1px solid #cecece;
    border-radius: 5px;
    box-shadow: 0 0 6px 0 #777;
    z-index: 10000
}

.detail_product .product_detail_pos .box_product {
    float: none !important;
    width: 108px !important
}

.detail_product .product_detail_pos .title {
    height: 25px;
    line-height: 25px;
    display: block;
    text-align: center;
    font-weight: 700;
    color: red;
    border: 1px dotted #cecece !important
}

.detail_product .product_detail_pos .box_product .thumb {
    width: 100px !important;
    border: none !important
}

.detail_product .product_detail_pos .box_product .name {
    height: 37px !important
}

.detail_product .product_detail_pos .box_product .price {
    display: none
}

.registration .des {
    border: 1px solid #cecece;
    margin-top: -1px;
    padding: 10px !important
}

.registration .form_register {
    width: 100%
}

.registration .form_register div {
    margin: 10px auto
}

.registration .form_register div label {
    width: 150px;
    display: block;
    float: left;
    clear: left;
    line-height: 25px
}

.registration .form_register div label.error {
    margin-left: 200px
}

.registration .form_register .submit input {
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -132px;
    border: medium none;
    color: #fff;
    display: inline;
    height: 24px;
    line-height: 24px;
    margin-right: 15px;
    padding: 0;
    text-align: center;
    width: 97px;
    margin-left: 150px;
    margin-top: 10px;
    float: left;
    clear: left;
    cursor: pointer
}

.registration .form_register .submit input:hover {
    background-position: -101px -156px
}

.forget_password .des {
    border: 1px solid #cecece;
    padding: 10px !important;
    margin-top: -1px
}

.forget_password .row {
    margin: 10px 0
}

.forget_password label {
    width: 150px;
    display: block;
    float: left;
    clear: left
}

.forget_password .row input {
    width: 309px
}

.forget_password .submit input {
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -132px;
    border: medium none;
    color: #fff;
    display: inline;
    height: 24px;
    line-height: 24px;
    margin-right: 15px;
    padding: 0;
    text-align: center;
    width: 97px;
    margin-left: 150px;
    float: left;
    clear: left;
    cursor: pointer
}

.forget_password .submit input:hover {
    background-position: -101px -156px
}

#content .bg_star_rate .star_rate {
    float: left;
    margin-right: 10px
}

#content .bg_star_rate p.c {
    line-height: 27px;
    font-style: italic
}

#content .star_rate ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#content .star_rate,
#content .star_rate_2 {
    background-image: url(https://rdsic.edu.vn/css/template1/img/star.gif);
    height: 23px
}

#content .star_rate {
    width: 124px;
    overflow: hidden;
    position: relative;
    background-position: left top;
    margin-bottom: 5px
}

#content .star_rate p {
    margin: 0 !important
}

#content .star_rate_2 {
    background-position: 0 -24px;
    position: absolute
}

#content .star_rate_3 {
    position: absolute
}

#content .star_rate_3 a {
    position: absolute;
    top: -1px
}

#content .star_rate_3 a:hover {
    display: block;
    background-image: url(https://rdsic.edu.vn/css/template1/img/star.gif);
    background-position: 0 -48px
}

#content .star_rate_3 a {
    text-decoration: none;
    height: 23px;
    z-index: 10
}

#content .star_rate_3 a.star1 {
    width: 25px;
    z-index: 8
}

#content .star_rate_3 a.star2 {
    width: 50px;
    z-index: 6
}

#content .star_rate_3 a.star3 {
    width: 75px;
    z-index: 4
}

#content .star_rate_3 a.star4 {
    width: 100px;
    z-index: 2
}

#content .star_rate_3 a.star5 {
    width: 125px;
    z-index: 1
}

#content ul.tabs {
    float: left;
    margin: 0;
    padding: 0
}

#content ul.tabs li {
    float: left;
    height: 25px;
    line-height: 25px;
    border: 1px solid #cfcfcf;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #e0e0e0 url(https://rdsic.edu.vn/css/template1/img/tab.png) repeat-x;
    margin-right: 2px
}

#content ul.tabs li a,
#content ul.tabs li {
    border-radius: 5px 5px 0 0;
    display: block
}

#content ul.tabs li a {
    text-decoration: none;
    color: #000;
    display: block;
    font-size: 13px;
    padding: 0 15px;
    border: 1px solid #fff;
    outline: none
}

#content ul.tabs li a:hover {
    background: #fff url(https://rdsic.edu.vn/css/template1/img/tab_active.png) repeat-x
}

#content ul.tabs li.active,
#content ul.tabs li.active a:hover {
    background: url(https://rdsic.edu.vn/css/template1/img/tab_active.png) repeat-x;
    border-bottom: 1px solid #fff;
    font-weight: 700
}

#content .tab_container {
    border: 1px solid #cfcfcf;
    overflow: hidden;
    clear: both;
    float: left;
    margin-bottom: 8px
}

.detail_product #content .gallery {
    float: left;
    margin: 0 12px 12px 0;
    position: relative
}

.detail_product #content .gallery img {
    border-radius: 5px;
    border: 2px solid #eee;
    padding: 2px
}

.detail_product #content .gallery:hover a.previous,
.detail_product #content .gallery:hover a.next {
    display: block
}

.detail_product #content .gallery a.previous,
.detail_product #content .gallery a.next {
    display: none;
    width: 25px;
    height: 50px;
    background-image: url(https://rdsic.edu.vn/css/template1/img/icon.png);
    position: absolute;
    top: 135px;
    z-index: 100
}

.detail_product #content .gallery a:hover {
    text-decoration: none
}

.detail_product #content .gallery a.previous {
    left: 4px;
    background-position: 0 -34px
}

.detail_product #content .gallery a.next {
    right: 4px;
    background-position: -35px -34px
}

.detail_product #content .gallery a.previous:hover {
    background-position: -61px -34px
}

.detail_product #content .gallery a.next:hover {
    background-position: -96px -34px
}

#thumb_img {
    display: none
}

#thumb_img .etalage_thumb {
    background: #fff url(https://rdsic.edu.vn/css/template1/img/loading.gif) center no-repeat;
    border: 2px solid #ddd;
    padding: 3px
}

#thumb_img .etalage_small_thumbs li {
    background: #fff;
    border: 1px solid #ddd;
    margin: 10px;
    padding: 3px
}

#thumb_img ul li.etalage_smallthumb_active {
    box-shadow: 0 0 10px #ddd
}

#thumb_img .etalage_zoom_area,
.etalage_zoom_area {
    background: #fff url(https://rdsic.edu.vn/css/template1/img/loading.gif) center no-repeat;
    border: 1px solid #ddd;
    padding: 6px;
    box-shadow: 0 0 10px #ddd
}

#thumb_img .etalage_magnifier {
    background: #fff;
    border: 1px solid #bbb
}

#thumb_img .etalage_icon {
    background: url(https://rdsic.edu.vn/css/template1/img/zoom.png) no-repeat;
    width: 14px;
    height: 14px;
    display: none !important
}

#thumb_img .etalage_hint {
    width: 130px;
    height: 57px
}

#thumb_img .etalage_description {
    background: #333;
    font-style: italic;
    margin: 10px;
    padding: 6px 10px;
    color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 3px #ddd
}

.etalage,
.etalage_thumb,
.etalage_thumb_image,
.etalage_source_image,
.etalage_zoom_preview,
.etalage_icon,
.etalage_hint {
    display: none
}

.etalage,
.etalage ul,
.etalage li,
.etalage img,
.etalage_hint,
.etalage_icon,
.etalage_description {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none
}

.etalage,
.etalage_magnifier div,
.etalage_magnifier div img,
.etalage_small_thumbs ul,
ul .etalage_small_thumbs li,
.etalage_zoom_area div,
.etalage_zoom_img {
    position: relative
}

.etalage,
.etalage_small_thumbs li {
    float: left
}

.etalage_right {
    float: right
}

.etalage li {
    position: absolute;
    z-index: 100
}

.etalage img {
    vertical-align: bottom;
    max-width: none
}

.etalage_magnifier {
    cursor: default
}

.etalage_magnifier div,
.etalage_small_thumbs {
    overflow: hidden
}

.etalage_magnifier div img {
    display: none
}

.etalage_icon,
.etalage_hint {
    cursor: default;
    width: 0;
    height: 0;
    overflow: hidden
}

.etalage_small_thumbs li.vertical {
    float: none
}

.etalage_zoom_area div {
    overflow: hidden;
    z-index: 997
}

.etalage_zoom_preview {
    position: absolute;
    z-index: 998
}

.etalage_zoom_img,
.etalage_hint {
    z-index: 999
}

.etalage {
    direction: ltr
}

div.etalage_description {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 999
}

div.etalage_description.rtl {
    direction: rtl;
    text-align: right
}

.detail_product #content .gallery .zoom {
    position: absolute;
    top: 290px;
    right: 5px;
    z-index: 100;
    background: url(https://rdsic.edu.vn/css/template1/img/icon.png) -3px -171px no-repeat;
    display: block;
    width: 35px;
    height: 33px
}

.detail_product #content .gallery .zoom:hover {
    background-position: -39px -171px
}

#comment {
    margin-top: 15px
}

#comment .title2 {
    position: relative;
    height: 32px;
    border-bottom: 2px solid #ddd
}

#comment .title2 span {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: red
}

#comment .title2 a.write {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1px 0;
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) -202px -132px no-repeat;
    width: 121px;
    text-align: center;
    color: #333
}

#comment .title2 a.write:hover {
    background-position: -202px -158px;
    text-decoration: none
}

#comment ul.comment {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none
}

#comment ul.comment li {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    text-align: justify
}

#comment ul.comment li p.title {
    background: #fff0;
    padding: 0;
    font-weight: 700;
    height: 25px
}

#comment ul.comment li p.name {
    color: #333;
    font-weight: 700
}

#comment ul.comment li p.name span {
    font-size: 11px;
    color: #444
}

#comment ul.comment ul {
    background: #f4f4f4;
    padding-left: 25px;
    margin-top: 8px;
    padding-right: 10px;
    margin-bottom: 6px
}

#comment ul.comment ul li:last-of-type {
    border-bottom: none
}

#comment table {
    margin-top: 20px
}

#comment table th {
    text-align: left;
    width: 130px
}

#comment table th,
#comment table td {
    padding-bottom: 8px
}

#comment table .submit button {
    background: #eee url(https://rdsic.edu.vn/css/template1/img/button.png) -202px -66px no-repeat;
    border: none;
    height: 28px;
    width: 111px;
    color: #fff
}

#comment table .submit button:hover {
    background-position: -202px -94px;
    cursor: pointer
}

#comment p.button {
    text-align: right
}

#comment p.button a.answer {
    font-size: 12px;
    border-radius: 3px 0 3px 0;
    margin-right: 10px;
    color: #e20808
}

#comment p.button a.like {
    font-size: 12px;
    margin-right: 10px;
    font-weight: 700;
    color: #333
}

#comment p.button a.like.no_like {
    font-weight: 400
}

#comment ul li li p.button a.like {
    margin-right: 0
}

#comment p.button a.like span {
    margin: 0 3px
}

#comment p.button a.like span.like {
    background: url(https://rdsic.edu.vn/css/template1/img/icon.png) -164px -5px no-repeat;
    padding: 2px 7px 0
}

#comment p.button a.like:hover {
    text-decoration: none
}

#breadcrumb ul {
    margin: 3px 0 0 0;
    padding: 0 0 0 5px;
    font-size: 12px;
    float: left;
    color: #555
}

#breadcrumb ul li {
    display: block;
    float: left;
    margin-right: 5px;
    position: relative
}

#breadcrumb ul li a {
    background: url(https://rdsic.edu.vn/css/template1/img/c_breadcrumb.png) right 5px no-repeat;
    padding-right: 10px;
    color: #555
}

#breadcrumb ul li.home {
    background: url(https://rdsic.edu.vn/css/template1/img/c_home.png) center left no-repeat
}

#breadcrumb ul li.home a {
    padding: 0 12px
}

#breadcrumb ul li ul {
    display: none;
    position: absolute;
    top: 15px;
    background: #f9f9f9;
    z-index: 1000;
    box-shadow: 0 0 2px #222
}

#breadcrumb ul li:hover ul {
    display: block
}

#breadcrumb ul li ul li {
    width: 200px;
    padding: 3px 0;
    display: block;
    margin: 0;
    border-bottom: 1px solid #eee;
    background: url(https://rdsic.edu.vn/css/template1/img/arrow1.png) 4px 10px no-repeat
}

#breadcrumb ul li ul li:hover {
    background-position: 5px 10px
}

#breadcrumb ul li ul li a {
    background: none;
    padding: 0 0 0 10px
}

#content ul.step {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    margin-bottom: 15px;
    border-collapse: collapse
}

#content ul.step li {
    display: block;
    float: left;
    width: 25%;
    line-height: 48px;
    font-size: 16px;
    font-weight: 700;
    color: #444
}

#content ul.step li span {
    font-size: 25px;
    padding: 0 12px;
    display: block;
    width: 25px;
    margin-right: 5px;
    float: left;
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) -151px -49px no-repeat;
    color: #fff
}

#content ul.step li.active span {
    background-position: -151px 0
}

#content ul.step li.active {
    color: red
}

#back-top {
    bottom: 25px;
    right: 15px;
    position: fixed;
    z-index: 9999
}

#back-top a {
    color: #bbb;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 26px;
    display: block;
    text-align: center
}

#back-top a:hover {
    color: #000
}

#back-top span {
    background: #888 url(https://rdsic.edu.vn/css/template1/img/up-arrow.png) no-repeat scroll center center;
    border-radius: 5px;
    width: 45px;
    height: 45px;
    display: block;
    margin-bottom: 7px
}

#back-top a:hover span {
    background-color: #666
}

.btn_oneweb {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) -202px -66px no-repeat;
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    line-height: 29px;
    color: #fff
}

#adv_left_out,
#adv_right_out {
    position: fixed;
    top: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-radius: 2px;
    width: 149px;
    text-align: center
}

#adv_left_out {
    left: 10px
}

#adv_right_out {
    right: 10px
}

#cart {
    position: fixed;
    bottom: 0;
    right: 15px;
    width: 200px;
    background: #fff;
    border: 1px solid red;
    z-index: 1000;
    overflow: hidden;
    border-radius: 2px 2px 0 0;
    text-align: center;
    box-shadow: 0 -1px 3px #aaa
}

#cart a.title {
    background: url(https://rdsic.edu.vn/css/template1/img/pupup_cart.png) center top repeat-x;
    color: #fff;
    font-weight: 700;
    padding: 0;
    line-height: 25px;
    display: block;
    text-transform: uppercase;
    font-size: 12px
}

#cart a.title:hover {
    text-decoration: none
}

#cart div {
    line-height: 22px;
    padding: 6px;
    display: none
}

#cart p.link a {
    color: red
}

#support_2 {
    position: fixed;
    bottom: 0;
    right: 15px;
    width: 200px;
    background: #fff;
    border: 1px solid #006cb5;
    z-index: 10000;
    border-radius: 2px 2px 0 0;
    text-align: center;
    box-shadow: 0 -1px 3px #aaa
}

#support_2 span.icon {
    background: url(https://rdsic.edu.vn/css/template1/img/icon_support.png) no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -15px;
    left: 2px
}

#support_2 a.title {
    background: url(https://rdsic.edu.vn/css/template1/img/pupup_support.png) center top repeat-x;
    color: #fff;
    font-weight: 700;
    padding: 0;
    line-height: 25px;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    padding-left: 20px
}

#support_2 a.title:hover {
    text-decoration: none
}

#support_2 div {
    line-height: 22px;
    padding: 15px 6px 10px;
    display: none;
    overflow: hidden
}

#support_2 ul {
    margin: 0;
    padding: 0;
    list-style: none
}

#support_2 ul li {
    padding: 3px 0;
    overflow: hidden
}

#support_2 ul p {
    float: left
}

#support_2 ul p.name {
    text-align: left;
    width: 147px
}

#support_2 ul p.nick {
    width: 20px
}

#support_2 ul a:hover {
    text-decoration: none
}

#mask {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    background-color: #000;
    display: none;
    opacity: .8
}

#popup .window {
    position: absolute;
    left: 0;
    top: 100px;
    width: 820px;
    display: none;
    z-index: 9999;
    color: #fff;
    width: 500px;
    text-align: justify;
    z-index: 11000
}

#popup a.close {
    padding: 5px 12px;
    float: right;
    margin-right: -13px;
    margin-top: -13px;
    background: url(https://rdsic.edu.vn/css/template1/img/icon.png) -92px 0 no-repeat
}

#popup a.close:hover {
    background-position: -122px 0;
    text-decoration: none
}

#popup #popup_cart {
    background: #eee;
    height: 400px;
    width: 700px !important;
    color: #333;
    border-radius: 2px;
    overflow: hidden
}

#popup #popup_cart span.title {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 32px;
    background: #d64937;
    display: block;
    padding-left: 10px;
    text-transform: uppercase
}

#popup #popup_cart span.title span {
    padding: 4px 18px;
    background: url(https://rdsic.edu.vn/css/template1/img/icon.png) -185px -2px no-repeat;
    margin-right: 5px
}

#popup #popup_cart .list_product {
    padding: 0 10px;
    height: 250px;
    overflow: auto;
    background: #fff;
    border-bottom: 1px solid #ddd
}

#popup #popup_cart .list_product .new {
    font-weight: 700
}

#popup #popup_cart .list_product .old {
    text-decoration: line-through;
    font-size: 12px
}

#popup #popup_cart .list_product .discount {
    color: red;
    font-size: 12px;
    font-style: italic
}

#popup #popup_cart table {
    margin-top: 15px;
    width: 100%;
    border: 1px solid #ddd
}

#popup #popup_cart table .small {
    width: 1px;
    white-space: nowrap
}

#popup #popup_cart table .center {
    text-align: center
}

#popup #popup_cart .list_product table img {
    margin: 0 5px 2px 0
}

#popup #popup_cart .list_product table .name {
    font-weight: 700
}

#popup #popup_cart .list_product table p.status {
    color: green
}

#popup #popup_cart .list_product table .promotion {
    color: red;
    font-style: italic
}

#popup #popup_cart table th {
    line-height: 20px;
    background: #eee
}

#popup #popup_cart table th,
#popup #popup_cart table td {
    border-bottom: 1px solid #ddd;
    padding: 6px
}

#popup #popup_cart table td.price {
    font-weight: 700
}

#popup #popup_cart .payment {
    width: 200px;
    float: right;
    margin-top: 15px
}

#popup #popup_cart .payment p.total {
    font-weight: 700;
    color: #d64937;
    font-size: 15px;
    padding-bottom: 12px
}

#popup #popup_cart .payment p.total span {
    display: block;
    width: 70px;
    float: left
}

#popup #popup_cart .payment .close {
    background: none;
    float: none;
    padding: 0;
    margin: 0;
    color: green
}

#popup #popup_cart .payment .close a:hover {
    text-decoration: underline
}

#popup #popup_cart .payment p.payment2 a {
    background: #d14836;
    color: #fff;
    display: block;
    width: 175px;
    text-align: center;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 5px;
    border-radius: 3px
}

#popup #popup_cart .payment p.payment2 a:hover {
    background: #c43c2d;
    text-decoration: none
}

#popup #popup_cart .empty_order {
    text-align: center;
    margin-top: 100px;
    font-size: 18px
}

#popup_member {
    background: #fff;
    min-height: 250px;
    width: 410px !important;
    border-radius: 7px;
    position: relative
}

#popup_member .popup-header {
    height: 30px;
    background: #e30d0d;
    border-radius: 7px 7px 0 0;
    line-height: 30px;
    padding-left: 27px;
    font-size: 18px
}

#popup_member .popup_form {
    width: 354px;
    margin: 0 auto
}

#popup_member .popup_form div {
    margin-top: 10px
}

#popup_member .popup_form div.error {
    height: 13px;
    margin-top: 0
}

#popup_member .popup_form div label {
    color: #666;
    font-size: 16px;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase;
    width: 100px;
    display: block;
    margin-bottom: 5px
}

#popup_member .popup_form div.row input {
    border: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 3px rgb(0 0 0 / .1) inset;
    color: #cecece;
    font-family: arial;
    font-size: 125%;
    font-weight: 700;
    line-height: 18px;
    padding: 8px 6px 7px;
    width: 340px
}

#popup_member .popup_form p {
    padding-top: 5px;
    font-style: italic
}

#popup_member .popup_form div.button input {
    background-image: url(https://rdsic.edu.vn/css/template1/img/button.png);
    background-position: -101px -132px;
    color: #fff;
    display: inline;
    line-height: 24px;
    text-align: center;
    width: 97px;
    border: none;
    margin-right: 15px;
    padding: 0;
    height: 24px;
    cursor: pointer
}

#popup_member .popup_form div.button input:hover {
    background-position: -101px -156px
}

#popup_member .popup_form .error_none {
    display: none
}

#popup_member .popup_form .error_show {
    display: block;
    color: red;
    font-style: italic;
    text-align: center;
    position: absolute;
    top: 35px;
    left: 80px
}

#popup #popup_position {
    background: url(https://rdsic.edu.vn/css/template1/img/bg_popup_position.png);
    height: 279px;
    width: 551px !important;
    color: #333;
    border-radius: 2px;
    overflow: hidden
}

#popup #popup_position span.title {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 32px;
    background: #d64937;
    display: block;
    padding-left: 10px;
    text-transform: uppercase
}

#popup #popup_position span.title span {
    padding: 4px 18px;
    background: url(https://rdsic.edu.vn/css/template1/img/icon.png) -185px -2px no-repeat;
    margin-right: 5px
}

#popup #popup_position .chooseRegionPopup .cSel {
    padding-top: 65px
}

#popup #popup_position .chooseRegionPopup .cSel select {
    border-color: #cdcdcd;
    box-shadow: 0 1px 1px #dedede inset;
    font-size: 15px;
    line-height: 24px;
    padding: 5px;
    width: 410px;
    margin-left: 70px
}

#popup #popup_position .chooseRegionPopup .cBtn input {
    background: linear-gradient(to bottom, #2ab3f0 0%, #047cb1 100%) repeat scroll 0 0 #fff0;
    border-color: #fff;
    border-radius: 10px;
    box-shadow: 4px 4px 5px rgb(50 50 50 / .75);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    height: 38px;
    line-height: 1em;
    margin: 0 auto;
    padding: 0 5px;
    text-align: center;
    text-shadow: 1px 1px rgb(0 0 0 / .25);
    width: 116px
}

#popup #popup_position .chooseRegionPopup .cNote {
    margin: 0 auto 20px;
    width: 410px
}

#popup #popup_position .chooseRegionPopup .cBtn {
    vertical-align: baseline
}

#popup #popup_position .chooseRegionPopup .row {
    color: #666;
    font-size: 15px;
    margin-bottom: 20px;
    float: left;
    width: 100%
}

.chooseRegionPopup {
    margin: 0 auto;
    width: 400px
}

#popup #popup_position .chooseRegionPopup .row.cSel {
    margin: 0 auto;
    text-align: center;
    width: 67%;
    float: none
}

.chooseRegionPopup .row.cSel a {
    float: left;
    margin-bottom: 5px;
    width: 250px;
    background: #ddd;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px 10px
}

.chooseRegionPopup .row.cSel a:hover {
    background: #2bb2f0;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #fff
}

.chooseRegionPopup .row.cSel a:hover .icon_maker {
    background-position: 2px -17px
}

.icon_maker {
    background-image: url(https://rdsic.edu.vn/css/template1/img/maker.png);
    width: 16px;
    height: 16px;
    background-position: 2px 2px;
    padding-left: 34px;
    background-repeat: no-repeat
}

#lock_web {
    position: fixed;
    z-index: 11000;
    top: 0;
    color: #000;
    width: 100%;
    height: 100%
}

#lock_web .mask {
    opacity: .7;
    background: #333;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%
}

#lock_web .des {
    width: 600px;
    margin: 100px auto 0;
    background: #fff;
    border-radius: 6px;
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
    min-height: 200px;
    max-height: 400px;
    position: relative;
    z-index: 12000;
    overflow: auto
}

#message_top {
    display: none;
    top: 20px;
    float: right;
    position: fixed;
    z-index: 100000;
    width: 100%;
    text-align: center
}

#message_top #loading {
    width: 160px;
    margin: 0 auto;
    padding: 30px 10px 15px;
    border-radius: 3px;
    box-shadow: 0 0 4px #333;
    opacity: .9;
    background: #fff url(https://rdsic.edu.vn/css/template1/img/ajax-loading.gif) center 10px no-repeat
}

#content .paginator {
    text-align: right;
    height: 29px;
    line-height: 29px;
    display: block;
    padding-right: 5px;
    margin-top: 10px
}

#content .paginator span {
    margin: 1px
}

#content .paginator span a,
#content .paginator span.current {
    padding: 2px 5px;
    background: #eee;
    border-radius: 5px 0 5px 0;
    border: 1px solid #d3d3d3;
    color: #333
}

#content .paginator span.current,
#content .paginator a:hover {
    font-weight: 700;
    border: 1px solid #c6c6c6;
    background: #ddd;
    color: #333
}

#content .paginator a.disabled-page {
    color: #777
}

#content .paginator a.disabled-page:hover {
    text-decoration: none;
    cursor: default
}

.box_banner ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: 180px
}

.box_banner ul li {
    float: left;
    border: 1px solid #ddd;
    margin: 2px 4px 2px 0
}

.box_banner ul li:hover {
    border: 1px solid #999
}

.box_banner.banner_bottom,
.box_banner.banner_bottom .caroufredsel_wrapper {
    width: 960px !important;
    overflow: hidden
}

.box_banner.banner_bottom {
    margin-bottom: 8px
}

.box_partner {
    margin-bottom: 18px;
    overflow: hidden;
    width: 960px
}

.box_partner ul li {
    float: left;
    border: 1px solid #ddd;
    margin: 0 3px;
    display: block;
    height: 80px
}

.box_partner ul li:hover {
    border: 1px solid #333
}

.box_partner span.title {
    font-size: 15px;
    font-weight: 700;
    padding-left: 8px;
    line-height: 25px
}

.box_partner .caroufredsel_wrapper {
    margin: 0 auto !important;
    height: 82px !important
}

.box_partner ul {
    height: 82px
}

.simply-scroll-container {
    position: relative
}

.simply-scroll-clip {
    position: relative;
    overflow: hidden
}

.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none
}

.simply-scroll-list li {
    padding: 0;
    margin: 0;
    list-style: none
}

.simply-scroll-list li img {
    border: none
}

.simply-scroll-btn {
    position: absolute;
    background-image: url(buttons.png);
    width: 42px;
    height: 44px;
    z-index: 3;
    cursor: pointer
}

.simply-scroll-btn-left {
    left: 6px;
    bottom: 6px;
    background-position: 0 -44px
}

.simply-scroll-btn-left.disabled {
    background-position: 0 0 !important
}

.simply-scroll-btn-left:hover,
.simply-scroll-btn-left:focus {
    background-position: 0 -88px
}

.simply-scroll-btn-right {
    right: 6px;
    bottom: 6px;
    background-position: -84px -44px
}

.simply-scroll-btn-right.disabled {
    background-position: -84px 0 !important
}

.simply-scroll-btn-right:hover,
.simply-scroll-btn-right:focus {
    background-position: -84px -88px
}

.simply-scroll-btn-up {
    right: 6px;
    top: 6px;
    background-position: -126px -44px
}

.simply-scroll-btn-up.disabled {
    background-position: -126px 0 !important
}

.simply-scroll-btn-up:hover,
.simply-scroll-btn-up:focus {
    background-position: -126px -88px
}

.simply-scroll-btn-down {
    right: 6px;
    bottom: 6px;
    background-position: -42px -44px
}

.simply-scroll-btn-down.disabled {
    background-position: -42px 0 !important
}

.simply-scroll-btn-down:hover,
.simply-scroll-btn-down:focus {
    background-position: -42px -88px
}

.simply-scroll-btn-pause {
    right: 6px;
    bottom: 6px;
    background-position: -168px -44px
}

.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
    background-position: -168px -88px
}

.simply-scroll-btn-pause.active {
    background-position: -84px -44px
}

.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
    background-position: -84px -88px
}

.simply-scroll .simply-scroll-list li {
    float: left;
    width: 110px;
    text-align: center
}

.vert {
    width: 340px;
    height: 400px;
    margin-bottom: 1.5em
}

.vert .simply-scroll-clip {
    width: 290px;
    height: 400px
}

.vert .simply-scroll-list li {
    width: 290px;
    height: 200px
}

.vert .simply-scroll-btn-up {
    right: 0;
    top: 0
}

.vert .simply-scroll-btn-down {
    right: 0;
    top: 52px
}

#bg_footer {
    background: #04467e
}

#footer {
    min-height: 200px;
    position: relative;
    color: #dfdfdf;
    margin: 0 auto
}

#footer .top,
#footer .bottom {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #fff0
}

#footer .top {
    top: 0
}

#footer .bottom {
    bottom: 0
}

#footer address {
    padding: 6px;
    font-style: normal
}

#footer .design {
    text-align: right;
    font-size: 11px;
    font-style: italic;
    position: absolute;
    bottom: 5px;
    right: 15px
}

#footer .design span {
    color: #333;
    font-weight: 700
}

#footer .design span span {
    color: #f6d901
}

.text_link {
    padding: 10px 0 10px
}

#footer .nav_top {
    text-align: center
}

#footer .nav_top .left,
#footer .nav_top .right,
#footer .nav_top {
    height: 34px
}

#footer .nav_top .left,
#footer .nav_top .right {
    position: relative;
    top: 0;
    width: 5px
}

#footer .nav_top .left {
    position: absolute;
    left: 0
}

#footer .nav_top .right {
    position: absolute;
    right: 0
}

#footer .nav_top ul {
    padding: 8px
}

#footer .nav_top ul ul {
    display: none
}

#footer .nav_top ul li {
    display: inline;
    padding: 5px
}

#footer .nav_top ul li a {
    color: #dfdfdf
}

#footer .social ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#footer .social {
    position: absolute;
    top: 40px;
    right: 15px
}

#footer .social ul.link {
    margin-bottom: 5px
}

#footer .social ul.link li {
    display: inline
}

.mesages_full {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://rdsic.edu.vn/css/template1/img/dot.png);
    z-index: 100000;
    padding-top: 200px
}

.mesages_full div {
    width: 500px;
    margin: 0 auto;
    text-align: justify;
    background: #fff;
    font-size: 18px;
    padding: 15px;
    border-radius: 5px;
    line-height: 25px
}

.mesages_full div span.title {
    display: block;
    margin-top: 10px
}

#skypedetectionswf {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 1px;
    height: 1px
}

.relate_other {
    position: absolute;
    right: 10px;
    bottom: 2px;
    z-index: 99;
    color: #fff
}

.gsc-search-button {
    display: none
}

.relate_other .gsc-control-cse {
    padding: 0 0 15px 0
}

.relate_other .gsc-input-box {
    width: 213px
}

.relate_other table tr td {
    padding: 3px
}

.relate_other table.t_face tr td {
    padding: 0 5px;
    text-shadow: 1px 1px 1px #015f7f
}

.a_box_home {
    margin: 20px 0
}

#content .a_box_home .thumb a img {
	border-radius:50%;
}
.a_box_home a.nav_cat {
   # height: 22px;
    display: block;
    margin-left: 3px;
    text-transform: uppercase;
    color: #13a3d3;
    font-weight: 700;
    line-height: 22px;
    margin-top: 5px;
    margin-bottom:20px
}

.inner_pages {
    padding: 10px 0
}

#content .read .des .info_contact table,
#content .read .des .info_contact table th,
#content .read .des .info_contact table td {
    border: none
}

.hotline_top {
    display: none;
    position: absolute;
    bottom: 6px;
    left: 0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    text-shadow: 1px 1px 1px #015f7f
}

.c_mail,
.like,
.view {
    font-size: 12px;
    font-weight: 400;
    font-style: italic
}

#content .box_suggestion .box-tes {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 15px;
    padding-bottom: 10px
}

.suggestion .about {
    text-align: right
}

#content .box_suggestion .box-tes .thumb {
    float: left;
    margin-right: 8px
}

#comment .title3 {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    width: 100%
}

#content .box_suggestion .box-tes .info {
    text-align: justify
}

#content .box_suggestion .box-tes p.author_name {
    text-align: right;
    font-weight: 700
}

.box_suggestion.no_col_right {
    margin-right: 0 !important
}

#content .box_content #suggestion {
    overflow: hidden
}

#content .box_suggestion {
    margin-right: 220px
}

#content .box_content.box_suggestion #suggestion .title {
    border: none
}

#content .box_content.box_suggestion #suggestion .title a {
    float: left !important
}

#content .box_content .box_suggestion {
    margin-bottom: 8px
}

#content .box_content .box_suggestion .title {
    padding: 4px 0 6px;
    font-weight: 700;
    font-size: 13px;
    color: #333;
    height: 18px;
    border: none
}

#content .box_content .box_suggestion .title a {
    float: left
}

#content .box_content .box_suggestion p.description {
    padding-bottom: 10px
}

#content .box_content .box_suggestion p.about {
    text-align: right;
    text-decoration: underline;
    font-size: .8em
}

.sidebar .comment ul li a {
    background: url(https://rdsic.edu.vn/css/template1/img/arrow2.png) no-repeat scroll left 6px #fff0;
    padding-left: 8px
}

.comment ul li {
    border-bottom: 1px dashed #ddd;
    padding: 5px 0
}

.suggestion_form .form {
    padding: 10px 0;
    margin: 0 auto
}

.suggestion_form .form .title {
    background: none;
    padding: 0;
    color: #e20909;
    font-style: italic;
    font-size: 12px;
    line-height: 15px
}

.suggestion_form .form label {
    width: 120px;
    float: left
}

#desc_sug {
    line-height: 10px;
    margin-bottom: 20px
}

.suggestion_form #content .form .submit {
    text-align: center;
    margin-top: 10px
}

.suggestion .title {
    font-weight: 700
}

.suggestion_form .form .submit input {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) 0 -132px no-repeat;
    border: none;
    width: 80px;
    height: 28px;
    padding-right: 15px;
    color: #fff;
    font-weight: 700;
    margin-left: 235px
}

.suggestion_form .form .submit input:hover {
    background-position: 0 -160px;
    cursor: pointer
}

.suggestion_form .form label {
    display: block;
    font-size: 12px;
    font-weight: 700
}

.suggestion_form .form .row {
    margin-bottom: 5px
}

.suggestion_form .map {
    border: 1px solid #d9d9d9
}

.suggestion_form input.larger {
    width: 306px
}

.suggestion_form input.larger1 {
    width: 232px
}

.suggestion_form textarea.medium {
    width: 600px !important;
    height: 190px !important
}

.read.box_suggestion #write_comment {
    font-size: 14px;
    color: red;
    font-weight: 700
}

.read.box_suggestion table,
.read.box_suggestion table th,
.read.box_suggestion table td {
    border: none !important
}

.box_suggestion a.write_list {
    background: url(https://rdsic.edu.vn/css/template1/img/button.png) no-repeat scroll -131px -198px #fff0;
    color: #fff;
    font-size: 15px;
    font-weight: inherit;
    height: 33px;
    line-height: 33px;
    padding-left: 10px;
    position: absolute;
    right: 0;
    text-align: left;
    top: 0;
    width: 167px
}

.box_suggestion a.write_list:hover {
    background-position: -131px -231px;
    text-decoration: none
}

.sugg {
    padding-bottom: 7px
}

.date_cmt,
.count_cmt {
    color: #333;
    margin-right: 10px;
    font-style: italic;
    font-size: 11px
}

.short_desc {
    font-style: italic
}

a[href^="tel"] {
    color: inherit;
    text-decoration: none
}

.title-theme,
.title-theme strong {
    display: inline-block;
    border-radius: 5px
}

.title-theme {
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #aa1d29;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: rgb(0 0 0 / .2) 0 2px 4px;
    position: relative
}

.title-theme strong {
    padding: 5px 10px;
    background-color: #fff;
    color: #aa1d29;
    font-size: 16px;
    box-shadow: rgb(0 0 0 / .1) 0 1px 2px
}

@media (min-width:1200px) {
    #header {
        width: 1000px;
        margin: 0 auto
    }
}

@media (min-width:1024px) {
    #content .order .form .form_row span.t {
        width: 167px
    }

    #content .birthday select {
        width: 21%
    }

    .container {
        width: 960px;
        padding: 0 5px
    }

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-xs-1,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9 {
        padding-left: 5px;
        padding-right: 5px
    }

    .row {
        margin-left: -5px;
        margin-right: -5px
    }

    #header .nav ul li.selected a,
    #header .nav ul li a:hover,
    #header .nav ul>li.current>a {
        cursor: pointer;
        color: #323232;
        border-bottom: 4px solid #ff534a;
        background: #fff0
    }

    .navbar-nav>li>a {
        border-bottom: 4px solid #fff0
    }
}

@media (min-width:992px) and (max-width:1199px) {
    p#title_site {
        font-size: 20px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .navbar-nav>li>a {
        padding: 0 5px
    }

    #header .logo {
        width: 20%
    }

    #header .bottom {
        position: absolute;
        bottom: 17px;
        right: 0
    }

    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding: 6px 5px;
        border-bottom: 4px solid #fff0
    }

    .navbar-collapse {
        padding: 0
    }

    #header .nav ul li.selected a,
    #header .nav ul li a:hover,
    #header .nav ul li.current a {
        cursor: pointer;
        color: #323232;
        border-bottom: 4px solid #ff534a;
        background: #fff0
    }

    p#title_site {
        font-size: 16px
    }

    .a_box_home .item:last-child {
        float: none;
        margin: 0 auto;
        display: inline
    }

    footer table {
        width: 100% !important
    }

    footer table tr td {
        width: 100% !important;
        float: left;
        margin-top: 15px;
        text-align: center
    }

    footer table tr td h2,
    footer table tr td p {
        text-align: center !important
    }
}

@media (min-width:992px) {
    .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        padding: 18px 5px;
        border-bottom: 4px solid #fff0
    }

    .navbar-collapse {
        padding: 0
    }

    #header .nav ul li span {
        letter-spacing: -.68px
    }
}

@media (max-width:991px) {
    #header .nav ul li span {
        letter-spacing: -1px
    }

    .nav>li>a:focus,
    .nav>li>a:hover {
        background: #fff0
    }

    .des img {
        max-width: 100% !important;
        height: auto !important
    }

    .tab_content table {
        width: 100% !important
    }
}

@media (min-width:768px) {
    #header .middle {
        z-index: 1001
    }
}

.map {
    display: flex;
    justify-content: center
}

#googleMap {
    width: 70%;
    height: 400px
}

@media (max-width:767px) {
    #googleMap {
        width: 100%;
        height: 400px
    }

    iframe {
        max-width: 100%
    }

    .a_box_home img {
        max-width: 100%
    }

    .sbzon {
        left: 0 !important
    }

    .line {
        display: none
    }

    #content ul.tabs {
        width: 100%
    }

    #content ul.tabs li {
        width: 100%;
        background: #006cb5 !important;
        border-radius: 0 !important;
        height: 35px;
        line-height: 35px;
        border: none
    }

    #content ul.tabs li a {
        border-radius: 0 !important;
        color: #fff !important
    }

    #content ul.tabs li.active,
    #content ul.tabs li.active a:hover {
        background: #0087e1 !important
    }

    #header .position_top label {
        margin-left: 5px
    }

    .nav-main-menu {
        display: none
    }

    #header .logo {
        left: 15px
    }

    #header {
        height: 125px
    }

    .navbar-toggle .icon-bar {
        background-color: #333
    }

    .navbar-toggle .icon-bar {
        width: 30px
    }

    ul.navbar-nav li {
        width: 100%
    }

    #header .nav ul li span {
        height: 25px;
        line-height: 25px;
        color: #fff
    }

    .navbar-collapse {
        -webkit-transition: all 0s ease-in-out;
        transition: all 0s ease-in-out;
        position: absolute;
        top: 100%;
        width: auto;
        height: auto;
        right: -251px;
        overflow: auto;
        background-color: #006eb6
    }

    .navbar-collapse.in {
        right: -1px
    }

    .navbar-nav>li>a {
        padding: 5px 0
    }

    ul.nav {
        direction: rtl
    }

    footer table {
        width: 100% !important
    }

    footer table tr td {
        width: 100% !important;
        float: left;
        margin-top: 15px;
        text-align: center
    }

    footer table tr td h2,
    footer table tr td p {
        margin:auto 40px;
        text-align: center !important
    }

    .table-responsive {
        border: 0
    }

    #header .bottom {
        bottom: 26px
    }

    #header .search {
        bottom: -22px
    }

    .button_toggle {
        padding-right: 0;
        margin-right: 0;
        position: relative;
        margin-top: 3px
    }

    .button_search {
        width: 30px;
        height: 30px;
        display: block;
        border: 1px solid #ddd;
        border-radius: 50%
    }

    #bs-example-navbar-collapse-2 {
        float: right;
        padding-top: 18px
    }
}

@media (max-width:480px) {
    #header {
        height: 125px
    }
}

@media (max-width:480px) {
    #header {
        height: 96px;
        border-bottom: 30px solid #25a9d6
    }

    #header .position_top {
        bottom: -29px
    }

    #header .social {
        bottom: -32px
    }

    #header .bottom {
        bottom: 0
    }

    #header .logo {
        width: 170px;
        top: 3px
    }
}

@media (max-width:460px) {
    header .social>span {
        display: none
    }

    #header {
        height: 96px
    }
}

@media (max-width:425px) {
    #header {
        height: 96px
    }
}

@media (max-width:375px) {
    #header {
        height: 96px
    }

    #header .position_top {
        bottom: -29px
    }

    #header .social {
        bottom: -32px
    }
}

@media (max-width:325px) {
    #header {
        height: 96px
    }

    #header .position_top {
        bottom: -25px;
        left: 10px
    }

    #header .social {
        bottom: -32px
    }

    #header .position_top label {
        display: none
    }
}

@media (min-width:768px) {
    #header #navmenu {
        margin-top: 22px;
        width: 700px;
        float: right
    }

    #header ul#navmenu li a {
        padding: 3px 6px
    }

    #header ul#navmenu li.hover>ul {
        display: block;
        visibility: inherit
    }

    #header ul#navmenu li.hover>ul>li a {
        color: #fff;
        background: #13a3d3
    }

    #header ul#navmenu li.hover>ul>li a:hover {
        background: #13a3d3;
        color: #fff
    }
}

@media (min-width:768px) and (max-width:991px) {
    #header #navmenu {
        width: 570px
    }
}

.box_content.order .des table th,
.box_content.order .des table td {
    padding: 5px 0
}

.box_content.order .des table th {
    width: 145px
}

.confirm .des table tr.price span.old {
    text-decoration: line-through;
    color: #999
}

.confirm .des table tr.price span.new {
    color: blue;
    font-weight: 700;
    font-size: 18px
}

.confirm .des table tr.price span.total {
    color: red;
    font-weight: 700;
    font-size: 16px
}

.no_wrap {
    white-space: nowrap
}

.p-r-15 {
    padding-right: 15px !important
}

.side_bar.post .title {
    background: #1ca7d5;
    padding: 9px;
    color: #fff;
    margin-top: -8px;
    margin-left: -8px;
    border-radius: 5px 5px 0 0;
    margin-right: -8px
}

.side_bar.post .list_category li {
    width: 100% !important;
    border-bottom: 1px dotted #ddd
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square[class*="-bottom-"] {
    bottom: 84px !important
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square {
    padding: 0 !important
}

.autoAdsMaxLead-widget .aml_dk-wrap {
    right: calc((100% - 1070px) / 2) !important
}

.autoAdsMaxLead-widget .aml_dk-wrap {
    font-family: IBM Plex Sans !important;
    font-size: 14px !important;
    position: fixed;
    z-index: 99900
}

.autoAdsMaxLead-widget .aml_dk-style-default .aml_dk-flex-container {
    flex-direction: column
}

.autoAdsMaxLead-widget .aml_dk-flex-container {
    display: flex;
    justify-content: center
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square .aml_dk-flex-container>div {
    transition: left 0.5s ease
}

.autoAdsMaxLead-widget .aml_dk-flex-container>div {
    width: 44px;
    height: 44px;
    margin: 2px !important;
    background-size: 100%;
    border-radius: 4px
}

.autoAdsMaxLead-widget .aml_dk-flex-container>div {
    margin: 8px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    cursor: pointer;
    position: relative;
    border-radius: 10px 0 0 10px
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square[class*="-right"] .aml-text-content {
    text-align: right
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square .aml-text-content {
    position: absolute;
    white-space: nowrap;
    color: #fff;
    padding: 0 8px
}

.autoAdsMaxLead-widget .aml-text-content {
    line-height: 44px !important;
    left: 43px !important
}

.autoAdsMaxLead-widget .aml_dk-style-square .aml_dk-channel-click_to_call {
    background-image: url(https://rdsic.edu.vn/img/images/posts/widget_icon_click_to_call_square.svg)
}

.autoAdsMaxLead-widget .aml_dk-style-square .aml_dk-channel-facebook {
    background-image: url(https://rdsic.edu.vn/img/images/posts/widget_icon_messenger_square.svg)
}

.autoAdsMaxLead-widget .aml_dk-style-square .aml_dk-channel-zalo {
    background-image: url(https://rdsic.edu.vn/img/images/posts/widget_icon_zalo_square.svg)
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square .aml_dk-channel-click_to_call .aml-text-content {
    background-image: linear-gradient(179.83deg, #8ad336 .15%, #509600 92.02%)
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square .aml_dk-channel-facebook .aml-text-content {
    background-image: linear-gradient(0deg, #1d77e2 1.46%, #2cb7ff 99.03%)
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square .aml_dk-channel-zalo .aml-text-content {
    background-image: linear-gradient(180deg, #3a8bff 0%, #035ada 100%)
}

.autoAdsMaxLead-widget .aml_dk-desktop.aml_dk-style-square .aml_dk-channel-promo .aml-text-content {
    background-image: linear-gradient(180deg, #3a8bff 0%, #5aa753 100%)
}

@media (min-width:768px) {
    .autoAdsMaxLead-widget .aml_dk-channel-click_to_call:hover {
        #right: 10px
    }

    .autoAdsMaxLead-widget .aml_dk-channel-facebook:hover {
        #right: 10px
    }

    .autoAdsMaxLead-widget .aml_dk-channel-zalo:hover {
        #right: 10px
    }
}

@media (max-width: 1024px) {
    .autoAdsMaxLead-widget .aml_dk-wrap {
        right: -2px !important;
    }
}

@media (max-width:767px) {
    #aml_dk_wrap {
        display: none
    }

    .aml_dk-desktop .aml-modal-content {
        width: 95%
    }

    .aml_dk-desktop .aml-list-phone {
        margin-top: 5px !important
    }

    .autoAdsMaxLead-widget {
        display: block;
        box-sizing: border-box;
        -webkit-font-smoothing: auto !important
    }

    .aml_dk-mobile.aml_dk-style-default.aml_dk-bottom-center {
        bottom: 0;
        left: 0;
        width: 100%
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default {
        background-color: #fff
    }

    div.autoAdsMaxLead-widget div {
        overflow: visible !important
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default,
    .aml_dk-mobile.aml_dk-style-horizontal {
        box-shadow: 0 -4px 8px rgb(29 36 62 / .2)
    }

    .aml_dk-mobile.aml_dk-style-default.aml_dk-bottom-center>.aml_dk-flex-container {
        padding: 0 16px
    }

    .aml_dk-mobile.aml_dk-style-default>.aml_dk-flex-container {
        justify-content: center
    }

    .aml_dk-style-default.aml_dk-bottom-center .aml_dk-flex-container {
        flex-direction: row-reverse
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default .aml_dk-flex-container>div,
    .aml_dk-mobile.aml_dk-style-horizontal .aml_dk-flex-container>div {
        background-position: center 28%
    }

    .aml_dk-md .aml_dk-flex-container>div {
        margin: 2px 8px
    }

    .aml_dk-style-horizontal-default .aml_dk-channel-click_to_call {
        background-image: url(https://rdsic.edu.vn/img/images/posts/widget_m_icon_click_to_call.svg)
    }

    .aml_dk-style-horizontal-default .aml_dk-channel-zalo {
        background-image: url(https://rdsic.edu.vn/img/images/posts/widget_m_icon_zalo.svg)
    }

    .aml_dk-style-horizontal-default .aml_dk-channel-facebook {
        background-image: url(https://rdsic.edu.vn/img/images/posts/widget_m_icon_messenger.svg)
    }

    .aml_dk-flex-container>div {
        width: 74px !important;
        height: 56px !important;
        margin: 0;
        background-size: 33.3px !important
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default .aml_dk-flex-item span {
        color: #6c738d
    }

    .aml_dk-flex-item span {
        font-size: 9.87px !important
    }

    .autoAdsMaxLead-widget *,
    .autoAdsMaxLead-widget *:after,
    .autoAdsMaxLead-widget *:before {
        box-sizing: border-box;
        -webkit-font-smoothing: auto !important
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default .aml_dk-flex-item span {
        width: 100%;
        left: 0;
        bottom: 12%;
        white-space: nowrap;
        line-height: normal !important
    }

    .autoAdsMaxLead-widget .aml_dk-flex-container>div {
        text-align: center;
        cursor: pointer
    }

    .aml_dk-flex-container>div {
        text-align: center;
        cursor: pointer
    }
}

.zalo-chat-widget {
    display: none
}

.autoAdsMaxLead-minimize-wrapper {
    position: absolute;
    width: 60px;
    height: 35px;
    left: calc(100% - 72px);
    opacity: .2;
    top: 13px;
    cursor: pointer
}

.aml-modal {
    font-family: IBM Plex Sans !important;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0 0 0 / .4)
}

.aml_dk-desktop .aml-modal-content {
    position: absolute;
    width: 500px;
    height: auto;
    background-color: #fff;
    border: 1px solid rgb(0 0 0 / .2);
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / .2), 0 6px 20px 0 rgb(0 0 0 / .19);
    animation-name: aml-ease-in-out;
    animation-duration: 0.5s;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.aml_dk-desktop .aml-modal-header {
    position: relative;
    left: calc(100% - 34.41px);
    top: 21.41px;
    height: 40px;
    width: 40px;
    margin: 0
}

.aml_dk-desktop .aml-close {
    position: absolute;
    left: -10px;
    top: -15px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: url(https://rdsic.edu.vn/img/images/posts/widget_icon_click_close.svg) no-repeat center center
}

.aml_dk-desktop .aml-modal-body {
    position: relative
}

.aml_dk-desktop aml-head-body {
    padding: 0 32px 0 32px !important
}

.aml_dk-desktop .aml-list-phone {
    background: #efefef !important;
    border-radius: 0 0 8px 8px !important;
    margin-top: 0px !important;
    padding: 12px 32px 32px 32px !important
}

.aml_dk-desktop .aml-trans-text {
    color: #6c738d !important;
    margin: 4px 0 12px 0 !important;
    font-size: 14px !important
}

.aml_dk-desktop .aml-scroll-list-phone {
    padding-right: 5px !important;
    max-height: 240px !important;
    overflow-y: auto !important
}

.aml_dk-desktop .aml-phone-info:first-child {
    margin-top: 0 !important
}

.aml_dk-desktop .aml-phone-info {
    width: 100% !important;
    height: 40px !important;
    background: #fdfdfd !important;
    border-radius: 8px !important;
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important;
    line-height: 24px !important
}

.aml_dk-desktop .aml-blue-call {
    border-radius: 50% !important;
    background: #fff !important;
    margin: 0 16px 0 24px !important;
    border: 1px solid #fff !important;
    box-sizing: border-box !important;
    box-shadow: 0 0 10px rgb(29 36 62 / .08) !important
}

.aml_dk-desktop .aml-region {
    color: #6c738d !important;
    max-width: 55% !important;
    font-size: 14px !important
}

.aml_dk-desktop .aml-line-clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.aml_dk-desktop .aml-phone-number {
    color: #1d243e !important;
    font-size: 14px !important;
    margin-left: 5px !important
}

#Header {
    padding: 10px;
    font-size: 16px
}

@media (max-width:767px) {
    #aml_dk_wrap {
        display: none
    }

    .aml_dk-desktop .aml-modal-content {
        width: 95%
    }

    .aml_dk-desktop .aml-list-phone {
        margin-top: 5px !important
    }

    .autoAdsMaxLead-widget {
        display: block;
        box-sizing: border-box;
        -webkit-font-smoothing: auto !important
    }

    .aml_dk-mobile.aml_dk-style-default.aml_dk-bottom-center {
        bottom: 0;
        left: 0;
        width: 100%
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default {
        background-color: #fff
    }

    div.autoAdsMaxLead-widget div {
        overflow: visible !important
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default,
    .aml_dk-mobile.aml_dk-style-horizontal {
        box-shadow: 0 -4px 8px rgb(29 36 62 / .2)
    }

    .aml_dk-mobile.aml_dk-style-default.aml_dk-bottom-center>.aml_dk-flex-container {
        padding: 0 16px
    }

    .aml_dk-mobile.aml_dk-style-default>.aml_dk-flex-container {
        justify-content: center
    }

    .aml_dk-style-default.aml_dk-bottom-center .aml_dk-flex-container {
        flex-direction: row-reverse
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default .aml_dk-flex-container>div,
    .aml_dk-mobile.aml_dk-style-horizontal .aml_dk-flex-container>div {
        background-position: center 28%
    }

    .aml_dk-md .aml_dk-flex-container>div {
        margin: 2px 8px
    }

    .aml_dk-style-horizontal-default .aml_dk-channel-click_to_call {
        background-image: url(https://rdsic.edu.vn/img/images/posts/widget_m_icon_click_to_call.svg)
    }

    .aml_dk-style-horizontal-default .aml_dk-channel-zalo {
        background-image: url(https://rdsic.edu.vn/img/images/posts/widget_m_icon_zalo.svg)
    }

    .aml_dk-style-horizontal-default .aml_dk-channel-facebook {
        background-image: url(https://rdsic.edu.vn/img/images/posts/widget_m_icon_messenger.svg)
    }

    .aml_dk-flex-container>div {
        width: 74px !important;
        height: 56px !important;
        margin: 0;
        background-size: 33.3px !important
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default .aml_dk-flex-item span {
        color: #6c738d
    }

    .aml_dk-flex-item span {
        font-size: 9.87px !important
    }

    .autoAdsMaxLead-widget *,
    .autoAdsMaxLead-widget *:after,
    .autoAdsMaxLead-widget *:before {
        box-sizing: border-box;
        -webkit-font-smoothing: auto !important
    }

    .aml_dk-mobile.aml_dk-style-horizontal-default .aml_dk-flex-item span {
        width: 100%;
        left: 0;
        bottom: 12%;
        white-space: nowrap;
        line-height: normal !important
    }

    .autoAdsMaxLead-widget .aml_dk-flex-container>div {
        text-align: center;
        cursor: pointer
    }

    .aml_dk-flex-container>div {
        text-align: center;
        cursor: pointer
    }
}

#Content {
    overflow-y: auto
}

.contact {
    background: #f9f9f9;
    padding: 10px 16px 0 16px;
    cursor: pointer
}

.mb-20px {
    margin-bottom: 20px
}

.contact-left__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-word;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 4px;
    color: #1d243e
}

.contact-left__phone-number {
    font-size: 15px;
    line-height: 20px;
    color: #1d243e
}

.mr-8px {
    margin-right: 8px
}

@media screen and (max-width:630px) {
    #content .order .des {
        overflow-x: scroll
    }
}

.post_content .ifream {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden
}

.post_content .ifream .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    display: table;
    font-size: 95%;
    margin-bottom: 1em;
    padding: 5px;
    width: auto
}

.toc_title {
    font-weight: 700;
    text-align: center;
    font-size: 16px
}

.post_content .post_title,
h2,
h3 {
    font-weight: 500;
    font-size: 25px;
    margin-top: 15px;
    margin-bottom: 15px
}

.detail_product #content .product_des li {
    margin-bottom: 5px;
    margin-left: 15px;
    line-height: 1.4;
}
.detail_product #content .product_des ul,
.detail_product #content .product_des ol {    
    padding-left: 25px; /* Dịch vào bên trái */
}


.custom-table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 15px;
}

.custom-table th, .custom-table td {
    border: 1px solid rgba(0, 0, 0, 0.1); /* Đường viền mờ */
    padding: 5px; /* Thêm margin cho chữ trong mỗi cell */
    text-align: left;
}

.custom-table th {
    background-color: #f4f4f4;
    font-weight: bold;
}

.custom-table td {
    background-color: #fff;
}