/*@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;
}


/*popup.css*/

#o_popup{
    position: relative;
    border: 1px solid #999;
    background-color: #fff;
    box-shadow: 1px 1px 4px 0px #666;
    text-align: left;
    margin: 20px 0px;
    max-width: 100%;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
#o_popup *{
    max-width: 100%;
    max-height: 100%;
}
#o_popup_content{
    padding: 20px;
    min-width: 250px;
}
#o_popup_content p{

}

#o_popup_title{

}
#o_popup_title h3{
    padding: 10px 15px;
    border-bottom: 1px solid #999;
    font-size: 20px;
    font-weight: bold;
    background-color: #9c2621;
    color: #fff;
    text-transform: uppercase;
}

#o_popup_list_buttons{
    border-top: 1px solid #ccc;
    padding: 5px;
    text-align: right;
    background-color: #f9f9f9;
}
#o_popup_list_buttons b{

}


#o_popup_close{
    position: absolute;
    top: -1px;
    right: -1px;
    padding-top: 0px;
    text-align: center;
    font-size: 17px;
    cursor: pointer;
    vertical-align: top;
    z-index: 5;
    padding: 0px 0px 10px 10px;
}
#o_popup_close i{
    margin: 5px 3px;
    z-index: 99;
    vertical-align: top;
    width: 20px;
    height: 20px;
    color: #ffffff;
}


/*reset.css*/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,

article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;

    line-height:  inherit;
    font-family: inherit;

}

input:focus,textarea:focus,select:focus{
    outline: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{
    text-decoration: none;
}

a:hover{
     text-decoration: none;
}

script{
    display: none !important;
}
style{
    display: none !important;
}

/*grid*/
.o-1,.o-1-1,.o-1-2,.o-1-3,.o-2-3,.o-1-4,.o-3-4,
.o-1-5,.o-2-5,.o-3-5,.o-4-5,.o-1-6,.o-5-6,
.o-1-7,.o-2-7,.o-3-7,.o-4-7,.o-5-7,.o-6-7,
.o-1-8,.o-3-8,.o-5-8,.o-7-8,
.o-1-9,.o-2-9,.o-4-9,.o-5-9,.o-7-9,.o-8-9,
.o-1-10,.o-3-10,.o-5-10,.o-7-10,.o-9-10,
.o-1-11,.o-2-11,.o-3-11,.o-4-11,.o-5-11,.o-6-11,.o-7-11,.o-8-11,.o-9-11,.o-10-11,
.o-1-12,.o-5-12,.o-7-12,.o-11-12{
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;

}
.o-1,.o-1-1{width: 100%}
.o-1-2{width: 50%}
.o-1-3{width: 33.3333%}
.o-2-3{width: 66.6667%}
.o-1-4{width: 25%}
.o-3-4{width: 75%}

.o-1-5{width: 20%}
.o-2-5{width: 40%}
.o-3-5{width: 60%}
.o-4-5{width: 80%}
.o-1-6{width: 16.6667%}
.o-5-6{width: 83.3333%}

.o-1-7{width: 14.2857%}
.o-2-7{width: 28.5714%}
.o-3-7{width: 42.8571%}
.o-4-7{width: 57.1429%}
.o-5-7{width: 71.4286%}
.o-6-7{width: 85.7142%}

.o-1-8{width: 12.5000%}
.o-3-8{width: 37.5000%}
.o-5-8{width: 62.5000%}
.o-7-8{width: 87.5000%}

.o-1-9{width: 11.1111%}
.o-2-9{width: 22.2222%}
.o-4-9{width: 44.4444%}
.o-5-9{width: 55.5555%}
.o-7-9{width: 77.7777%}
.o-8-9{width: 88.8888%}

.o-1-10{width: 10.000%}
.o-3-10{width: 30.000%}
.o-5-10{width: 50.000%}
.o-7-10{width: 70.000%}
.o-9-10{width: 90.000%}

.o-1-11{width:9.0909%}
.o-2-11{width:18.1818%}
.o-3-11{width:27.2727%}
.o-4-11{width:36.3636%}
.o-5-11{width:45.4545%}
.o-6-11{width:54.5454%}
.o-7-11{width:63.6363%}
.o-8-11{width:72.7272%}
.o-9-11{width:81.8181%}
.o-10-11{width:90.9090%}

.o-1-12{width: 8.3333%}
.o-5-12{width: 41.6667%}
.o-7-12{width: 58.3333%}
.o-11-12{width: 91.6667%}
@media screen{
    .o-mi-1,.o-mi-1-1,.o-mi-1-2,.o-mi-1-3,.o-mi-2-3,.o-mi-1-4,.o-mi-3-4,
    .o-mi-1-5,.o-mi-2-5,.o-mi-3-5,.o-mi-4-5,.o-mi-1-6,.o-mi-5-6,
    .o-mi-1-7,.o-mi-2-7,.o-mi-3-7,.o-mi-4-7,.o-mi-5-7,.o-mi-6-7,
    .o-mi-1-8,.o-mi-3-8,.o-mi-5-8,.o-mi-7-8,
    .o-mi-1-9,.o-mi-2-9,.o-mi-4-9,.o-mi-5-9,.o-mi-7-9,.o-mi-8-9,
    .o-mi-1-10,.o-mi-3-10,.o-mi-5-10,.o-mi-7-10,.o-mi-9-10,
    .o-mi-1-11,.o-mi-2-11,.o-mi-3-11,.o-mi-4-11,.o-mi-5-11,.o-mi-6-11,.o-mi-7-11,.o-mi-8-11,.o-mi-9-11,.o-mi-10-11,
    .o-mi-1-12,.o-mi-5-12,.o-mi-7-12,.o-mi-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-mi-1,.o-mi-1-1{width: 100%}
    .o-mi-1-2{width: 50%}
    .o-mi-1-3{width: 33.3333%}
    .o-mi-2-3{width: 66.6667%}
    .o-mi-1-4{width: 25%}
    .o-mi-3-4{width: 75%}

    .o-mi-1-5{width: 20%}
    .o-mi-2-5{width: 40%}
    .o-mi-3-5{width: 60%}
    .o-mi-4-5{width: 80%}
    .o-mi-1-6{width: 16.6667%}
    .o-mi-5-6{width: 83.3333%}

    .o-mi-1-7{width: 14.2857%}
    .o-mi-2-7{width: 28.5714%}
    .o-mi-3-7{width: 42.8571%}
    .o-mi-4-7{width: 57.1429%}
    .o-mi-5-7{width: 71.4286%}
    .o-mi-6-7{width: 85.7142%}

    .o-mi-1-8{width: 12.5000%}
    .o-mi-3-8{width: 37.5000%}
    .o-mi-5-8{width: 62.5000%}
    .o-mi-7-8{width: 87.5000%}

    .o-mi-1-9{width: 11.1111%}
    .o-mi-2-9{width: 22.2222%}
    .o-mi-4-9{width: 44.4444%}
    .o-mi-5-9{width: 55.5555%}
    .o-mi-7-9{width: 77.7777%}
    .o-mi-8-9{width: 88.8888%}

    .o-mi-1-10{width: 10.000%}
    .o-mi-3-10{width: 30.000%}
    .o-mi-5-10{width: 50.000%}
    .o-mi-7-10{width: 70.000%}
    .o-mi-9-10{width: 90.000%}

    .o-mi-1-11{width:9.0909%}
    .o-mi-2-11{width:18.1818%}
    .o-mi-3-11{width:27.2727%}
    .o-mi-4-11{width:36.3636%}
    .o-mi-5-11{width:45.4545%}
    .o-mi-6-11{width:54.5454%}
    .o-mi-7-11{width:63.6363%}
    .o-mi-8-11{width:72.7272%}
    .o-mi-9-11{width:81.8181%}
    .o-mi-10-11{width:90.9090%}

    .o-mi-1-12{width: 8.3333%}
    .o-mi-5-12{width: 41.6667%}
    .o-mi-7-12{width: 58.3333%}
    .o-mi-11-12{width: 91.6667%}
}

/*mi-xs*/
@media screen and (min-width: 426px) {
    .o-mi-xs-1,.o-mi-xs-1-1,.o-mi-xs-1-2,.o-mi-xs-1-3,.o-mi-xs-2-3,.o-mi-xs-1-4,.o-mi-xs-3-4,
    .o-mi-xs-1-5,.o-mi-xs-2-5,.o-mi-xs-3-5,.o-mi-xs-4-5,.o-mi-xs-1-6,.o-mi-xs-5-6,
    .o-mi-xs-1-7,.o-mi-xs-2-7,.o-mi-xs-3-7,.o-mi-xs-4-7,.o-mi-xs-5-7,.o-mi-xs-6-7,
    .o-mi-xs-1-8,.o-mi-xs-3-8,.o-mi-xs-5-8,.o-mi-xs-7-8,
    .o-mi-xs-1-9,.o-mi-xs-2-9,.o-mi-xs-4-9,.o-mi-xs-5-9,.o-mi-xs-7-9,.o-mi-xs-8-9,
    .o-mi-xs-1-10,.o-mi-xs-3-10,.o-mi-xs-5-10,.o-mi-xs-7-10,.o-mi-xs-9-10,
    .o-mi-xs-1-11,.o-mi-xs-2-11,.o-mi-xs-3-11,.o-mi-xs-4-11,.o-mi-xs-5-11,.o-mi-xs-6-11,.o-mi-xs-7-11,.o-mi-xs-8-11,.o-mi-xs-9-11,.o-mi-xs-10-11,
    .o-mi-xs-1-12,.o-mi-xs-5-12,.o-mi-xs-7-12,.o-mi-xs-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-mi-xs-1,.o-mi-xs-1-1{width: 100%}
    .o-mi-xs-1-2{width: 50%}
    .o-mi-xs-1-3{width: 33.3333%}
    .o-mi-xs-2-3{width: 66.6667%}
    .o-mi-xs-1-4{width: 25%}
    .o-mi-xs-3-4{width: 75%}

    .o-mi-xs-1-5{width: 20%}
    .o-mi-xs-2-5{width: 40%}
    .o-mi-xs-3-5{width: 60%}
    .o-mi-xs-4-5{width: 80%}
    .o-mi-xs-1-6{width: 16.6667%}
    .o-mi-xs-5-6{width: 83.3333%}

    .o-mi-xs-1-7{width: 14.2857%}
    .o-mi-xs-2-7{width: 28.5714%}
    .o-mi-xs-3-7{width: 42.8571%}
    .o-mi-xs-4-7{width: 57.1429%}
    .o-mi-xs-5-7{width: 71.4286%}
    .o-mi-xs-6-7{width: 85.7142%}

    .o-mi-xs-1-8{width: 12.5000%}
    .o-mi-xs-3-8{width: 37.5000%}
    .o-mi-xs-5-8{width: 62.5000%}
    .o-mi-xs-7-8{width: 87.5000%}

    .o-mi-xs-1-9{width:11.1111%}
    .o-mi-xs-2-9{width:22.2222%}
    .o-mi-xs-4-9{width:33.3333%}
    .o-mi-xs-5-9{width:55.5555%}
    .o-mi-xs-7-9{width:77.7777%}
    .o-mi-xs-8-9{width:88.8888%}

    .o-mi-xs-1-10{width: 10.000%}
    .o-mi-xs-3-10{width: 30.000%}
    .o-mi-xs-5-10{width: 50.000%}
    .o-mi-xs-7-10{width: 70.000%}
    .o-mi-xs-9-10{width: 90.000%}

    .o-mi-xs-1-11{width:9.0909%}
    .o-mi-xs-2-11{width:18.1818%}
    .o-mi-xs-3-11{width:27.2727%}
    .o-mi-xs-4-11{width:36.3636%}
    .o-mi-xs-5-11{width:45.4545%}
    .o-mi-xs-6-11{width:54.5454%}
    .o-mi-xs-7-11{width:63.6363%}
    .o-mi-xs-8-11{width:72.7272%}
    .o-mi-xs-9-11{width:81.8181%}
    .o-mi-xs-10-11{width:90.9090%}

    .o-mi-xs-1-12{width: 8.3333%}
    .o-mi-xs-5-12{width: 41.6667%}
    .o-mi-xs-7-12{width: 58.3333%}
    .o-mi-xs-11-12{width: 91.6667%}
}

/*mi-sm*/
@media screen and (min-width: 569px) {
    .o-mi-sm-1,.o-mi-sm-1-1,.o-mi-sm-1-2,.o-mi-sm-1-3,.o-mi-sm-2-3,.o-mi-sm-1-4,.o-mi-sm-3-4,
    .o-mi-sm-1-5,.o-mi-sm-2-5,.o-mi-sm-3-5,.o-mi-sm-4-5,.o-mi-sm-1-6,.o-mi-sm-5-6,
    .o-mi-sm-1-7,.o-mi-sm-2-7,.o-mi-sm-3-7,.o-mi-sm-4-7,.o-mi-sm-5-7,.o-mi-sm-6-7,
    .o-mi-sm-1-8,.o-mi-sm-3-8,.o-mi-sm-5-8,.o-mi-sm-7-8,
    .o-mi-sm-1-9,.o-mi-sm-2-9,.o-mi-sm-4-9,.o-mi-sm-5-9,.o-mi-sm-7-9,.o-mi-sm-8-9,
    .o-mi-sm-1-10,.o-mi-sm-3-10,.o-mi-sm-5-10,.o-mi-sm-7-10,.o-mi-sm-9-10,
    .o-mi-sm-1-11,.o-mi-sm-2-11,.o-mi-sm-3-11,.o-mi-sm-4-11,.o-mi-sm-5-11,.o-mi-sm-6-11,.o-mi-sm-7-11,.o-mi-sm-8-11,.o-mi-sm-9-11,.o-mi-sm-10-11,
    .o-mi-sm-1-12,.o-mi-sm-5-12,.o-mi-sm-7-12,.o-mi-sm-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-mi-sm-1,.o-mi-sm-1-1{width: 100%}
    .o-mi-sm-1-2{width: 50%}
    .o-mi-sm-1-3{width: 33.3333%}
    .o-mi-sm-2-3{width: 66.6667%}
    .o-mi-sm-1-4{width: 25%}
    .o-mi-sm-3-4{width: 75%}

    .o-mi-sm-1-5{width: 20%}
    .o-mi-sm-2-5{width: 40%}
    .o-mi-sm-3-5{width: 60%}
    .o-mi-sm-4-5{width: 80%}
    .o-mi-sm-1-6{width: 16.6667%}
    .o-mi-sm-5-6{width: 83.3333%}

    .o-mi-sm-1-7{width: 14.2857%}
    .o-mi-sm-2-7{width: 28.5714%}
    .o-mi-sm-3-7{width: 42.8571%}
    .o-mi-sm-4-7{width: 57.1429%}
    .o-mi-sm-5-7{width: 71.4286%}
    .o-mi-sm-6-7{width: 85.7142%}

    .o-mi-sm-1-8{width: 12.5000%}
    .o-mi-sm-3-8{width: 37.5000%}
    .o-mi-sm-5-8{width: 62.5000%}
    .o-mi-sm-7-8{width: 87.5000%}

    .o-mi-sm-1-9{width: 11.1111%}
    .o-mi-sm-2-9{width: 22.2222%}
    .o-mi-sm-4-9{width: 44.4444%}
    .o-mi-sm-5-9{width: 55.5555%}
    .o-mi-sm-7-9{width: 77.7777%}
    .o-mi-sm-8-9{width: 88.8888%}

    .o-mi-sm-1-10{width: 10.000%}
    .o-mi-sm-3-10{width: 30.000%}
    .o-mi-sm-5-10{width: 50.000%}
    .o-mi-sm-7-10{width: 70.000%}
    .o-mi-sm-9-10{width: 90.000%}

    .o-mi-sm-1-11{width: 9.0909%}
    .o-mi-sm-2-11{width: 18.1818%}
    .o-mi-sm-3-11{width: 27.2727%}
    .o-mi-sm-4-11{width: 36.3636%}
    .o-mi-sm-5-11{width: 45.4545%}
    .o-mi-sm-6-11{width: 54.5454%}
    .o-mi-sm-7-11{width: 63.6363%}
    .o-mi-sm-8-11{width: 72.7272%}
    .o-mi-sm-9-11{width: 81.8181%}
    .o-mi-sm-10-11{width: 90.9090%}

    .o-mi-sm-1-12{width: 8.3333%}
    .o-mi-sm-5-12{width: 41.6667%}
    .o-mi-sm-7-12{width: 58.3333%}
    .o-mi-sm-11-12{width: 91.6667%}
}

/*mi-md*/
@media screen and (min-width: 769px) {
    .o-mi-md-1,.o-mi-md-1-1,.o-mi-md-1-2,.o-mi-md-1-3,.o-mi-md-2-3,.o-mi-md-1-4,.o-mi-md-3-4,
    .o-mi-md-1-5,.o-mi-md-2-5,.o-mi-md-3-5,.o-mi-md-4-5,.o-mi-md-1-6,.o-mi-md-5-6,
    .o-mi-md-1-7,.o-mi-md-2-7,.o-mi-md-3-7,.o-mi-md-4-7,.o-mi-md-5-7,.o-mi-md-6-7,
    .o-mi-md-1-8,.o-mi-md-3-8,.o-mi-md-5-8,.o-mi-md-7-8,
    .o-mi-md-1-9,.o-mi-md-2-9,.o-mi-md-4-9,.o-mi-md-5-9,.o-mi-md-7-9,.o-mi-md-8-9,
    .o-mi-md-1-10,.o-mi-md-3-10,.o-mi-md-5-10,.o-mi-md-7-10,.o-mi-md-9-10,
    .o-mi-md-1-11,.o-mi-md-2-11,.o-mi-md-3-11,.o-mi-md-4-11,.o-mi-md-5-11,.o-mi-md-6-11,.o-mi-md-7-11,.o-mi-md-8-11,.o-mi-md-9-11,.o-mi-md-10-11,
    .o-mi-md-1-12,.o-mi-md-5-12,.o-mi-md-7-12,.o-mi-md-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-mi-md-1,.o-mi-md-1-1{width: 100%}
    .o-mi-md-1-2{width: 50%}
    .o-mi-md-1-3{width: 33.3333%}
    .o-mi-md-2-3{width: 66.6667%}
    .o-mi-md-1-4{width: 25%}
    .o-mi-md-3-4{width: 75%}

    .o-mi-md-1-5{width: 20%}
    .o-mi-md-2-5{width: 40%}
    .o-mi-md-3-5{width: 60%}
    .o-mi-md-4-5{width: 80%}
    .o-mi-md-1-6{width: 16.6667%}
    .o-mi-md-5-6{width: 83.3333%}

    .o-mi-md-1-7{width: 14.2857%}
    .o-mi-md-2-7{width: 28.5714%}
    .o-mi-md-3-7{width: 42.8571%}
    .o-mi-md-4-7{width: 57.1429%}
    .o-mi-md-5-7{width: 71.4286%}
    .o-mi-md-6-7{width: 85.7142%}

    .o-mi-md-1-8{width: 12.5000%}
    .o-mi-md-3-8{width: 37.5000%}
    .o-mi-md-5-8{width: 62.5000%}
    .o-mi-md-7-8{width: 87.5000%}

    .o-mi-md-1-9{width: 11.1111%}
    .o-mi-md-2-9{width: 22.2222%}
    .o-mi-md-4-9{width: 44.4444%}
    .o-mi-md-5-9{width: 55.5555%}
    .o-mi-md-7-9{width: 77.7777%}
    .o-mi-md-8-9{width: 88.8888%}

    .o-mi-md-1-10{width: 10.000%}
    .o-mi-md-3-10{width: 30.000%}
    .o-mi-md-5-10{width: 50.000%}
    .o-mi-md-7-10{width: 70.000%}
    .o-mi-md-9-10{width: 90.000%}

    .o-mi-md-1-11{width: 9.0909%}
    .o-mi-md-2-11{width: 18.1818%}
    .o-mi-md-3-11{width: 27.2727%}
    .o-mi-md-4-11{width: 36.3636%}
    .o-mi-md-5-11{width: 45.4545%}
    .o-mi-md-6-11{width: 54.5454%}
    .o-mi-md-7-11{width: 63.6363%}
    .o-mi-md-8-11{width: 72.7272%}
    .o-mi-md-9-11{width: 81.8181%}
    .o-mi-md-10-11{width: 90.9090%}

    .o-mi-md-1-12{width: 8.3333%}
    .o-mi-md-5-12{width: 41.6667%}
    .o-mi-md-7-12{width: 58.3333%}
    .o-mi-md-11-12{width: 91.6667%}
}

/*mi-lg*/
@media screen and (min-width: 1025px) {
    .o-mi-lg-1,.o-mi-lg-1-1,.o-mi-lg-1-2,.o-mi-lg-1-3,.o-mi-lg-2-3,.o-mi-lg-1-4,.o-mi-lg-3-4,
    .o-mi-lg-1-5,.o-mi-lg-2-5,.o-mi-lg-3-5,.o-mi-lg-4-5,.o-mi-lg-1-6,.o-mi-lg-5-6,
    .o-mi-lg-1-7,.o-mi-lg-2-7,.o-mi-lg-3-7,.o-mi-lg-4-7,.o-mi-lg-5-7,.o-mi-lg-6-7,
    .o-mi-lg-1-8,.o-mi-lg-3-8,.o-mi-lg-5-8,.o-mi-lg-7-8,
    .o-mi-lg-1-9,.o-mi-lg-2-9,.o-mi-lg-4-9,.o-mi-lg-5-9,.o-mi-lg-7-9,.o-mi-lg-8-9,
    .o-mi-lg-1-10,.o-mi-lg-3-10,.o-mi-lg-5-10,.o-mi-lg-7-10,.o-mi-lg-9-10,
    .o-mi-lg-1-11,.o-mi-lg-2-11,.o-mi-lg-3-11,.o-mi-lg-4-11,.o-mi-lg-5-11,.o-mi-lg-6-11,.o-mi-lg-7-11,.o-mi-lg-8-11,.o-mi-lg-9-11,.o-mi-lg-10-11,
    .o-mi-lg-1-12,.o-mi-lg-5-12,.o-mi-lg-7-12,.o-mi-lg-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
    }

    .o-mi-lg-1,.o-mi-lg-1-1{width: 100%}
    .o-mi-lg-1-2{width: 50%}
    .o-mi-lg-1-3{width: 33.3333%}
    .o-mi-lg-2-3{width: 66.6667%}
    .o-mi-lg-1-4{width: 25%}
    .o-mi-lg-3-4{width: 75%}

    .o-mi-lg-1-5{width: 20%}
    .o-mi-lg-2-5{width: 40%}
    .o-mi-lg-3-5{width: 60%}
    .o-mi-lg-4-5{width: 80%}
    .o-mi-lg-1-6{width: 16.6667%}
    .o-mi-lg-5-6{width: 83.3333%}

    .o-mi-lg-1-7{width: 14.2857%}
    .o-mi-lg-2-7{width: 28.5714%}
    .o-mi-lg-3-7{width: 42.8571%}
    .o-mi-lg-4-7{width: 57.1429%}
    .o-mi-lg-5-7{width: 71.4286%}
    .o-mi-lg-6-7{width: 85.7142%}

    .o-mi-lg-1-8{width: 12.5000%}
    .o-mi-lg-3-8{width: 37.5000%}
    .o-mi-lg-5-8{width: 62.5000%}
    .o-mi-lg-7-8{width: 87.5000%}

    .o-mi-lg-1-9{width: 11.1111%}
    .o-mi-lg-2-9{width: 22.2222%}
    .o-mi-lg-4-9{width: 44.4444%}
    .o-mi-lg-5-9{width: 55.5555%}
    .o-mi-lg-7-9{width: 77.7777%}
    .o-mi-lg-8-9{width: 88.8888%}

    .o-mi-lg-1-10{width: 10.000%}
    .o-mi-lg-3-10{width: 30.000%}
    .o-mi-lg-5-10{width: 50.000%}
    .o-mi-lg-7-10{width: 70.000%}
    .o-mi-lg-9-10{width: 90.000%}

    .o-mi-lg-1-11{width: 9.0909%}
    .o-mi-lg-2-11{width: 18.1818%}
    .o-mi-lg-3-11{width: 27.2727%}
    .o-mi-lg-4-11{width: 36.3636%}
    .o-mi-lg-5-11{width: 45.4545%}
    .o-mi-lg-6-11{width: 54.5454%}
    .o-mi-lg-7-11{width: 63.6363%}
    .o-mi-lg-8-11{width: 72.7272%}
    .o-mi-lg-9-11{width: 81.8181%}
    .o-mi-lg-10-11{width: 90.9090%}

    .o-mi-lg-1-12{width: 8.3333%}
    .o-mi-lg-5-12{width: 41.6667%}
    .o-mi-lg-7-12{width: 58.3333%}
    .o-mi-lg-11-12{width: 91.6667%}
}

/*mi-xl*/
@media screen and (min-width: 1281px) {
    .o-mi-xl-1,.o-mi-xl-1-1,.o-mi-xl-1-2,.o-mi-xl-1-3,.o-mi-xl-2-3,.o-mi-xl-1-4,.o-mi-xl-3-4,
    .o-mi-xl-1-5,.o-mi-xl-2-5,.o-mi-xl-3-5,.o-mi-xl-4-5,.o-mi-xl-1-6,.o-mi-xl-5-6,
    .o-mi-xl-1-7,.o-mi-xl-2-7,.o-mi-xl-3-7,.o-mi-xl-4-7,.o-mi-xl-5-7,.o-mi-xl-6-7,
    .o-mi-xl-1-8,.o-mi-xl-3-8,.o-mi-xl-5-8,.o-mi-xl-7-8,
    .o-mi-xl-1-9,.o-mi-xl-2-9,.o-mi-xl-4-9,.o-mi-xl-5-9,.o-mi-xl-7-9,.o-mi-xl-8-9,
    .o-mi-xl-1-10,.o-mi-xl-3-10,.o-mi-xl-5-10,.o-mi-xl-7-10,.o-mi-xl-9-10,
    .o-mi-xl-1-11,.o-mi-xl-2-11,.o-mi-xl-3-11,.o-mi-xl-4-11,.o-mi-xl-5-11,.o-mi-xl-6-11,.o-mi-xl-7-11,.o-mi-xl-8-11,.o-mi-xl-9-11,.o-mi-xl-10-11,
    .o-mi-xl-1-12,.o-mi-xl-5-12,.o-mi-xl-7-12,.o-mi-xl-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }

    .o-mi-xl-1,.o-mi-xl-1-1{width: 100%}
    .o-mi-xl-1-2{width: 50%}
    .o-mi-xl-1-3{width: 33.3333%}
    .o-mi-xl-2-3{width: 66.6667%}
    .o-mi-xl-1-4{width: 25%}
    .o-mi-xl-3-4{width: 75%}

    .o-mi-xl-1-5{width: 20%}
    .o-mi-xl-2-5{width: 40%}
    .o-mi-xl-3-5{width: 60%}
    .o-mi-xl-4-5{width: 80%}
    .o-mi-xl-1-6{width: 16.6667%}
    .o-mi-xl-5-6{width: 83.3333%}

    .o-mi-xl-1-7{width: 14.2857%}
    .o-mi-xl-2-7{width: 28.5714%}
    .o-mi-xl-3-7{width: 42.8571%}
    .o-mi-xl-4-7{width: 57.1429%}
    .o-mi-xl-5-7{width: 71.4286%}
    .o-mi-xl-6-7{width: 85.7142%}

    .o-mi-xl-1-8{width: 12.5000%}
    .o-mi-xl-3-8{width: 37.5000%}
    .o-mi-xl-5-8{width: 62.5000%}
    .o-mi-xl-7-8{width: 87.5000%}

    .o-mi-xl-1-9{width: 11.1111%}
    .o-mi-xl-2-9{width: 22.2222%}
    .o-mi-xl-4-9{width: 44.4444%}
    .o-mi-xl-5-9{width: 55.5555%}
    .o-mi-xl-7-9{width: 77.7777%}
    .o-mi-xl-8-9{width: 88.8888%}

    .o-mi-xl-1-10{width: 10.000%}
    .o-mi-xl-3-10{width: 30.000%}
    .o-mi-xl-5-10{width: 50.000%}
    .o-mi-xl-7-10{width: 70.000%}
    .o-mi-xl-9-10{width: 90.000%}

    .o-mi-xl-1-11{width: 9.0909%}
    .o-mi-xl-2-11{width: 18.1818%}
    .o-mi-xl-3-11{width: 27.2727%}
    .o-mi-xl-4-11{width: 36.3636%}
    .o-mi-xl-5-11{width: 45.4545%}
    .o-mi-xl-6-11{width: 54.5454%}
    .o-mi-xl-7-11{width: 63.6363%}
    .o-mi-xl-8-11{width: 72.7272%}
    .o-mi-xl-9-11{width: 81.8181%}
    .o-mi-xl-10-11{width: 90.9090%}

    .o-mi-xl-1-12{width: 8.3333%}
    .o-mi-xl-5-12{width: 41.6667%}
    .o-mi-xl-7-12{width: 58.3333%}
    .o-mi-xl-11-12{width: 91.6667%}
}



@media screen{
    .o-ma-1,.o-ma-1-1,.o-ma-1-2,.o-ma-1-3,.o-ma-2-3,.o-ma-1-4,.o-ma-3-4,
    .o-ma-1-5,.o-ma-2-5,.o-ma-3-5,.o-ma-4-5,.o-ma-1-6,.o-ma-5-6,
    .o-ma-1-7,.o-ma-2-7,.o-ma-3-7,.o-ma-4-7,.o-ma-5-7,.o-ma-6-7,
    .o-ma-1-8,.o-ma-3-8,.o-ma-5-8,.o-ma-7-8,
    .o-ma-1-9,.o-ma-2-9,.o-ma-4-9,.o-ma-5-9,.o-ma-7-9,.o-ma-8-9,
    .o-ma-1-10,.o-ma-3-10,.o-ma-5-10,.o-ma-7-10,.o-ma-9-10,
    .o-ma-1-11,.o-ma-2-11,.o-ma-3-11,.o-ma-4-11,.o-ma-5-11,.o-ma-6-11,.o-ma-7-11,.o-ma-8-11,.o-ma-9-11,.o-ma-10-11,
    .o-ma-1-12,.o-ma-5-12,.o-ma-7-12,.o-ma-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-ma-1,.o-ma-1-1{width: 100%}
    .o-ma-1-2{width: 50%}
    .o-ma-1-3{width: 33.3333%}
    .o-ma-2-3{width: 66.6667%}
    .o-ma-1-4{width: 25%}
    .o-ma-3-4{width: 75%}

    .o-ma-1-5{width: 20%}
    .o-ma-2-5{width: 40%}
    .o-ma-3-5{width: 60%}
    .o-ma-4-5{width: 80%}
    .o-ma-1-6{width: 16.6667%}
    .o-ma-5-6{width: 83.3333%}

    .o-ma-1-7{width: 14.2857%}
    .o-ma-2-7{width: 28.5714%}
    .o-ma-3-7{width: 42.8571%}
    .o-ma-4-7{width: 57.1429%}
    .o-ma-5-7{width: 71.4286%}
    .o-ma-6-7{width: 85.7142%}

    .o-ma-1-8{width: 12.5000%}
    .o-ma-3-8{width: 37.5000%}
    .o-ma-5-8{width: 62.5000%}
    .o-ma-7-8{width: 87.5000%}

    .o-ma-1-9{width: 11.1111%}
    .o-ma-2-9{width: 22.2222%}
    .o-ma-4-9{width: 44.4444%}
    .o-ma-5-9{width: 55.5555%}
    .o-ma-7-9{width: 77.7777%}
    .o-ma-8-9{width: 88.8888%}

    .o-ma-1-10{width: 10.000%}
    .o-ma-3-10{width: 30.000%}
    .o-ma-5-10{width: 50.000%}
    .o-ma-7-10{width: 70.000%}
    .o-ma-9-10{width: 90.000%}

    .o-ma-1-11{width:9.0909%}
    .o-ma-2-11{width:18.1818%}
    .o-ma-3-11{width:27.2727%}
    .o-ma-4-11{width:36.3636%}
    .o-ma-5-11{width:45.4545%}
    .o-ma-6-11{width:54.5454%}
    .o-ma-7-11{width:63.6363%}
    .o-ma-8-11{width:72.7272%}
    .o-ma-9-11{width:81.8181%}
    .o-ma-10-11{width:90.9090%}

    .o-ma-1-12{width: 8.3333%}
    .o-ma-5-12{width: 41.6667%}
    .o-ma-7-12{width: 58.3333%}
    .o-ma-11-12{width: 91.6667%}
}


/*ma-xl*/
@media screen and (max-width: 1280px) {
    .o-ma-xl-1,.o-ma-xl-1-1,.o-ma-xl-1-2,.o-ma-xl-1-3,.o-ma-xl-2-3,.o-ma-xl-1-4,.o-ma-xl-3-4,
    .o-ma-xl-1-5,.o-ma-xl-2-5,.o-ma-xl-3-5,.o-ma-xl-4-5,.o-ma-xl-1-6,.o-ma-xl-5-6,
    .o-ma-xl-1-7,.o-ma-xl-2-7,.o-ma-xl-3-7,.o-ma-xl-4-7,.o-ma-xl-5-7,.o-ma-xl-6-7,
    .o-ma-xl-1-8,.o-ma-xl-3-8,.o-ma-xl-5-8,.o-ma-xl-7-8,
    .o-ma-xl-1-9,.o-ma-xl-2-9,.o-ma-xl-4-9,.o-ma-xl-5-9,.o-ma-xl-7-9,.o-ma-xl-8-9,
    .o-ma-xl-1-10,.o-ma-xl-3-10,.o-ma-xl-5-10,.o-ma-xl-7-10,.o-ma-xl-9-10,
    .o-ma-xl-1-11,.o-ma-xl-2-11,.o-ma-xl-3-11,.o-ma-xl-4-11,.o-ma-xl-5-11,.o-ma-xl-6-11,.o-ma-xl-7-11,.o-ma-xl-8-11,.o-ma-xl-9-11,.o-ma-xl-10-11,
    .o-ma-xl-1-12,.o-ma-xl-5-12,.o-ma-xl-7-12,.o-ma-xl-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-ma-xl-1,.o-ma-xl-1-1{width: 100%}
    .o-ma-xl-1-2{width: 50%}
    .o-ma-xl-1-3{width: 33.3333%}
    .o-ma-xl-2-3{width: 66.6667%}
    .o-ma-xl-1-4{width: 25%}
    .o-ma-xl-3-4{width: 75%}

    .o-ma-xl-1-5{width: 20%}
    .o-ma-xl-2-5{width: 40%}
    .o-ma-xl-3-5{width: 60%}
    .o-ma-xl-4-5{width: 80%}
    .o-ma-xl-1-6{width: 16.6667%}
    .o-ma-xl-5-6{width: 83.3333%}

    .o-ma-xl-1-7{width: 14.2857%}
    .o-ma-xl-2-7{width: 28.5714%}
    .o-ma-xl-3-7{width: 42.8571%}
    .o-ma-xl-4-7{width: 57.1429%}
    .o-ma-xl-5-7{width: 71.4286%}
    .o-ma-xl-6-7{width: 85.7142%}

    .o-ma-xl-1-8{width: 12.5000%}
    .o-ma-xl-3-8{width: 37.5000%}
    .o-ma-xl-5-8{width: 62.5000%}
    .o-ma-xl-7-8{width: 87.5000%}

    .o-ma-xl-1-9{width:11.1111%}
    .o-ma-xl-2-9{width:22.2222%}
    .o-ma-xl-4-9{width:33.3333%}
    .o-ma-xl-5-9{width:55.5555%}
    .o-ma-xl-7-9{width:77.7777%}
    .o-ma-xl-8-9{width:88.8888%}

    .o-ma-lg-1-10{width: 10.000%}
    .o-ma-lg-3-10{width: 30.000%}
    .o-ma-lg-5-10{width: 50.000%}
    .o-ma-lg-7-10{width: 70.000%}
    .o-ma-lg-9-10{width: 90.000%}

    .o-ma-xl-1-11{width:9.0909%}
    .o-ma-xl-2-11{width:18.1818%}
    .o-ma-xl-3-11{width:27.2727%}
    .o-ma-xl-4-11{width:36.3636%}
    .o-ma-xl-5-11{width:45.4545%}
    .o-ma-xl-6-11{width:54.5454%}
    .o-ma-xl-7-11{width:63.6363%}
    .o-ma-xl-8-11{width:72.7272%}
    .o-ma-xl-9-11{width:81.8181%}
    .o-ma-xl-10-11{width:90.9090%}

    .o-ma-xl-1-12{width: 8.3333%}
    .o-ma-xl-5-12{width: 41.6667%}
    .o-ma-xl-7-12{width: 58.3333%}
    .o-ma-xl-11-12{width: 91.6667%}
}

/*ma-lg*/
@media screen and (max-width: 1024px) {
    .o-ma-lg-1,.o-ma-lg-1-1,.o-ma-lg-1-2,.o-ma-lg-1-3,.o-ma-lg-2-3,.o-ma-lg-1-4,.o-ma-lg-3-4,
    .o-ma-lg-1-5,.o-ma-lg-2-5,.o-ma-lg-3-5,.o-ma-lg-4-5,.o-ma-lg-1-6,.o-ma-lg-5-6,
    .o-ma-lg-1-7,.o-ma-lg-2-7,.o-ma-lg-3-7,.o-ma-lg-4-7,.o-ma-lg-5-7,.o-ma-lg-6-7,
    .o-ma-lg-1-8,.o-ma-lg-3-8,.o-ma-lg-5-8,.o-ma-lg-7-8,
    .o-ma-lg-1-9,.o-ma-lg-2-9,.o-ma-lg-4-9,.o-ma-lg-5-9,.o-ma-lg-7-9,.o-ma-lg-8-9,
    .o-ma-lg-1-10,.o-ma-lg-3-10,.o-ma-lg-5-10,.o-ma-lg-7-10,.o-ma-lg-9-10,
    .o-ma-lg-1-11,.o-ma-lg-2-11,.o-ma-lg-3-11,.o-ma-lg-4-11,.o-ma-lg-5-11,.o-ma-lg-6-11,.o-ma-lg-7-11,.o-ma-lg-8-11,.o-ma-lg-9-11,.o-ma-lg-10-11,
    .o-ma-lg-1-12,.o-ma-lg-5-12,.o-ma-lg-7-12,.o-ma-lg-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
    }

    .o-ma-lg-1,.o-ma-lg-1-1{width: 100%}
    .o-ma-lg-1-2{width: 50%}
    .o-ma-lg-1-3{width: 33.3333%}
    .o-ma-lg-2-3{width: 66.6667%}
    .o-ma-lg-1-4{width: 25%}
    .o-ma-lg-3-4{width: 75%}

    .o-ma-lg-1-5{width: 20%}
    .o-ma-lg-2-5{width: 40%}
    .o-ma-lg-3-5{width: 60%}
    .o-ma-lg-4-5{width: 80%}
    .o-ma-lg-1-6{width: 16.6667%}
    .o-ma-lg-5-6{width: 83.3333%}

    .o-ma-lg-1-7{width: 14.2857%}
    .o-ma-lg-2-7{width: 28.5714%}
    .o-ma-lg-3-7{width: 42.8571%}
    .o-ma-lg-4-7{width: 57.1429%}
    .o-ma-lg-5-7{width: 71.4286%}
    .o-ma-lg-6-7{width: 85.7142%}

    .o-ma-lg-1-8{width: 12.5000%}
    .o-ma-lg-3-8{width: 37.5000%}
    .o-ma-lg-5-8{width: 62.5000%}
    .o-ma-lg-7-8{width: 87.5000%}

    .o-ma-lg-1-9{width: 11.1111%}
    .o-ma-lg-2-9{width: 22.2222%}
    .o-ma-lg-4-9{width: 44.4444%}
    .o-ma-lg-5-9{width: 55.5555%}
    .o-ma-lg-7-9{width: 77.7777%}
    .o-ma-lg-8-9{width: 88.8888%}

    .o-ma-lg-1-10{width: 10.000%}
    .o-ma-lg-3-10{width: 30.000%}
    .o-ma-lg-5-10{width: 50.000%}
    .o-ma-lg-7-10{width: 70.000%}
    .o-ma-lg-9-10{width: 90.000%}

    .o-ma-lg-1-11{width: 9.0909%}
    .o-ma-lg-2-11{width: 18.1818%}
    .o-ma-lg-3-11{width: 27.2727%}
    .o-ma-lg-4-11{width: 36.3636%}
    .o-ma-lg-5-11{width: 45.4545%}
    .o-ma-lg-6-11{width: 54.5454%}
    .o-ma-lg-7-11{width: 63.6363%}
    .o-ma-lg-8-11{width: 72.7272%}
    .o-ma-lg-9-11{width: 81.8181%}
    .o-ma-lg-10-11{width: 90.9090%}

    .o-ma-lg-1-12{width: 8.3333%}
    .o-ma-lg-5-12{width: 41.6667%}
    .o-ma-lg-7-12{width: 58.3333%}
    .o-ma-lg-11-12{width: 91.6667%}
}

/*ma-md*/
@media screen and (max-width: 768px) {
    .o-ma-md-1,.o-ma-md-1-1,.o-ma-md-1-2,.o-ma-md-1-3,.o-ma-md-2-3,.o-ma-md-1-4,.o-ma-md-3-4,
    .o-ma-md-1-5,.o-ma-md-2-5,.o-ma-md-3-5,.o-ma-md-4-5,.o-ma-md-1-6,.o-ma-md-5-6,
    .o-ma-md-1-7,.o-ma-md-2-7,.o-ma-md-3-7,.o-ma-md-4-7,.o-ma-md-5-7,.o-ma-md-6-7,
    .o-ma-md-1-8,.o-ma-md-3-8,.o-ma-md-5-8,.o-ma-md-7-8,
    .o-ma-md-1-9,.o-ma-md-2-9,.o-ma-md-4-9,.o-ma-md-5-9,.o-ma-md-7-9,.o-ma-md-8-9,
    .o-ma-md-1-10,.o-ma-md-3-10,.o-ma-md-5-10,.o-ma-md-7-10,.o-ma-md-9-10,
    .o-ma-md-1-11,.o-ma-md-2-11,.o-ma-md-3-11,.o-ma-md-4-11,.o-ma-md-5-11,.o-ma-md-6-11,.o-ma-md-7-11,.o-ma-md-8-11,.o-ma-md-9-11,.o-ma-md-10-11,
    .o-ma-md-1-12,.o-ma-md-5-12,.o-ma-md-7-12,.o-ma-md-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-ma-md-1,.o-ma-md-1-1{width: 100%}
    .o-ma-md-1-2{width: 50%}
    .o-ma-md-1-3{width: 33.3333%}
    .o-ma-md-2-3{width: 66.6667%}
    .o-ma-md-1-4{width: 25%}
    .o-ma-md-3-4{width: 75%}

    .o-ma-md-1-5{width: 20%}
    .o-ma-md-2-5{width: 40%}
    .o-ma-md-3-5{width: 60%}
    .o-ma-md-4-5{width: 80%}
    .o-ma-md-1-6{width: 16.6667%}
    .o-ma-md-5-6{width: 83.3333%}

    .o-ma-md-1-7{width: 14.2857%}
    .o-ma-md-2-7{width: 28.5714%}
    .o-ma-md-3-7{width: 42.8571%}
    .o-ma-md-4-7{width: 57.1429%}
    .o-ma-md-5-7{width: 71.4286%}
    .o-ma-md-6-7{width: 85.7142%}

    .o-ma-md-1-8{width: 12.5000%}
    .o-ma-md-3-8{width: 37.5000%}
    .o-ma-md-5-8{width: 62.5000%}
    .o-ma-md-7-8{width: 87.5000%}

    .o-ma-md-1-9{width: 11.1111%}
    .o-ma-md-2-9{width: 22.2222%}
    .o-ma-md-4-9{width: 44.4444%}
    .o-ma-md-5-9{width: 55.5555%}
    .o-ma-md-7-9{width: 77.7777%}
    .o-ma-md-8-9{width: 88.8888%}

    .o-ma-md-1-10{width: 10.000%}
    .o-ma-md-3-10{width: 30.000%}
    .o-ma-md-5-10{width: 50.000%}
    .o-ma-md-7-10{width: 70.000%}
    .o-ma-md-9-10{width: 90.000%}

    .o-ma-md-1-11{width: 9.0909%}
    .o-ma-md-2-11{width: 18.1818%}
    .o-ma-md-3-11{width: 27.2727%}
    .o-ma-md-4-11{width: 36.3636%}
    .o-ma-md-5-11{width: 45.4545%}
    .o-ma-md-6-11{width: 54.5454%}
    .o-ma-md-7-11{width: 63.6363%}
    .o-ma-md-8-11{width: 72.7272%}
    .o-ma-md-9-11{width: 81.8181%}
    .o-ma-md-10-11{width: 90.9090%}

    .o-ma-md-1-12{width: 8.3333%}
    .o-ma-md-5-12{width: 41.6667%}
    .o-ma-md-7-12{width: 58.3333%}
    .o-ma-md-11-12{width: 91.6667%}
}

/*ma-sm*/
@media screen and (max-width: 568px) {
    .o-ma-sm-1,.o-ma-sm-1-1,.o-ma-sm-1-2,.o-ma-sm-1-3,.o-ma-sm-2-3,.o-ma-sm-1-4,.o-ma-sm-3-4,
    .o-ma-sm-1-5,.o-ma-sm-2-5,.o-ma-sm-3-5,.o-ma-sm-4-5,.o-ma-sm-1-6,.o-ma-sm-5-6,
    .o-ma-sm-1-7,.o-ma-sm-2-7,.o-ma-sm-3-7,.o-ma-sm-4-7,.o-ma-sm-5-7,.o-ma-sm-6-7,
    .o-ma-sm-1-8,.o-ma-sm-3-8,.o-ma-sm-5-8,.o-ma-sm-7-8,
    .o-ma-sm-1-9,.o-ma-sm-2-9,.o-ma-sm-4-9,.o-ma-sm-5-9,.o-ma-sm-7-9,.o-ma-sm-8-9,
    .o-ma-sm-1-10,.o-ma-sm-3-10,.o-ma-sm-5-10,.o-ma-sm-7-10,.o-ma-sm-9-10,
    .o-ma-sm-1-11,.o-ma-sm-2-11,.o-ma-sm-3-11,.o-ma-sm-4-11,.o-ma-sm-5-11,.o-ma-sm-6-11,.o-ma-sm-7-11,.o-ma-sm-8-11,.o-ma-sm-9-11,.o-ma-sm-10-11,
    .o-ma-sm-1-12,.o-ma-sm-5-12,.o-ma-sm-7-12,.o-ma-sm-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-ma-sm-1,.o-ma-sm-1-1{width: 100%}
    .o-ma-sm-1-2{width: 50%}
    .o-ma-sm-1-3{width: 33.3333%}
    .o-ma-sm-2-3{width: 66.6667%}

    .o-ma-sm-1-4{width: 25%}
    .o-ma-sm-3-4{width: 75%}
    .o-ma-sm-1-5{width: 20%}
    .o-ma-sm-2-5{width: 40%}
    .o-ma-sm-3-5{width: 60%}
    .o-ma-sm-4-5{width: 80%}

    .o-ma-sm-1-6{width: 16.6667%}
    .o-ma-sm-5-6{width: 83.3333%}
    .o-ma-sm-1-7{width: 14.2857%}
    .o-ma-sm-2-7{width: 28.5714%}
    .o-ma-sm-3-7{width: 42.8571%}
    .o-ma-sm-4-7{width: 57.1429%}
    .o-ma-sm-5-7{width: 71.4286%}
    .o-ma-sm-6-7{width: 85.7142%}

    .o-ma-sm-1-8{width: 12.5000%}
    .o-ma-sm-3-8{width: 37.5000%}
    .o-ma-sm-5-8{width: 62.5000%}
    .o-ma-sm-7-8{width: 87.5000%}

    .o-ma-sm-1-9{width: 11.1111%}
    .o-ma-sm-2-9{width: 22.2222%}
    .o-ma-sm-4-9{width: 44.4444%}
    .o-ma-sm-5-9{width: 55.5555%}
    .o-ma-sm-7-9{width: 77.7777%}
    .o-ma-sm-8-9{width: 88.8888%}

    .o-ma-sm-1-10{width: 10.000%}
    .o-ma-sm-3-10{width: 30.000%}
    .o-ma-sm-5-10{width: 50.000%}
    .o-ma-sm-7-10{width: 70.000%}
    .o-ma-sm-9-10{width: 90.000%}

    .o-ma-sm-1-11{width: 9.0909%}
    .o-ma-sm-2-11{width: 18.1818%}
    .o-ma-sm-3-11{width: 27.2727%}
    .o-ma-sm-4-11{width: 36.3636%}
    .o-ma-sm-5-11{width: 45.4545%}
    .o-ma-sm-6-11{width: 54.5454%}
    .o-ma-sm-7-11{width: 63.6363%}
    .o-ma-sm-8-11{width: 72.7272%}
    .o-ma-sm-9-11{width: 81.8181%}
    .o-ma-sm-10-11{width: 90.9090%}

    .o-ma-sm-1-12{width: 8.3333%}
    .o-ma-sm-5-12{width: 41.6667%}
    .o-ma-sm-7-12{width: 58.3333%}
    .o-ma-sm-11-12{width: 91.6667%}
}

/*ma-xs*/
@media screen and (max-width: 425px) {
    .o-ma-xs-1,.o-ma-xs-1-1,.o-ma-xs-1-2,.o-ma-xs-1-3,.o-ma-xs-2-3,.o-ma-xs-1-4,.o-ma-xs-3-4,
    .o-ma-xs-1-5,.o-ma-xs-2-5,.o-ma-xs-3-5,.o-ma-xs-4-5,.o-ma-xs-1-6,.o-ma-xs-5-6,
    .o-ma-xs-1-7,.o-ma-xs-2-7,.o-ma-xs-3-7,.o-ma-xs-4-7,.o-ma-xs-5-7,.o-ma-xs-6-7,
    .o-ma-xs-1-8,.o-ma-xs-3-8,.o-ma-xs-5-8,.o-ma-xs-7-8,
    .o-ma-xs-1-9,.o-ma-xs-2-9,.o-ma-xs-4-9,.o-ma-xs-5-9,.o-ma-xs-7-9,.o-ma-xs-8-9,
    .o-ma-xs-1-10,.o-ma-xs-3-10,.o-ma-xs-5-10,.o-ma-xs-7-10,.o-ma-xs-9-10,
    .o-ma-xs-1-11,.o-ma-xs-2-11,.o-ma-xs-3-11,.o-ma-xs-4-11,.o-ma-xs-5-11,.o-ma-xs-6-11,.o-ma-xs-7-11,.o-ma-xs-8-11,.o-ma-xs-9-11,.o-ma-xs-10-11,
    .o-ma-xs-1-12,.o-ma-xs-5-12,.o-ma-xs-7-12,.o-ma-xs-11-12{
        display: inline-block;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;

    }
    .o-ma-xs-1,.o-ma-xs-1-1{width: 100%}
    .o-ma-xs-1-2{width: 50%}
    .o-ma-xs-1-3{width: 33.3333%}
    .o-ma-xs-2-3{width: 66.6667%}
    .o-ma-xs-1-4{width: 25%}
    .o-ma-xs-3-4{width: 75%}

    .o-ma-xs-1-5{width: 20%}
    .o-ma-xs-2-5{width: 40%}
    .o-ma-xs-3-5{width: 60%}
    .o-ma-xs-4-5{width: 80%}
    .o-ma-xs-1-6{width: 16.6667%}
    .o-ma-xs-5-6{width: 83.3333%}

    .o-ma-xs-1-7{width: 14.2857%}
    .o-ma-xs-2-7{width: 28.5714%}
    .o-ma-xs-3-7{width: 42.8571%}
    .o-ma-xs-4-7{width: 57.1429%}
    .o-ma-xs-5-7{width: 71.4286%}
    .o-ma-xs-6-7{width: 85.7142%}

    .o-ma-xs-1-8{width: 12.5000%}
    .o-ma-xs-3-8{width: 37.5000%}
    .o-ma-xs-5-8{width: 62.5000%}
    .o-ma-xs-7-8{width: 87.5000%}

    .o-ma-xs-1-9{width: 11.1111%}
    .o-ma-xs-2-9{width: 22.2222%}
    .o-ma-xs-4-9{width: 44.4444%}
    .o-ma-xs-5-9{width: 55.5555%}
    .o-ma-xs-7-9{width: 77.7777%}
    .o-ma-xs-8-9{width: 88.8888%}

    .o-ma-xs-1-10{width: 10.000%}
    .o-ma-xs-3-10{width: 30.000%}
    .o-ma-xs-5-10{width: 50.000%}
    .o-ma-xs-7-10{width: 70.000%}
    .o-ma-xs-9-10{width: 90.000%}

    .o-ma-xs-1-11{width: 9.0909%}
    .o-ma-xs-2-11{width: 18.1818%}
    .o-ma-xs-3-11{width: 27.2727%}
    .o-ma-xs-4-11{width: 36.3636%}
    .o-ma-xs-5-11{width: 45.4545%}
    .o-ma-xs-6-11{width: 54.5454%}
    .o-ma-xs-7-11{width: 63.6363%}
    .o-ma-xs-8-11{width: 72.7272%}
    .o-ma-xs-9-11{width: 81.8181%}
    .o-ma-xs-10-11{width: 90.9090%}

    .o-ma-xs-1-12{width: 8.3333%}
    .o-ma-xs-5-12{width: 41.6667%}
    .o-ma-xs-7-12{width: 58.3333%}
    .o-ma-xs-11-12{width: 91.6667%}
}

/*device*/
@media screen{
    .o-fl{float: left;}
    .o-fr{float: right;}
    .o-mg0{margin: 0;}
    .o-pd0{padding: 0;}
    .o-mg0a{margin: 0 auto;}
    .o-mg5{margin: 5px;}
    .o-bd1{border: 1px solid #CCC;}
    .o-tac{text-align: center;}
    .o-tal{text-align: left;}
    .o-tar{text-align: right;}
    .o-dpb{display: block;}
    .o-dpfl{display: flex;flex-wrap: wrap}
    .o-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-dpn{display: none;}
    .o-dpi{display: inline;}
    .o-dpib{display: inline-block;}
    .o-fwb{font-weight: bold;}
    .o-haohi{height: auto;overflow: hidden;}
    .o-psr{position: relative}
    .o-psa{position: absolute}
    .o-clb{clear: both;}

    .o-fl-i{float: left !important;}
    .o-fr-i{float: right !important;}
    .o-mg0-i{margin: 0 !important;}
    .o-pd0-i{padding: 0 !important;}
    .o-mg0a-i{margin: 0 auto !important;}
    .o-mg5-i{margin: 5px !important;}
    .o-bd1-i{border: 1px solid #CCC !important;}
    .o-tac-i{text-align: center !important;}
    .o-tal-i{text-align: left !important;}
    .o-tar-i{text-align: right !important;}
    .o-dpb-i{display: block !important;}
    .o-dpfl-i{display: flex !important;}
    .o-dpn-i{display: none !important;}
    .o-dpi-i{display: inline !important;}
    .o-dpib-i{display: inline-block !important;}
    .o-fwb-i{font-weight: bold !important;}
    .o-haohi-i{height: auto;overflow: hidden !important;}
    .o-psr-i{position: relative !important;}
    .o-psa-i{position: absolute !important;}
    .o-clb-i{clear: both !important;}
}

/*mi-xs*/
@media screen and (min-width: 426px) {
    .o-mi-xs-fl{float: left;}
    .o-mi-xs-fr{float: right;}
    .o-mi-xs-mg0{margin: 0;}
    .o-mi-xs-pd0{padding: 0;}
    .o-mi-xs-mg0a{margin: 0 auto;}
    .o-mi-xs-mg5{margin: 5px;}
    .o-mi-xs-bd1{border: 1px solid #CCC;}
    .o-mi-xs-tac{text-align: center;}
    .o-mi-xs-tal{text-align: left;}
    .o-mi-xs-tar{text-align: right;}
    .o-mi-xs-dpb{display: block;}
    .o-mi-xs-dpfl{display: flex;flex-wrap: wrap}
    .o-mi-xs-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-mi-xs-dpn{display: none;}
    .o-mi-xs-dpi{display: inline;}
    .o-mi-xs-dpib{display: inline-block;}
    .o-mi-xs-fwb{font-weight: bold;}
    .o-mi-xs-haohi{height: auto;overflow: hidden;}
    .o-mi-xs-psr{position: relative}
    .o-mi-xs-psa{position: absolute}
    .o-mi-xs-clb{clear: both;}

    .o-mi-xs-fl-i{float: left !important;}
    .o-mi-xs-fr-i{float: right !important;}
    .o-mi-xs-mg0-i{margin: 0 !important;}
    .o-mi-xs-pd0-i{padding: 0 !important;}
    .o-mi-xs-mg0a-i{margin: 0 auto !important;}
    .o-mi-xs-mg5-i{margin: 5px !important;}
    .o-mi-xs-bd1-i{border: 1px solid #CCC !important;}
    .o-mi-xs-tac-i{text-align: center !important;}
    .o-mi-xs-tal-i{text-align: left !important;}
    .o-mi-xs-tar-i{text-align: right !important;}
    .o-mi-xs-dpb-i{display: block !important;}
    .o-mi-xs-dpfl-i{display: flex !important;}
    .o-mi-xs-dpn-i{display: none !important;}
    .o-mi-xs-dpi-i{display: inline !important;}
    .o-mi-xs-dpib-i{display: inline-block !important;}
    .o-mi-xs-fwb-i{font-weight: bold !important;}
    .o-mi-xs-haohi-i{height: auto;overflow: hidden !important;}
    .o-mi-xs-psr-i{position: relative !important;}
    .o-mi-xs-psa-i{position: absolute !important;}
    .o-mi-xs-clb-i{clear: both !important;}
}

/*mi-sm*/
@media screen and (min-width: 569px) {
    .o-mi-sm-fl{float: left;}
    .o-mi-sm-fr{float: right;}
    .o-mi-sm-mg0{margin: 0;}
    .o-mi-sm-pd0{padding: 0;}
    .o-mi-sm-mg0a{margin: 0 auto;}
    .o-mi-sm-mg5{margin: 5px;}
    .o-mi-sm-bd1{border: 1px solid #CCC;}
    .o-mi-sm-tac{text-align: center;}
    .o-mi-sm-tal{text-align: left;}
    .o-mi-sm-tar{text-align: right;}
    .o-mi-sm-dpb{display: block;}
    .o-mi-sm-dpfl{display: flex;flex-wrap: wrap}
    .o-mi-sm--dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-mi-sm-dpn{display: none;}
    .o-mi-sm-dpi{display: inline;}
    .o-mi-sm-dpib{display: inline-block;}
    .o-mi-sm-fwb{font-weight: bold;}
    .o-mi-sm-haohi{height: auto;overflow: hidden;}
    .o-mi-sm-psr{position: relative}
    .o-mi-sm-psa{position: absolute}
    .o-mi-sm-clb{clear: both;}

    .o-mi-sm-fl-i{float: left !important;}
    .o-mi-sm-fr-i{float: right !important;}
    .o-mi-sm-mg0-i{margin: 0 !important;}
    .o-mi-sm-pd0-i{padding: 0 !important;}
    .o-mi-sm-mg0a-i{margin: 0 auto !important;}
    .o-mi-sm-mg5-i{margin: 5px !important;}
    .o-mi-sm-bd1-i{border: 1px solid #CCC !important;}
    .o-mi-sm-tac-i{text-align: center !important;}
    .o-mi-sm-tal-i{text-align: left !important;}
    .o-mi-sm-tar-i{text-align: right !important;}
    .o-mi-sm-dpb-i{display: block !important;}
    .o-mi-sm-dpfl-i{display: flex !important;}
    .o-mi-sm-dpn-i{display: none !important;}
    .o-mi-sm-dpi-i{display: inline !important;}
    .o-mi-sm-dpib-i{display: inline-block !important;}
    .o-mi-sm-fwb-i{font-weight: bold !important;}
    .o-mi-sm-haohi-i{height: auto;overflow: hidden !important;}
    .o-mi-sm-psr-i{position: relative !important}
    .o-mi-sm-psa-i{position: absolute !important}
    .o-mi-sm-clb-i{clear: both !important;}
}

/*mi-md*/
@media screen and (min-width: 769px) {
    .o-mi-md-fl{float: left;}
    .o-mi-md-fr{float: right;}
    .o-mi-md-mg0{margin: 0;}
    .o-mi-md-pd0{padding: 0;}
    .o-mi-md-mg0a{margin: 0 auto;}
    .o-mi-md-mg5{margin: 5px;}
    .o-mi-md-bd1{border: 1px solid #CCC;}
    .o-mi-md-tac{text-align: center;}
    .o-mi-md-tal{text-align: left;}
    .o-mi-md-tar{text-align: right;}
    .o-mi-md-dpb{display: block;}
    .o-mi-md-dpfl{display: flex;flex-wrap: wrap}  
    .o-mi-md-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-mi-md-dpn{display: none;}
    .o-mi-md-dpi{display: inline;}
    .o-mi-md-dpib{display: inline-block;}
    .o-mi-md-fwb{font-weight: bold;}
    .o-mi-md-haohi{height: auto;overflow: hidden;}
    .o-mi-md-psr{position: relative}
    .o-mi-md-psa{position: absolute}
    .o-mi-md-clb{clear: both;}

    .o-mi-md-fl-i{float: left !important;}
    .o-mi-md-fr-i{float: right !important;}
    .o-mi-md-mg0-i{margin: 0 !important;}
    .o-mi-md-pd0-i{padding: 0 !important;}
    .o-mi-md-mg0a-i{margin: 0 auto !important;}
    .o-mi-md-mg5-i{margin: 5px !important;}
    .o-mi-md-bd1-i{border: 1px solid #CCC !important;}
    .o-mi-md-tac-i{text-align: center !important;}
    .o-mi-md-tal-i{text-align: left !important;}
    .o-mi-md-tar-i{text-align: right !important;}
    .o-mi-md-dpb-i{display: block !important;}
    .o-mi-md-dpfl-i{display: flex !important;}
    .o-mi-md-dpn-i{display: none !important;}
    .o-mi-md-dpi-i{display: inline !important;}
    .o-mi-md-dpib-i{display: inline-block !important;}
    .o-mi-md-fwb-i{font-weight: bold !important;}
    .o-mi-md-haohi-i{height: auto;overflow: hidden !important;}
    .o-mi-md-psr-i{position: relative !important}
    .o-mi-md-psa-i{position: absolute !important}
    .o-mi-md-clb-i{clear: both !important;}
}

/*mi-lg*/
@media screen and (min-width: 1025px) {
    .o-mi-lg-fl{float: left;}
    .o-mi-lg-fr{float: right;}
    .o-mi-lg-mg0{margin: 0;}
    .o-mi-lg-pd0{padding: 0;}
    .o-mi-lg-mg0a{margin: 0 auto;}
    .o-mi-lg-mg5{margin: 5px;}
    .o-mi-lg-bd1{border: 1px solid #CCC;}
    .o-mi-lg-tac{text-align: center;}
    .o-mi-lg-tal{text-align: left;}
    .o-mi-lg-tar{text-align: right;}
    .o-mi-lg-dpb{display: block;}
    .o-mi-lg-dpfl{display: flex;flex-wrap: wrap}  
    .o-mi-lg-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-mi-lg-dpn{display: none;}
    .o-mi-lg-dpi{display: inline;}
    .o-mi-lg-dpib{display: inline-block;}
    .o-mi-lg-fwb{font-weight: bold;}
    .o-mi-lg-haohi{height: auto;overflow: hidden;}
    .o-mi-lg-psr{position: relative}
    .o-mi-lg-psa{position: absolute}
    .o-mi-lg-clb{clear: both;}

    .o-mi-lg-fl-i{float: left !important;}
    .o-mi-lg-fr-i{float: right !important;}
    .o-mi-lg-mg0-i{margin: 0 !important;}
    .o-mi-lg-pd0-i{padding: 0 !important;}
    .o-mi-lg-mg0a-i{margin: 0 auto !important;}
    .o-mi-lg-mg5-i{margin: 5px !important;}
    .o-mi-lg-bd1-i{border: 1px solid #CCC !important;}
    .o-mi-lg-tac-i{text-align: center !important;}
    .o-mi-lg-tal-i{text-align: left !important;}
    .o-mi-lg-tar-i{text-align: right !important;}
    .o-mi-lg-dpb-i{display: block !important;}
    .o-mi-lg-dpfl-i{display: flex !important;}
    .o-mi-lg-dpn-i{display: none !important;}
    .o-mi-lg-dpi-i{display: inline !important;}
    .o-mi-lg-dpib-i{display: inline-block !important;}
    .o-mi-lg-fwb-i{font-weight: bold !important;}
    .o-mi-lg-haohi-i{height: auto;overflow: hidden !important;}
    .o-mi-lg-psr-i{position: relative !important}
    .o-mi-lg-psa-i{position: absolute !important}
    .o-mi-lg-clb-i{clear: both !important;}
}

/*mi-xl*/
@media screen and (min-width: 1281px) {
    .o-mi-xl-fl{float: left;}
    .o-mi-xl-fr{float: right;}
    .o-mi-xl-mg0{margin: 0;}
    .o-mi-xl-pd0{padding: 0;}
    .o-mi-xl-mg0a{margin: 0 auto;}
    .o-mi-xl-mg5{margin: 5px;}
    .o-mi-xl-bd1{border: 1px solid #CCC;}
    .o-mi-xl-tac{text-align: center;}
    .o-mi-xl-tal{text-align: left;}
    .o-mi-xl-tar{text-align: right;}
    .o-mi-xl-dpb{display: block;}
    .o-mi-xl-dpfl{display: flex;flex-wrap: wrap}  
    .o-mi-xl-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-mi-xl-dpn{display: none;}
    .o-mi-xl-dpi{display: inline;}
    .o-mi-xl-dpib{display: inline-block;}
    .o-mi-xl-fwb{font-weight: bold;}
    .o-mi-xl-haohi{height: auto;overflow: hidden;}
    .o-mi-xl-psr{position: relative}
    .o-mi-xl-psa{position: absolute}
    .o-mi-xl-clb{clear: both;}

    .o-mi-xl-fl-i{float: left !important;}
    .o-mi-xl-fr-i{float: right !important;}
    .o-mi-xl-mg0-i{margin: 0 !important;}
    .o-mi-xl-pd0-i{padding: 0 !important;}
    .o-mi-xl-mg0a-i{margin: 0 auto !important;}
    .o-mi-xl-mg5-i{margin: 5px !important;}
    .o-mi-xl-bd1-i{border: 1px solid #CCC !important;}
    .o-mi-xl-tac-i{text-align: center !important;}
    .o-mi-xl-tal-i{text-align: left !important;}
    .o-mi-xl-tar-i{text-align: right !important;}
    .o-mi-xl-dpb-i{display: block !important;}
    .o-mi-xl-dpfl-i{display: flex !important;}
    .o-mi-xl-dpn-i{display: none !important;}
    .o-mi-xl-dpi-i{display: inline !important;}
    .o-mi-xl-dpib-i{display: inline-block !important;}
    .o-mi-xl-fwb-i{font-weight: bold !important;}
    .o-mi-xl-haohi-i{height: auto;overflow: hidden !important;}
    .o-mi-xl-psr-i{position: relative !important}
    .o-mi-xl-psa-i{position: absolute !important}
    .o-mi-xl-clb-i{clear: both !important;}
}

/*ma-xl*/
@media screen and (max-width: 1280px) {
    .o-ma-xl-fl{float: left;}
    .o-ma-xl-fr{float: right;}
    .o-ma-xl-mg0{margin: 0;}
    .o-ma-xl-pd0{padding: 0;}
    .o-ma-xl-mg0a{margin: 0 auto;}
    .o-ma-xl-mg5{margin: 5px;}
    .o-ma-xl-bd1{border: 1px solid #CCC;}
    .o-ma-xl-tac{text-align: center;}
    .o-ma-xl-tal{text-align: left;}
    .o-ma-xl-tar{text-align: right;}
    .o-ma-xl-dpb{display: block;}
    .o-ma-xl-dpfl{display: flex;flex-wrap: wrap}
    .o-ma-xl-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-ma-xl-dpn{display: none;}
    .o-ma-xl-dpi{display: inline;}
    .o-ma-xl-dpib{display: inline-block;}
    .o-ma-xl-fwb{font-weight: bold;}
    .o-ma-xl-haohi{height: auto;overflow: hidden;}
    .o-ma-xl-psr{position: relative}
    .o-ma-xl-psa{position: absolute}
    .o-ma-xl-clb{clear: both;}

    .o-ma-xl-fl-i{float: left !important;}
    .o-ma-xl-fr-i{float: right !important;}
    .o-ma-xl-mg0-i{margin: 0 !important;}
    .o-ma-xl-pd0-i{padding: 0 !important;}
    .o-ma-xl-mg0a-i{margin: 0 auto !important;}
    .o-ma-xl-mg5-i{margin: 5px !important;}
    .o-ma-xl-bd1-i{border: 1px solid #CCC !important;}
    .o-ma-xl-tac-i{text-align: center !important;}
    .o-ma-xl-tal-i{text-align: left !important;}
    .o-ma-xl-tar-i{text-align: right !important;}
    .o-ma-xl-dpb-i{display: block !important;}
    .o-ma-xl-dpfl-i{display: flex !important;}
    .o-ma-xl-dpn-i{display: none !important;}
    .o-ma-xl-dpi-i{display: inline !important;}
    .o-ma-xl-dpib-i{display: inline-block !important;}
    .o-ma-xl-fwb-i{font-weight: bold !important;}
    .o-ma-xl-haohi-i{height: auto;overflow: hidden !important;}
    .o-ma-xl-psr-i{position: relative !important}
    .o-ma-xl-psa-i{position: absolute !important}
    .o-ma-xl-clb-i{clear: both !important;}
}

/*ma-lg*/
@media screen and (max-width: 1024px) {
    .o-ma-lg-fl{float: left;}
    .o-ma-lg-fr{float: right;}
    .o-ma-lg-mg0{margin: 0;}
    .o-ma-lg-pd0{padding: 0;}
    .o-ma-lg-mg0a{margin: 0 auto;}
    .o-ma-lg-mg5{margin: 5px;}
    .o-ma-lg-bd1{border: 1px solid #CCC;}
    .o-ma-lg-tac{text-align: center;}
    .o-ma-lg-tal{text-align: left;}
    .o-ma-lg-tar{text-align: right;}
    .o-ma-lg-dpb{display: block;}
    .o-ma-lg-dpfl{display: flex;flex-wrap: wrap}
    .o-ma-lg-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-ma-lg-dpn{display: none;}
    .o-ma-lg-dpi{display: inline;}
    .o-ma-lg-dpib{display: inline-block;}
    .o-ma-lg-fwb{font-weight: bold;}
    .o-ma-lg-haohi{height: auto;overflow: hidden;}
    .o-ma-lg-psr{position: relative}
    .o-ma-lg-psa{position: absolute}
    .o-ma-lg-clb{clear: both;}

    .o-ma-lg-fl-i{float: left !important;}
    .o-ma-lg-fr-i{float: right !important;}
    .o-ma-lg-mg0-i{margin: 0 !important;}
    .o-ma-lg-pd0-i{padding: 0 !important;}
    .o-ma-lg-mg0a-i{margin: 0 auto !important;}
    .o-ma-lg-mg5-i{margin: 5px !important;}
    .o-ma-lg-bd1-i{border: 1px solid #CCC !important;}
    .o-ma-lg-tac-i{text-align: center !important;}
    .o-ma-lg-tal-i{text-align: left !important;}
    .o-ma-lg-tar-i{text-align: right !important;}
    .o-ma-lg-dpb-i{display: block !important;}
    .o-ma-lg-dpfl-i{display: flex !important;}
    .o-ma-lg-dpn-i{display: none !important;}
    .o-ma-lg-dpi-i{display: inline !important;}
    .o-ma-lg-dpib-i{display: inline-block !important;}
    .o-ma-lg-fwb-i{font-weight: bold !important;}
    .o-ma-lg-haohi-i{height: auto;overflow: hidden !important;}
    .o-ma-lg-psr-i{position: relative !important}
    .o-ma-lg-psa-i{position: absolute !important}
    .o-ma-lg-clb-i{clear: both !important;}
}

/*ma-md*/
@media screen and (max-width: 768px) {
    .o-ma-md-fl{float: left;}
    .o-ma-md-fr{float: right;}
    .o-ma-md-mg0{margin: 0;}
    .o-ma-md-pd0{padding: 0;}
    .o-ma-md-mg0a{margin: 0 auto;}
    .o-ma-md-mg5{margin: 5px;}
    .o-ma-md-bd1{border: 1px solid #CCC;}
    .o-ma-md-tac{text-align: center;}
    .o-ma-md-tal{text-align: left;}
    .o-ma-md-tar{text-align: right;}
    .o-ma-md-dpb{display: block;}
    .o-ma-md-dpfl{display: flex;flex-wrap: wrap}
    .o-ma-md-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-ma-md-dpn{display: none;}
    .o-ma-md-dpi{display: inline;}
    .o-ma-md-dpib{display: inline-block;}
    .o-ma-md-fwb{font-weight: bold;}
    .o-ma-md-haohi{height: auto;overflow: hidden;}
    .o-ma-md-psr{position: relative}
    .o-ma-md-psa{position: absolute}
    .o-ma-md-clb{clear: both;}

    .o-ma-md-fl-i{float: left !important;}
    .o-ma-md-fr-i{float: right !important;}
    .o-ma-md-mg0-i{margin: 0 !important;}
    .o-ma-md-pd0-i{padding: 0 !important;}
    .o-ma-md-mg0a-i{margin: 0 auto !important;}
    .o-ma-md-mg5-i{margin: 5px !important;}
    .o-ma-md-bd1-i{border: 1px solid #CCC !important;}
    .o-ma-md-tac-i{text-align: center !important;}
    .o-ma-md-tal-i{text-align: left !important;}
    .o-ma-md-tar-i{text-align: right !important;}
    .o-ma-md-dpb-i{display: block !important;}
    .o-ma-md-dpfl-i{display: flex !important;}
    .o-ma-md-dpn-i{display: none !important;}
    .o-ma-md-dpi-i{display: inline !important;}
    .o-ma-md-dpib-i{display: inline-block !important;}
    .o-ma-md-fwb-i{font-weight: bold !important;}
    .o-ma-md-haohi-i{height: auto;overflow: hidden !important;}
    .o-ma-md-psr-i{position: relative !important}
    .o-ma-md-psa-i{position: absolute !important}
    .o-ma-md-clb-i{clear: both !important;}
}

/*ma-sm*/
@media screen and (max-width: 568px) {
    .o-ma-sm-fl{float: left;}
    .o-ma-sm-fr{float: right;}
    .o-ma-sm-mg0{margin: 0;}
    .o-ma-sm-pd0{padding: 0;}
    .o-ma-sm-mg0a{margin: 0 auto;}
    .o-ma-sm-mg5{margin: 5px;}
    .o-ma-sm-bd1{border: 1px solid #CCC;}
    .o-ma-sm-tac{text-align: center;}
    .o-ma-sm-tal{text-align: left;}
    .o-ma-sm-tar{text-align: right;}
    .o-ma-sm-dpb{display: block;}
    .o-ma-sm-dpfl{display: flex;flex-wrap: wrap}
    .o-ma-sm-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-ma-sm-dpn{display: none;}
    .o-ma-sm-dpi{display: inline;}
    .o-ma-sm-dpib{display: inline-block;}
    .o-ma-sm-fwb{font-weight: bold;}
    .o-ma-sm-haohi{height: auto;overflow: hidden;}
    .o-ma-sm-psr{position: relative}
    .o-ma-sm-psa{position: absolute}
    .o-ma-sm-clb{clear: both;}

    .o-ma-sm-fl-i{float: left !important;}
    .o-ma-sm-fr-i{float: right !important;}
    .o-ma-sm-mg0-i{margin: 0 !important;}
    .o-ma-sm-pd0-i{padding: 0 !important;}
    .o-ma-sm-mg0a-i{margin: 0 auto !important;}
    .o-ma-sm-mg5-i{margin: 5px !important;}
    .o-ma-sm-bd1-i{border: 1px solid #CCC !important;}
    .o-ma-sm-tac-i{text-align: center !important;}
    .o-ma-sm-tal-i{text-align: left !important;}
    .o-ma-sm-tar-i{text-align: right !important;}
    .o-ma-sm-dpb-i{display: block !important;}
    .o-ma-sm-dpfl-i{display: flex !important;}
    .o-ma-sm-dpn-i{display: none !important;}
    .o-ma-sm-dpi-i{display: inline !important;}
    .o-ma-sm-dpib-i{display: inline-block !important;}
    .o-ma-sm-fwb-i{font-weight: bold !important;}
    .o-ma-sm-haohi-i{height: auto;overflow: hidden !important;}
    .o-ma-sm-psr-i{position: relative !important}
    .o-ma-sm-psa-i{position: absolute !important}
    .o-ma-sm-clb-i{clear: both !important;}
}

/*ma-sm*/
@media screen and (max-width: 425px) {
    .o-ma-xs-fl{float: left;}
    .o-ma-xs-fr{float: right;}
    .o-ma-xs-mg0{margin: 0;}
    .o-ma-xs-pd0{padding: 0;}
    .o-ma-xs-mg0a{margin: 0 auto;}
    .o-ma-xs-mg5{margin: 5px;}
    .o-ma-xs-bd1{border: 1px solid #CCC;}
    .o-ma-xs-tac{text-align: center;}
    .o-ma-xs-tal{text-align: left;}
    .o-ma-xs-tar{text-align: right;}
    .o-ma-xs-dpb{display: block;}
    .o-ma-xs-dpfl{display: flex;flex-wrap: wrap}
    .o-ma-xs-dpfl-reverse{display: flex;flex-wrap: wrap-reverse;}
    .o-ma-xs-dpn{display: none;}
    .o-ma-xs-dpi{display: inline;}
    .o-ma-xs-dpib{display: inline-block;}
    .o-ma-xs-fwb{font-weight: bold;}
    .o-ma-xs-haohi{height: auto;overflow: hidden;}
    .o-ma-xs-psr{position: relative}
    .o-ma-xs-psa{position: absolute}
    .o-ma-xs-clb{clear: both;}

    .o-ma-xs-fl-i{float: left !important;}
    .o-ma-xs-fr-i{float: right !important;}
    .o-ma-xs-mg0-i{margin: 0 !important;}
    .o-ma-xs-pd0-i{padding: 0 !important;}
    .o-ma-xs-mg0a-i{margin: 0 auto !important;}
    .o-ma-xs-mg5-i{margin: 5px !important;}
    .o-ma-xs-bd1-i{border: 1px solid #CCC !important;}
    .o-ma-xs-tac-i{text-align: center !important;}
    .o-ma-xs-tal-i{text-align: left !important;}
    .o-ma-xs-tar-i{text-align: right !important;}
    .o-ma-xs-dpb-i{display: block !important;}
    .o-ma-xs-dpfl-i{display: flex !important;}
    .o-ma-xs-dpn-i{display: none !important;}
    .o-ma-xs-dpi-i{display: inline !important;}
    .o-ma-xs-dpib-i{display: inline-block !important;}
    .o-ma-xs-fwb-i{font-weight: bold !important;}
    .o-ma-xs-haohi-i{height: auto;overflow: hidden !important;}
    .o-ma-xs-psr-i{position: relative !important}
    .o-ma-xs-psa-i{position: absolute !important}
    .o-ma-xs-clb-i{clear: both !important;}
}



/*view.messenger.css*/
#box_messenger {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 9999;
}
#box_messenger #wrap_messenger {
    position: relative;
}
#box_messenger .wrap_messenger {
    padding: 15px 25px;
    border-radius: 10px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: 3px 3px 8px #616161;
}
#box_messenger:hover .wrap_messenger {
    opacity: 1;
}
#box_messenger i{
    position: absolute;
    top: 3px;
    right: 5px;
    color: #603823;
    margin: 0px;
    cursor: pointer;
    font-size: 20px;
}


.status_1{
    color: #603823;
    background-color: #ffd203;
    border: 1px solid #603823;
}

.status_2{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.status_3{
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
}

.status_4{
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}