html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
i,
em {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none;
    text-decoration: none;
    font-style: normal;
    font-weight: normal;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}
a:hover{text-decoration: none;}
.clear {clear: both;}
table {border-collapse: collapse;}
body{overflow-x: hidden;font-family: 'Open Sans', sans-serif;font-weight: 400;background-color:#fff;padding-top: 64px;}
.box_flexxx{display: flex;}



header{padding: 10px 25px;border:solid 1px #dce0e3;position: fixed;top:0;width: 100%;z-index: 9;background-color: #fff;}
header ul li{display: inline-block;margin-right: 50px;}
header ul li:last-child{margin-right: 0;}
header ul li input{max-width: 190px;border-radius: 50px;padding-left: 15px;height: 38px;border:solid 1px #dce0e7;outline: none;color: #4b4f56;font-size: 16px;}
header .co{position:absolute;top: 22px;right: 70px;}
header .co img{
    vertical-align: bottom;
}
.box_all_noidung_ud{width: 100%;}
.box_menu_left{min-width: 313px;background-color: #f3f6f8;height: 100%;}
.box_menu_left .navbar-nav{float: none;padding: 0px 30px;position: fixed;top:63px;left: 0;background-color: #f3f6f8;width: 100%;max-width: 313px;height: 100%;overflow-y:auto;    padding-bottom: 100px;}
.box_menu_left .navbar-nav li{display: block;float: none;margin-right: 0;border-bottom: dotted 1px #cccac2;}
.box_menu_left .navbar-nav li a{color: #4b4f56;font-size: 13px;text-transform: uppercase;font-weight: 700;padding: 20px 0px;}
.box_menu_left .navbar-nav li a:hover{background-color: transparent;text-decoration: underline;}
.box_menu_left .navbar-nav>.active>a,
.box_menu_left .navbar-nav>.active>a:focus,
.box_menu_left .navbar-nav>.active>a:hover{background-color: transparent;}
.box_all_noidung{max-width: 800px;margin: 0 auto;border-bottom: 1px solid #e9ebee;font-family: 'helvetica neue',helvetica,arial,'lucida grande',sans-serif;padding: 10px;}
.box_menu_left .dropdown.open .dropdown-menu{position: static;margin: 0;background-color:transparent;border:none;box-shadow: none;width: 100%;top:auto;left: auto;float: none;padding: 0;margin-bottom: 20px;}
.box_menu_left .dropdown.open .dropdown-menu li a{text-transform: none;color: #4b4f56;font-size: 15px;font-weight: 400;}
.box_menu_left .nav .open>a,
.box_menu_left .nav .open>a:focus,
.box_menu_left .nav .open>a:hover{background-color: transparent;border:none;}
.box_menu_left .navbar-nav li.dropdown.open .dropdown-menu li{border:none;}
.box_menu_left .navbar-nav li.dropdown.open .dropdown-menu li a{padding: 5px;}
.box_menu_left .navbar-nav li.dropdown.open a.dropdown-toggle{padding: 20px 0px 10px 0px;cursor: default;}
.box_menu_left .navbar-nav li.dropdown.open a.dropdown-toggle:hover{text-decoration: none;}
.box_menu_left .navbar-nav::-webkit-scrollbar{background-color: #dce0e7;width: 1px;}
.text_tieude_chung{text-transform: uppercase;color: #fff;font-size: 30px;position: absolute;top:22px;left: 50%;width: 100%;-webkit-transform: translateX(-50%);transform: translateX(-50%);text-align: center;}
.group {background-color: #fff;border-bottom: 1px solid #e9ebee;font-family: 'helvetica neue',helvetica,arial,'lucida grande',sans-serif;}
.group h3{font-size: 26px;font-weight: 500;color: #555;display: block;}
.tieude_thu{display: block;font-size: 20px;margin-bottom: 10px;font-weight: 500;margin-top: 20px; position: relative;}
.box_all_noidung p{display: block;color: #4b4f56;font-size: 14px;font-family: 'helvetica neue',helvetica,arial,'lucida grande',sans-serif;margin-bottom: 10px;}
.box_all_noidung .panel{margin-top: 30px;}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
.var {
    color: #c7254e;
}
.table code {
    font-size: 14px;
    color: #42b72a;
    background: transparent;
    font-family: Menlo, Monaco, Andale Mono, Courier New, monospace;
}
.table code a {
    color: #42b72a;
}
.table .deprecated {
    opacity: .5;
}
.panel {
    overflow-x: scroll !important;
}
.btn_all_taixuong{background-color: #fff;text-align: center;width: 180px;height: 43px;border:solid 1px #0865b2;border-radius: 50px;display: inline-block;line-height: 43px;text-transform: uppercase;font-weight: 700;position: relative;z-index: 1;overflow:hidden;}
.btn_all_taixuong:before{
    content: "";
    position: absolute;
    top: 0;
    color: #fff;
    width: 200%;
    height: 100%;
    background: #0865b2;
    left: -210%;
    -webkit-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -o-transform: skewX(-20deg);
    transform: skewX(-20deg);
    -webkit-transition: .4s linear all;
    -o-transition: .4s linear all;
    -moz-transition: .4s linear all;
    transition: .4s linear all;
    z-index: -1;
}
.btn_all_taixuong:hover:before {left: -10%;}
.btn_all_taixuong:hover{color: #fff;}



.show_menu .box_menu_left .navbar-nav{
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    transition: .15s ease-out;
    z-index: 1;
    opacity: 1;
}
.show_menu .navbar-toggle .top-bar{
    transform: rotate(45deg);
    transform-origin: 10% 90%;
}
.show_menu .navbar-toggle .middle-bar {
  opacity: 0;
}
.show_menu .navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 20% 90%;
}



@media only screen and (max-width: 59rem) {
    .box_menu_left{min-width: 0;}
    .box_menu_left .navbar-nav{
        max-width: 100%;
        margin:7.5px 0px;
        top:55px;
        padding-bottom: 100px;
        -webkit-transform-origin: top;
        -ms-transform-origin: top;
        transform-origin: top;
        transition: .15s ease-out;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        opacity: 0;
        z-index: -1;
    }
    .btn_all_taixuong{display: block;width: 100%;}
    header ul li{margin-right: 20px;}
    header ul li a img{width: 150px !important;}
    header ul li.link_btn_menu {float: right;}
    .navbar-toggle{display: block;margin: 0;float:none;margin-top: 5px;} 
    header .navbar-toggle .icon-bar{background-color: #000;width: 25px;-o-transition: all 0.2s;-moz-transition: all 0.2s;transition: all 0.2s;}
}

@media only screen and (max-width: 49rem) {
     .box_menu_left .navbar-nav{top:45px;}
    header{padding: 12px 15px;}
    .navbar-toggle{margin-top: 4px;}
    header ul li{margin-right: 15px;}
    header ul li a img{width: 120px;}
    header ul li input{width: 120px;height: 30px;font-size: 14px;}
}
@media (max-width:500px) {
     header ul li input{width: 100px;}
     header ul li{margin-right: 10px;}
     header ul li .navbar-toggle{padding: 9px 7px;}
}