/*@import url("responsive.css");*/

/*DINH NGHIA CHUNG*/
.fl{float: left;}
.fr{float: right;}
.mg0{margin: 0;}
.pd0{padding: 0;}
.mg0a{margin: 0 auto;}
.mg5{margin: 5px;}
.fs0{
	font-size: 0px;
}
.fs0>*{
	font-size: initial;
}
.middle-son{
	font-size: 0px;
}
.middle-son>*{
	font-size: initial;
	display: inline-block;
	vertical-align: middle;
}
.middle-son:after{
	content: "";
	vertical-align: middle;
	display: inline-block;
	height: 100%;
}
.pd1{padding: 1px;}
.pd2{padding: 2px;}
.pd3{padding: 3px;}
.pd4{padding: 4px;}
.pd5{padding: 5px;}

.mg1{margin: 1px;}
.mg2{margin: 2px;}
.mg3{margin: 3px;}
.mg4{margin: 4px;}
.mg5{margin: 5px;}

.mg10{margin: 10px;}
.pd10{padding: 10px;}
.mg15{margin: 15px;}
.pd15{padding: 15px;}
.mg20{margin: 20px;}
.pd20{padding: 20px;}

.mgl5{margin-left:5px}
.mgl10{margin-left:10px}
.mgl15{margin-left:15px}
.mgl25{margin-left:20px}
.mgr5{margin-right:5px}
.mgr10{margin-right:10px}
.mgr15{margin-right:15px}
.mgr20{margin-right:20px}
.mgb5{margin-bottom:5px}
.mgb10{margin-bottom:10px}
.mgb15{margin-bottom:15px}
.mgb20{margin-bottom:20px}
.mgt5{margin-top:5px}
.mgt10{margin-top:10px}
.mgt15{margin-top:15px}
.mgt20{margin-top:20px}

.pdl5{padding-left:5px}
.pdl10{padding-left:10px}
.pdl15{padding-left:15px}
.pdl20{padding-left:20px}
.pdr5{padding-right:5px}
.pdr10{padding-right:10px}
.pdr15{padding-right:15px}
.pdr20{padding-right:20px}
.pdb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pdt5{padding-top:5px}
.pdt10{padding-top:10px}
.pdt15{padding-top:15px}
.pdt20{padding-top:20px}



.bdr5{border-radius: 5px;}
.bdr50pt{border-radius: 50%;}
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
.dpb{display: block;}
.dpfl{display:flex; flex-wrap: wrap;}
.dpn{display: none;}
.dpi{display: inline;}
.dpib{display: inline-block;}
.dptc{display: table-cell;}
.fwb{font-weight: bold;}
.csp{cursor: pointer;}
.td-udl{text-decoration: underline}
.td-n{text-decoration: none}
.haohi{height: auto;overflow: hidden;}

.psr{position: relative}
.psa{position: absolute}


.lsn{list-style: none;}
/*mau thuong dung*/


.aqua{color: #00FFFF;}
.back{color: #000000;}
.blue{color: #0000FF;}
.fuchsia{color: #FF00FF;}
.gray{color: #808080;}
.green{color: #00d000;}
.lime{color: #00FF00;}
.maroon{color: #800000;}
.navy{color: #000080;}
.olive{color: #808000;}
.purple{color: #800080;}
.red{color: #FF0000;}
.silver{color: #C0C0C0;}
.teal{color: #008080;}
.white{color: #FFFFFF;}
.yellow{color: #FFFF00;}

.bg-aqua{background-color: #00FFFF;}
.bg-back{background-color: #000000;}
.bg-blue{background-color: #0000FF;}
.bg-fuchsia{background-color: #FF00FF;}
.bg-gray{background-color: #808080;}
.bg-green{background-color: #00d000;}
.bg-lime{background-color: #00FF00;}
.bg-maroon{background-color: #800000;}
.bg-navy{background-color: #000080;}
.bg-olive{background-color: #808000;}
.bg-purple{background-color: #800080;}
.bg-red{background-color: #FF0000;}
.bg-silver{background-color: #C0C0C0;}
.bg-teal{background-color: #008080;}
.bg-white{background-color: #FFFFFF;}
.bg-yellow{background-color: #FFFF00;}

.tra03{
	-webkit-transition: all .3s; /* Safari */
    transition:   all .3s;
}
.clb{clear: both;}
/*frame load*/
.frame{
    padding: 5px;
    width: 200px;
    margin: 20px auto;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #EFEFEF;
}
.frame b{
    margin: 5px;
    padding: 5px;
    display: block;
    text-align: center;
}
.frame i{
    margin: 5px;
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 27px;
}

.vtcat{
	vertical-align: top;
}
.vtcab{
	vertical-align: bottom;
}
.vtcam{
	vertical-align: middle;
}

/*___OPAQUE___*/
.opaque{
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(204, 204, 204, 0.7);
    width: 100%;
    height: 100%;
    z-index: 99999;
    text-align: center;
        overflow: auto;
}
.opaque::before{
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.opaque>*{
    display: inline-block;
    vertical-align: middle;
}
.opaque *{

}
