/* CSS Document */
@media screen and (min-width:1000px){

body {
    font-family: Arial;
    font-size: 12px;
    line-height: normal;
    background: #ffffff;
    padding: 0;margin: 0;
}

a, a:hover {
    text-decoration: none;
}

ul, ol, li {
    list-style: none;
}

img {
    border: none;
}

.clear {
    clear: both;
}
.hidden {
    display: none;
}
.star {
    color: red;
    padding-left: 5px !important;
}
/* wrapper*/
#wrapper {
    width: 1000px;
    margin: 0 auto;
}
/* Header*/
#wr_header {
    width: 100%;
}

/*CONFIG ARTICLE*/
table {
    border-collapse: collapse;
    padding: 0;
}


.header {
  min-height: 57px;
font-size: 13px;
line-height: 120%;
margin-bottom: 20px;
width: 100%;
background-image: url("/Styles/img/bg_header.jpg");
background-repeat: no-repeat;
background-position: center top;
height: 84px;float: left;
}

    .header .logo {
        float: left;margin: 5px;
    }
     .header .logo img{height: 90px}
    .header .step {
        float: right;
        font-family: tahoma, arial;
    }

    .header .step_1 {
        float: left;
        margin-left: 5px;
        /*width: 250px;*/
        width: 215px;
        color: #680303;
    }

    .header .step_2 {
        float: left;
        /*width: 205px;*/
        width: 225px;
        color: #680303;
    }

    .header .step_3 {
        float: left;
        /*width: 208px;*/
        width: 250px;
        color: #680303;
        text-align: right;
    }

    .header .current {
        font-weight: bold;
    }

    .header .progress_line_container {
        height: 9px;
        margin-top: 13px;
        position: relative;
        width: 666px;
    }

    .header .grid_17 {
        /*width: 670px;*/
        width: 695px;
    }

    .header .step_2_line {
        display: inline;
        float: left;
        width: 315px;
    }

    .header #orange_line {
        border: 1px solid #680303;
        position: relative;
        top: 1px;
        height: 0px;
    }

    .header .push_1 {
        left: 40px;
    }

    .header .progress {
        color: #999999;
        font-size: 15px;
        margin: 40px 10px 0 0;
    }

    .header .on_progress {
        border-top-color: #680303;
        color: #680303;
    }

    .header #progress_icon {
        position: relative;
        top: -18px;
    }

    .header .step_3_icon {
        left: 574px;
    }

    .header .step_2_icon {
        left: 310px;
    }

    .header .step_1_icon {
        /*left: 40px;*/
        left: 25px;
    }

    .header .step_1_line {
        display: inline;
        float: left;
        width: 40px;
    }

    .header .step_3_line {
        display: inline;
        float: left;
        width: 581px;
    }

    .header .gray_line {
        border-top: 1px solid #7F7F7F;
        position: relative;
        top: 3px;
        /*width: 664px;*/
        width: 695px;
        height: 1px;
    }
    .step_4_icon {
        left: 673px;
    }



.container {
    clear: both;
}




/*SHOPPING CART*/
.shop-content {
    padding: 0 20px 20px;
    /*overflow: hidden;*/
}

.show_cart_table {
    width: 100%;
    margin-top: 20px;
}

    .show_cart_table .text_title {
        background: none repeat scroll 0 0 #F2F2F2;
        font-weight: bold;
        text-align: center;
    }

    .show_cart_table td.avatar {
        padding: 1px;
        text-align: center;
        vertical-align: middle;
        line-height: 0;
    }

        .show_cart_table td.avatar a {
            display: block !important;
        }

        .show_cart_table td.avatar img {
            height: 50px;
            max-width: 50px;
            min-width: 38px;
        }


.shop-content table th span {
    font-weight: normal;
}

.show_cart_table tr, .show_cart_table td {
    vertical-align: middle;
}

.empty {
    text-align: center;
    padding: 20px;
}

.number {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-top: -20px;
    text-align: right;
}

    .number span {
        color: #680303;
        font-weight: bold;
        font-size: 14px;
    }

.inputnumber {
    text-align: center;
}

    .inputnumber .RadInput_Default .riTable {
        height: 18px;
    }

    .inputnumber .RadInput_Default input {
        height: 18px;
        text-align: center;
    }

    .inputnumber a.riUp {
        top: 0px !important;
    }

    .inputnumber a.riDown {
        top: 9px !important;
    }

.shop-cart {
    box-shadow: 0px 2px 7px #959595;
    -moz-box-shadow: 0px 2px 7px #959595;
    -webkit-box-shadow: 0px 2px 7px #959595;
    margin-bottom: 7px;
    min-height: 325px;
    padding-bottom: 12px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    *border: 1px solid #cdcdcd;
    overflow: hidden;
}

    .shop-cart .cap {
        height: 36px;
    }

    .shop-cart .cap_left {
        background: url(img/cap_left.png) no-repeat left top;
        width: 6px;
        height: 36px;
        float: left;
    }

    .shop-cart .cap_center {
        background: url(img/cap_center.png) repeat-x left top;
        min-width: 150px;
        height: 36px;
        float: left;
        padding-left: 10px;
    }

    .shop-cart .cap_right {
        background: url(img/cap_right.png) no-repeat left top;
        width: 50px;
        height: 36px;
        float: left;
    }

    .shop-cart .cap .nav a {
        line-height: 36px;
        color: #fff;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 14px;
    }


    .shop-cart a.imagebooka {
        width: 60px !important;
        max-height: 81px !important;
        height:auto;
        padding: 1px;
        border: 1px solid #cdcdcd;
        top: 20px;
        left: 20px;
        float: left;
    }

    .shop-cart .books-name {
        top: 20px;
        right: 0;
        width: 180px;
        color: #333333;
        font-weight: bold;
    }

    .shop-cart .lbtDelete {
        background: url('img/btn_delete_20x16.png') no-repeat center;
        width: 20px;
        height: 16px;
        margin: 0 auto;
        cursor: pointer;
        display: block;
    }

.totalmoney {
    color: #333;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

.shop-cart .money {
    color: #f15a22;
    text-align: right;
    font-weight: bold;
}

.shop-cart .total {
    text-align: center;
}

.btntool {
    position: relative;
    width: 100%;
    height: 27px;
    margin-top: 20px;
}


/* SHOPPING CART */
h2 {
    color: #680303;
    font-size: 16px;
    font-weight: bold;
    line-height: 22px;
    margin-bottom: 5px;
    height: 22px;
    *
    margin: 10px 0;
    text-align: center;
}


/* thông tin đặt hàng*/
.wr_dathanginfo {
    margin-top: 10px;
}

.dathanginfo {
    float: left;
    width: 100%;
}

.text_title {
    /*color: #FF0000;*/
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
}

.container-dathang {
    border-radius: 2px 2px 2px 2px;
    height: 365px;
    width: 450px;
}

.content-dathang {
    background: none repeat scroll 0 0 #FFFFFF;
    position: relative;
    width: 470px;
}

    .content-dathang .col1 {
        float: left;
        margin-right: 5px;
        width: 230px;
    }

    .content-dathang .col2 {
        float: left;
        width: 230px;
    }

        .content-dathang .col1 .RadInput_Empty_Default, .content-dathang .col1 .input, .content-dathang .col2 input {
            border: 1px solid #E6E6E6;
            border-radius: 5px 5px 5px 5px;
            color: #2B2B2B;
            float: left;
            font: 12px/29px arial;
            height: 29px !important;
            margin-top: 10px;
            padding: 0 5px;
            width: 204px !important;
        }

    .content-dathang .label {
        float: left;
        font-weight: bold;
        margin-top: 10px;
        width: 100%;
    }

    .content-dathang .textarea {
        border: 1px solid #E6E6E6;
        border-radius: 5px 5px 5px 5px;
        color: #2B2B2B;
        float: left;
        font: italic 12px/18px arial;
        height: 100px !important;
        margin-top: 10px;
        padding: 0 5px;
        width: 440px !important;
    }

.btnGuithongtin {
    background: none repeat scroll 0 0 #EE6A7E;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    height: 29px;
    line-height: 29px;
    margin-top: 15px;
    padding: 0 15px;
}

.dathanginfo .RadInput_Default .riHover, .dathanginfo .RadInput_Hover_Default, .dathanginfo .RadInput_Default .riFocused, html body .RadInput_Focused_Default {
    border: 1px solid #114E85;
    border-radius: 5px 5px 5px 5px;
    color: #2B2B2B;
    float: left;
    font: 12px/18px arial;
    height: 29px !important;
    margin-top: 10px;
    padding: 0 5px !important;
    width: 204px !important;
}

.dathanginfo .RadInput_Default .riError, .dathanginfo .RadInput_Error_Default, .dathanginfo .RadInput .riTextBox, html body .RadInputMgr {
    border: 1px solid red;
    border-radius: 5px 5px 5px 5px;
    color: #2B2B2B;
    float: left;
    font: 12px/18px arial;
    height: 29px !important;
    margin-top: 10px;
    padding: 0 5px !important;
    width: 204px !important;
}

.wr_dathanginfo .RadInput_Default .riHover, .wr_dathanginfo .RadInput_Hover_Default, .wr_dathanginfo .RadInput_Default .riFocused, html body .RadInput_Focused_Default {
    border: 1px solid #114E85;
    border-radius: 5px 5px 5px 5px;
    color: #2B2B2B;
    float: left;
    font: 12px/18px arial;
    height: 29px !important;
    margin-top: 10px;
    padding: 0 5px !important;
    width: 204px !important;
}

.wr_dathanginfo .RadInput_Default .riError, .wr_dathanginfo .RadInput_Error_Default, .wr_dathanginfo .RadInput .riTextBox, html body .RadInputMgr {
    border: 1px solid red;
    border-radius: 5px 5px 5px 5px;
    color: #2B2B2B;
    float: left;
    font: 12px/18px arial;
    height: 29px !important;
    margin-top: 10px;
    padding: 0 5px !important;
    width: 204px !important;
}

.wr_login table, .wr_login td {
    border: none !important;
}

.wr_login {
    float: right;
}

.ttnn {
    float: right;
    position: relative;
}
.ttnn .ttTrungNhau {
    position: absolute;
    left: -4px;
    top: -28px;
    color: #680303;
/*font: bold 14px arial;*/
font: bold 12.4px arial;
    cursor: pointer;
}

/*check and order*/
.show_cart_table .text_title td {
    white-space: nowrap;
}

.show_cart_table td {
    border: 1px solid #E2E2E2;
    padding: 8px;
    line-height: 20px;
}

.show_cart_table .text_title {
    background: none repeat scroll 0 0 #F2F2F2;
    font-weight: bold;
    text-align: center;
    border: 1px solid #cecece;
}

.temp_3 .title {
    background: url("img/temp_3_title_bg.gif") repeat-x scroll center top transparent;
}

    .temp_3 .title, .temp_3 .title div {
        height: 30px;
    }

        .temp_3 .title .fl {
            background: url("img/temp_3_title_L.gif") no-repeat scroll left top transparent;
            width: 10px;
            float: left;
        }

        .temp_3 .title .fe {
            line-height: 30px;
        }

        .temp_3 .title .fr {
            background: url("img/temp_3_title_R.gif") no-repeat scroll right top transparent;
            width: 10px;
        }

        .temp_3 .title .fc span {
            color: #333333;
        }

        .temp_3 .title .fc {
            font-size: 13px;
            font-weight: bold;
            line-height: 30px;
        }

.fc,.fl {
    float: left;
}

.fr {
    float: right;
}

.temp_3 .title .fe {
    line-height: 30px;
}

.fe {
    float: right;
}

.No {
    color: #E97D13;
    font-weight: bold;
    text-align: center;
}

.payment_step_2_link_edit {
    background: url("img/icon_edit_payment.gif") no-repeat scroll 0 0 transparent;
    color: #003399;
    padding-left: 20px;
    text-decoration: underline;
}


.temp_3 .content {
    border-left: 1px solid #E9E9E9;
    border-right: 1px solid #E9E9E9;
    padding: 5px 10px 0;
}

.temp_3 .bottom .fl {
    background: url("img/temp_3_bottom_L.gif") no-repeat scroll left bottom transparent;
    width: 6px;
    height: 6px;
}

.temp_3 .bottom .fr {
    background: url("img/temp_3_bottom_R.gif") no-repeat scroll right bottom transparent;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.temp_3 .bottom {
    background: url("img/temp_3_bottom_bg.gif") repeat-x scroll center bottom transparent;
    height: 6px;
    position: relative;
}

.payment_step_2 .order_information .name {
    font-weight: bold;
    text-align: right;
    width: 200px;
}

.payment_step_2 .order_information td {
    padding: 4px 5px;
}

.break_module {
    clear: both;
    height: 20px;
}

.box_login {
    /*background: #F2F2F2;*/
    border: 1px #E2E2E2 solid;
    border-radius: 0.5em;
    padding: 10px;
    height: 32px;
}

.wr_btnNext .submit_btn {
    float: right;
    margin-right: 0px;
    margin-left: 20px;
}

.submit_btn {
    min-width: 130px;
    padding: 0 20px;
    height: 30px;
    border-radius: 4px;
    background-color: #680303;
    display: block;
    text-align: center;
    line-height: 30px;
    color: white;
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin-right: 20px;
}

    .submit_btn:hover {
        background-color: #680303;
    }

.wr_btnNext {
    clear: both;
}

.submit_btnNext {
    width: 160px;
    height: 38px;
    border-radius: 4px;
    background: url('img/submit_btn_icon.png') no-repeat 130px center #4cac26;
    display: block;
    text-align: center;
    line-height: 38px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    float: right;
    cursor: pointer;
    margin-left: 20px;
}
.btlContinute:hover {
    background-color: #f88e11;
}

    .submit_btnNext:hover {
        background: url('img/submit_btn_icon.png') no-repeat 130px center #f88e11;
    }

.submit_btnBack {
    width: 150px;
    height: 38px;
    border-radius: 4px;
    background: url('img/btnBack.png') no-repeat 10px center #4cac26;
    display: block;
    text-align: center;
    line-height: 38px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    float: right;
    cursor: pointer;
    margin-left: 20px;
}

    .submit_btnBack:hover {
        background: url('img/btnBack.png') no-repeat 10px center #680303;
    }


.btlContinute {
    /*width: 150px;*/
    padding: 0 20px;
    /*margin-right: 20px;*/
    height: 38px;
    border-radius: 4px;
    background-color: #4cac26 ;
    display: block;
    text-align: center;
    line-height: 38px;
    color: white;
    font-weight: bold;
    font-size: 16px;
    float: right;
    cursor: pointer;
}

    .btlContinute:hover {
        background-color: #f88e11;
    }

.loading_contact {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('img/bg_diagonals_40x40.png') repeat scroll 50% 50% #666666;
    opacity: 0.5;
    z-index: 1;
    min-height: 1060px;
}

    .loading_contact img {
        height: 100px;
        left: 45%;
        position: absolute;
        top: 40%;
        width: 100px;
    }

.successMsg {
    margin: auto;
    padding: 20px 0;
    width: 80%;
}

    .successMsg span {
        margin-top: 25px;
        display: block;
        text-align: center;
        font: bold 15px arial;
        color: green;
    }

.redirecting img {
    float: right;
}

.redirecting input {
    background: rgb(76, 172, 38) none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}


.box_thanhtoan {
    background: #F2F2F2;
    border: 1px #E2E2E2 solid;
    border-radius: 0.5em;
    padding: 10px 0 0px;
}
.box_thanhtoan .select{
    height: 30px;
    position:relative;
}
    .box_thanhtoan .select .ui-datepicker-trigger {position: absolute;
left: 210px;
top: 0px;}
        .box_thanhtoan .select .ui-datepicker-trigger:hover {
        cursor:pointer}
    .box_thanhtoan span {
        width: 202px;
        text-align: right;
        display: block;
        margin-right: 10px;
        float: left;
        margin-top: 3px;
    }


     .avatar img{max-width:100%;}
    .fl{float:left;}
    .w100{width:100%;}
    .pdl20{padding-left:20px;}
    .tensp{text-align: left; padding-left: 20px; float:left; width:510px;}
    .imageAvatar{width:58px; float:left;}
    .gia{width:100px; float:left; text-align:center;}
    .soluong{width:100px;float:left; text-align:center;}
    .thanhtien{width:120px;float:left; text-align:center;}
    .xoa{width:48px;float:left; text-align:center;}
    .xoa .text_del{display:none;}
    .text_title{background:#eeeeee;height: 25px;line-height: 25px;}
    .item{width:100%; float:left;padding-left: 0px; margin-top:10px; border: 1px solid #cecece; height: 70px;    padding-top: 15px;box-sizing: border-box;}
    .totalrows{float:left; margin-top:20px; padding-left:20px; width:100%;}
    }
    .ui-datepicker-trigger{margin-left:180px; padding-top:3px;}



@media screen and (max-width:999px){
    .header .logo{margin-bottom: 17px}
     .header .logo img{height: 54px}
    .avatar img{max-width:100%;}
    .fl{float:left;}
    .w100{width:100%;}
    .pdl20{padding-left:20px;}
    .tensp{text-align: left; padding-left: 0px; float:left; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .tensp .tensach a{font-size:13px; color:#333333; font-weight:bold;height:40px; display:block; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .imageAvatar{width:58px; float:left; padding-left:0px;}
    .imageAvatar{border:1px solid #cecece; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .gia{width:80px; float:left; text-align:center; line-height:50px; font-size:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .soluong{width:100px;float:left; text-align:center;line-height:50px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .thanhtien{width:120px;float:left; text-align:center; display:none;}
    .xoa{width:100%;float:left; text-align:center; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .xoa .text_del{display:block;}
    .text_title{background:#eeeeee;height: 25px;line-height: 25px; display:none;}
    .item{width:100%; float:left;padding-left: 0px; margin:10px 0px 20px 0px; border:1px solid #cecece; padding:10px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .totalrows{float:left; margin-top:20px; padding-left:0px; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
    .input{margin:10px 0px; height:30px; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;width:260px;}
    .textarea{margin:10px 0px; height:60px; border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:260px;}
     .lbtDelete {
        background: url("img/ic_dele.png") no-repeat scroll 95% center rgba(0, 0, 0, 0.16);
        background-size: 25px 25px;
        cursor: pointer;
        display: block;
        height: 38px;
        margin: 0 auto;
        width: 100%;
        float: left;
        text-align: center;
        line-height: 38px;
        color: white;
        font-weight: bold;
        font-size: 16px;
        border-radius: 4px;
    }
     .ui-datepicker-trigger{margin-left:2px; margin-top:10px;}
body {
font-family: Arial;
font-size: 12px;
line-height: normal;
background: #ffffff;
}

a, a:hover {
text-decoration: none;
}

ul, ol, li {
list-style: none;
}

img {
border: none;
}

.printProduct {
height: 45px;
margin-top: 20px;
text-align: center;
}

.printProduct a {
display: block;
background: url(/Controls/Article/img/Icon_print.png) no-repeat left top;
height: 45px;
padding-left: 40px;
line-height: 45px;
width: 110px;
margin: 0 auto;
color: blue;
}

#header_frame {
width: 1000px;
/*min-height: 55px;*/
margin: 0 auto;
position: relative;
}

#header_frame #logo {
/*position: absolute;
top: 14px;
left: -1px;*/
float: left;
margin-top: 5px;
}

#header_frame #logo img {
/*width: 270px;*/
height: 73px;
}

.right_logo {
/*position: absolute;
right: 0px;
top: 0px;*/
float: right;
width: 574px;
height: 80px;
}

.box_search {
width: 347px;
height: 31px;
margin-top: 30px;
position: relative;
float: left;
}

#header_frame #header_contact {
width: 193px;
float: right;
line-height: 19px;
background: url('/Styles/img/icon_phone.png') no-repeat right 25px transparent;
}

#header_frame #header_contact .hc_phone {
float: right;
color: #737373;
margin-top: 3px;
padding-right: 45px;
text-transform: uppercase;
font-size: 11px;
}

#header_contact .number_phone {
color: #ff6c86;
float: right;
padding-right: 45px;
font-size: 19px;
margin-top: -2px;
margin: 2px 0;
}

/* Top Menu */
#top_menu {
position: relative;
/*right: 0px;*/
display: block;
float: left;
width: 100%;
margin: 20px 0 10px 10px;
bottom: 14px;
}

.clear {
clear: both;
}

.hidden {
display: none;
}

.star {
color: red;
padding-left: 5px !important;
}
/* wrapper*/
#wrapper {
width: 100%;
max-width:767px;
margin: 0 auto;
min-width: 300px;
}
/* Header*/
#wr_header {
width: 100%;
}

.top_login {
height: 24px;
line-height: 24px;
background: #dcdcdc;
width: 100%;
clear: both;
text-align: right;
}

.top_login a.submit_btn {
border-right: 1px solid #fff;
padding: 0 10px;
background: none;
height: 24px;
color: #000 !important;
font-size: 13px;
font-weight: normal;
line-height: 24px;
float: right;
min-width: 20px;
margin-right: 0;
font-family: tahoma;
}

.top_login a.submit_btn:first-child {
border: none !important;
padding-right: 0;
margin-right: 0;
}

.overlay_shop {
width: 1000px;
height: 680px;
position: absolute;
top: 9px;
left: -20px;
background: #dcdcdc;
opacity: .4;
z-index: 1;
display: none;
}
/*CONFIG ARTICLE*/
table {
border-collapse: collapse;
padding: 0;
}


.header {
width: 100%;
min-height: 57px;
margin:0 0 10px 0;
font-size: 13px;
line-height: 120%;
margin-bottom: 20px;
    background: url(img/bg-header.png) no-repeat right top;
    background-size:100% auto;
    -moz-background-size:100% auto;
    -webkit-background-size:100% auto;
}

.header .logo {
float: left;
}
.header .logo 
.header .logo img {
margin: 10px;
height: 40px;
}

.header .step {
float: right;
font-family: tahoma, arial;
width:100%;
font-size:15px;
}

.header .step_1 {
float: left;
margin-left: 5px;
/*width: 250px;*/
width: 30%;
color:#680303;
text-align:left;
}

.header .step_2 {
float: left;
/*width: 205px;*/
width: 30%;
color:#680303;
text-align:center;
}

.header .step_3 {
float: left;
/*width: 208px;*/
width: 30%;       
color:#680303;
text-align: right;
}

.header .current {
font-weight: bold;
color: #680303;
}

.header .progress_line_container {
height: 9px;
margin-top: 13px;
position: relative;
width: 666px;
}

.header .grid_17 {
/*width: 670px;*/
width: 100%;
}

.header .step_2_line {
display: inline;
float: left;
width: 315px;
}

.header #orange_line {
border: 1px solid #680303;
position: relative;
top: 1px;
height: 0px;
}

.header .push_1 {
left: 40px;
}


.container {
clear: both;
}




/*SHOPPING CART*/
.shop-cart {
box-shadow: 0px 2px 7px #959595;
-moz-box-shadow: 0px 2px 7px #959595;
-webkit-box-shadow: 0px 2px 7px #959595;
margin-bottom: 7px;
min-height: 325px;
padding-bottom: 12px;
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #cdcdcd;
*border: 1px solid #cdcdcd;
overflow: hidden;
}

.shop-cart .cap {
height: 36px;
}

.shop-cart .cap_left {
background: url(img/cap_left.png) no-repeat left top;
width: 6px;
height: 36px;
float: left;
}

.shop-cart .cap_center {
background: url(img/cap_center.png) repeat-x left top;
min-width: 100px;
height: 36px;
float: left;
padding-left: 10px;
}
.shop-cart .cap_right {
background: url(img/cap_right.png) no-repeat left top;
width: 50px;
height: 36px;
float: left;
}
.shop-cart .cap .nav a {
line-height: 36px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
}
.number {
display: block;
font-size: 12px;
font-weight: bold;
margin: -30px 5px 0 0;
text-align: left;
color: #680303;
width:100%;
}
.show_cart_table .product_item {
width: 100%;
float: left;
margin: 0 auto;
margin-bottom:10px;
padding: 0px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.show_cart_table .product_item .col-left {
float: left;
width:70%;
}
.show_cart_table .product_item .avatar {
width: 65px;height: 65px;float: left;margin-right: 10px;
}
.show_cart_table .product_item .avatar img {
width: 65px;height: 65px;float: left;
}
.show_cart_table .product_item .col-right {
float: left;
text-align:left;
width:100%;
margin-top:10px;
}
.show_cart_table .product_item .col-left .name {
float: left;
margin-bottom: 3px;
}
.show_cart_table .product_item .col-left .name a {
color: #333;
font: bold 13px/19px Arial;
}
.show_cart_table .product_item .col-left .code {
text-transform: uppercase;
font: bold 13px Arial;
color: #333;
margin-bottom: 3px;
}
.show_cart_table .product_item .col-left .price {
color: red;
font: bold 13px Arial;
}
.show_cart_table .product_item .col-right .inputnumber {
/*float: right;*/
margin-bottom: 10px;
}
.show_cart_table .product_item .col-right .action {
float: left;
width:100%;

}
.show_cart_table .product_item .col-right .action .lbdivelete {
background: url("img/ic_dele.png") no-repeat scroll 95% center rgba(0, 0, 0, 0.16);
background-size:25px 25px;
cursor: pointer;
display: block;
height: 38px;
margin: 0 auto;
width: 100%;
float: left;
text-align: center;
line-height:38px;
color: white;
font-weight: bold;
font-size: 16px;
border-radius:4px
}


.shop-cart .totalrows {
width: 100%;
float: left;
}
.shop-cart .totalrows .totalmoney {
float: left;margin-right: 10px;
font: bold 14px Arial;
color: #680303;
margin-top:5px;
}
.shop-cart .totalrows .total {
float: left;
color: red;
font: bold 15px Arial;
margin-top:5px;
}

.btntool {
width: 96%;
margin: 10px 2%;
float: left;
}

/* SHOPPING CART */
h2 {
/*color: #e97d13;*/
color: #680303;
font-size: 15px;
font-weight: bold;
line-height: 22px;
margin: 5px 2%;
width: 96%; 
}

.divThongtin,.wr_dathanginfo {
width: 100%;
float: left;
}
.wr_dathanginfo .dathanginfo,.wr_dathanginfo .ttnn {
width: 96%;
margin: 0 2%;
float: left;
}
.wr_dathanginfo .ttnn .title_box_home,
.wr_dathanginfo .dathanginfo .title_box_home {
font: bold 13px Arial;
color: #333;
margin-bottom: 10px;
}
.wr_dathanginfo .ttnn .content_dathang,
.wr_dathanginfo .dathanginfo .content_dathang {
width: 100%;
float: left;
}
.wr_dathanginfo .ttnn .content_dathang .col1,
.wr_dathanginfo .dathanginfo .content_dathang .col1 {
width: 100%;float: left;
}
.wr_dathanginfo .ttnn .content_dathang .col2 input,
.wr_dathanginfo .ttnn .content_dathang .col1 input,
.wr_dathanginfo .dathanginfo .content_dathang .col2 input,
.wr_dathanginfo .dathanginfo .content_dathang .col1 input{
width: 95%;
padding: 5px 2%;
float: left;
height: 30px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 5px 0 10px 0;
}
.wr_dathanginfo .ttnn .content_dathang .col2 select, 
.wr_dathanginfo .ttnn .content_dathang .col1 select, 
.wr_dathanginfo .dathanginfo .content_dathang .col2 select, 
.wr_dathanginfo .dathanginfo .content_dathang .col1 select {
width: 99%;
float: left;
height: 33px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin: 5px 0 10px;
}
.wr_dathanginfo .ttnn .content_dathang .col2,
.wr_dathanginfo .dathanginfo .content_dathang .col2 {
width: 100%;float: right;
}
.wr_dathanginfo .ttnn .content_dathang .textarea,
.wr_dathanginfo .dathanginfo .content_dathang .textarea {
width: 97%;
height: 70px;
border: 1px solid #d3d3d3;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
float: left;
margin: 5px 0 10px 0;
}
.wr_dathanginfo .ttnn .ttTrungNhau {
margin: 10px 0 15px 0;
color: #680303;
font: bold 14px Arial;
}
@media screen and (min-width:320px){
.show_cart_table {
width: 98%;
float: left;
margin-left: 1%;
box-sizing:border-box;
}
}
@media screen and (min-width:568px){
.show_cart_table {
width: 96%;
float: left;
margin: 10px 2%;  
}
}

.show_cart_table .empty {
text-align: center;
min-height: 50px;
font: bold 14px Arial;
color: red;
}
.btnGuithongtin {
background: none repeat scroll 0 0 #EE6A7E;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: block;
float: left;
font-weight: bold;
height: 29px;
line-height: 29px;
margin-top: 15px;
padding: 0 15px;
}
.wr_login table, .wr_login td {
border: none !important;
}

.show_cart_table tr.product_item td {
height: 70px;
padding: 0 8px;
}

.show_cart_table .text_title {
background: none repeat scroll 0 0 #F2F2F2;
font-weight: bold;
text-align: center;
}
.shop-cart .temp_3 {
width: 96%;
float: left;
margin: 0 2%;
}
.temp_3 .title {
background: url("img/temp_3_title_bg.gif") repeat-x scroll center top transparent;
}

.temp_3 .title, .temp_3 .title div {
height: 30px;
}

.temp_3 .title .fl {
background: url("img/temp_3_title_L.gif") no-repeat scroll left top transparent;
width: 10px;
float: left;
}

.temp_3 .title .fe {
line-height: 30px;
}

.temp_3 .title .fr {
background: url("img/temp_3_title_R.gif") no-repeat scroll right top transparent;
width: 10px;
}

.temp_3 .title .fc span {
color: #333333;
}

.temp_3 .title .fc {
font-size: 13px;
font-weight: bold;
line-height: 30px;
}

.fc {
float: left;
}

.fr {
float: right;
}

.temp_3 .title .fe {
line-height: 30px;
}

.fe {
float: right;
}

.No {
color: #E97D13;
font-weight: bold;
text-align: center;
}

.payment_step_2_link_edit {
background: url("img/icon_edit_payment.gif") no-repeat scroll 0 0 transparent;
color: #003399;
padding-left: 20px;
text-decoration: underline;
}


.temp_3 .content {
border-left: 1px solid #E9E9E9;
border-right: 1px solid #E9E9E9;
padding: 5px 10px 0;
}

.temp_3 .bottom .fl {
background: url("img/temp_3_bottom_L.gif") no-repeat scroll left bottom transparent;
width: 6px;
height: 6px;
}

.temp_3 .bottom .fr {
background: url("img/temp_3_bottom_R.gif") no-repeat scroll right bottom transparent;
width: 6px;
height: 6px;
position: absolute;
top: 0px;
right: 0px;
}

.temp_3 .bottom {
background: url("img/temp_3_bottom_bg.gif") repeat-x scroll center bottom transparent;
height: 6px;
position: relative;
}

.payment_step_2 .order_information .name {
font-weight: bold;
text-align: left;
}

.payment_step_2 .order_information td {
padding: 4px 5px;
}

.break_module {
clear: both;
height: 20px;
}

.box_login {
border: 1px #E2E2E2 solid;
border-radius: 0.5em;
padding:10px 2%;
float: left;
width: 92%;
margin: 5px 2%;
}

.wr_btnNext .submit_btn {
float: right;
margin-right: 0px;
margin-left: 20px;
}

.submit_btn {
min-width: 110px;
padding: 0 20px;
height: 30px;
border-radius: 4px;
background-color: #680303;
display: block;
text-align: center;
line-height: 30px;
color: #fff !important;
font-weight: bold;
font-size: 14px;
float: left;
margin-right: 11px;
}

.submit_btn:hover {
background-color: #680303;
}

.wr_btnNext {
clear: both;
margin-right: 2%;
}

.submit_btnNext {
width: 100%;
height: 38px;
border-radius: 4px;
background: url('img/submit_btn_icon.png') no-repeat 95% center #680303;
display: block;
text-align: center;
line-height: 38px;
color: white;
font-weight: bold;
font-size: 16px;
float: right;
cursor: pointer;
margin: 10px 0 0 20px;
}

.submit_btnNext:hover {
background: url('img/submit_btn_icon.png') no-repeat 95% center #680303;
}

.submit_btnBack {
width: 100%;
height: 38px;
border-radius: 4px;
background: url('img/btnBack.png') no-repeat 10px center #9E9D9B;
display: block;
text-align: center;
line-height: 38px;
color: white;
font-weight: bold;
font-size: 16px;
float: right;
cursor: pointer;
margin: 10px 0 0 20px;
}

.submit_btnBack:hover {
background: url('img/btnBack.png') no-repeat 10px center #680303;
}


.btlContinute {
width: 100%;
height: 38px;
border-radius: 4px;
background: #6F6F6F;
display: block;
text-align: center;
line-height: 38px;
color: white;
font-weight: bold;
font-size: 16px;
float: right;
cursor: pointer;
margin: 10px 0 0 20px;
}

.btlContinute:hover {
background-color: #680303;
}

.loading_contact {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: url('img/bg_diagonals_40x40.png') repeat scroll 50% 50% #666666;
opacity: 0.5;
z-index: 1;
min-height: 1060px;
}

.loading_contact img {
height: 100px;
left: 45%;
position: absolute;
top: 40%;
width: 100px;
}
.order-success {
margin-top: 50px;
width: 96%;
margin: 0 2%;
float: left;
text-align: center;
}

.successMsg {
border-radius: 5px;
padding: 10px;
border: 1px solid #cdcdcd;
margin: 20px 0;
   
}

.successMsg span {
display: block;
text-align: center;
font: bold 15px arial;
color: green;
}

.redirecting img {
float: right;
}

.redirecting input {
float: right;
height: 25px;
}


.box_thanhtoan {
background: #F2F2F2;
border: 1px #E2E2E2 solid;
border-radius: 0.5em;
padding: 10px 2%;
float: left;
width: 92%;
margin: 0 2%;

}

.box_thanhtoan .select {
float: left;
width: 100%;
}
.box_thanhtoan .select1 {
float: left;
width: 100%;
margin-bottom: 10px;
}
.box_thanhtoan select {
float: left;
width: 95%;
height: 30px;
border: 1px solid #d3d3d3;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-bottom: 10px;
}

.box_thanhtoan span {
margin:0 5px 5px 0;
}
.box_thanhtoan .select1 span { margin-bottom: 10px;}

.order-success .btn-bg {
background-color: #680303;
border-radius: 4px;
color: #fff !important;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin:0 20px 15px 0;
min-width: 130px;
padding: 0 20px;
text-align: center;
}

.box_thanhtoan .box-leftTT {
width: 100%;
float: left;
}

.box_thanhtoan .box-rightTT {
width: 100%;
float: right;
}

.box_thanhtoan .box-rightTT table {
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 10px 0 0 0;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.box_thanhtoan .box-rightTT table td {
border: 1px solid #E2E2E2;
padding: 8px;
line-height: 20px;
display: table-cell;
vertical-align: middle;
}

.box_thanhtoan .box-rightTT table .control-text {
text-align: right;
font-weight: bold;
}
/*.box_thanhtoan .box-rightTT table .control-text div.text {
width: 170px;
}*/
.box_thanhtoan .box-rightTT table .control-input {
text-align: center;
color: #680303;
font-weight: bold;
}
.box_thanhtoan .box-rightTT table .control-input span {
width: 80px;
}
.IsUsePoint {
float: left;
margin-right: 15px;
}
.box_thanhtoan .riContSpinButtons .riDisplay {
width: 125px;
}

#bankinfo {
float: left;
width: 100%;
}
#bankinfo #adv-box {
float: right;
display: inline-block;
width: 100%;
margin: 10px 0;
}
#bankinfo #adv-box ul {
margin: 0;
padding: 0;
}
#bankinfo #adv-box ul li {
float: left;
width: 100%;
overflow: hidden;
}
#divPoint {
display: table;
}

.riSingle a.riDown{
height: 23px !important;
width: 23px !important;
vertical-align: bottom !important;
top: 0px !important;
left: 128px !important;
background:url('img/ic_remove.png') no-repeat;
background-size:23px 23px;
background-position:inherit !important;
margin-top:0px !important;
}
.riSingle a.riUp{
height: 23px !important;
width: 23px !important;
vertical-align: top !important;
top: 0px !important ;
left: 102px !important;
background:url('img/ic_add.png') no-repeat;
background-size:23px 23px;
background-position:inherit !important;
}
.riContSpinButtons{
    width:110px !important;
}
html body .RadInputMgr_Default{
    border-radius:5px !important;
}
.RadInputMgr {
    border-radius:5px !important;
}
.riTextBox {
    border-radius:5px !important;
    text-align:center !important;
}
.riDisplay{
    text-align:center !important;
}
.spList{
    padding-left: 10px;
  font-weight: bold;
  color: #680303;
  font-size: 15px;
}
@media screen and (max-width:350px){
    .riUp,.riDown{display:block; width:50%;}
}
}

@media screen and (min-width:768px) {
    .dathang {
          width: 461px;
         margin: 0 auto;
    }
    .wr_dathanginfo h2{ text-align: left;}
}