/****************** RESET CSS ***************************/
ul,li,p,a,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
}
h1,h2,h3{
   font-size: 18px;
   line-height: 1.6;
   font-weight: bold;
}
h4,h5,h6{
   font-size: 16px;
   line-height: 1.6;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {   
   margin: 0px;
   padding: 0px;
   color: #1a202c;
   font-family: "Open Sans", sans-serif,"Roboto", "Helvetica", "Arial", sans-serif;
   font-size: 16px;
   line-height: 1.6;
   width: 100%;
   min-width: 1000px;  
   background: #FFFFFF;
}
ol, ul {
    list-style: none;
}
li {
    list-style-type: none;
}
*{
   box-sizing: border-box;
}
/* tables still need 'cellspacing="0"' in the markup */
caption, th, td {
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
textarea{
   border: 1px solid #bdc7d8;
}
.clear{
    clear: both;
}
table
{
	border-collapse:collapse;
	border-spacing:0;
}
.red {
    color: red;
}
.fl{
   float: left !important;
}
.fr{
   float: right !important;
}
a{
   text-decoration:none;
   color: #365899;
}
a:hover{
   color: #216cb4;
   text-decoration: none;
}
.content{
   width: 100%;
   float: left;
}
.break_line{
   width: 100%;
   height: 1px;
}
.web{
   color: #999;
}
.price{
   color: #C00;
}
.mg_bt_20{
   margin-bottom: 20px;
}
.mg_top_20{
   margin-top: 20px;
}
.bor_left{
   border-left: 1px solid #EFEFEF;
}
.margin_10_0{
   margin: 10px 0px;
}
.h1_title {
    width: 100%;
    color: #3276B1;
    height: 36px;
    
    border-bottom: #3276B1 5px solid;
    font-size: 16px;
    float: left;
    font-weight: bold;
}
.relative{
   position: relative;   
}
#map {
   height: 600px;
   width: 100%; 
}
.main_content{
   width: 100%;
   float: left;
   
   margin-bottom: 20px;
   padding: 0px 10px;
}
.icon_edit{
   font-size: 12px;
   font-weight: normal;
}
.btn_creat_item{
   background-color: #f5f6f7;
   border-color: #ccd0d5;
   color: #4b4f56;
   font-size: 13px;
   font-weight: normal;
   width: auto;
   padding: 6px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   line-height: 16px;
}
.btn_edit_item{
   background-color: #f5f6f7;
   border-color: #ccd0d5;
   color: #4b4f56;
   font-size: 13px;
   font-weight: normal;
   width: auto;
   padding: 6px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   line-height: 16px;
}
.btn_action_item{
   background-color: #f5f6f7;
   border-color: #ccd0d5;
   color: #4b4f56;
   font-size: 13px;
   font-weight: normal;
   width: auto;
   padding: 6px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   line-height: 16px;
   display: none;
}
.module_title .btn_creat_item{
   float: right;
}
.item_back_home{
    width: 100%;
    float: left;
    padding: 15px 0px;
    text-align: center;
}
.btn_back_home{
    box-shadow: 0 4px 12px 0 rgba(246,116,57,.4);
    background-image: linear-gradient(90deg,#216cb4 0,#216cb4 51%,#216cb4);
    background-size: 200% auto;
    text-align: center;
    cursor: pointer;
    color: #fff;
    height: 46px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: none;
    font-size: 15px;
    font-weight: bold;
    display: block;
    width: 200px;
    line-height: 46px;
    margin: auto;
}
.book_form_success  .btn_back_home{
   float: right;
}
.full_content {
   width: 100%;
   margin: auto;
   padding: 0px 8%;
}
.footer .full_content{
   text-align: center;   
   padding: 30px 0px;
}
.blog_wrapper .main  .full_content{
   max-width: 1200px;
   padding: 0;
}
.help_wrapper .main  .full_content{
   
}
.manual_wrap .full_content{
   
}
.youtube_container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.full_content .youtube_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
}
.breadcrumbs{
   float: left;
   width: 100%;
   padding: 10px 0px;
   font-size: 14px;
}
.breadcrumbs .item_breadcrumbs{
   width: auto;
   float: left;
}
.breadcrumbs.breadcrumbs a.current, .breadcrumbs a:hover {
    color: #111;
}
.breadcrumbs .divider, .breadcrumbs .separator {
    font-weight: 300;
    margin: 0 0.3em;
    opacity: .35;
    position: relative;
    top: 0;
}
.breadcrumbs a {
    color: hsla(0,0%,40%,.7);
    font-weight: 400;
}
.page_facebook_like{
   width: 100%;
   float: left;
   padding-top: 15px;
}
.page_facebook_cmt{
   width: 100%;
   float: left;
}
#wrapper{
   width: 100%;
   float: left;
   overflow-x: hidden !important;
}
/************************************ PAGING **************************************/
.paging_wrap{
   float: left;
   width: 100%;
   height: 60px;
   font-size: 16px;
   padding: 15px 0px;
   line-height: 24px;
}
.paging_content{
   float: left;
   font-size: 16px;  
}
.paging_content a {
    color: #666;
    font-size: 16px;
    font-weight: 700;
}
.paging_normal {
    padding: 12px 15px;
    background: #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.paging_normal:hover {
    padding: 12px 15px;
    color: #AF1518;
}
.paging_active {
    padding: 12px 15px;
    color: #FFF;
    font-weight: 700;
    background: #0e566c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/******************************* toast ***************************/
.jq-toast-wrap, .jq-toast-wrap * {
   margin: 0;
   padding: 0
}

.jq-toast-wrap {
   display: block;
   position: fixed;
   width: 350px;
   pointer-events: none !important;
   letter-spacing: normal;
   z-index: 9000 !important
}

.jq-toast-wrap.bottom-left {
   bottom: 20px;
   left: 20px
}

.jq-toast-wrap.bottom-right {
   bottom: 20px;
   right: 20px
}

.jq-toast-wrap.top-left {
   top: 20px;
   left: 20px
}

.jq-toast-wrap.top-right {
   top: 20px;
   right: 20px
}

.jq-toast-single {
   display: block;
   width: 100%;
   padding: 10px;
   margin: 0 0 5px;
   border-radius: 4px;
   font-size: 12px;
   font-family: arial, sans-serif;
   line-height: 17px;
   position: relative;
   pointer-events: all !important;
   background-color: #444;
   color: #fff
}

.jq-toast-single h2 {
   font-family: arial, sans-serif;
   font-size: 14px;
   margin: 0 0 7px;
   background: 0 0;
   color: inherit;
   line-height: inherit;
   letter-spacing: normal
}

.jq-toast-single a {
   color: #eee;
   text-decoration: none;
   font-weight: 700;
   border-bottom: 1px solid #fff;
   padding-bottom: 3px;
   font-size: 12px
}

.jq-toast-single ul {
   margin: 0 0 0 15px;
   background: 0 0;
   padding: 0
}

.jq-toast-single ul li {
   list-style-type: disc !important;
   line-height: 17px;
   background: 0 0;
   margin: 0;
   padding: 0;
   letter-spacing: normal
}

.close-jq-toast-single {
   position: absolute;
   top: 3px;
   right: 7px;
   font-size: 14px;
   cursor: pointer
}

.jq-toast-loader {
   display: block;
   position: absolute;
   top: -2px;
   height: 5px;
   width: 0;
   left: 0;
   border-radius: 5px;
   background: red
}

.jq-toast-loaded {
   width: 100%
}

.jq-has-icon {
   padding: 10px 10px 10px 50px;
   background-repeat: no-repeat;
   background-position: 10px
}

.jq-icon-info {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);
   background-color: #31708f;
   color: #d9edf7;
   border-color: #bce8f1
}

.jq-icon-warning {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);
   background-color: #8a6d3b;
   color: #fcf8e3;
   border-color: #faebcc
}

.jq-icon-error {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);
   background-color: #a94442;
   color: #f2dede;
   border-color: #ebccd1
}

.jq-icon-success {
   background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);
   color: #dff0d8;
   background-color: #28a745;
   border-color: #d6e9c6
}
code {
   font-family: monospace;
   color: #2d2d2d;
   background: whitesmoke;
   display: block;
   padding: 10px;
   border: 1px solid #ccc;
   overflow: scroll;
}

a.eval-js {
   color: whitesmoke;
   padding: 5px 10px;
   display: inline-block;
   margin-bottom: 10px;
   background: #2d2d2d;
   border-radius: 2px;
}

span.muted {
   font-size: 17px;
   color: #8B7373;
}

span.code {
   font-family: monospace;
   color: #2d2d2d;
   background: whitesmoke;
   padding: 5px;
   border: 1px solid #ccc;
}

div.code-runner {
   margin: 20px 20px;
}

.hidden {
   display: none;
}

span.k {
   display: inline-block;
   width: 275px;
}

span.c {
   color: #F7BCBC;
   padding-left: 30px;
}

.plugin-options label {
   display: inline-block;
   width: 265px;
}

span.toast-position span.k {
   display: inline;
}

.toast-index .muted {
   display: block;
   color: #AD9D9D;
}

.toast-index .muted:hover {
   color: #333;
}

.latest-update {
   padding: 0px 30px;
   border: 1px dashed;
   margin: 30px 0;
   box-sizing: border-box;
}
/****************** Header CSS ***************************/
.header_mobile{
   display: none;
}

.header_mobile_lang_icon{
   display: block;
   width: auto;
   height: 26px;
   position: relative;
   line-height: 30px;
   padding-left: 45px;
   margin-top: 10px;
}
.header_mobile_lang_icon_1 {
   background:url("../../images/co_en.png") 0px 0px no-repeat;
   background-size: contain;
}
.header_mobile_lang_icon span{
   display: block;
    width: 15px;
    height: 30px;
    position: absolute;
    right: -20px;
    top: 9px;
    background: url(../../images/mui_ten_trang.png) right 0px no-repeat;
    background-size: contain;   
}
.header_mobile_bootom_li_lag{
   position: relative;
    width: 40px;
    float: left;
}
.header_mobile_lang_select{
   position: absolute;
   top: 44px;
    left: 0px;
   background: #FFF;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #C1C1C1;
   padding: 0px 10px;
   text-align: left;
   width: 160px;
   display: none;
   z-index: 9;
}
.header_mobile_bootom_li_lag:hover .header_mobile_lang_select{
   display: block;
}
.header_mobile_lang_select_item{
   width: 100%;
   float: left;
   padding: 10px 0px;
}
.header_mobile_lang_select .header_mobile_lang_select_item a{
   color: #333;
   padding-left: 45px;
   width: 100%;
   float: left;
}
.header_mobile_lang_select_item_vi{
   border-bottom: 1px solid #C1C1C1;
}
.header_mobile_lang_select_item_vi a{
   background:url("../../images/co_vn.png") 0px 0px no-repeat;
   background-size: contain;
}
.header_mobile_lang_select_item_en a{
   background:url("../../images/co_en.png") 0px 0px no-repeat;
   background-size: contain;
}
.header_web{
    width: 100%;
    min-width: 1244px;
    background-color: #0e566c;
    z-index: 6;
    height: 95px;
    position: fixed;
    top: 0px;
    left: 0px; 
    display: block;
    border-bottom: 1px solid #c4c2c2;
}
.header_search button{
   background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
.header_web .full_content {
   padding: 0px 50px ;
   max-width: 100%;
} 
#id_back_top {
    height: 1px;
    width: 100%;
    float: left;
    margin-top: 94px;
}
#top_page {
    background: url("../images/btn_backtop.png") no-repeat bottom left transparent;
    bottom: 50px;
    height: 50px;
    position: fixed;
    right: 0px;
    width: 55px;
    z-index: 999;
    cursor: pointer;
}
.header_content{
   padding: 0px 20px;
}
.header_content .logo{
   width: 240px;
   float: left;
   position: relative;
   z-index: 9;
}
.header_content .logo a{
   display: block;
   float: left;
   width: 100%;
   height: 95px;
   background: url(../images/logo_slogan.png) 0px -6px no-repeat;
   background-size: 100%;
}
.header_search{
    width: 200px;
    float: left;
    padding: 0px 10px;
    position: relative;
    margin-top: 34px;
    max-width: 360px !important;
}
.header_search #header_search_key{
   width: 100%;
   float: left;
   padding: 3px 30px 3px 10px;
   position: relative;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #c3c3c3;
}
.header_search i{
    position: absolute;
    right: 20px;
    top: 8px;
    z-index: 22;
    color: #999;
}
.header_mobile_search{
    width: 100%;
    float: left;
    padding: 0px 10px;
    position: relative;
    margin-top: 15px;
}
.header_mobile_search #header_mobile_search_key{
   width: 100%;
   float: left;
   padding: 3px 30px 3px 10px;
   position: relative;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #c3c3c3;
}
.header_mobile_search i{
    position: absolute;
    right: 20px;
    top: 8px;
    z-index: 22;
    color: #999;
}
.header_mobile_search button{
   background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
/***************************************************/
.header_menu{
   float: right;
   width: auto;
}
.header_menu .header_menu_li {
   display: inline-block;
   padding: 0px 10px;
   line-height: 95px;
   height: 95px;
   position: relative;
}
.header_menu .header_menu_li svg{
   color: #FFF;
   transition: transform .2s linear;
}
.header_menu .header_menu_li:hover svg {
    transform: rotate(180deg);
}

.header_menu .header_menu_li .header_menu_a{  
  color: #FFF;
  font-size: 18px;
}
.header_menu_sub{
   position: absolute;
   top: 75px;
   left: -80px;
   width: 260px;
   background: #FFF;
   display: none;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   z-index: 3;
   box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
.header_menu .header_menu_li:hover .header_menu_sub{
   display: block;
}
.header_menu_sub ul{
   width: 100%;
   float: left;
   list-style: none;
   padding: 10px;
}
.header_menu_sub ul li{
   width: 100%;
   float: left;
   list-style: none;
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.header_menu_sub ul li:hover{
   background: #0e566c;
}
.header_menu_sub ul a{
   width: 100%;
   float: left; 
   color: #333;
   line-height: 36px; 
}
.header_menu_sub ul li:hover a{
   color: #FFF;
}
/*******************************************************/
.header_user{
   float: right;
   width: auto;
}
.header_user_nologin{
   padding: 0px 10px;
   line-height: 95px;
}
.header_user_nologin a{
   color: #FFF;
   font-size: 18px;
   background: #fe7000;
   padding: 10px 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.header_user_nologin a:hover{
   background: #d76002;
}
/*************************************************/
.itop {
    background: #0e566c;
    color: #FFF;
    padding-bottom: 30px;
}
.itop .full_content {
    max-width: 1660px;
}
.itop .itop_content{
    background: url(../images/banner_top.png) right bottom no-repeat ;
    background-size: 500px;
}
.itop h1{
   width: 100%;
   line-height: 100px;
   text-align: center;
   font-size: 68px;
   padding: 40px 0px;
   font-weight: bold;
}
.itop .intro_top{
   width: 68%;
   float: left;
}
.itop .intro_top h2{
   width: 100%;
   float: left;
   font-size: 36px;
   line-height: 46px;
   margin-bottom: 25px;
}
.itop .intro_top .intro{
   width:  100%;
   float: left;
   font-size: 18px;
   margin-bottom: 50px;
}
.itop .intro_top .intro_2{
   width: 100%;
   float: left;
   font-size: 36px;
    line-height: 46px;
    margin-bottom: 30px;
}
.itop .intro_top .intro_download{
   width: 300px;
   float: left;
   text-align: center;
}
.itop .intro_top .intro_download .btn_download{
   width: auto;
   background: #fe7000;
   margin:  auto;
   color: #FFF;
   padding: 12px 30px;
   font-size: 20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 05px;
   border-radius: 5px;
   font-weight: bold;
}
.itop .intro_top .intro_download .intro_3{
   width: 100%;
   float: left;
   color: #FFF;
   
   margin-top: 20px;
   font-size: 16px;

}
/*************************************************************************/
.itop_2{
   width: 100%;
   float: left;
   background: url(../images/logo_sadesign_xanh_1.png) no-repeat left bottom;
   background-size: contain;
}
.itop_2 h3{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 26px;   
   padding: 30px 0px;
}
.itop_2 .video{
   width: 100%;
   float: left;
   text-align: center;
   margin-bottom: 100px;
}
.itop_2 .video video{
   width: 60%;
   margin: auto;
   padding: 0px 30px;
}
/*******************************************************/
.main_item_1{
   background: #0e566c;
   color: #FFF;
   text-align: center;
   padding: 60px 0px;
}
.main_item_1 h3{
   font-size: 36px;
   line-height: 48px;
}
.main_item_1 h3 span{
   font-size: 60px;
}
.main_item_1 h1{
   font-size: 60px;
   line-height: 120px;
}
.main_item_1 h2{
   font-size: 60px;
   line-height: 120px;
}
.main_item_1 p{
   font-size: 42px;
   line-height: 68px;
}
.mobile_footer{
   display: none;
}
/***************************************************************/
.mi_layout{
   padding: 60px 0px;
}
.mi_layout_1 .full_content, .mi_layout_2 .full_content, .itop_2  .full_content{
   max-width: 1660px;
}
.mi_layout_2{
   background: #f3f3f3;
}
.mi_layout .main_item_sub_1{
   width: 40%;
   float: left;
   padding: 0px 30px;
   text-align: center;
}
.mi_layout .main_item_sub_1 h3{
   font-size: 38px;
   font-weight: bold;
   line-height: 46px;
   margin-top: 100px;
}
.mi_layout .main_item_sub_1 .intro{
   color: #009dab;
   font-size: 22px;
   font-weight: bold;
   
   padding: 20px 0px;
}
.mi_layout .main_item_sub_1 .intro span{
   color: #ff8400;
}
.mi_layout .main_item_sub_1 .description{
   font-size: 18px;
   margin-bottom: 50px;
}
.mi_layout .main_item_sub_1 .view_more {
    width: 100%;
    float: left;
    margin-bottom: 50px;
}
.mi_layout .main_item_sub_1 .view_more a{
   color: #889b4b;
   border: 1px solid #889b4b;
   padding: 8px 20px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   font-size: 16px;
}
.mi_layout .main_item_sub_1 .view_more a:hover{
   background: #CCC;
}
.mi_layout .main_item_sub_2{
   width: 60%;
   float: left;
   padding: 0px 30px;
}
.main_intro_video{
   display: inline-block;
   position: relative;
   width: 100%;
}
.main_item_sub_2 .main_intro_vbg{
  margin-top: 87.5%;
}
.mi_layout .main_item_sub_2 .video{
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   display: none;
}
.mi_layout .main_item_sub_2 .video video{
   width: 100%;
   float: left;
}
.mi_layout .main_item_sub_2 .video_image{
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
}
.mi_layout .main_item_sub_2 .video_image img{
   width: 100%;
   float: left;
   min-height: 100%;
}
.mi_layout_2 .main_item_sub_1,.mi_layout_2 .main_item_sub_2{
   float: right;
}
/***********************************************************************/
.main_item_7 {
   color: #FFF;
   text-align: center;
   padding: 20px 0px 0px 0px;
   background: url(../images/logo_sadesign_trang_2.png) no-repeat left bottom #0e566c;
   background-size: contain;
}
.main_item_7 h3{
   font-size: 38px;
    font-weight: bold;
    line-height: 46px;
    padding-bottom: 30px;
    padding-top: 30px;
}
.main_item_7 .intro_1{
   font-size: 26px;
   font-weight: bold;
   padding: 10px;
}
.main_item_7 .intro_2{
   font-size: 18px;
}
.main_item_7 .intro_download {
    width: 100%;
    float: left;
    padding-bottom: 180px;
}
.main_item_7 .intro_download a{
   width: auto;
    background: #fe7000;
    margin: auto;
    color: #FFF;
    padding: 12px 30px;
    font-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 05px;
    border-radius: 5px;
    font-weight: bold;
}
.main_item_7 .intro_download a:hover{
   background: #d76002;
}
.main_item_7 .intro_3{
   width: 100%;
   float: left;
   color: #FFF;   
   margin-top: 20px;
   font-size: 16px;
}
.intro_bang_gia{
   width: 100%;
   float: left;
   height: 80px;
   margin-top: 0px;
}
/****************************************************/
.main_item_8{
   padding-bottom: 20px;
   padding-top: 40px;
}
.main_item_8  h3{
   text-align: center;
    font-size: 28px;
    margin-bottom: 40px;
}
.main_item_8 .main_price{
   list-style: none;
   width: 1116px;
   margin: auto;
}
.main_item_8 .main_price .main_price_item{
   width: 25%;
   float: left;
   padding: 0px 10px;
   margin-bottom: 20px;
}
.main_item_8 .main_price .main_price_item .content{
   width: 100%;
   margin: auto;
   float: initial;
   background: #f0f5ff;
   border: 1px solid #a8cbda;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 15px 10px;
}
.main_item_8 .main_price .name{
   width: 100%;
   float: left;
   height: 36px;
   text-align: center;
}
.main_item_8 .main_price .name span{
   width: auto;
   background: #00779b;
   margin: auto;
   color: #FFF;
   padding: 6px 20px;
   font-size: 16px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 05px;
   border-radius: 5px;
   text-transform: uppercase;
}
.main_item_8 .main_price .main_price_item_7 .name span{
   background: #af0043;
}
.main_item_8 .main_price .book{
   width: 100%;
   float: left;
   text-align: center;
   height: 30px;
   margin-top: 20px;
   margin-bottom: 20px;
}
.main_item_8 .main_price .book .btn_book{
   margin: auto;
   background: #00b091;
   color: #FFF;
   padding: 6px 40px;
   font-size: 16px;
   width: 80%;
   display: block;
   -webkit-border-radius: 5px;
   -moz-border-radius: 05px;
   border-radius: 5px;
}
.main_item_8 .main_price .book .btn_book:hover{
   background: #05866f;
}
.main_item_8 .main_price .price{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 20px;
   color: #000;
   
}
.main_item_8 .main_price .price_2{
   width: 100%;
   float: left;
   text-align: center;
}
.main_item_8 .main_price .price_vip{
   width: 100%;
   float: left;
   text-align: center;
   color: #fe7000;
   font-weight: bold;
   font-size: 36px;
   height: 36px;
   line-height: 36px;
}
.main_item_8  .main_price_item_7 .book{

}
.main_item_8 .main_price .price_2 span{
   font-size: 22px;
   height: 20px;
}
.main_item_8 .main_price .price_2 .price_txt{
   color: #fe7000;  
   font-weight: bold; 
   font-size: 25px;   
}
.main_item_8 .main_price .feature{
   width: 100%;
   float: left;
}
.main_item_8 .main_price .feature li{
   width: 100%;
   float: left;
   padding: 5px 0px;
   background: url("../images/icon_checklist.png") no-repeat left 9px;
   background-size: 16px;
   padding-left: 20px;
}
/*************************************************/
.main_item_9{
   padding-top: 20px;
   display: none;
}
.main_item_9 h3{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 32px;
   line-height: 44px;
}
.main_item_9 h3 span{
   color: #fe7000;
}
.main_item_9 ul{
   width: 666px;
   margin: auto;
}
.main_item_9 ul li{
   width: 100%;
   float: left;
   padding: 5px 0px;
   background: url("../images/icon_gift.svg") no-repeat left 6px;
   background-size: 16px;
   padding-left: 20px;
   font-size: 16px;
}
.main_item_9 .intro_0{
   width: 666px;
   margin: auto;
   font-size: 16px;
}
.main_item_9 .intro_1{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 26px;
   line-height: 40px;
   margin-top: 30px;
}
.main_item_9 .intro_1 span{
   font-weight: bold;
}
.main_item_9 .intro_2{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 26px;
   line-height: 40px;
}
.main_item_9 .intro_3{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 26px;
   line-height: 40px;
   color: #0e566c;
}
/****************************************************************/
.main_item_10 {
    background: url(../images/logo_sadesign_trang_2.png) no-repeat left bottom #0e566c;
    background-size: contain;
    color: #FFF;
    text-align: center;
    padding: 30px 0px 160px 0px;
}
.main_item_10 .item_1{
   font-size: 55px;
   font-weight: normal;
   margin-bottom: 20px
}
.main_item_10 .item_2{
   font-size: 18px;
}
.main_item_10 .item_3{
   font-size: 30px;
   font-weight: bold;
   padding: 30px 0px;
}
.main_item_10 .intro_download{
   
}
.main_item_10 .intro_download a{
   width: auto;
    background: #fe7000;
    margin: auto;
    color: #FFF;
    padding: 12px 30px;
    font-size: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 05px;
    border-radius: 5px;
    font-weight: bold;
}
.main_item_10 .intro_download a:hover{
   background: #d76002;
}
.main_item_10 .intro_3{
   width: 100%;
   float: left;
   color: #FFF;
   
   margin-top: 20px;
   font-size: 16px;
}
/************************* download *************************/
.download_content .full_content{
   max-width: 1200px;
   padding: 0;
}
.download_item_1 {
   background: #0e566c;
   text-align: center;
   padding: 30px 0px;
}
.download_item_1 h1{
   font-size: 30px;
   text-align: center;
   width: 100%;
   float: left;
   margin-bottom: 30px;
   color: #FFF;
}
.download_link{
   width: 100%;
   float: left;
   padding: 0px 120px;
   margin-bottom: 50px;
}
.download_os{
   width: 48%;
   float: left;
   margin: 0px 1%;
   padding: 20px 50px;
   background: #f3f3f3;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.download_os h2{
   font-size: 22px;
   width: 100%;
   float: left;
   text-align: center;
   line-height: 3;
}
.download_os p{
   font-size: 16px;
   width: 100%;
   float: left;
   line-height: 1.8;
   text-align: center;
}
.download_os .intro_download{
   height: 30px;
   width: 100%;
   float: left;
   margin-top: 25px;
   margin-bottom: 20px
}
.download_os .btn_download{
   width: auto;
   background: #fe7000;
   margin: auto;
   color: #FFF;
   padding: 8px 70px;
   font-size: 18px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
.download_os .btn_download:hover{
   background: #d76002;
}
.download_win .icon{
   height: 100px;
   width: 100%;
   float: left;
   margin: 10px 0px;
   background: url(../images/icon_win.png) no-repeat center 0px;
   background-size: 120px;
}
.download_mac .icon{
   height: 100px;
   width: 100%;
   float: left;
   margin: 10px 0px;
   background: url(../images/icon_mac_os.png) no-repeat center 0px;
   background-size: 110px;
}
.download_item_2 h2{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 36px;
   line-height: 46px;
   padding: 20px 0px;
}
.download_item_2 .video{
   width: 100%;
   float: left;
   margin-bottom: 60px;
}
.download_item_2 .video video{
   width: 100%;
   float: left;
}
.download_item_3{
   background: #f3f3f3;
}
.download_item_3 h2{
   width: 100%;
   float: left;
   text-align: center;
   font-size: 36px;
   line-height: 46px;
   padding: 20px 0px;
}
.download_item_3 .video{
   width: 100%;
   float: left;
   margin-bottom: 60px;
}
.download_item_3 .video video{
   width: 100%;
   float: left;
}
/************************************************************/
.help_wrap{
   padding: 50px 0px;
}
.help_content{
   background: #0e566c;
   padding: 30px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
.help_content h1{
   text-align: center;
   color: #FFF;
   font-size: 28px;
   line-height: 38px;
}
.help_content .intro{
   text-align: center;
   color: #FFF;
   font-size: 16px;
   line-height: 28px;
   margin-bottom: 20px;
}
.help_list{
   background: #fff;
   padding: 30px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.help_item{
   width: 100%;
   float: left;
   border-bottom: 1px solid #CCC;
}
.help_item h2{
   font-size: 20px;
   line-height: 28px;
   padding: 15px 0px;
   font-weight: normal;
   width: 100%;
   float: left;
   cursor: pointer;
}
.help_item h2 i{
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHDSURBVHgB7dy9TQNRFEThByQQuAFSEgLqcC8QUgx1EZCSUgMBErwR3sSS5R+QPHfu+aQnEjuZY8OCV4wBAAAAAAAAAAAAAADaWc/zPM/NCHY1PK03ZzXP/Tyv83yNQI4BlvEX0RHcAmyPv4iN4BRg1/iLyAguAfaNv4iLcDnOT1c5D0c8/naexxFydeTwDtArWa9ovbJXBz4n5p3g8i2obQSnH8ItI7hdhraL4PiLWKsIrn+KaBPBNYC0iOAcQOIjuAeQ6AgVAkhshCoBJDJCpQASF6FaAImKUDGAxESoGkAiIlQOIOUjVA8gpSMkBJCyEVICSMkISQGkXASHD+X/2/c4zanP+5OLkeV6nqfxe+fEoT7meZnnc5xBUoBy40tKgJLjS0KAsuNL9QClx5fKAcqPL1UDRIwvFQPEjC/VAkSNL5UCxI0vVQJEji8VAsSOL+4BoscX5wDx44trgBbji2OANuOLW4BW44tTgHbji0uAluOLy2fCLccXlwBvRzw2ZnxxuS3lffP1bs/josYXp/uC9kWIG1/cbszaFSFyfHG8M247Quz44npr4hJB/5ImdvwKrgcAAAAAAAAAAAAAAEX9AK/9sGvfY6IdAAAAAElFTkSuQmCC) no-repeat;
   background-size: 100% 100%;
   flex-shrink: 0;
   font-size: 16px;
   font-weight: 700;
   height: 32px;
   margin-right: 16px;
   width: 32px;
   display: block;
   float: left;
}
.help_item h2 .is-active {
    transform: rotate(90deg);
}
.help_item_intro{
   width: 100%;
   float: left;
   display: none;
   margin-bottom: 20px;
   padding-left: 50px;
}
.help_more{
   width: 100%;
   float: left;
   text-align: center;
   padding: 20px 0px;
   margin-top: 50px;
}
.help_more .btn_help_more{
   width: auto;
   background: #fe7000;
   margin:  auto;
   color: #FFF;
   padding: 12px 100px;
   font-size: 18px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   border-radius: 25px;
}
/************************************************************/
.contact_wrap {
   padding: 50px 0px;
}
.contact_wrap .full_content{
   max-width: 800px;
   padding: 0;
}
.contact_content{
   background: #0e566c;
   padding: 30px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}
.contact_content h1{
   text-align: center;
   color: #FFF;
   font-size: 28px;
   line-height: 38px;
   margin-bottom: 20px;
}
.contact_content_bg{
   background: #fff;
   padding: 30px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.contact_form_list{
   width: 100%;
   float: left;
}
.contact_content .contact_form{
   width: 100%;
   float: left;
   padding: 10px 20%;
}
.contact_content .contact_info{
   width: 50%;
   float: left;
   padding: 10px 50px 20px 10px;
}
.contact_form_item .contact_input{
   width: 100%;
   float: left;
}
.contact_form_item .contact_input .input_txt{
   width: 100%;
   float: left;
   margin: 5px 0px;
   padding: 0px 10px;
   border: 2px solid #e5e5e5;
   height: 42px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 20px;
}
.contact_form_item .contact_input .input_textarea{
   width: 100%;
   float: left;
   margin: 5px 0px;
   padding: 0px 10px;
   border: 2px solid #e5e5e5;
   height: 62px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 20px;
}
.contact_form_item_submit{
   text-align: center;
}
.contact_form_item .contact_form_submit{
   width: auto;
   background: #fe7000;
   margin: auto;
   color: #FFF;
   padding: 12px 30px;
   font-size: 16px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: none;
}
.contact_content_bg h2{
   font-size: 20px;   
   line-height: 1.6;   
}
.contact_content_bg p{
   font-size: 16px;
   margin-bottom: 20px;
}
.contact_content_bg li{
   font-size: 16px;
   line-height: 22px;
   padding: 5px 0px;
}
.contact_content_bg a{
    color: #ff6d00;
}
/*********************** news ****************************/
.news_home_top{
   width: 100%;
   float: left;
   padding: 20px 0px;
}
.news_home_top_1{
   width: 75%;
   float: left;
}
.news_home_hot_1{
   width: 66.66666666%;
   float: left;   
   padding: 0px 10px;
}
.news_home_hot_1 .blog_item{
   width: 100%;
   float: left;
}
.news_home_hot_1 .blog_item .blog_image{
   width: 100%;
   float: left;
   display: inline-block;
   padding-bottom: 60%;
   position: relative;
   overflow: hidden;
   background: #eee;
   margin: 0 0 15px;
}
.news_home_hot_1 .blog_item .blog_image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    transform: skewX(-25deg);
}
.news_home_hot_1 .blog_item .blog_image:hover {
    text-decoration: none;
    opacity: .8;
}
.news_home_hot_1 .blog_image:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
    animation-name: example;
    animation-duration: 4s;
}
.news_home_hot_1 .blog_item .blog_image img{
   display: block;
   -o-object-position: center;
   object-position: center;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   height: 100%!important;
   width: 100%!important;
   width: 100%;
   height: auto;
}
.news_home_hot_1 .blog_item .blog_info{
   width: 100%;
   float: left;
}
.news_home_hot_1 .blog_item .blog_info .blog_title{
   width: 100%;
   float: left;
   color: #0e566c;
   font-size: 25px;
   margin-bottom: 15px;
   font-weight: 700;
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-y: hidden;
}
.news_home_hot_1 .blog_item .blog_info .blog_intro{
   width: 100%;
   float: left;
   font-size: 18px;
   margin-bottom: 15px;
   font-weight: 400;
}

.news_home_hot_2{
   width: 33.3333333%;
   float: left;
   padding: 0px 10px;
}
.news_home_hot_2 .title{
   color: #0e566c;
    font-size: 24px;
    font-weight: 700;
    margin-top: 0;
    padding-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    border-top: 2px solid #0e566c;
}
.news_home_hot_2 .blog_item{
   margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}
.news_home_hot_2 .blog_item .blog_image{
   width: 100%;
    display: inline-block;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    background: #eee;
    margin: 0 10px 0 0;
    min-width: 100px;
    height: 69px;
    flex: 1;
}
.news_home_hot_2 .blog_item .blog_image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    transform: skewX(-25deg);
}
.news_home_hot_2 .blog_item .blog_image:hover {
    text-decoration: none;
    opacity: .8;
}
.news_home_hot_2 .blog_image:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
    animation-name: example;
    animation-duration: 4s;
}
.news_home_hot_2 .blog_item .blog_image img{
   display: block;
   -o-object-position: center;
   object-position: center;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   height: 100%!important;
   width: 100%!important;
   width: 100%;
   height: auto;
}
.news_home_hot_2 .blog_item .blog_info{
   width: 100%;
   float: left;
}
.news_home_hot_2 .blog_item .blog_info .blog_title{
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow-y: hidden;
   color: #333;
   font-size: 16px;
   margin-bottom: 15px;
   font-weight: 700;
}
.news_home_hot_2 .blog_item .blog_info .blog_title:hover {
    color: #0e566c;
}

.news_home_hot_2 .inner {
    max-height: 456px;
    overflow-y: scroll;
}
.news_home_hot_2 .inner::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
.news_home_hot_2 .inner::-webkit-scrollbar-thumb {
    background: #0e566c;
    -webkit-box-shadow: inset 1px 1px 2px hsla(0,0%,60.8%,.4);
}
.news_home_hot_3{
   width: 100%;
   float: left;
   margin-top: 15px;
}
.news_home_hot_3 .blog_item{
   width: 33.33333333%;
   float: left;
   padding: 0px 10px;
}
.news_home_hot_3 .blog_item .blog_image{
   width: 100%;
   float: left;
   display: inline-block;
   padding-bottom: 60%;
   position: relative;
   overflow: hidden;
   background: #eee;
   margin: 0 0 15px;
}
.news_home_hot_3 .blog_item .blog_image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    transform: skewX(-25deg);
}
.news_home_hot_3 .blog_item .blog_image:hover {
    text-decoration: none;
    opacity: .8;
}
.news_home_hot_3 .blog_image:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
    animation-name: example;
    animation-duration: 4s;
}
.news_home_hot_3 .blog_item .blog_image img{
   display: block;
   -o-object-position: center;
   object-position: center;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   height: 100%!important;
   width: 100%!important;
   width: 100%;
   height: auto;
}
.news_home_hot_3 .blog_item .blog_info .blog_title{
   width: 100%;
   float: left;
   color: #333;
   font-size: 18px;
   margin-bottom: 15px;
   font-weight: 700;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow-y: hidden;
   height: 60px;
   overflow: hidden;
}
.news_home_hot_3 .blog_item .blog_info .blog_title:hover{
   color: #0e566c;
}
.news_home_hot_3 .blog_item .blog_info{
   width: 100%;
   float: left;
}
.news_home_hot_3 .blog_item .meta{
   display: none;
}
.news_home_top_2{
   width: 25%;
   float: left;
   padding: 0px 10px;
}
.news_home_top_2 img{
   width: 100%;
}

/****************************************************************/
.news_main{
   width: 100%;
   float: left;
   padding: 0px 10px;
}
.news_main .top_border{
    border-top: 2px solid #0e566c!important;
    height: 2px;
    padding: 0px 10px;
    width: 100%;
    float: left;
}
.news_main .category_title{
   color: #0e566c;
   font-size: 24px;
   font-weight: 700;
   margin-top: 0;
   padding-top: 10px;
   margin-bottom: 10px;
   text-transform: uppercase;
}
.news_list{
   width: 75%;
   float: left;
   padding-right: 10px;
}
.news_list_ul .blog_item{
   width: 100%;
   float: left;
   margin-top: 15px;
   margin-bottom: 15px;
   display: flex;
}
.news_list_ul .blog_item .blog_image{
    width: 100%;
    display: inline-block;
    padding-bottom: 0;
    position: relative;
    overflow: hidden;
    background: #eee;
    margin: 0 20px 0 0;
    min-width: 33.33%;
    max-width: 33.33%;
    min-height: 200px;
}
.news_list_ul .blog_item .blog_image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    transform: skewX(-25deg);
}
.news_list_ul .blog_item .blog_image:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
.news_list_ul .blog_item .blog_image img{
   display: block;
   -o-object-position: center;
   object-position: center;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   height: 100%!important;
   width: 100%!important;
   width: 100%;
   height: auto;
}
.news_list_ul .blog_item .blog_info{
   
}
.news_list_ul .blog_item .blog_info .blog_title{
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-y: hidden;
    color: #333;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.news_list_ul .blog_item .blog_info .blog_title:hover {
    color: #0e566c;
}
.news_list_ul .blog_item .blog_info .blog_intro{
   display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-y: hidden;
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
}
.news_list_ul .meta {
    display: flex;
    justify-content: flex-start;
}
.news_list_ul .meta .category a {
    font-weight: 700;
    color: #d2691e;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-right: 20px;
}
.news_list_ul .meta .category a:hover {
    color: #0e566c;
}
.news_list_ul .meta .time_view .time{
   margin-right: 20px;
}
/***************************************************************************/
.news_cat_hot{
   width: 100%;
   float: left;
}
.news_cat_hot .blog_item{
   width: 100%;
   float: left;
   margin-top: 15px;
   margin-bottom: 15px;
}
.news_cat_hot .blog_item .blog_image{
   width: 66.66%;
   float: left;
   display: inline-block;
   position: relative;
   overflow: hidden;
   margin: 0;
   padding: 0px 10px;
}
.news_cat_hot .blog_item .blog_image:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
    transform: skewX(-25deg);
}
.news_cat_hot .blog_item .blog_image:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
.news_cat_hot .blog_item .blog_image img{   
    height: 100%!important;
    width: 100%!important;
    height: auto;
}
.news_cat_hot .blog_item .blog_info{
   width: 33.333%;
   float: left;
   padding: 0px 10px;
}
.news_cat_hot .blog_item .blog_info .blog_title{
   display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-y: hidden;
    color: #333;
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 700;
}
.news_cat_hot .blog_item .blog_info .blog_title:hover {
    color: #0e566c;
}
.news_cat_hot .blog_item .blog_info .blog_intro{
   display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow-y: hidden;
    color: #333;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 400;
}
.news_cat_hot .meta {
    justify-content: flex-start;
}
.meta .category a {
    font-weight: 700;
    color: #d2691e;
    text-transform: uppercase;
    margin-bottom: 10px;
    margin-right: 20px;
}
.meta .category i{
   display: block;
   width: 20px;
   height: 20px;
   background: url(../images/icon_folder.png) top 2px left no-repeat;
   background-size: 100%;
   float: left;
   margin-right: 6px;
}
.meta .category a:hover {
    color: #0e566c;
}
.meta .time_view .time{
   margin-right: 20px;
   width: auto;
   float: left;
   display: block;
}
.meta .time_view .time i{
   display: block;
   width: 20px;
   height: 20px;
   background: url(../images/icon_date.png) top 2px left no-repeat;
   background-size: 100%;
   float: left;
   margin-right: 6px;
}
.meta .time_view .view{
   width: auto;
   float: left;
   display: block;
}
.meta .time_view .view i{
   display: block;
   width: 28px;
   height: 25px;
   background: url(../images/icon_view.png) top 2px left no-repeat;
   background-size: 100%;
   float: left;
   margin-right: 3px;
}
/***********************************************/
.news_detail{
   width: 75%;
    float: left;
    padding-right: 10px;
    margin-bottom: 20px;
}
.news_detail h1.title{
    font-size: 32px;
    font-weight: 700;
    color: #0b0b0b;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.6;
}
.news_detail h2.intro{
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
    width: 100%;
   float: left;
    padding: 10px 0px;
}
.news_detail ol, .news_detail li{
   padding: 0;
}
.news_detail ol li{
   list-style: auto;
   list-style-type: auto;
}
.news_detail ul li{
   list-style: auto;
   list-style-type: disc;
}
.news_detail_doc{
   margin-top: 20px;
   padding: 10px;
   width: 100%;
   float: left;
   background-color: #f9f9f9;
   border-radius: 3px;
}
.news_detail_doc .news_detail_doc_h3{
   font-size: 20px;
   line-height: 32px;
   cursor: pointer;
}
.news_detail_doc .toc_ul{
   list-style: none;
   padding-left: 20px;   
}
.news_detail_doc_active .toc_ul{
   display: block;
}
.news_detail_doc .toc_ul li{
   list-style: none;
   line-height: 32px;
   width: 100%;
   float: left;
}
.news_detail_doc .toc_ul .item_toc_h2{
   font-size: 16px;
}
.news_detail_doc .toc_ul .item_toc_h3{
   font-size: 14px;
   padding-left: 20px;
}
.news_detail_doc .toc_ul li a{
   list-style: none;
   color: #111;
   width: 100%;
   float: left;
}
.news_detail_doc .toc_ul li a:hover{
   color: #fdb92a;
}
.news_detail img {
    max-width: 100%;
    height: auto!important;
}
.news_detail .blog_avatar{
    width: 100%;
    display: inline-block;
    padding-bottom: 60%;
    position: relative;
    overflow: hidden;
    background: #eee;
    margin: 10px 0;
}
.news_detail .blog_avatar img {
    display: block;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%!important;
    width: 100%!important;
    width: 100%;
    height: auto;
}
.news_detail_wrap .news_home_hot_3{
    margin: 0px -10px;
}
.news_detail .description {
    width: 100%;
    float: left;
    line-height: 2;
}
.news_detail .description p {
    margin: 10px 0px;
}
/*****************************************************************************/
.news_main .ads{
   width: 25%;
   float: right;
   padding-left: 10px;
   margin: 20px 0px;
}
.news_main .ads img{
   width: 100%;
}
/******************************************************************************/
.manual_content{
   width: 100%;
   float: left;
}
.manual_left{
   width: 360px;
   float: left;
   padding-right: 15px;
   position: fixed;
   background: #FFF;
   padding-left: 10px;
   height: 500px;
   overflow-y: scroll;
   z-index: 99;
}
.manual_left::-webkit-scrollbar {
   width: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   background-color: #aaa;
} 
.manual_left::-webkit-scrollbar-thumb {
   background: #0e566c;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.manual_left .title{
   font-weight: bold;
   margin-top: 20px;
   margin-bottom: 0px;
}
.manual_search{
   width: 100%;
   float: left;
   position: relative;
}
#manual_search_key{
   width: 90%;
   float: left;
   padding: 3px 5px 3px 30px;
   position: relative;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #c3c3c3;
}
.manual_search i{
    position: absolute;
    left: 9px;
    top: 8px;
    z-index: 22;
    color: #999;
}
.manual_left .manual_menu_item{
   width: 100%;
   float: left;
   padding: 10px 0px;
}
.manual_left  .manual_menu_item h2{
   font-size: 16px;
   font-weight: bold;
   width: 100%;
   float: left;
   cursor: pointer;
   line-height: 1.2;
   padding: 10px 6px;
   text-transform: uppercase;
}
.manual_left  .manual_menu_item h2 i{
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAYAAADimHc4AAAACXBIWXMAACE4AAAhOAFFljFgAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHDSURBVHgB7dy9TQNRFEThByQQuAFSEgLqcC8QUgx1EZCSUgMBErwR3sSS5R+QPHfu+aQnEjuZY8OCV4wBAAAAAAAAAAAAAADaWc/zPM/NCHY1PK03ZzXP/Tyv83yNQI4BlvEX0RHcAmyPv4iN4BRg1/iLyAguAfaNv4iLcDnOT1c5D0c8/naexxFydeTwDtArWa9ovbJXBz4n5p3g8i2obQSnH8ItI7hdhraL4PiLWKsIrn+KaBPBNYC0iOAcQOIjuAeQ6AgVAkhshCoBJDJCpQASF6FaAImKUDGAxESoGkAiIlQOIOUjVA8gpSMkBJCyEVICSMkISQGkXASHD+X/2/c4zanP+5OLkeV6nqfxe+fEoT7meZnnc5xBUoBy40tKgJLjS0KAsuNL9QClx5fKAcqPL1UDRIwvFQPEjC/VAkSNL5UCxI0vVQJEji8VAsSOL+4BoscX5wDx44trgBbji2OANuOLW4BW44tTgHbji0uAluOLy2fCLccXlwBvRzw2ZnxxuS3lffP1bs/josYXp/uC9kWIG1/cbszaFSFyfHG8M247Quz44npr4hJB/5ImdvwKrgcAAAAAAAAAAAAAAEX9AK/9sGvfY6IdAAAAAElFTkSuQmCC) no-repeat;
   background-size: 100% 100%;
   flex-shrink: 0;
   font-size: 16px;
   font-weight: 700;
   height: 22px;
   width: 22px;
   display: none;
   float: right;
}
.manual_left .manual_menu_item h2 .is-active {
    transform: rotate(90deg);
}
.manual_left .title a{
   text-transform: uppercase;
   font-size: 18px;
}
.manual_left a{
   color: #333;
   text-decoration: none;
}
.manual_menu_sub{
   width: 100%;
   float: left;
}
.manual_menu_sub li{
   width: 100%;
   float: left;
   list-style: none;
   padding: 5px 6px;
}
.manual_menu_sub li:hover{
   background: #e6eef0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-weight: bold;
   color: #105769;
}
.manual_menu_sub li:hover a{
   color: #105769;
}
.manual_menu_sub .menu_left_item_active {
   background: #e6eef0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-weight: bold;
   color: #105769;
}
.manual_menu_sub .menu_left_item_active a{
   color: #105769;
}
.manual_menu_sub .active {
   background: #e6eef0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-weight: bold;
   color: #105769;
}
.manual_menu_sub .active a{
   color: #105769;
}
.manual_menu_sub li a{
   width: 100%;
   float: left;
   display: block;
   font-size: 14px;
}
.manual_right{
   width: 100%;
   padding-left: 365px;
   margin-top: 10px;
   margin-bottom: 20px;
}
.manual_right .content{   
   padding: 0px 30px;
}
.manual_right .detail_group{
   width: 100%;
   float: left;
   padding-bottom: 20px;
}
.manual_right h1.title{
    font-size: 32px;
    font-weight: 700;
    color: #0b0b0b;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: 1.6;
}
.manual_right h2.intro{
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
}
.manual_right .title_h3{
   font-weight: bold;
   font-size: 32px;
}
.manual_right img {
    max-width: 100%;
    height: auto!important;
}
.manual_right .cat_title{
    font-size: 32px;
    font-weight: bold;
    width: 100%;
    float: left;
    cursor: pointer;
    padding: 10px 0px;
    text-transform: uppercase;
}
.manual_right *{
   max-width: 100%;
}
.download_item_2  img{
    max-width: 100%;
    height: auto !important;
}
.download_item_2 video{
    width: 100%;
    height: auto !important;
}
/********************************************************/
.footer{
   width: 100%;
   float: left;
   background: #f9f9f9;
}
.footer_menu{
   width: auto;
   display: inline-block;
   margin: auto;
   position: relative;
}
.footer_menu .icon_footer_payment{
   position: absolute;
   right: 0px;
   bottom: 0px;
   height: 60px;
   width: 600px;
   background: url("../../images/icon_footer_payment.png") 0px 0px no-repeat;
   background-size: contain;
}
.footer_item_1 .logo{
   width: 100%;
   height: 76px;
   background: url(../images/logo_footer.png) no-repeat left 0px;
   background-size: 160px;
}
.footer_item.footer_item_1 ul{
   padding-left: 10px;
}
.footer_item_1 .facebook{
   background: url(../images/a_facebook.png) no-repeat left 0px;
   background-size: 26px;
}
.footer_item_1 .instagram{
   background: url(../images/a_instagram.png) no-repeat left 0px;
   background-size: 26px;
}
.footer_item_1 .youtube{
   background: url(../images/a_youtube.png) no-repeat left 0px;
   background-size: 26px;
}
.footer_item_1 .tiktok{
   background: url(../images/a_tiktok.png) no-repeat left 0px;
   background-size: 26px;
}
.footer_item_1 .twitter{
   background: url(../images/a_twitter.png) no-repeat left 0px;
   background-size: 26px;
}
.footer_item.footer_item_1 li{
   
   padding: 3px 0px;
}
.footer_item_1 a{
   padding-left: 35px;
   width: 100%;
   float: left;
   display: block;   
}
.footer_item{
   float: left;
   width: auto;
   text-align: left;
}
.footer .footer_item_1{
   width: 200px;
}
.footer .footer_item_2{
   width: 200px;
}
.footer .footer_item_3{
   width: 235px;
   padding: 0px 15px;
}
.footer .footer_item_4{
   width: 175px;
}
.footer .footer_item_5{
   width: 200px;
}
.footer .footer_item_6{
   width: 130px;
}
.footer_item .title{
   font-size: 20px;
   padding: 15px 0px;
}
.footer_item .title a{
   color: #333;
}
.footer_item ul{
   width: 100%;
   float: left;
}
.footer_item ul li{
   width: 100%;
   float: left;
   list-style: none;
   padding: 5px 0px;
}
.footer_item ul li a{
   color: #333;
}
.footer_bootom{
   width: 100%;
   float: left;
   background: #0e566c;
   color: #FFF;
   text-align: center;
}
.footer_bootom ul{
    width: auto;
    display: inline-block;
}
.footer_bootom li{
   width: auto;
   padding: 10px 40px;
   float: left;
}
.footer_bootom a{
   color: #FFF;
   font-size: 14px;
}


.footer_lang_icon{
   display: block;
    width: auto;
    height: 30px;
    position: relative;
    line-height: 30px;
    padding-left: 50px;
}
.footer_lang_icon_1 {
   background:url("../../images/co_en.png") 0px 0px no-repeat;
   background-size: contain;
}
.footer_lang_icon span{
   display: block;
    width: 15px;
    height: 30px;
    position: absolute;
    right: -20px;
    top: 9px;
    background: url(../../images/mui_ten_trang.png) right 0px no-repeat;
    background-size: contain;   
}
.footer_bootom_li_lag{
   position: relative;
}
.footer_lang_select{
   position: absolute;
   bottom: 44px;
   right: 0px;
   background: #FFF;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   border: 1px solid #C1C1C1;
   padding: 0px 10px;
   text-align: left;
   width: 160px;
   display: none;
}
.footer_bootom_li_lag:hover .footer_lang_select{
   display: block;
}
.footer_lang_select_item{
   width: 100%;
   float: left;
   padding: 10px 0px;
}
.footer_lang_select .footer_lang_select_item a{
   color: #333;
   padding-left: 40px;
   width: 100%;
   float: left;
}
.footer_lang_select_item_vi{
   border-bottom: 1px solid #C1C1C1;
}
.footer_lang_select_item_vi a{
   background:url("../../images/co_vn.png") 0px 0px no-repeat;
   background-size: contain;
}
.footer_lang_select_item_en a{
   background:url("../../images/co_en.png") 0px 0px no-repeat;
   background-size: contain;
}

/*************************************************************************************/
.header_user_loged{
   width: auto;
   float: right;
   position: relative;
   margin-right: 20px;
   max-width: 140px;
   text-overflow: ellipsis;
   white-space: nowrap;
   margin-top: 25px;
   margin-left: 10px;
}
.header_user_loged .name b{
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
    float: left;
    color: #FFF;
}
.header_user_loged .name {
    float: left;
    width: auto;
    color: #1a202c;
    line-height: 30px;
    display: block;
    line-height: 36px
}
.header_user_loged .name .image{
   width: 42px;
   height: 42px;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   display: block;
   float: left;
   overflow: hidden;
   margin-right: 8px;
}
.header_user_loged .name .image img{
   width: 100%;
   min-height: 42px;
   vertical-align: top;
}
.header_user_menu {
   display: none;
   position: absolute;
   top: 42px;
   z-index: 9999;
   left: -150px;
   width: 245px;   
}
.header_user_menu .arrow {
   background: url(../../images/icon_24_11.png) no-repeat scroll 0px -97px transparent;
   height: 17px;
   position: absolute;
   z-index: 99;
   top: -10px;
   width: 22px;
   left: 155px;
}    
.header_user_menu ul{
   background: #fff;
   width: 100%;
   border: 1px solid #d6d6d6;
   float: left;
   list-style: none;
   border-radius: 5px;
}
.header_user_menu ul li{
   width: 100%;
   float: left;    
}
.header_user_menu ul li i{
   width: 25px;
   font-size: 16px;
   margin-top: 13px;
   display: block;
   float: left;
}
.header_user_menu .use{
   line-height: 36px;
   padding: 5px 0px;
}
.header_user_menu .use .image{
   width: 41px;
   height: 41px;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
   display: block;
   float: left;
   overflow: hidden;
   margin-right: 5px;
   padding: 0;
   margin-top: 2px;
}
.header_user_menu .use .image img{
   width: 100%;
   min-height: 41px;
   vertical-align: top;
}
.header_user_menu ul .li_break{
   width: 100%;
   margin: 0;
}

.header_user_menu ul li:hover {  
   color: #216cb4;
}
.header_user_menu ul li:hover a{
   color: #216cb4;
}
.header_user_menu ul li a{  
   display: block;
   padding: 0px 15px;
   color: #848484;
   font-size: 13px;
   height: 42px;
   line-height: 42px;
}
.header_user_menu ul li.use a{  
   padding: 0px 8px;
}
.header_user_menu ul li span{
   padding-left: 10px;
}
.header_web_user .header_user_loged:hover .header_user_menu{
   display: block;
}
/*********************************************/
#overlay_for_popup {
    top: 0;
    left: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 8;
    display: none;
    background: rgba(0,0,0,.6);
}
.body_popup {
    overflow-y: hidden;
}
.popup_wrap{
   position: fixed;
   width: 386px;
   top: 60px;
   left: 50%;
   height: auto;
   background: #FFF;
   padding: 10px 30px;
   display: none;
   z-index: 999;
   margin-left: -193px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.popup_close {
   text-align: right;
   width: 50px;
   float: left;
   line-height: 22px;
   height: 50px;
   position: absolute;
   top: 5px;
   right: -38px;
   z-index: 99;
   font-size: 16px;
}
.popup_close .btn_popup_close{
   color: #FFF;
   font-size: 35px;
}
.popup_content{
   
}
.popup_content_register{
   
}
.popup_content_login{
   position: relative;
}
.icon_login_message{
   display: none;
}
.booking_wrapper .icon_login_message{
   display: block;
   width: 100%;
   position: relative;
   top: -63px;
   left: 0px;
   height: 40px;
   background: url(../../images/icon_canh_bao_dn.png) top center no-repeat;
   background-size: contain;
}
.popup_title {
   font-size: 24px;
   width: 100%;
   float: left;
   margin-bottom: 10px;
   text-align: center;
   
}
.popup_title_2{
   font-size: 16px;
   width: 100%;
   float: left;
   margin-bottom: 10px;
   text-align: center;
   
}
.item_form{
   width: 100%;
   float: left;
}
.item_form .item_label{
   width: 100%;
   float: left;
   font-size: 14px;
}
.item_form .item_input{
   width: 100%;
   float: left;
}
.item_message{
   width: 100%;
   float: left;
}
.popup_login_form{
   width: 100%;
   float: left;
   display: none;
   margin-bottom: 15px;
}
.item_message .message{
   width: 100%;
   float: left;
   color: red;
}
.item_form .item_input .input_txt{
   width: 100%;
   float: left;
   margin: 0px 0px 10px 0px;
   padding: 0px 10px;
   border: 2px solid #e5e5e5;
   height: 36px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.item_form .item_popup_submit{
   width: 100%;
   background: #0e566c;
   margin: 10px auto;
   color: #FFF;
   padding: 10px 30px;
   font-size: 16px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.item_input_orther{
   width: 100%;
   background: #f2f2f2;
   margin: auto;
   color: #333;
   padding: 10px 30px;
   font-size: 16px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 10px;
   cursor: pointer;
}
.item_input_orther:hover{
   background: #e2e2e2;
}
.item_form .item_input_link_google{
   width: 100%;
   background: #01b0ab;
   margin: auto;
   color: #FFF;
   padding: 12px 30px;
   font-size: 13px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 10px;
   text-align: center;
}   
.item_form .item_input_link_google:hover{
   background: #0e566c;
}
.item_form .item_input_link_google span{ 
   background: url(../../images/icon_gg.png) center left no-repeat;
   background-size: 16px;
   padding-left: 20px;
}
.item_form .item_input_link_facebook{
   width: 100%;
   background: #0e566c;
   margin: auto;
   color: #FFF;
   padding: 12px 30px;
   font-size: 13px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin-bottom: 20px;
   text-align: center;
}
.item_form .item_input_link span{
   color: #FFF;
}
.item_input_orther{
   text-align: center;
   font-size: 14px;
}
.item_input_orther_2{
   text-align: center;
   font-size: 10px;
}
.item_input_or{
   border-bottom: 1px solid #CCC;
   width: 100%;
   float: left;
   height: 10px;
   margin: 10px 0px 20px  0px;
   position: relative;
}
.item_input_or span{
   position: absolute;
   top: -8px;
   left: 50%;
   margin-left: -40px;
   background: #FFF;
   display: block;
   padding: 3px 15px;
   text-transform: uppercase;
}
.popup_content_register{
   display: none;
}
/********************** POPUP 2 ***************************/
.popup2_wrap{
   position: fixed;
   width: 550px;
   top: 60px;
   left: 50%;
   height: auto;
   background: #FFF;
   padding: 10px 10px;
   display: none;
   z-index: 999;
   margin-left: -193px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}
.popup2_close {
   text-align: right;
   width: 50px;
   float: left;
   line-height: 22px;
   height: 50px;
   position: absolute;
   top: 5px;
   right: -38px;
   z-index: 99;
   font-size: 16px;
}
.popup2_close .btn_popup2_close{
   color: #FFF;
   font-size: 35px;
}
.popup2_content{
   
}
.popup2_title {
   font-size: 24px;
   width: 100%;
   float: left;
   margin-bottom: 10px;
   text-align: center;   
}
.popup2_title_2{
   font-size: 16px;
   width: 100%;
   float: left;
   margin-bottom: 10px;
   text-align: center;
   color: red;
}
.popup2_title_3{
   width: 100%;
   float: left;
   padding: 15px 0px;
   text-align: center;
}
.popup2_item_form{
   width: 100%;
   float: left;
   text-align: center;
}
.popup2_item_form .item_popup_confirm{
   width: auto;
   background: #5cb85c;
   margin: 10px auto;
   color: #FFF;
   padding: 10px 30px;
   font-size: 16px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.popup2_item_form .item_popup_confirm:hover{
   color: #FFF;
    background-color: #20ad20;
}
/**********************************************************/
.booking_main_content {
   background: #fbfaff;
}
.booking_main_wrap{
   width: 100%;
   max-width: 1200px !important;
   padding-bottom: 100px;
}
.booking_main_wrap .booking_detail{   
   padding: 15px 0px;
   margin-bottom: 20px;
}
.booking_main_wrap .booking_detail h1{
   font-size: 26px;
   font-weight: bold;
   padding: 5px 0px;
   text-align: center;
}
.booking_user{
   width: 100%;
   float: left;
   margin-bottom: 30px;
}
.booking_user .item{
   width: 49%;
   float: left;
   margin-bottom: 10px;
}
.booking_user .item_2{
   float: right;
}
.booking_user .item .label{
   width: 100%;
   float: left;
   color: #333;
   text-align: left;
}
.booking_user .item .input_txt,.booking_user .item .input_select{
   width: 100%;
   float: left;   
}
.booking_user .item .input_txt .input_form, .booking_user .item .input_select .booking_user_country{
   width: 100%;
   float: left;
   border: 1px solid #cdcdd0;
   height: 36px;
   padding: 0px 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.booking_main_wrap .booking_left{
   width: 49%;
   float: right;
}
.booking_main_wrap .booking_right{
   width: 49%;
   float: left;   
   margin-top: 30px;
}

.booking_sub{
   width: 100%;
   float: left;
   padding: 5px 0px;
}
.booking_sub .sub_item_1{
   width: 33%;
   float: left;
}
.booking_sub .sub_item_2{
   width: 33%;
   float: left;
}
.booking_sub .sub_item_3{
   width: 34%;
   float: left;
}
.booking_right_1{
   width: 100%;
   float: left;
   background: #FFF;
   border: 1px solid #cdcdd0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 10px;
   margin-bottom: 20px;
}
.booking_right_title{
   width: 100%;
   float: left;
}
.booking_right_title h2{
   text-align: left;
   width: 50%;
   float: left;
   padding-top: 10px;
}
.booking_right_title .booking_right_packet{
   text-align: left;
   width: 50%;
   float: left;
}
.booking_right_packet_select{
   width: 100%;
   position: relative;
}
.booking_right_packet_active{
   width: 90%;
   padding: 8px 10px 8px 20px;
   background: #f5f5f5;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   cursor: pointer;
}
.booking_right_packet_active i{
   display: block;
   float: right;
   width: 30px;
   height: 20px;
   background: url(../../images/icon_arrow_3.png) center right no-repeat;
   background-size: 18px;
}
.booking_right_packet_select .booking_right_packet_list{
   position: absolute;
   top: 35px;
   right: 0px;
   display: none;
   width: 300px;
   background: #FFF;
   padding: 10px 0px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   background: #FFF;
   margin: 8px 0px;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
   border: none;
   z-index: 9;
}
.booking_right_packet_select .booking_right_packet_list li{
   width: 100%;
   float: left;
   line-height: 26px;
   padding: 5px 10px;
   cursor: pointer;
}
.booking_right_packet_select .booking_right_packet_list li:hover{
   background: #EFEFEF;
}
.booking_right_1 h2{
   text-align: center;
}
.booking_sub_title{
   font-weight: bold;
}
.booking_right_2{
   width: 100%;
   float: left;
}
.booking_sub_sum{
   width: 100%;
   float: left;
   border-top: 1px solid #cdcdd0;
   padding: 5px 0px;
   margin-top: 10px;
}
.booking_sub_sum .sum_lable{
   width: 50%;
   float: left;
   line-height: 30px;
   text-transform: uppercase;
   font-size: 13px;
   font-weight: bold;
}
.booking_sub_sum .sum_val{
   width: 50%;
   float: left;
   text-align: right;
   color: #e46804;
   font-weight: bold;
   font-size: 22px;
   line-height: 30px;
}
.booking_sub_info .info_1{
   text-align: center;
   font-size: 12px;
   width: 100%;
   float: left;
   padding: 5px 0px;
}
.booking_sub_info .info_2,.booking_sub_info .info_3{
   text-align: center;
   font-size: 13px;
   width: 100%;
   float: left;
   color: #737585;
}
.booking_sub_info .info_3 .icon{
   background: url(../../images/icon_lock.jpg) top 6px left no-repeat;
   background-size: 16px;
   display: inline-block;
   width: 16px;
   height: 20px;
}
.booking_action_submit{
   width: 100%;
   float: left;
   text-align: center;
   padding: 10px 0px;
}
.btn_renew_booking,.btn_booking_pay{
   color: #FFF;
   font-size: 18px;
   background: #00b091;
   padding: 10px 120px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   width: auto;
   text-align: center;
}
.btn_booking_pay:hover{
   color: #FFF;
   background: #05937a;
}
.booking_message{
   width: 100%;
   text-align: center;
   float: left;
   padding: 20px 0px;   
}
.booking_message_img{
   width: 100%;
   float: left;
   text-align: center;
}
.booking_message_img img{
   width: 80%;
   max-width: 400px;
   margin: auto;
}
.booking_pay_list{
   width: 100%;
   float: left;
}
.booking_pay_list .item{
   width: 100%;
   float: left;
   background-color: #FFF;
   border: 2px solid #cdcdd0;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   padding: 12px 10px;
   margin-bottom: 18px;
   cursor: pointer;
}
.item_booking_qr{
   background: url("../../images/icon_pay_qr.jpg") top 6px right 15px  no-repeat;
   background-size: 30px;
}
.item_booking_bank{
   background: url("../../images/icon_pay_bank.jpg") top 0px right 9px  no-repeat;
   background-size: 40px;
}
.item_booking_visa{
   background: url(../../images/icon_pay_visa.jpg) top 0px right 10px no-repeat;
   background-size: 110px;
}
.item_booking_visa span{
   font-weight: normal;
   font-size: 15px;
}
.item_booking_stripe{
   background: url(../../images/icon_pay_visa.jpg) top 0px right 10px no-repeat;
   background-size: 110px;
}
.item_booking_paypal{
   background: url(../../images/icon_pay_paypal.jpg) top -16px right 10px no-repeat;
   background-size: 80px;
}
.item_booking_google{
   background: url("../../images/icon_pay_qr.jpg") top 6px right 15px  no-repeat;
   background-size: 30px;
}
.item_booking_momo{
   background: url(../../images/icon_pay_momo.jpg) top 6px right 10px no-repeat;
   background-size: 34px;
}

.item_booking_google, .item_booking_momo, .item_booking_qr, .item_booking_bank{
   display: none;
}
.item_pay_type.item:hover{
   border: 2px solid #24505d;
}
.item_pay_type.item .title{
   background: url("../../images/icon_pay_type_1.jpg") 0px 3px no-repeat;
   background-size: 22px;
   padding-left: 26px;
}
.item_pay_type.item_active{
   border: 2px solid #24505d;
}
.item_pay_type.item_active .title{
   background: url("../../images/icon_pay_type_2.jpg") 0px 3px no-repeat;
   background-size: 22px;
   padding-left: 26px;
}

.booking_left h2{
   text-align: center;
   height: 30px;
}
.booking_pay_info .info{
   display: none;
}
/*********************************************************/
.booking_success_content {
   max-width: 1000px;
   padding: 60px 0px;
}
.booking_success_content h1{
   font-size: 42px;
   line-height: 42px;
   text-align: center;
   margin-bottom: 20px;
}
.booking_success_content .btn_return_home{
   float: left;
   font-size: 18px;
   background: #00b091;
   padding: 10px 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   width: auto;
   display: block;
   text-align: center;
   color: #FFF;
}
.booking_success_content .btn_to_my_order{
   float: right;
   font-size: 18px;
   background: #fe7000;
   padding: 10px 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   width: auto;
   display: block;
   text-align: center;
   color: #FFF;
}
.booking_success_content .booking_success_message{
   text-align: center;
   width: 100%;
   float: left;
}
.booking_success_message .booking_success_icon_1{
   padding: 10px 35px 10px 10px;
   width: 30px;
   height: 30px;
   background:url("../images/icon_pay_success.jpg") center left 10px no-repeat;
   background-size: 30px;
}
.booking_success_pro{
   text-align: center;
   width: 100%;
   float: left;
   font-size: 20px;
   line-height: 30px;
   padding: 10px 0px;
}
.booking_success_icon_2{
   text-align: center;
   width: 100%;
   float: left;
   height: 60px;
   background:url("../images/icon_arrow_down.jpg") center center no-repeat;
   background-size: 66px;
}
.booking_success_link_1 {
   text-align: center;
   width: 100%;
   float: left;
   height: 200px;
}
.booking_success_link_1 .btn_booking_success_link_1{
   font-size: 18px;
   background: #65c4c0;
   padding: 13px 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   width: 260px;
   display: block;
   text-align: center;
   color: #FFF;
   margin: auto;
   text-transform: uppercase;
}
.user_order_help{
   width: 100%;
   float: left;
   background: #FFF;
   padding: 30px 0px;
}
.user_order_help .user_order_help_content{
    width: 780px;
    margin: auto;
}
.user_order_help .item{
   width: 240px;
   float: left;   
   margin: 0px 10px;
}
.user_order_help .btn_user_order_help{
   float: left;
   font-size: 18px;
   background: #7fb561;
   padding: 10px 20px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   width: 240px;
   display: block;
   text-align: center;
   color: #FFF;
}


/**********************************************************************/
.album_image{
   width: 100%;
   float: left;
   list-style: none;
   position: relative;
   margin: 15px 0px;
}
.album_image .album_item{
   width: 100%;
   float: left;
   overflow: hidden;
   max-height: 300px;
}
.album_image .item_hiden{
   display: none;
}
.album_image .album_item img{
   width: 100%;
   height: auto;
}
.album_image_total_2 .album_item_0,.album_image_total_3 .album_item_0,
.album_image_total_4 .album_item_0,.album_image_total_5 .album_item_0{
   border-bottom: 2px solid #FFF;
}

.album_image_total_3 .album_item_1{
   width: 50%;
   float: left;
   height: 200px;   
   border-right: 1px solid #FFF;
}
.album_image_total_3 .album_item_2{
   width: 50%;
   float: left;
   height: 200px;
   border-left: 1px solid #FFF;
}
.album_image_total_3 .album_item_1 img,.album_image_total_3 .album_item_2 img{
   width: 100%;
   height: auto;
   min-height: 200px;
}
.album_image_total_4 .album_item_1,.album_image_total_4 .album_item_2{
   width: 33.33333333%;
   float: left;
   height: 150px;   
   border-right: 1px solid #FFF;
}
.album_image_total_4 .album_item_3{
   width: 33.33333333%;
   float: right;
   height: 150px;
   border-left: 1px solid #FFF;
}
.album_image_total_4 .album_item_1 img,.album_image_total_4 .album_item_2 img,.album_image_total_4 .album_item_3 img{
   width: 100%;
   height: auto;
   min-height: 200px;
}
.album_image_total_5 .album_item_1,.album_image_total_5 .album_item_2,.album_image_total_5 .album_item_3{
   width: 25%;
   float: left;
   height: 120px;   
   border-right: 1px solid #FFF;
}
.album_image_total_5 .album_item_4{
   width: 25%;
   float: right;
   height: 120px;
   border-left: 1px solid #FFF;
}
.album_image_total_5 .album_item_1 img,.album_image_total_5 .album_item_2 img,
.album_image_total_5 .album_item_3 img,.album_image_total_5 .album_item_4 img{
   width: 100%;
   height: auto;
   min-height: 120px;
}
.album_image .album_more{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25%;
    height: 120px;
    background-color: rgba(0,0,0,.58);
    color: #FFF;
    padding: 50px 10px 20px 10px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    font-size: 14px;
    cursor: pointer;
}

/*
          ==============================================================
                   Affiliate Css
          ==============================================================
*/
.sadesign-affiliate{
    width: 100%;
    float: left;
}
.sadesign-affiliate-top {  background-image: url("../../images/affiliate_top.jpg");  position: relative; text-align: center; background-size: cover; padding: 100px 0; color: #fff; background-position: center; }
.sadesign-affiliate-top p { font-size: 32px; font-weight: bold; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); margin-bottom: 30px; }
.sadesign-affiliate-top a {border-radius: 10px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px; }
.sadesign-affiliate-top button {  border-radius: 5px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px 20px; }
.sadesign-affiliate-top .btn-aff {  border-radius: 5px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px 20px; }
.btn-aff {  border-radius: 5px; background: #f26c4f; padding: 10px 30px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; text-transform: uppercase; font-weight: bold; margin: 0 20px; border: 0; }
.sadesign-affiliate-top span { display: block; margin-bottom: 40px;  font-size: 20px;  text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.7); font-weight: bold;}
.block-link { display: inline-block; width: 100%; margin: 20px 0; }

.sadesign-affiliate-block-2 { text-align: center; margin: 20px 0; }
.sadesign-affiliate-block-2 p { line-height: 1.5; margin-top: 0;     font-size: 24px; margin-bottom: 10px;    font-weight: bold; }
.bo-bl { font-weight: bold; color: #007bd1; }
.border-dash { font-size: 16px !important; padding: 20px 0; margin-top: 30px; font-weight: normal !important; }
.sadesign-affiliate-block-3 { background: #0e566c; padding: 30px 0; text-align: center; color: #fff }
.sadesign-affiliate-block-3 p { font-size: 24px; font-weight: bold;  padding-bottom: 20px; }
.sadesign-affiliate-block-3 span { padding-top: 20px; display: block; font-size: 16px; line-height: 1.8em;}
.sadesign-affiliate-block-4 { background: #fff; padding: 30px 0; text-align: center; color: #000 }
.sadesign-affiliate-block-4 p { font-size: 24px; font-weight: bold;  padding-bottom: 20px; }
.col-3-steps-aff { width: 100%; margin: 0 auto; }
.col-3-steps-aff ul li { display: inline-block; text-align: center; margin: 20px 10px; width: 30%; }
.inner-col-steps-aff img { display: block; margin: 10px 0; width: 100px; }
.inner-col-steps-aff .img_1{
   width: 120px;
}
.inner-col-steps-aff p { color: #fc7d00; font-weight: bold; font-size: 18px; }
.inner-col-steps-aff span { font-size: 14px;line-height: 1.8em;}
.sadesign-affiliate-block-5 { background: #0e566c; padding: 30px 0; text-align: center; color: #fff }
.sadesign-affiliate-block-5 p { font-size: 24px; font-weight: bold; padding-bottom: 20px; }
.sadesign-affiliate-block-5 span { padding-top: 20px; display: block; font-size: 16px;     width: 90%;    margin: 0 auto;line-height: 1.8em;}
.sadesign-affiliate-block-6 { background: #fff; padding: 30px 0; color: #000 }
.sadesign-affiliate-block-6 span { text-align: left; display: block; float: left; width: 40px; height: 40px; color: #fff; background: #2d6e82; padding: 8px 16px; margin-right: 10px; border-radius: 25px; font-weight: bold; }
.sadesign-affiliate-block-6 h3 { font-size: 24px; font-weight: bold; padding-bottom: 20px; text-align: center }
.sadesign-affiliate-block-6 p { font-size: 14px;    margin: 7px 0px; }
.sadesign-affiliate-block-6 ul li { line-height: 25px; display: inline-block; width: 100%; margin: 10px 0; }
.sadesign-affiliate-block-7 { background : #0e566c;  position: relative; text-align: center; background-size: cover; padding: 50px 0; color: #fff; background-position: center; }
.sadesign-affiliate-block-7 h3 { font-size: 24px; font-weight: bold; padding-bottom: 20px; text-align: center ;}
.sadesign-affiliate-block-7 a { background: #f26c4f; color: #fff; padding: 10px 30px; margin: 20px 0; border-radius: 4px; font-size: 24px; font-weight: bold; display: inline-block; }
.sadesign-affiliate-block-7 a:hover { opacity: .8; }
.sadesign-affiliate-block-7 p {font-size: 24px; padding-bottom: 20px; text-align: center }
.sadesign-affiliate-block-7 .item_2{
   font-size: 14px;
    line-height: 30px;
    padding: 0;
}
.sadesign-affiliate-order-no { width: 100%;float: left;background : #FFF;  position: relative; text-align: center; background-size: cover; padding: 50px 0; color: #333; background-position: center; }
.sadesign-affiliate-order-no h3 { font-size: 24px; font-weight: bold; padding-bottom: 20px; text-align: center ;}
.sadesign-affiliate-order-no a { background: #f26c4f; color: #FFF; padding: 10px 30px; margin: 20px 0; border-radius: 4px; font-size: 24px; font-weight: bold; display: inline-block; }
.sadesign-affiliate-order-no a:hover { opacity: .8; }
.sadesign-affiliate-order-no p {font-size: 24px; padding-bottom: 20px; text-align: center }
.sadesign-affiliate-order-no .item_2{
   font-size: 14px;
    line-height: 30px;
    padding: 0;
}
.sadesign-affiliate-order-no .btn-link-call-support-aff{
   color: #0e566c;
}
.btn-link-call-support-aff {
    font-weight: bold !important;
    text-align: center !important;
    font-size: 15px !important;
    padding: 0 !important;
    background: none !important;
    margin: 0 0px 0px 0!important;
}
.dashboard_afiliate_top{
   width: 100%;
   float: left;
   background: #1f5768;
}
.dashboard_afiliate_top .full_content {
    max-width: 1200px;
    padding: 0;
}
.dashboard_afiliate_top h1{
   padding: 30px 0px;
   color: #FFF;
   width: 100%;
   float: left;
}
.dashboard_afiliate_menu{
   width: 100%;
   float: left;
}
.dashboard_afiliate_menu li {
    display: inline;
    margin-right: 10px;
    position: relative;
    float: left;
    margin-bottom: -2px
}
.dashboard_afiliate_menu li a:hover {
    border-color: #eeeeee #eeeeee #dddddd;
}

.dashboard_afiliate_menu  a:hover,.dashboard_afiliate_menu li a:focus {
    text-decoration: none;
    background-color: #eeeeee;  
    color: #555555;  
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}
.dashboard_afiliate_menu a {
    color: #fff;
    font-size: 14px;
    padding: 8px;
    margin-right: 2px;
    line-height: 1.42857143;
    display: block;
}
.dashboard_afiliate_menu > li.active > a, .dashboard_afiliate_menu > li.active > a:hover, .dashboard_afiliate_menu > li.active > a:focus {
   color: #555555;
   background-color: #ffffff;
   border: 1px solid #dddddd;
   border-bottom-color: transparent;
   cursor: default;
   -webkit-border-top-left-radius: 5px;
   -webkit-border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   -moz-border-radius-topright: 5px;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
}
/**********************************************************/
.afiliate_pro_list{
   width: 100%;
}
.afiliate_pro_list_ul {
   width: 100%;
   float: left;
}
.afiliate_pro_list_ul .afiliate_pro_item{
   list-style: none;
   float: left;
   padding: 15px 0px;
   width: 100%;
   overflow: hidden;   
   border-bottom: 1px solid #dddddd;   
}
.afiliate_pro_item_content{
   width: 100%;
   float: left;   
}
.afiliate_pro_item_content .pro_image {
   width: 200px;
   float: left;
   height: 150px;
   overflow: hidden;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   z-index: 3;
   box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
.afiliate_pro_item_content .pro_image img{
   width: 100%;
   float: left;
   min-height: 150px;
}
.afiliate_pro_item_content .afiliate_pro_info {
   width: 100%;
   padding-left: 210px;
}
.afiliate_pro_item_content .pro_info .category{
   width: 100%;
   float: left;
   color: #03A9F4;
   font-size: 11px;
   line-height: 26px;
   padding: 5px 5px;
   text-transform: uppercase;
}
.afiliate_pro_item_content .afiliate_pro_info .afiliate_meta .afiliate_category a {
   margin-right: 0;
}
.afiliate_pro_item_content .afiliate_pro_info .afiliate_pro_title{
   width: 100%;
   float: left;
   color: black;
   height: 26px;
   overflow: hidden;
}
.afiliate_pro_item_content .afiliate_pro_info a:hover .afiliate_pro_title{
   color: #e31586;
}

.afiliate_pro_item_content .afiliate_pro_info .afiliate_item_price{
   width: 100%;
   float: left;
   margin-bottom: 10px;
}
.afiliate_pro_item_content .afiliate_pro_info .afiliate_link{
    width: 86%;
    float: left;
    margin-right: 2%;
}
.afiliate_pro_item_content .afiliate_pro_info .afiliate_btn_copy{
   width: 12%;
   background: #44b49c;
   border: none;
}
.afiliate_search{
   width: 100%;
   float: left;
   padding: 20px 0px;
}
.main_dashboard_afiliate .view_adm_search_element {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
/******************************************************************/
@media all and (min-width: 800px) {
 .fancybox-thumbs {
   top: auto;
   width: auto;
   bottom: 0;
   left: 0;
   right : 0;
   height: 95px;
   padding: 10px 10px 5px 10px;
   box-sizing: border-box;
   background: #222;
 }
 

 .fancybox-show-thumbs .fancybox-inner {
   right: 0;
   bottom: 95px;
 }
 .fancybox-thumbs__list a{
   border: 2px solid #FFF;
   border-radius: 5px;
 }
 .fancybox-thumbs__list .fancybox-thumbs-active{
   border: 2px solid #f68a39;
 }
 .fancybox-thumbs__list a:before{
   border:none;
 }
}

/***********************************************************/
.user_order_help .btn_user_order_help:hover{
   background: #53992b;
}
/***********************************************************/
.user_order_content {
   width: 100%;
   float: left;
   padding: 10px;
   background: #e9e9e9;
}
.user_order_title {
   width: 100%;
   float: left;
   margin-top: 20px;
}
.user_order_title_1 .user_order_title_txt {
    background: url(../../images/icon_user_den.png) 0px 5px no-repeat;
    background-size: 30px;
    padding-left: 36px;
}
.user_order_title_2 .user_order_title_txt {
    background: url(../../images/icon_lock.png) 0px 5px no-repeat;
    background-size: 24px;
    padding-left: 36px;
}
.user_order_title_3 .user_order_title_txt {
    background: url(../../images/icon_san_pham_den.png) 0px 5px no-repeat;
    background-size: 25px;
    padding-left: 36px;
}
.user_order_title h1{
   font-size: 26px;
}
.user_order_menu {
   width: 100%;
   float: left;
}
.user_order_menu{
   color: #333;
   height: auto;
   line-height: 46px;
}
.user_order_menu a{
   color: #333;
   padding-right: 20px;
}
.user_order_menu .active{
   color: #8f92e4;
}
.user_order_list {
   width: 100%;
   float: left;
}
.user_order_list_ul  {
   width: 100%;
   float: left;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   background: #FFF;
   margin:  0px;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
   border: none;
   border-bottom: 1px solid #e9e9e9;
}
.user_order_list_ul  li{
   float: left;
   width: 8%;
   list-style: none;
   padding: 5px;
   border-right: 1px solid #e9e9e9;
   min-height: 36px;
   font-size: 14px;
}
.user_order_list {
   width: 100%;
   float: left;
}
.user_order_list_ul  .item_sub_1,.user_order_list_ul  .item_sub_2{
   width: 4%;
}
.user_order_list_ul  .item_sub_3{
   width: 25%;
}
.user_order_list_ul  .item_sub_9{
   width: 23%;
   border-right: 0px;
}
.item_ord_key {
   cursor: pointer;
}
.item_ord_key .ord_key_content{
    width: auto;
    float: left;
    padding-right: 35px;
    background: url(../../images/icon_copy.jpg) center right 10px no-repeat;
    background-size: 20px;
   font-weight: bold;
    color: #0037fe;
    word-break: break-all;
}
.item_ord_key.active {
    color: #367fa9;
    font-weight: bold;
}
.user_order_list_head{
   font-weight: bold;
   background: #f5f5f5;
}
.user_order_list_head li{
   padding: 10px 5px;
}
.trang_thai_1 .item_sub_5,.trang_thai_1 .item_sub_4,
.trang_thai_1 .item_sub_6,.trang_thai_1 .item_sub_7{
   color: #1ca4e0;
}
.trang_thai_222 .item_sub_5,.trang_thai_222 .item_sub_4,
.trang_thai_222 .item_sub_6,.trang_thai_222 .item_sub_7{
   color: red;
}
.trang_thai_2 .item_sub_5{
   color: #0d7300;
}
.trang_thai_3 .item_sub_5{
   color: #dd1b19;
}
.trang_thai_4 .item_sub_5{
   color: #b28b02;
}
.trang_thai_5 .item_sub_5{
   color: #7e0100;
}
.item_os_1{
   color: #3ca82e;
}
.item_os_2{
   color: #0037fe;
}
/****************************************************************************************/
.user_order_info{
   width: 100%;
   float: left;
}
.user_order_info  .item{
   width: 25%;
   float: left;
   padding: 3px 10px;
}
.user_order_info_content{
   border-left: 1px solid #EFEFEF;
   border-bottom: 1px solid #EFEFEF;
   border-top: 1px solid #EFEFEF;
}
.user_order_info_content .item{
   height: 46px;
   line-height: 46px;
   background: #FFF;
   border-right: 1px solid #EFEFEF;
}

.user_order2_list_ul{
   width: 100%;
   float: left;
}
.user_order2_list_ul  .item{
   width: 23%;
   float: left;
   padding: 3px 10px;
}
.user_order2_list_ul{
   border-left: 1px solid #EFEFEF;
   border-bottom: 1px solid #EFEFEF;
   border-top: 1px solid #EFEFEF;
}
.user_order2_list_ul .item{
   height: 46px;
   line-height: 46px;
   background: #FFF;
   border-right: 1px solid #EFEFEF;
}
.user_order_content2{
   margin-bottom: 30px;
}
.user_order2_list_ul .item_sub_1{
   width: 8% !important;
}
.btn_renew {
    display: inline-block;
    margin: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 24px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #5cb85c;
    width: 36%;
    float: right;
    color: #FFF;
    cursor: pointer;
}
.btn_renew:hover {
    color: #FFF;
    background-color: #20ad20;
}
.btn_reset_cpu{
   display: inline-block;
   margin: 0;
   font-weight: 400;
   text-align: center;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   padding: 0px 12px;
   font-size: 14px;
   line-height: 24px;
   border-radius: 4px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: #3aa0b6;
   width: 62%;
   color: #FFF;
   cursor: pointer;
   word-break: break-all;
}
.btn_reset_cpu:hover{
   color: #FFF;
   background-color: #168ea8;
}
/**********************************************************/
.pro_list{
   width: 100%;
}
.pro_list_ul {
   width: 100%;
   float: left;
}
.pro_list_ul .pro_item{
   list-style: none;
   float: left;
   padding: 15px;
   width: 33.33333%;
   overflow: hidden;   
}
.pro_item_content{
   width: 100%;
   float: left;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   z-index: 3;
   overflow: hidden;
   box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
.pro_item_content .pro_image {
   width: 100%;
   float: left;
   height: 250px;
   overflow: hidden;
}
.pro_item_content .pro_image img{
   width: 100%;
   float: left;
   min-height: 250px;
}
.pro_item_content .pro_info {
   width: 100%;
   float: left;
}
.pro_item_content .pro_info .category{
   width: 100%;
   float: left;
   text-align: center;
   color: #03A9F4;
   font-size: 11px;
   line-height: 26px;
   padding: 5px 5px;
   text-transform: uppercase;
}
.pro_item_content .pro_info .meta .category a {
   margin-right: 0;
}
.pro_item_content .pro_info .pro_title{
   width: 100%;
   float: left;
   text-align: center;
   color: black;
   height: 26px;
   overflow: hidden;
}
.pro_item_content .pro_info a:hover .pro_title{
   color: #e31586;
}
.item_star{
   width: 100%;
   float: left;
   text-align: center;
   height: 30px;
   background: url("../../images/icon_5_sao.png") center center no-repeat;
   background-size: contain;
}
.pro_item_content .pro_info .item_price{
   width: 100%;
   float: left;
   text-align: center;
   margin-bottom: 10px;
}
.pro_item_content .pro_info .price_buy{
   color: #ff6d00 !important;
   text-decoration:line-through;
}
.pro_item_content .pro_info .price_sale{
   color: #ff6d00 !important;
}
.pro_btn_buy{
   width: 100%;
   float: left;
   text-align: center;
   margin-bottom: 15px;
}
.pro_btn_buy a{
   background-color: #ff9800;
   border-color: rgba(0,0,0,.05);
   color: #FFF;
   padding: 10px 20px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
/*********************************************************************************************/
.pro_detail_info2{
   width: 100%;
   float: left;
   margin-bottom: 20px;
}
.pro_detail_info2 .item{
   width: 24%;
   float: left;
   padding: 10px 10px 10px 80px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   background: #FFF;
   margin: 8px 0px;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
   border: none;
   font-size: 15px;
}
.pro_detail_info2 .item .title{
   font-weight: bold;
   color: #237580;
}
.pro_detail_info2 .item_1{
   background: url("../../images/icon_pro_1.jpg") 10px 6px no-repeat;
   background-size: 55px;
   margin-right: 1%;
}
.pro_detail_info2 .item_2{
   background: url("../../images/icon_pro_2.jpg") 10px 6px no-repeat;
   background-size: 55px;
   margin-right: 1%;
}
.pro_detail_info2 .item_3{
   background: url("../../images/icon_pro_3.png") 10px 6px no-repeat;
   background-size: 55px;
   margin-right: 1%;
}
.pro_detail_info2 .item_4{
   background: url("../../images/icon_pro_4.png") 10px 6px no-repeat;
   background-size: 60px;
}
.pro_description_title{
   width: 100%;
   float: left;
   font-weight: bold;
   color: #237580;
   padding: 10px 0px;
}
.pro_description_title span{
   display: block;
   width: auto;
   float: left;
   border-bottom: 1px solid #237580;
}
.product_wrapper .main .full_content {
    max-width: 1200px;
    padding: 0;
}
.pro_detail{
   width: 100%;
   float: left;
   margin-bottom: 20px;
}
.pro_detail .pro_avatar{
   width: 55%;
   float: left;
   margin-right: 5%;
}
.pro_detail .pro_avatar img{
   width: 100%;
}
.pro_detail .pro_info{
   width: 40%;
   float: left;
}
.pro_detail h1{
   color: #0092ab;
   font-weight: bold;
   font-size: 20px;
}
.pro_detail .pro_star {
    width: 100%;
    float: left;
    text-align: center;
    height: 30px;
    background: url(../../images/icon_5_sao.png) center left no-repeat;
    background-size: contain;
}
.pro_packet{
   width: 100%;
   float: left;
   display: none;
}
.pro_packet_label{
   width: 130px;
   float: left;
   color: #111;
   font-weight: bold;
   line-height: 42px;
}
.pro_packet_select{
   width: 100%;
   padding-left: 130px;
   position: relative;
}
.pro_packet_active{
   width: 90%;
   padding: 8px 10px 8px 20px;
   background: #f5f5f5;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   cursor: pointer;
}
.pro_packet_active i{
   display: block;
   float: right;
   width: 30px;
   height: 20px;
   background: url(../../images/icon_arrow_3.png) center right no-repeat;
   background-size: 18px;
}
.pro_packet_select .pro_packet_list{
   position: absolute;
   top: 35px;
   right: 0px;
   display: none;
   width: 300px;
   background: #FFF;
   padding: 10px 0px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   background: #FFF;
   margin: 8px 0px;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
   border: none;
   z-index: 9;
}
.pro_packet_select .pro_packet_list li{
   width: 100%;
   float: left;
   line-height: 26px;
   padding: 5px 10px;
   cursor: pointer;
}
.pro_packet_select .pro_packet_list li:hover{
   background: #EFEFEF;
}
.pro_detail .description{
   width: 100%;
   float: left;
   margin-top: 20px;
}
.pro_detail .description img {
    width: 100%;
    height: auto!important;
}
.pro_detail .description video{
   max-width: 100% !important;
   height: auto !important;
}
.pro_detail .price{
   width: 100%;
   float: left;
   text-align: left;
   font-size: 18px;
   line-height: 60px;
}
.pro_detail .price_buy{
   color: #989898 !important;
   text-decoration:line-through;
   margin-right: 10px;
}
.pro_detail .price_sale{
   color: #f15f3a !important;
   font-size: 28px;
   font-weight: bold;
}
.pro_packet_total{
   width: 100%;
   float: left;
   display: none;
}
.pro_packet_total .pro_packet_total_label{
   width: 100px;
   float: left;
   color: #989898;
   font-size: 16px;
   line-height: 36px;
}
.pro_packet_total .pro_packet_total_select{
   width: 100%;
   padding-left: 100px;
   position: relative;
}
.pro_packet_total_select .content{
   border: 1px solid #e8e8e8;
   width: 143px;
   float: left;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
}
.pro_packet_total_select .pro_packet_total_sub{
   width: 40px;
   height: 30px;
   float: left;
   text-align: center;
   font-size: 18px;
   cursor: pointer;
   border-right: 1px solid #e8e8e8;
}
.pro_packet_total_select .pro_packet_total_number{
   width: 60px;
   float: left;
   border: none;
   height: 30px;
   text-align: center;
}
.pro_packet_total_select .pro_packet_total_plus{
   width: 40px;
   float: left;
   height: 30px;
   text-align: center;
   font-size: 18px;
   cursor: pointer;
   border-left: 1px solid #e8e8e8;
}
.pro_info .intro{
   width: 100%;
   float: left;
   padding: 15px 0px 30px 0px;
}

.pro_detail_btn_buy{
   width: 100%;
   float: left;
   text-align: center;
   margin-bottom: 15px;
}
.pro_detail_btn_buy a{
   background-color: #f86938;
   border-color: rgba(0,0,0,.05);
   color: #FFF;
   padding: 10px 80px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   font-size: 18px;
   width: 100%;
    display: block;
}
.pro_detail_btn_buy a:hover{
   background: #d76002;
}
/*********************************************************************************************/
.pro_detail_info2{
   width: 100%;
   float: left;
   margin-bottom: 20px;
}
.pro_detail_info2 .item{
   width: 24%;
   float: left;
   padding: 10px 10px 10px 80px;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
   background: #FFF;
   margin: 8px 0px;
   box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
   border: none;
   font-size: 15px;
}
.pro_detail_info2 .item .title{
   font-weight: bold;
   color: #237580;
}
.pro_detail_info2 .item_1{
   background: url("../../images/icon_pro_1.jpg") 10px 6px no-repeat;
   background-size: 55px;
   margin-right: 1%;
}
.pro_detail_info2 .item_2{
   background: url("../../images/icon_pro_2.jpg") 10px 6px no-repeat;
   background-size: 55px;
   margin-right: 1%;
}
.pro_detail_info2 .item_3{
   background: url("../../images/icon_pro_3.png") 10px 6px no-repeat;
   background-size: 55px;
   margin-right: 1%;
}
.pro_detail_info2 .item_4{
   background: url("../../images/icon_pro_4.png") 10px 6px no-repeat;
   background-size: 60px;
}
.pro_description_title{
   width: 100%;
   float: left;
   font-weight: bold;
   color: #237580;
   padding: 10px 0px;
}
.pro_description_title span{
   display: block;
   width: auto;
   float: left;
   border-bottom: 1px solid #237580;
}
.pro_description{
   width: 100%;
   float: left;
}
.pro_description ol, .pro_description li{
   padding: 0;
}
.pro_description ol li{
   list-style: auto;
   list-style-type: auto;
}
.pro_description ul li{
   list-style: auto;
   list-style-type: disc;
}
.pro_description_content{
   width: 75%;
   float: left;
   padding-right: 10px;
   margin-bottom: 20px;
}
.pro_description_content iframe{
   max-width: 100%;
}
.pro_description img{
   max-width: 100%;
   height: auto!important;
}
.pro_description .ads{
   width: 25%;
   float: right;
   padding-left: 10px;
   margin: 20px 0px;
}
.pro_description .ads img{
   width: 100%;
}
/*********************************************************/
.hotline-phone-ring-wrap {
  position: fixed;
  bottom: 60px;
  left: 0;
  z-index: 99;
}
.hotline-phone-ring-wrap2 {
      position: fixed;
      bottom: 110px;
      left: 0;
      z-index: 99;
    }
    .hotline-phone-ring {
      position: relative;
      visibility: visible;
      background-color: transparent;
      width: 110px;
      height: 110px;
      cursor: pointer;
      z-index: 11;
      -webkit-backface-visibility: hidden;
      -webkit-transform: translateZ(0);
      transition: visibility .5s;
      left: 0;
      bottom: 0;
      display: block;
    }
    .hotline-phone-ring-circle {
      width: 110px;
      height: 110px;
      top: 0;
      left: 0;
      position: absolute;
      background-color: transparent;
      border-radius: 100%;
      border: 2px solid #fe642e;
      -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
      animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
      transition: all .5s;
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      opacity: 0.5;
    }
.hotline-phone-ring-circle-fill {
  width: 80px;
  height: 80px;
  top: 16px;
  left: 16px;
  position: absolute;
  background-color: rgb(153 4 4 / 82%);
  border-radius: 100%;
  border: 2px solid transparent;
  -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
    .hotline-phone-ring-img-circle {
      background-color: #fe642e;
      width: 50px;
      height: 50px;
      top: 31px;
      left: 31px;
      position: absolute;
      background-size: 20px;
      border-radius: 100%;
      border: 2px solid transparent;
      -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
      animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
      -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
      transform-origin: 50% 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .hotline-phone-ring-img-circle .pps-btn-img {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
    }
    .hotline-phone-ring-img-circle .pps-btn-img img {
      width: 33px;
      height: 33px;
    }
.hotline-bar {
  position: absolute;
  background: #19255c;
  height: 40px;
  width: 165px;
  line-height: 40px;
  border-radius: 3px;
  padding: 0 10px;
  background-size: 100%;
  cursor: pointer;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  z-index: 9;
  border-radius: 50px !important;
  left: 42px;
  bottom: 31px;
}
.hotline-bar > a {
  color: #fff;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  text-indent: 32px;
  letter-spacing: 1px;
  display: block;
  line-height: 42px;
  font-family: Arial;
}
    .hotline-bar > a:hover,
    .hotline-bar > a:active {
      color: #fff;
    }
    @-webkit-keyframes phonering-alo-circle-anim {
      0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
      }
      30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
      }
      100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
      }
    }
    @-webkit-keyframes phonering-alo-circle-fill-anim {
      0% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
      }
      50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
      }
      100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.6;
      }
    }
    @-webkit-keyframes phonering-alo-circle-img-anim {
      0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
      }
      10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
      }
      20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
      }
      30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
      }
      40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
      }
      50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
      }
      100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
      }
    }

/******************************************************************************/
.atp-call .atp-vong {
    z-index: 999;
    position: fixed;
    border-radius: 100%;
    border: 2px solid;
    opacity: .5;
    top: 155px;
    right: 26px;
    width: 80px;
    height: 80px;
    border-color: #1c8937;
}
.atp-call .atp-tron {
    opacity: 0.75;
    z-index: 999;
    position: fixed;
    border-radius: 100%;
    top: 164px;
    right: 34px;
    width: 63px;
    height: 63px;
    background-color: rgb(153 4 4 / 82%);
}
.atp-call .atp-phone {
    position: fixed;
    border: 2px solid transparent;
    border-radius: 100%;
    z-index: 999;
    background-size: 70%;
    opacity: 0.7;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    top: 173px;
    right: 43px;
    width: 45px;
    height: 45px;
    background-image: url(../images/shopping-basket.png);
    background-color: #fe7000;
}
.atp-call .atp-text {
    position: fixed;
    z-index: 999;
    top: 230px;
    right: 25px;
    background-color: #ffff00;
    color: #000000;
}
.atp-call a:hover .atp-text{
   background-color: #c75b06;
}
.atp-call .atp-text {
    position: fixed;
    z-index: 999;
    border-radius: 10px;
    top: 230px;
    right: 20px;
    width: 95px;
    height: 32px;
    background-color: #fe7000;
    color: #ffffff;
    text-align: center;
}
.atp-call .atp-text p {
    font-size: 14px;
    color: #fff!important;
    line-height: 31px;
    font-weight: 600;
}
@keyframes tada {
    0% {
        transform: scale(1);
    }
    10%, 20% {
        transform: scale(0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        transform: scale(1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        transform: scale(1) rotate(0);
        opacity: 1;
    }
}
.atp-call .tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@keyframes zoomIn{
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3);
    }
    50% {
        opacity: 1;
    }
}   
.atp-call .zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.atp-call .pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
.atp-call .animated.infinite {
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.atp-call .animated {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
@media (max-width: 767px) {
.atp-call .atp-vong {
    top: 99px;
    right: 7px;
}
.atp-call .atp-text {
  height: 25px;
  width: unset;
}
.atp-call .atp-tron {
    top: 106px;
    right: 15px;
}
.atp-call .atp-phone {
    top: 115px;
    right: 23px;
}
.atp-call .atp-text {
    color: #fff;
    background-color: #1e2f7f;
    text-align: center;
    top: 183px;
    right: 8px;
    border-radius: 10px;
    box-shadow: none;
    border: 2px solid #fff;
}
.atp-call .atp-text p {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 16px;
    /* width: unset; */
}
.atp-call .atp-text p {
    padding: 3px 10px;
    font-size: 12px;
    line-height: 16px;
    /* width: unset; */
}

}
    
/****************************************************/
@media screen and (min-width: 1920px) {
  .header  .full_content {
    padding: 0px 8%;
  }
  .footer .footer_item_1{
      width: 260px;
   }
   .footer .footer_item_2{
      width: 260px;
   }
   .footer .footer_item_3{
      width: 285px;
      padding: 0px 15px;
   }
   .footer .footer_item_4{
      width: 235px;
   }
   .footer .footer_item_5{
      width: 250px;
   }
   .footer .footer_item_6{
      width: 180px;
   }
}

/**************************************************************************Mobile*************************************************************/
@media screen and (max-width:800px) {
   body{
      width: 100%;
      min-width: 0px;
      overflow-x: hidden !important;
   }
   .full_content{
      padding: 0px 10px;
   }
   .product_wrapper .main .full_content{
      padding: 0px 10px;
   }
   .full_content iframe{
      max-width: 100%;
      height: auto;
   }
   .header_web{
      display: none;
   }
   #id_back_top{
      display: none;
   }
   .header_mobile{
      width: 100%;
      display: block;
      background-color: #0e566c;
      z-index: 6;
      height: 55px;
      float: left;
      padding: 5px 0px;
      border-bottom: 1px solid #c4c2c2;
   }
   .header_mobile_fix{
      position: fixed;
      top: 0;
      left: 0;
   }
   .header_content .icon_show_menu{
      float: left;
      width: 40px;
   }
   .header_content .icon_show_menu .btn_show_menu{
      display: block;
      float: left;
      width: 100%;
      height: 45px;
      background: url(../images/mobi_menu_w.png) left center no-repeat;
      background-size: 33px;
   }
   .header_content .header_user{
      float: right;
      width: 80px;
   }
   .header_user .btn_login {
      color: #FFF;
      display: block;
      font-size: 13px;
      background: #fe7000;
      padding: 5px 4px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;      
      margin-top: 10px;
      text-align: center;
   }
   .header_user_loged{
      margin: 0;
   }
   .header_mobile_user .header_user_menu{
      right: 10px;
      left: unset;
   }
   .header_mobile_user .header_user_menu .arrow{
      right: 10px;
      left: unset;
   }
   .header_content .logo{
      padding-left: 110px;
      padding-right: 80px;
      width: 100%;
      float: inherit;
   }
   .header_content .logo a {
      display: block;
      float: left;
      width: 100%;
      height: 45px;
      background: url(../images/logo_slogan.png) center center no-repeat;
      background-size: 125px;
   }
   .popup_close{
      right: -3px;
   }
   .popup_close .btn_popup_close{
      background: url(../images/mobi_close.png) center center no-repeat;
      display: block;
      width: 50px;
      height: 50px;
      background-size: 50%;
   }
   .popup_close .btn_popup_close i{
      display: none;
   }
   .hotline-phone-ring-wrap{
      bottom: 20px;
      display: none;
   }
   .mobile_footer{
      width: 100%;
      float: left;
      position: fixed;
      bottom: 0;
      left: 0;
      display: none;
      background: #0092ab;
   }
   .mobile_footer .item{
      width: 20%;
      float: left;
      text-align: center;
   }
   .mobile_footer .mobile_footer_phone{
      background: url("../../images/icon_m_call.png") top 10px center no-repeat;
      background-size: 36px;
   }
   .mobile_footer .mobile_footer_zalo{
      background: url("../../images/icon_m_zalo.png") top 10px center no-repeat;
      background-size: 36px;
   }
   .mobile_footer .mobile_footer_home{
      background: url("../../images/icon_m_home.png") top 10px center no-repeat;
      background-size: 36px;
   }
   .mobile_footer .mobile_footer_mes{
      background: url(../../images/icon_m_mes.png) top 0px center no-repeat;
      background-size: 53px;
   }
   .mobile_footer .mobile_footer_face{
      background: url("../../images/icon_m_facebook.png") top 10px center no-repeat;
      background-size: 36px;
   }
   .mobile_footer .item a{
      color: #FFF;
      text-align: center;
      font-size: 14px;
      padding-top: 50px;
      padding-bottom: 10px;
      display: block;
   }
   .news_list_ul .meta{
      display: block;
   }
   .news_list_ul .meta .category{
      width: 100%;
   }
   .news_list_ul .meta .time_view{
      width: 100%;
   }
   
   .news_home_hot_3 .blog_item{
      width: 100%;
      float: left;
      margin-top: 15px;
      margin-bottom: 15px;
      display: flex;
      padding: 0;
   }
   .news_home_hot_3 .blog_item .blog_image{
       width: 100%;
       display: inline-block;
       padding-bottom: 0;
       position: relative;
       overflow: hidden;
       background: #eee;
       margin: 0 20px 0 0;
       min-width: 33.33%;
       max-width: 33.33%;
       min-height: 200px;
   }
   .news_home_hot_3 .blog_item .blog_image:before {
       position: absolute;
       top: 0;
       left: -75%;
       z-index: 2;
       display: block;
       content: "";
       width: 50%;
       height: 100%;
       background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3));
       transform: skewX(-25deg);
   }
   .news_home_hot_3 .blog_item .blog_image:hover:before {
       -webkit-animation: shine .75s;
       animation: shine .75s;
   }
   .news_home_hot_3 .blog_item .blog_image img{
      display: block;
      -o-object-position: center;
      object-position: center;
      -o-object-fit: cover;
      object-fit: cover;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      height: 100%!important;
      width: 100%!important;
      width: 100%;
      height: auto;
   }
   .news_home_hot_3 .blog_item .blog_info{
      
   }
   .news_home_hot_3 .blog_item .blog_info .blog_title{
      display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       text-overflow: ellipsis;
       overflow-y: hidden;
       color: #333;
       font-size: 20px;
       margin-bottom: 15px;
       font-weight: 700;
   }
   .news_home_hot_3 .blog_item .blog_info .blog_title:hover {
       color: #0e566c;
   }
   .news_home_hot_3 .blog_item .blog_info .blog_intro{
      display: -webkit-box;
       -webkit-line-clamp: 3;
       -webkit-box-orient: vertical;
       text-overflow: ellipsis;
       overflow-y: hidden;
       color: #333;
       font-size: 16px;
       margin-bottom: 15px;
       font-weight: 400;
   }
   .news_home_hot_3 .meta {
      width: 100%;
   }
   .news_home_hot_3 .meta .category a {
       font-weight: 700;
       color: #d2691e;
       text-transform: uppercase;
       margin-bottom: 10px;
       margin-right: 20px;
   }
   .news_home_hot_3 .meta .category a:hover {
       color: #0e566c;
   }
   .news_home_hot_3 .meta .time_view .time{
      margin-right: 20px;
   }
   .news_list_ul .blog_item .blog_image{
      min-height: 80px;
   }
   .news_list_ul .blog_item .blog_info .blog_intro{
      display: none;
   }
/***********************************************************************/
.header_mobile_menu {
   position: fixed;
   background: #FFF;
   width: 70%;
   top: 0px;
   left: 0px;
   z-index: 9;
   padding: 10px 0px;
   height: 100%;
   display: none;
}
.header_mobile_menu_top{
   width: 100%;
   float: left;
   padding: 0px 10px;
}   
.header_mobile .icon_hide_menu{
   float: left;
   width: 80px;
}
.header_mobile .icon_hide_menu .btn_hide_menu{
   display: block;
   float: left;
   width: 100%;
   height: 45px;
   background: url(../images/mobi_close.png) center left no-repeat;
   background-size: 30px;
}
.header_content .logo_menu{
   padding-left: 80px;
   padding-right: 0px;
   width: 100%;
   float: initial;
}
.header_mobile_close{
   float: right;
   width: 80px;
}
.header_mobile_close .btn_header_mobile_close{
   background: url(../images/mobi_close.png) center center no-repeat;
   display: none;
   width: 50px;
   height: 50px;
   background-size: 50%;
   float: right;
   margin: auto;
}
.header_content .logo_menu a {
   display: block;
   float: left;
   width: 100%;
   height: 46px;
   background: url(../images/mobi_logo_1.png) center right no-repeat;
   background-size: 130px;
}
.header_mobile_menu_list{
   float: left;
   width: 100%;
   margin-top: 10px;
}
.header_mobile_menu_list .header_mobile_menu_li {
   display: block;
   padding: 5px 15px;
   line-height: 35px;
   position: relative;
   width: 100%;
   float: left;
   border-bottom: 1px solid #eee;
}
.header_mobile_menu_list .header_mobile_menu_li svg{
   color: #333;
   transition: transform .2s linear;
   float: right;
   margin-top: 10px;
   scale: 1.5;
}
.header_mobile_menu_list .header_mobile_menu_li.active svg {
    transform: rotate(180deg);
}

.header_mobile_menu_list .header_mobile_menu_li .header_mobile_menu_a{  
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
.header_mobile_menu_sub{
   width: 100%;
   background: #FFF;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   z-index: 3;
   display: none;
   box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
}
.header_menu .header_mobile_menu_li:hover .header_mobile_menu_sub{
   display: block;
}
.header_mobile_menu_sub ul{
   width: 100%;
   float: left;
   list-style: none;
   padding: 10px;
}
.header_mobile_menu_sub ul li{
   width: 100%;
   float: left;
   list-style: none;
   padding: 0px 10px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
.header_mobile_menu_sub ul li:hover{
   background: #0e566c;
}
.header_mobile_menu_sub ul a{
   width: 100%;
   float: left; 
   color: #333;
   line-height: 36px; 
}
.header_mobile_menu_sub ul li:hover a{
   color: #FFF;
}
.user_order_info_title{
   display: none;
}
.user_order_info .item {
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
    border-right: 0;
}

#fb-root{
    display: none;
}
.footer_bootom{
    padding-bottom: 5px;
}
.footer_menu{
   padding-bottom: 68px;
}
.footer_menu .icon_footer_payment{
   width: 100%;
   background: url(../../images/icon_footer_payment.png) center center no-repeat;
   background-size: contain;
}
/***********************************************************************/   
   .full_content{
      padding: 0px 5px;
   }
   .blog_wrapper .main .full_content{
      padding: 0px 5px;
   }
   .itop h1{
      font-size: 26px;
      width: 100%;  
      text-align: center;  
      padding: 0px;  
   }
   .itop .intro_top h2{
      font-size: 22px;
      line-height: 30px;
      width: 100%;
      text-align: center;    
   }
   .itop .intro_top{
      width: 100%;
   }
   .itop .itop_content{
      background: url(../images/banner_top.png) center bottom 150px no-repeat;
      background-size: 88%;
   }
   .itop .intro_top .intro_2{
      font-size: 20px;
      line-height: 30px;
      text-align: center;
      margin-top: 130px;
   }
   .itop .intro_top .intro{
      margin-bottom: 180px;
   }
   .itop .intro_top .intro_download {
      width: 100%;
   }
   
   .itop_2 .video video {
       width: 100%;
       padding: 0;
   }
   .mi_layout .main_item_sub_1{
      width: 100%;
      padding: 0;
   }
    .mi_layout .main_item_sub_2{
      width: 100%;
      padding: 0;
      margin-top: 0;
   }
   .mi_layout .main_item_sub_1 h3{
      margin: 0px 0px;
      font-size: 28px;
      line-height: 38px;
   }
   .main_item_1 h3 {
       font-size: 30px;
       line-height: 40px;
   }
   .main_item_1 h2{
      font-size: 40px;
      line-height: 1.6;
   }
   .main_item_1 h3 span{
      font-size: 50px;
   }
   .main_item_1 p {
       font-size: 30px;
       line-height: 40px;
   }
   .main_item_7 h3{
      font-size: 24px;
      line-height: 30px;
   }
   .main_item_7 .intro_download{
      padding-bottom: 25px;
   }
   .main_item_8 .main_price{
      width: 100%;
      padding: 0;
   }
   .main_item_8 .main_price .main_price_item{
      width: 49%;
      padding: 0;
      margin: 0px 0.5%;
      margin-bottom: 20px;
   }   
   .main_item_8 .main_price .book .btn_book{
      width: auto;
   }
   .main_item_8 .main_price .price_vip{
    
   }
   .main_item_8 .main_price .price_2 span {
    font-size: 20px;
   }
   .main_item_8 .main_price .feature li{
      font-size: 11px;
      padding: 3px 0px;
      padding-left: 20px;
      background: url("../images/icon_checklist.png") no-repeat left 6px;
      background-size: 16px;
   }
   .main_item_8 .main_price .price_2{
      font-size: 11px;
   }
   .download_link{
      padding: 0px 10px;
   }
   .download_os {
      width: 100%;
      margin-bottom: 20px;
   }
   .manual_left{
      display: none;
   }
   .manual_right{
      width: 100%;
      padding: 0;
   }
   .manual_right .content{
      padding: 0;
   }
   .download_item_2  img{
       max-width: 100%;
       height: auto !important;
   }
   .download_item_2 video{
       width: 100%;
       height: auto !important;
   }
/********************************************************************/
.user_order_list_head{
   display: none;
}
.user_order_list_ul  .item_sub_1{
   width: 50px;
   float: left;
}
.user_order_list_ul .item_sub_2{
   display: none;
}
.user_order_list .user_order_list_ul li{
   width: 50%;
   border-right: none;
}
.user_order_list_ul .item_sub_3{
   width: 100% !important;
}
.user_order_help .user_order_help_content{
   width: 100%;
   margin-bottom: 15px;
}
.user_order_help .item{
   width: 100%;
   float: left;
   text-align: center;
   margin-bottom: 15px;
}
.user_order_help .btn_user_order_help{
   text-align: center;
    margin: auto;
    float: initial;
}
.user_order2_list_head{
   display: none;
}
.user_order2_list_ul .item_sub_1{
   display: none;
}
.user_order2_list_ul .item{
   width: 100%;
}
.user_order2_list_ul .item.item_sub_2{
   width: 100%;
}
/********************************************************************/
.user_order_list_head{
   display: none;
}
.user_order_list_ul  .item_sub_1{
   width: 50px;
   float: left;
}
.user_order_list_ul .item_sub_2{
   display: none;
}
.user_order_list .user_order_list_ul li{
   width: 50%;
   border-right: none;
}
.user_order_help .user_order_help_content{
   width: 100%;
   margin-bottom: 15px;
}
.user_order_help .item{
   width: 100%;
   float: left;
   text-align: center;
   margin-bottom: 15px;
}
.user_order_help .btn_user_order_help{
   text-align: center;
    margin: auto;
    float: initial;
}
.user_order_help .btn_user_order_help:hover{
   background: #53992b;
}
/***************************************************************************/
.pro_list_ul .pro_item{
   width: 50%;
   padding: 10px 5px;
}
.pro_item_content .pro_image {
    width: 100%;
    float: left;
    height: 125px;
    overflow: hidden;    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.pro_item_content .pro_image img {
    width: 100%;
    float: left;
    min-height: 125px;
}
.pro_detail{
   width: 100%;
}
.booking_main_wrap .booking_left{
   width: 100%;
   margin: 0;
}
.booking_main_wrap  .booking_right{
   width: 100%;
   margin: 0;
}
.pro_detail .pro_avatar{
   width: 100%;
}
.pro_detail .pro_info{
   width: 100%;
}
.pro_detail_info2 .item{
   width: 100%;
}
.pro_description_content{
   width: 100%;
   padding: 0px;
}
.col-3-steps-aff ul li{
   width: 100%;
}
.afiliate_pro_item_content .afiliate_pro_info{
   padding: 10px 0px;
   float: left;
}
.afiliate_pro_item_content .afiliate_pro_info .afiliate_link{
   width: 70%;
}
.afiliate_pro_item_content .afiliate_pro_info .afiliate_btn_copy{
   width: 28%;
}
.report_content_chart, .report_content_table{
   width: 100% !important;
}
/***************************************************************************/
   .news_home_top_1{
      width: 100%;
   }
   .news_home_hot_1{
      width: 100%;
   } 
   .news_home_hot_2{
      width: 100%;
   }
   .news_home_hot_2 .inner{
      height: auto;
      max-height: unset;
      overflow: unset;
   } 
   .news_home_hot_3{
      width: 100%;
   }   
   .news_home_hot_3 .blog_item{
      width: 100%;
   }
   .news_home_top_2{
      display: none;
   }
   .news_list{
      width: 100%;
      padding: 0;
   }
   .news_cat_hot .blog_item .blog_image{
      width: 100%;
      padding: 0;
   }
   .news_cat_hot .blog_item .blog_info{
      width: 100%;
      padding: 0;
   }
   .news_detail{
      width: 100%;
      padding: 0;
   }
   .ads{
      display: none;
   }
   .footer .footer_item{
      width: 50%;
   }
   .footer .footer_item_2,.footer .footer_item_4{
      padding-left: 15px;
   }
   .footer_item ul li{
      font-size: 14px;
   }
   .footer .footer_item_1, .footer .footer_item_3,
   .footer .footer_item_5, .footer .footer_item_6{
      display: none;
   }
   .footer_bootom li {
       width: 100%;
       padding: 10px 0px;
       float: left;
       text-align: center;
   }
   .footer_bootom .footer_bootom_li_5{
      width: 100%;
   }
   .footer_bootom .footer_bootom_li_6,.footer_bootom .footer_bootom_li_lag {
      display: none;
   }
   .footer_sub_li_tn_8, .footer_sub_li_tn_9, .footer_sub_li_tn_10, .footer_sub_li_tn_11{
      display: none;
   }
   
}