/*
 
 *        1.10   Width
 * 		  1.20   Height   line-height
 *        1.30   Typography   font
 *        1.40   Margin
 *        1.50   Padding
 *        1.60   background   border
 * 
 * */



/*浮动*/
.float-left{
	float: left;
}
.float-right{
	float: right;
}
.float-none{
	float: none;
}
.visible-hidden{
	visibility: hidden;
}
.cursor-pointer{
	cursor: pointer;
}
.positiona{
    position: absolute;
}
.positionr{
    position: relative;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}
.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}



/* ############### 1.10 Width ############### */


/* ------------------------------------------ */

.wd-5 {
    width: 5px;
}

.wd-5p {
    width: 5%;
}
.wd-7p {
    width: 7%;
}
.wd-8p {
    width: 8%;
}
.wd-12p {
    width: 12%;
}
.wd-13p {
    width: 13%;
}
.mx-wd-5p {
    max-width: 5%;
}

.mn-wd-5p {
    min-width: 5%;
}

.wd-5-force {
    width: 5px !important;
}

.wd-5p-force {
    width: 5% !important;
}

.mx-wd-5p-force {
    max-width: 5% !important;
}

.mn-wd-5p-force {
    min-width: 5% !important;
}

.wd-10 {
    width: 10px;
}

.wd-10p {
    width: 10%;
}

.mx-wd-10p {
    max-width: 10%;
}

.mn-wd-10p {
    min-width: 10%;
}

.wd-10-force {
    width: 10px !important;
}

.wd-10p-force {
    width: 10% !important;
}

.mx-wd-10p-force {
    max-width: 10% !important;
}

.mn-wd-10p-force {
    min-width: 10% !important;
}

.wd-15 {
    width: 15px;
}

.wd-15p {
    width: 15%;
}

.mx-wd-15p {
    max-width: 15%;
}

.mn-wd-15p {
    min-width: 15%;
}

.wd-15-force {
    width: 15px !important;
}

.wd-15p-force {
    width: 15% !important;
}

.mx-wd-15p-force {
    max-width: 15% !important;
}

.mn-wd-15p-force {
    min-width: 15% !important;
}

.wd-20 {
    width: 20px;
}

.wd-20p {
    width: 20%;
}
.wd-22p {
    width: 22%;
}
.wd-26p {
    width: 26%;
}
.mx-wd-20p {
    max-width: 20%;
}

.mn-wd-20p {
    min-width: 20%;
}

.wd-20-force {
    width: 20px !important;
}

.wd-20p-force {
    width: 20% !important;
}

.mx-wd-20p-force {
    max-width: 20% !important;
}

.mn-wd-20p-force {
    min-width: 20% !important;
}

.wd-25 {
    width: 25px;
}

.wd-25p {
    width: 25%;
}

.mx-wd-25p {
    max-width: 25%;
}

.mn-wd-25p {
    min-width: 25%;
}

.wd-25-force {
    width: 25px !important;
}

.wd-25p-force {
    width: 25% !important;
}

.mx-wd-25p-force {
    max-width: 25% !important;
}

.mn-wd-25p-force {
    min-width: 25% !important;
}

.wd-30 {
    width: 30px;
}

.wd-30p {
    width: 30%;
}
.wd-33p {
    width: 33%;
}
.mx-wd-30p {
    max-width: 30%;
}

.mn-wd-30p {
    min-width: 30%;
}

.wd-30-force {
    width: 30px !important;
}

.wd-30p-force {
    width: 30% !important;
}

.mx-wd-30p-force {
    max-width: 30% !important;
}

.mn-wd-30p-force {
    min-width: 30% !important;
}

.wd-35 {
    width: 35px;
}

.wd-35p {
    width: 35%;
}

.mx-wd-35p {
    max-width: 35%;
}

.mn-wd-35p {
    min-width: 35%;
}

.wd-35-force {
    width: 35px !important;
}

.wd-35p-force {
    width: 35% !important;
}

.mx-wd-35p-force {
    max-width: 35% !important;
}

.mn-wd-35p-force {
    min-width: 35% !important;
}

.wd-40 {
    width: 40px;
}

.wd-40p {
    width: 40%;
}

.mx-wd-40p {
    max-width: 40%;
}

.mn-wd-40p {
    min-width: 40%;
}

.wd-40-force {
    width: 40px !important;
}

.wd-40p-force {
    width: 40% !important;
}

.mx-wd-40p-force {
    max-width: 40% !important;
}

.mn-wd-40p-force {
    min-width: 40% !important;
}

.wd-45 {
    width: 45px;
}

.wd-45p {
    width: 45%;
}

.mx-wd-45p {
    max-width: 45%;
}

.mn-wd-45p {
    min-width: 45%;
}

.wd-45-force {
    width: 45px !important;
}

.wd-45p-force {
    width: 45% !important;
}

.mx-wd-45p-force {
    max-width: 45% !important;
}

.mn-wd-45p-force {
    min-width: 45% !important;
}

.wd-50 {
    width: 50px;
}

.wd-50p {
    width: 50%;
}

.mx-wd-50p {
    max-width: 50%;
}

.mn-wd-50p {
    min-width: 50%;
}

.wd-50-force {
    width: 50px !important;
}

.wd-50p-force {
    width: 50% !important;
}

.mx-wd-50p-force {
    max-width: 50% !important;
}

.mn-wd-50p-force {
    min-width: 50% !important;
}

.wd-55 {
    width: 55px;
}

.wd-55p {
    width: 55%;
}

.mx-wd-55p {
    max-width: 55%;
}

.mn-wd-55p {
    min-width: 55%;
}

.wd-55-force {
    width: 55px !important;
}

.wd-55p-force {
    width: 55% !important;
}

.mx-wd-55p-force {
    max-width: 55% !important;
}

.mn-wd-55p-force {
    min-width: 55% !important;
}

.wd-60 {
    width: 60px;
}

.wd-60p {
    width: 60%;
}

.mx-wd-60p {
    max-width: 60%;
}

.mn-wd-60p {
    min-width: 60%;
}

.wd-60-force {
    width: 60px !important;
}

.wd-60p-force {
    width: 60% !important;
}

.mx-wd-60p-force {
    max-width: 60% !important;
}

.mn-wd-60p-force {
    min-width: 60% !important;
}

.wd-65 {
    width: 65px;
}

.wd-65p {
    width: 65%;
}

.mx-wd-65p {
    max-width: 65%;
}

.mn-wd-65p {
    min-width: 65%;
}

.wd-65-force {
    width: 65px !important;
}

.wd-65p-force {
    width: 65% !important;
}

.mx-wd-65p-force {
    max-width: 65% !important;
}

.mn-wd-65p-force {
    min-width: 65% !important;
}

.wd-70 {
    width: 70px;
}

.wd-70p {
    width: 70%;
}

.mx-wd-70p {
    max-width: 70%;
}

.mn-wd-70p {
    min-width: 70%;
}

.wd-70-force {
    width: 70px !important;
}

.wd-70p-force {
    width: 70% !important;
}

.mx-wd-70p-force {
    max-width: 70% !important;
}

.mn-wd-70p-force {
    min-width: 70% !important;
}

.wd-75 {
    width: 75px;
}

.wd-75p {
    width: 75%;
}

.mx-wd-75p {
    max-width: 75%;
}

.mn-wd-75p {
    min-width: 75%;
}

.wd-75-force {
    width: 75px !important;
}

.wd-75p-force {
    width: 75% !important;
}

.mx-wd-75p-force {
    max-width: 75% !important;
}

.mn-wd-75p-force {
    min-width: 75% !important;
}

.wd-80 {
    width: 80px;
}

.wd-80p {
    width: 80%;
}

.mx-wd-80p {
    max-width: 80%;
}

.mn-wd-80p {
    min-width: 80%;
}

.wd-80-force {
    width: 80px !important;
}

.wd-80p-force {
    width: 80% !important;
}

.mx-wd-80p-force {
    max-width: 80% !important;
}

.mn-wd-80p-force {
    min-width: 80% !important;
}

.wd-85 {
    width: 85px;
}

.wd-85p {
    width: 85%;
}

.mx-wd-85p {
    max-width: 85%;
}

.mn-wd-85p {
    min-width: 85%;
}

.wd-85-force {
    width: 85px !important;
}

.wd-85p-force {
    width: 85% !important;
}

.mx-wd-85p-force {
    max-width: 85% !important;
}

.mn-wd-85p-force {
    min-width: 85% !important;
}

.wd-90 {
    width: 90px;
}

.wd-90p {
    width: 90%;
}

.mx-wd-90p {
    max-width: 90%;
}

.mn-wd-90p {
    min-width: 90%;
}

.wd-90-force {
    width: 90px !important;
}

.wd-90p-force {
    width: 90% !important;
}

.mx-wd-90p-force {
    max-width: 90% !important;
}

.mn-wd-90p-force {
    min-width: 90% !important;
}

.wd-95 {
    width: 95px;
}

.wd-95p {
    width: 95%;
}

.mx-wd-95p {
    max-width: 95%;
}

.mn-wd-95p {
    min-width: 95%;
}

.wd-95-force {
    width: 95px !important;
}

.wd-95p-force {
    width: 95% !important;
}

.mx-wd-95p-force {
    max-width: 95% !important;
}

.mn-wd-95p-force {
    min-width: 95% !important;
}

.wd-100 {
    width: 100px;
}

.wd-110 {
    width: 110px;
}
.wd-120 {
    width: 120px;
}
.wd-130 {
    width: 130px;
}
.wd-140 {
    width: 140px;
}
.wd-100p {
    width: 100%;
}
.mx-wd-100{
	max-width: 100px;
}
.mx-wd-200{
	max-width: 200px;
}
.mx-wd-100p {
    max-width: 100%;
}

.mn-wd-100p {
    min-width: 100%;
}

.wd-100-force {
    width: 100px !important;
}

.wd-100p-force {
    width: 100% !important;
}

.mx-wd-100p-force {
    max-width: 100% !important;
}

.mn-wd-100p-force {
    min-width: 100% !important;
}

.wd-150 {
    width: 150px;
}
.wd-160 {
    width: 160px;
}

.wd-180 {
    width: 180px;
}

.wd-150-force {
    width: 150px !important;
}

.wd-180 {
    width: 180px;
}
.wd-190 {
    width: 190px;
}
.wd-200 {
    width: 200px;
}

.wd-220 {
    width: 220px;
}

.wd-200-force {
    width: 200px !important;
}

.wd-250 {
    width: 250px;
}

.wd-250-force {
    width: 250px !important;
}

.wd-300 {
    width: 300px;
}

.wd-300-force {
    width: 300px !important;
}

.wd-350 {
    width: 350px;
}

.wd-350-force {
    width: 350px !important;
}

.wd-400 {
    width: 400px;
}

.wd-400-force {
    width: 400px !important;
}

.wd-450 {
    width: 450px;
}

.wd-450-force {
    width: 450px !important;
}

.wd-500 {
    width: 500px;
}

.wd-580 {
    width: 580px;
}

.wd-500-force {
    width: 500px !important;
}

.wd-550 {
    width: 550px;
}

.wd-550-force {
    width: 550px !important;
}

.wd-600 {
    width: 600px;
}

.wd-600-force {
    width: 600px !important;
}

.wd-650 {
    width: 650px;
}

.wd-650-force {
    width: 650px !important;
}

.wd-700 {
    width: 700px;
}

.wd-700-force {
    width: 700px !important;
}

.wd-750 {
    width: 750px;
}

.wd-750-force {
    width: 750px !important;
}

.wd-800 {
    width: 800px;
}

.wd-800-force {
    width: 800px !important;
}

.wd-850 {
    width: 850px;
}

.wd-850-force {
    width: 850px !important;
}

.wd-900 {
    width: 900px;
}

.wd-900-force {
    width: 900px !important;
}

.wd-950 {
    width: 950px;
}

.wd-950-force {
    width: 950px !important;
}

.wd-1000 {
    width: 1000px;
}

.wd-1000-force {
    width: 1000px !important;
}
.wd-1200  {
    width: 1200px;
}

/* ############### 1.2 Height ############### */


/* ------------------------------------------ */

.ht-5 {
    height: 5px;
}

.ht-5p {
    height: 5%;
}

.mx-ht-5p {
    max-height: 5%;
}

.mn-ht-5p {
    min-height: 5%;
}

.ht-5-force {
    height: 5px !important;
}

.ht-5p-force {
    height: 5% !important;
}

.ht-10 {
    height: 10px;
}

.ht-10p {
    height: 10%;
}

.mx-ht-10p {
    max-height: 10%;
}

.mn-ht-10p {
    min-height: 10%;
}

.ht-10-force {
    height: 10px !important;
}

.ht-10p-force {
    height: 10% !important;
}

.ht-15 {
    height: 15px;
}

.ht-15p {
    height: 15%;
}

.mx-ht-15p {
    max-height: 15%;
}

.mn-ht-15p {
    min-height: 15%;
}
.mn-ht-15p-force{
	min-height: 15%!important;
}
.ht-15-force {
    height: 15px !important;
}

.ht-15p-force {
    height: 15% !important;
}

.ht-20 {
    height: 20px;
}

.ht-20p {
    height: 20%;
}

.mx-ht-20p {
    max-height: 20%;
}

.mn-ht-20p {
    min-height: 20%;
}

.ht-20-force {
    height: 20px !important;
}

.ht-20p-force {
    height: 20% !important;
}

.ht-25 {
    height: 25px;
}

.ht-25p {
    height: 25%;
}

.mx-ht-25p {
    max-height: 25%;
}

.mn-ht-25p {
    min-height: 25%;
}

.ht-25-force {
    height: 25px !important;
}

.ht-25p-force {
    height: 25% !important;
}

.ht-30 {
    height: 30px;
}

.ht-30p {
    height: 30%;
}

.mx-ht-30p {
    max-height: 30%;
}

.mn-ht-30p {
    min-height: 30%;
}

.ht-30-force {
    height: 30px !important;
}

.ht-30p-force {
    height: 30% !important;
}

.ht-35 {
    height: 35px;
}

.ht-35p {
    height: 35%;
}

.mx-ht-35p {
    max-height: 35%;
}

.mn-ht-35p {
    min-height: 35%;
}

.ht-35-force {
    height: 35px !important;
}

.ht-35p-force {
    height: 35% !important;
}

.ht-40 {
    height: 40px;
}

.ht-40p {
    height: 40%;
}

.mx-ht-40p {
    max-height: 40%;
}

.mn-ht-40p {
    min-height: 40%;
}

.ht-40-force {
    height: 40px !important;
}

.ht-40p-force {
    height: 40% !important;
}

.ht-45 {
    height: 45px;
}

.ht-45p {
    height: 45%;
}

.mx-ht-45p {
    max-height: 45%;
}

.mn-ht-45p {
    min-height: 45%;
}

.ht-45-force {
    height: 45px !important;
}

.ht-45p-force {
    height: 45% !important;
}

.ht-50 {
    height: 50px;
}

.ht-50p {
    height: 50%;
}

.mx-ht-50p {
    max-height: 50%;
}

.mn-ht-50p {
    min-height: 50%;
}

.ht-50-force {
    height: 50px !important;
}

.ht-50p-force {
    height: 50% !important;
}

.ht-55 {
    height: 55px;
}

.ht-55p {
    height: 55%;
}

.mx-ht-55p {
    max-height: 55%;
}

.mn-ht-55p {
    min-height: 55%;
}

.ht-55-force {
    height: 55px !important;
}

.ht-55p-force {
    height: 55% !important;
}

.ht-60 {
    height: 60px;
}

.ht-60p {
    height: 60%;
}

.mx-ht-60p {
    max-height: 60%;
}

.mn-ht-60p {
    min-height: 60%;
}

.ht-60-force {
    height: 60px !important;
}

.ht-60p-force {
    height: 60% !important;
}

.ht-65 {
    height: 65px;
}

.ht-65p {
    height: 65%;
}

.mx-ht-65p {
    max-height: 65%;
}

.mn-ht-65p {
    min-height: 65%;
}

.ht-65-force {
    height: 65px !important;
}

.ht-65p-force {
    height: 65% !important;
}

.ht-70 {
    height: 70px;
}

.ht-70p {
    height: 70%;
}

.mx-ht-70p {
    max-height: 70%;
}

.mn-ht-70p {
    min-height: 70%;
}

.ht-70-force {
    height: 70px !important;
}

.ht-70p-force {
    height: 70% !important;
}

.ht-75 {
    height: 75px;
}

.ht-75p {
    height: 75%;
}

.mx-ht-75p {
    max-height: 75%;
}

.mn-ht-75p {
    min-height: 75%;
}

.ht-75-force {
    height: 75px !important;
}

.ht-75p-force {
    height: 75% !important;
}

.ht-80 {
    height: 80px;
}

.ht-80p {
    height: 80%;
}

.mx-ht-80p {
    max-height: 80%;
}

.mn-ht-80p {
    min-height: 80%;
}

.ht-80-force {
    height: 80px !important;
}

.ht-80p-force {
    height: 80% !important;
}

.ht-85 {
    height: 85px;
}

.ht-85p {
    height: 85%;
}

.mx-ht-85p {
    max-height: 85%;
}

.mn-ht-85p {
    min-height: 85%;
}

.ht-85-force {
    height: 85px !important;
}

.ht-85p-force {
    height: 85% !important;
}

.ht-90 {
    height: 90px;
}

.ht-90p {
    height: 90%;
}

.mx-ht-90p {
    max-height: 90%;
}

.mn-ht-90p {
    min-height: 90%;
}

.ht-90-force {
    height: 90px !important;
}

.ht-90p-force {
    height: 90% !important;
}

.ht-95 {
    height: 95px;
}

.ht-95p {
    height: 95%;
}

.mx-ht-95p {
    max-height: 95%;
}

.mn-ht-95p {
    min-height: 95%;
}

.ht-95-force {
    height: 95px !important;
}

.ht-95p-force {
    height: 95% !important;
}

.ht-100 {
    height: 100px;
}

.ht-100p {
    height: 100%;
}

.mx-ht-100p {
    max-height: 100%;
}

.mn-ht-100p {
    min-height: 100%;
}

.ht-100-force {
    height: 100px !important;
}

.ht-100p-force {
    height: 100% !important;
}

.ht-150 {
    height: 150px;
}

.ht-200 {
    height: 200px;
}

.ht-250 {
    height: 250px;
}

.ht-300 {
    height: 300px;
}

.ht-350 {
    height: 350px;
}

.ht-400 {
    height: 400px;
}

.ht-450 {
    height: 450px;
}

.ht-500 {
    height: 500px;
}

.ht-550 {
    height: 550px;
}

.ht-600 {
    height: 600px;
}

.ht-650 {
    height: 650px;
}

.ht-700 {
    height: 700px;
}

.ht-750 {
    height: 750px;
}

.ht-800 {
    height: 800px;
}

.ht-100v {
    height: 100vh;
}

.ht-1 {
    height: 1px;
}

.ht-2 {
    height: 2px;
}

.ht-3 {
    height: 3px;
}

.ht-4 {
    height: 4px;
}

.ht-6 {
    height: 6px;
}

.ht-7 {
    height: 7px;
}

.ht-8 {
    height: 8px;
}

.ht-9 {
    height: 9px;
}

.ht-auto {
    height: auto;
}

.ht-16 {
    height: 16px;
}

.ht-32 {
    height: 32px;
}

.ht-36 {
    height: 36px;
}

.ht-48 {
    height: 48px;
}

.ht-64 {
    height: 64px;
}

.ht-72 {
    height: 72px;
}

.ht-115 {
    height: 115px;
}

.ht-120 {
    height: 120px;
}

.ht-160 {
    height: 160px;
}

/* ---------------------------------------------- */
/* ############### 1.20 font Typography ############### */
/* ---------------------------------------------- */
/*.tx-black {
  font-weight: 900;
}*/
.tx-tip{
    font-size: 13px;
    color:#888;
}
.tx-indent{
    text-indent:2em
}
.tx-bolder {
    font-weight: 900;
}

.tx-bold {
    font-weight: 700;
}

.tx-semibold {
    font-weight: 600;
}

.tx-medium {
    font-weight: 500;
}

.tx-normal {
    font-weight: 400;
}

.tx-light {
    font-weight: 300;
}

.tx-thin {
    font-weight: 200;
}

.tx-xthin {
    font-weight: 100;
}

.tx-poppins {
    font-family: "Poppins", "Helvetica Neue", Arial, sans-serif;
}

.tx-roboto {
    font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
}

.tx-hind {
    font-family: "Hind", "Helvetica Neue", Arial, sans-serif;
}

.tx-firasans {
    font-family: "Fira Sans", "Helvetica Neue", Arial, sans-serif;
}

.tx-source {
    font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
}

.tx-mont {
    font-family: "Montserrat", "Fira Sans", "Helvetica Neue", Arial, sans-serif;
}

.tx-lato {
    font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
}

.tx-sserif {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.tx-barcode {
    font-family: "Libre Barcode 39 Extended Text", cursive;
}

.tx-white {
    color: #fff;
}

.tx-black {
    color: #000;
}

.tx-blue{
    color: #428bca;
}

.tx-primary {
    color: #0866C6;
}

.tx-success {
    color: #23BF08;
}

.tx-warning {
    color: #F49917;
}

.tx-danger {
    color: #dc3545;
}

.tx-info {
    color: #17a2b8;
}

.tx-inverse {
    color: #343a40;
}

.tx-teal {
    color: #00b297;
}

.tx-dark {
    color: #343a40;
}

.tx-indigo {
    color: #6610f2;
}

.tx-purple {
    color: #6f42c1;
}

.tx-orange {
    color: #f27510;
}

.tx-pink {
    color: #e83e8c;
}

.tx-gray-100 {
    color: #f8f9fa;
}

.tx-gray-200 {
    color: #e9ecef;
}

.tx-gray-300 {
    color: #dee2e6;
}

.tx-gray-400 {
    color: #ced4da;
}

.tx-gray-500 {
    color: #adb5bd;
}

.tx-gray-600 {
    color: #868e96;
}

.tx-gray-700 {
    color: #495057;
}

.tx-gray-800 {
    color: #343a40;
}

.tx-gray-900 {
    color: #212529;
}

.tx-br-primary {
    color: #1D2939;
}
.tx-media-heading{
	color: #498ac7;
}
.tx-white-2 {
    color: rgba(255, 255, 255, 0.2);
}

.tx-white-3 {
    color: rgba(255, 255, 255, 0.3);
}

.tx-white-4 {
    color: rgba(255, 255, 255, 0.4);
}

.tx-white-5 {
    color: rgba(255, 255, 255, 0.5);
}

.tx-white-6 {
    color: rgba(255, 255, 255, 0.6);
}

.tx-white-7 {
    color: rgba(255, 255, 255, 0.7);
}

.tx-white-8 {
    color: rgba(255, 255, 255, 0.8);
}

.tx-spacing-1 {
    letter-spacing: 0.5px;
}

.tx-spacing-2 {
    letter-spacing: 1px;
}

.tx-spacing-3 {
    letter-spacing: 1.5px;
}

.tx-spacing-4 {
    letter-spacing: 2px;
}

.tx-spacing-5 {
    letter-spacing: 2.5px;
}

.tx-spacing-6 {
    letter-spacing: 3px;
}

.tx-spacing-7 {
    letter-spacign: 3.5px;
}

.tx-spacing-8 {
    letter-spacing: 4px;
}

.tx-spacing--1 {
    letter-spacing: -0.5px;
}

.tx-spacing--2 {
    letter-spacing: -1px;
}

.tx-spacing--3 {
    letter-spacing: -1.5px;
}

.tx-spacing--4 {
    letter-spacing: -2px;
}

.tx-spacing--5 {
    letter-spacing: -2.5px;
}

.tx-spacing--6 {
    letter-spacing: -3px;
}

.tx-spacing--7 {
    letter-spacing: -3.5px;
}

.tx-spacing--8 {
    letter-spacing: -4px;
}

.tx-uppercase {
    text-transform: uppercase;
}

.tx-lowercase {
    text-transform: lowercase;
}

.tx-transform-none {
    text-transform: none;
}

.tx-center {
    text-align: center;
}

.tx-right {
    text-align: right;
}

.tx-left {
    text-align: left;
}
.tx-justify{
	text-align:justify;
}
.tx-center-force {
    text-align: center !important;
}

.tx-right-force {
    text-align: right !important;
}

.tx-left-force {
    text-align: left !important;
}
.tx-justify-force{
	text-align:justify !important;
}
.tx-italic {
    font-style: italic;
}

.tx-style-normal {
    font-style: normal;
}

.lh-base {
    line-height: 1.5;
}

.lh-normal {
    line-height: normal;
}

.lh-0 {
    line-height: 0;
}

.lh-1 {
    line-height: 1.1;
}

.lh-2 {
    line-height: 1.2;
}

.lh-3 {
    line-height: 1.3;
}

.lh-4 {
    line-height: 1.4;
}

.lh-5 {
    line-height: 1.5;
}

.lh-6 {
    line-height: 1.6;
}

.lh-7 {
    line-height: 1.7;
}

.lh-8 {
    line-height: 1.8;
}

.lh-9 {
    line-height: 1.9;
}

.lh-10 {
    line-height: 2.0;
}

.lh-11 {
    line-height: 2.1;
}

.lh-12 {
    line-height: 2.2;
}

.lh-13 {
    line-height: 2.3;
}

.lh-14 {
    line-height: 2.4;
}

.lh-15 {
    line-height: 2.5;
}
.lh-25px{
	line-height: 25px;
}
.lh-30px {
    line-height: 30px;
}
.lh-33px{
	line-height: 33px;
}
.lh-40px{
	line-height: 40px;
}
.ht-40{
    line-height: 40px;
}
.ht-58px{
	line-height: 58px;
	height: 58px;
}
.valign-top {
    vertical-align: top;
}

.valign-middle {
    vertical-align: middle;
}

.valign-bottom {
    vertical-align: baseline;
}

.valign-top-force {
    vertical-align: top !important;
}

.valign-middle-force {
    vertical-align: middle !important;
}

.valign-bottom-force {
    vertical-align: baseline !important;
}

.tx-8 {
    font-size: 8px;
}

.tx-8-force {
    font-size: 8px !important;
}

.tx-9 {
    font-size: 9px;
}

.tx-9-force {
    font-size: 9px !important;
}

.tx-10 {
    font-size: 10px;
}

.tx-10-force {
    font-size: 10px !important;
}

.tx-11 {
    font-size: 11px;
}

.tx-11-force {
    font-size: 11px !important;
}

.tx-12 {
    font-size: 12px;
}

.tx-12-force {
    font-size: 12px !important;
}

.tx-13 {
    font-size: 13px;
}

.tx-13-force {
    font-size: 13px !important;
}

.tx-14 {
    font-size: 14px;
}

.tx-14-force {
    font-size: 14px !important;
}

.tx-15 {
    font-size: 15px;
}

.tx-15-force {
    font-size: 15px !important;
}

.tx-16 {
    font-size: 16px;
}

.tx-16-force {
    font-size: 16px !important;
}

.tx-18 {
    font-size: 18px;
}

.tx-18-force {
    font-size: 18px !important;
}

.tx-20 {
    font-size: 20px;
}

.tx-20-force {
    font-size: 20px !important;
}

.tx-22 {
    font-size: 22px;
}

.tx-22-force {
    font-size: 22px !important;
}

.tx-24 {
    font-size: 24px;
}

.tx-24-force {
    font-size: 24px !important;
}

.tx-26 {
    font-size: 26px;
}

.tx-26-force {
    font-size: 26px !important;
}

.tx-28 {
    font-size: 28px;
}

.tx-28-force {
    font-size: 28px !important;
}

.tx-30 {
    font-size: 30px;
}

.tx-30-force {
    font-size: 30px !important;
}

.tx-32 {
    font-size: 32px;
}

.tx-32-force {
    font-size: 32px !important;
}

.tx-34 {
    font-size: 34px;
}

.tx-34-force {
    font-size: 34px !important;
}

.tx-36 {
    font-size: 36px;
}

.tx-36-force {
    font-size: 36px !important;
}

.tx-38 {
    font-size: 38px;
}

.tx-38-force {
    font-size: 38px !important;
}

.tx-40 {
    font-size: 40px;
}

.tx-40-force {
    font-size: 40px !important;
}

.tx-42 {
    font-size: 42px;
}

.tx-42-force {
    font-size: 42px !important;
}

.tx-44 {
    font-size: 44px;
}

.tx-44-force {
    font-size: 44px !important;
}

.tx-46 {
    font-size: 46px;
}

.tx-46-force {
    font-size: 46px !important;
}

.tx-48 {
    font-size: 48px;
}

.tx-48-force {
    font-size: 48px !important;
}

.tx-50 {
    font-size: 50px;
}

.tx-50-force {
    font-size: 50px !important;
}

.tx-52 {
    font-size: 52px;
}

.tx-52-force {
    font-size: 52px !important;
}

.tx-54 {
    font-size: 54px;
}

.tx-54-force {
    font-size: 54px !important;
}

.tx-56 {
    font-size: 56px;
}

.tx-56-force {
    font-size: 56px !important;
}

.tx-58 {
    font-size: 58px;
}

.tx-58-force {
    font-size: 58px !important;
}

.tx-60 {
    font-size: 60px;
}

.tx-60-force {
    font-size: 60px !important;
}

.tx-62 {
    font-size: 62px;
}

.tx-62-force {
    font-size: 62px !important;
}

.tx-64 {
    font-size: 64px;
}

.tx-64-force {
    font-size: 64px !important;
}

.tx-66 {
    font-size: 66px;
}

.tx-66-force {
    font-size: 66px !important;
}

.tx-68 {
    font-size: 68px;
}

.tx-68-force {
    font-size: 68px !important;
}

.tx-70 {
    font-size: 70px;
}

.tx-70-force {
    font-size: 70px !important;
}

.tx-72 {
    font-size: 72px;
}

.tx-72-force {
    font-size: 72px !important;
}

.tx-74 {
    font-size: 74px;
}

.tx-74-force {
    font-size: 74px !important;
}

.tx-76 {
    font-size: 76px;
}

.tx-76-force {
    font-size: 76px !important;
}

.tx-78 {
    font-size: 78px;
}

.tx-78-force {
    font-size: 78px !important;
}

.tx-80 {
    font-size: 80px;
}

.tx-80-force {
    font-size: 80px !important;
}

.tx-82 {
    font-size: 82px;
}

.tx-82-force {
    font-size: 82px !important;
}

.tx-84 {
    font-size: 84px;
}

.tx-84-force {
    font-size: 84px !important;
}

.tx-86 {
    font-size: 86px;
}

.tx-86-force {
    font-size: 86px !important;
}

.tx-88 {
    font-size: 88px;
}

.tx-88-force {
    font-size: 88px !important;
}

.tx-90 {
    font-size: 90px;
}

.tx-90-force {
    font-size: 90px !important;
}

.tx-92 {
    font-size: 92px;
}

.tx-92-force {
    font-size: 92px !important;
}

.tx-94 {
    font-size: 94px;
}

.tx-94-force {
    font-size: 94px !important;
}

.tx-96 {
    font-size: 96px;
}

.tx-96-force {
    font-size: 96px !important;
}

.tx-98 {
    font-size: 98px;
}

.tx-98-force {
    font-size: 98px !important;
}

.tx-100 {
    font-size: 100px;
}

.tx-100-force {
    font-size: 100px !important;
}

.tx-102 {
    font-size: 102px;
}

.tx-102-force {
    font-size: 102px !important;
}

.tx-104 {
    font-size: 104px;
}

.tx-104-force {
    font-size: 104px !important;
}

.tx-106 {
    font-size: 106px;
}

.tx-106-force {
    font-size: 106px !important;
}

.tx-108 {
    font-size: 108px;
}

.tx-108-force {
    font-size: 108px !important;
}

.tx-110 {
    font-size: 110px;
}

.tx-110-force {
    font-size: 110px !important;
}

.tx-112 {
    font-size: 112px;
}

.tx-112-force {
    font-size: 112px !important;
}

.tx-114 {
    font-size: 114px;
}

.tx-114-force {
    font-size: 114px !important;
}

.tx-116 {
    font-size: 116px;
}

.tx-116-force {
    font-size: 116px !important;
}

.tx-118 {
    font-size: 118px;
}

.tx-118-force {
    font-size: 118px !important;
}

.tx-120 {
    font-size: 120px;
}

.tx-120-force {
    font-size: 120px !important;
}

.tx-122 {
    font-size: 122px;
}

.tx-122-force {
    font-size: 122px !important;
}

.tx-124 {
    font-size: 124px;
}

.tx-124-force {
    font-size: 124px !important;
}

.tx-126 {
    font-size: 126px;
}

.tx-126-force {
    font-size: 126px !important;
}

.tx-128 {
    font-size: 128px;
}

.tx-128-force {
    font-size: 128px !important;
}

.tx-130 {
    font-size: 130px;
}

.tx-130-force {
    font-size: 130px !important;
}

.tx-132 {
    font-size: 132px;
}

.tx-132-force {
    font-size: 132px !important;
}

.tx-134 {
    font-size: 134px;
}

.tx-134-force {
    font-size: 134px !important;
}

.tx-136 {
    font-size: 136px;
}

.tx-136-force {
    font-size: 136px !important;
}

.tx-138 {
    font-size: 138px;
}

.tx-138-force {
    font-size: 138px !important;
}

.tx-140 {
    font-size: 140px;
}

.tx-140-force {
    font-size: 140px !important;
}




/* ############### 1.40 Margin ############### */


/* ------------------------------------------ */

.mg-0 {
    margin: 0px;
}

.mg-0-force {
    margin: 0px !important;
}

.mg-y-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.mg-y-0-force {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mg-x-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.mg-x-0-force {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mg-t-0 {
    margin-top: 0px;
}

.mg-r-0 {
    margin-right: 0px;
}

.mg-b-0 {
    margin-bottom: 0px;
}

.mg-l-0 {
    margin-left: 0px;
}

.mg-t-0-force {
    margin-top: 0px !important;
}

.mg-r-0-force {
    margin-right: 0px !important;
}

.mg-b-0-force {
    margin-bottom: 0px !important;
}

.mg-l-0-force {
    margin-left: 0px !important;
}

.mg-1 {
    margin: 1px;
}

.mg-1-force {
    margin: 1px !important;
}

.mg-y-1 {
    margin-top: 1px;
    margin-bottom: 1px;
}

.mg-y-1-force {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.mg-x-1 {
    margin-left: 1px;
    margin-right: 1px;
}

.mg-x-1-force {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

.mg-t-1 {
    margin-top: 1px;
}

.mg-r-1 {
    margin-right: 1px;
}

.mg-b-1 {
    margin-bottom: 1px;
}

.mg-l-1 {
    margin-left: 1px;
}

.mg-t-1-force {
    margin-top: 1px !important;
}

.mg-r-1-force {
    margin-right: 1px !important;
}

.mg-b-1-force {
    margin-bottom: 1px !important;
}

.mg-l-1-force {
    margin-left: 1px !important;
}

.mg-2 {
    margin: 2px;
}

.mg-2-force {
    margin: 2px !important;
}

.mg-y-2 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.mg-y-2-force {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.mg-x-2 {
    margin-left: 2px;
    margin-right: 2px;
}

.mg-x-2-force {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.mg-t-2 {
    margin-top: 2px;
}

.mg-r-2 {
    margin-right: 2px;
}

.mg-b-2 {
    margin-bottom: 2px;
}

.mg-l-2 {
    margin-left: 2px;
}

.mg-t-2-force {
    margin-top: 2px !important;
}

.mg-r-2-force {
    margin-right: 2px !important;
}

.mg-b-2-force {
    margin-bottom: 2px !important;
}

.mg-l-2-force {
    margin-left: 2px !important;
}

.mg-3 {
    margin: 3px;
}

.mg-3-force {
    margin: 3px !important;
}

.mg-y-3 {
    margin-top: 3px;
    margin-bottom: 3px;
}

.mg-y-3-force {
    margin-top: 3px !important;
    margin-bottom: 3px !important;
}

.mg-x-3 {
    margin-left: 3px;
    margin-right: 3px;
}

.mg-x-3-force {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.mg-t-3 {
    margin-top: 3px;
}

.mg-r-3 {
    margin-right: 3px;
}

.mg-b-3 {
    margin-bottom: 3px;
}

.mg-l-3 {
    margin-left: 3px;
}

.mg-t-3-force {
    margin-top: 3px !important;
}

.mg-r-3-force {
    margin-right: 3px !important;
}

.mg-b-3-force {
    margin-bottom: 3px !important;
}

.mg-l-3-force {
    margin-left: 3px !important;
}

.mg-4 {
    margin: 4px;
}
.mg-t--4{
	margin: -4px;
}
.mg-4-force {
    margin: 4px !important;
}

.mg-y-4 {
    margin-top: 4px;
    margin-bottom: 4px;
}

.mg-y-4-force {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.mg-x-4 {
    margin-left: 4px;
    margin-right: 4px;
}

.mg-x-4-force {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.mg-t-4 {
    margin-top: 4px;
}

.mg-r-4 {
    margin-right: 4px;
}

.mg-b-4 {
    margin-bottom: 4px;
}

.mg-l-4 {
    margin-left: 4px;
}

.mg-t-4-force {
    margin-top: 4px !important;
}

.mg-r-4-force {
    margin-right: 4px !important;
}

.mg-b-4-force {
    margin-bottom: 4px !important;
}

.mg-l-4-force {
    margin-left: 4px !important;
}

.mg-5 {
    margin: 5px;
}

.mg-5-force {
    margin: 5px !important;
}

.mg-y-5 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.mg-y-5-force {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.mg-x-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.mg-x-5-force {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.mg-t-5 {
    margin-top: 5px;
}

.mg-r-5 {
    margin-right: 5px;
}

.mg-b-5 {
    margin-bottom: 5px;
}

.mg-l-5 {
    margin-left: 5px;
}

.mg-t-5-force {
    margin-top: 5px !important;
}

.mg-r-5-force {
    margin-right: 5px !important;
}

.mg-b-5-force {
    margin-bottom: 5px !important;
}

.mg-l-5-force {
    margin-left: 5px !important;
}

.mg-6 {
    margin: 6px;
}

.mg-6-force {
    margin: 6px !important;
}

.mg-y-6 {
    margin-top: 6px;
    margin-bottom: 6px;
}

.mg-y-6-force {
    margin-top: 6px !important;
    margin-bottom: 6px !important;
}

.mg-x-6 {
    margin-left: 6px;
    margin-right: 6px;
}

.mg-x-6-force {
    margin-left: 6px !important;
    margin-right: 6px !important;
}

.mg-t-6 {
    margin-top: 6px;
}

.mg-r-6 {
    margin-right: 6px;
}

.mg-b-6 {
    margin-bottom: 6px;
}

.mg-l-6 {
    margin-left: 6px;
}

.mg-t-6-force {
    margin-top: 6px !important;
}

.mg-r-6-force {
    margin-right: 6px !important;
}

.mg-b-6-force {
    margin-bottom: 6px !important;
}

.mg-l-6-force {
    margin-left: 6px !important;
}

.mg-7 {
    margin: 7px;
}

.mg-7-force {
    margin: 7px !important;
}

.mg-y-7 {
    margin-top: 7px;
    margin-bottom: 7px;
}

.mg-y-7-force {
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}

.mg-x-7 {
    margin-left: 7px;
    margin-right: 7px;
}

.mg-x-7-force {
    margin-left: 7px !important;
    margin-right: 7px !important;
}

.mg-t-7 {
    margin-top: 7px;
}

.mg-r-7 {
    margin-right: 7px;
}

.mg-b-7 {
    margin-bottom: 7px;
}

.mg-l-7 {
    margin-left: 7px;
}

.mg-t-7-force {
    margin-top: 7px !important;
}

.mg-r-7-force {
    margin-right: 7px !important;
}

.mg-b-7-force {
    margin-bottom: 7px !important;
}

.mg-l-7-force {
    margin-left: 7px !important;
}

.mg-8 {
    margin: 8px;
}

.mg-8-force {
    margin: 8px !important;
}

.mg-y-8 {
    margin-top: 8px;
    margin-bottom: 8px;
}

.mg-y-8-force {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.mg-x-8 {
    margin-left: 8px;
    margin-right: 8px;
}

.mg-x-8-force {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mg-t-8 {
    margin-top: 8px;
}

.mg-r-8 {
    margin-right: 8px;
}

.mg-b-8 {
    margin-bottom: 8px;
}

.mg-l-8 {
    margin-left: 8px;
}

.mg-t-8-force {
    margin-top: 8px !important;
}

.mg-r-8-force {
    margin-right: 8px !important;
}

.mg-b-8-force {
    margin-bottom: 8px !important;
}

.mg-l-8-force {
    margin-left: 8px !important;
}

.mg-9 {
    margin: 9px;
}

.mg-9-force {
    margin: 9px !important;
}

.mg-y-9 {
    margin-top: 9px;
    margin-bottom: 9px;
}

.mg-y-9-force {
    margin-top: 9px !important;
    margin-bottom: 9px !important;
}

.mg-x-9 {
    margin-left: 9px;
    margin-right: 9px;
}

.mg-x-9-force {
    margin-left: 9px !important;
    margin-right: 9px !important;
}

.mg-t-9 {
    margin-top: 9px;
}

.mg-r-9 {
    margin-right: 9px;
}

.mg-b-9 {
    margin-bottom: 9px;
}

.mg-l-9 {
    margin-left: 9px;
}

.mg-t-9-force {
    margin-top: 9px !important;
}

.mg-r-9-force {
    margin-right: 9px !important;
}

.mg-b-9-force {
    margin-bottom: 9px !important;
}

.mg-l-9-force {
    margin-left: 9px !important;
}

.mg-10 {
    margin: 10px;
}

.mg-10-force {
    margin: 10px !important;
}

.mg-y-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mg-y-10-force {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mg-x-10 {
    margin-left: 10px;
    margin-right: 10px;
}

.mg-x-10-force {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mg-t-10 {
    margin-top: 10px;
}
.mg-t--10 {
    margin-top: -10px;
}
.mg-r-10 {
    margin-right: 10px;
}

.mg-b-10 {
    margin-bottom: 10px;
}

.mg-l-10 {
    margin-left: 10px;
}

.mg-t-10-force {
    margin-top: 10px !important;
}

.mg-r-10-force {
    margin-right: 10px !important;
}

.mg-b-10-force {
    margin-bottom: 10px !important;
}

.mg-l-10-force {
    margin-left: 10px !important;
}

.mg-15 {
    margin: 15px;
}

.mg-15-force {
    margin: 15px !important;
}

.mg-y-15 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.mg-y-15-force {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.mg-x-15 {
    margin-left: 15px;
    margin-right: 15px;
}

.mg-x-15-force {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.mg-t-15 {
    margin-top: 15px;
}

.mg-r-15 {
    margin-right: 15px;
}

.mg-b-15 {
    margin-bottom: 15px;
}

.mg-l-15 {
    margin-left: 15px;
}

.mg-t-15-force {
    margin-top: 15px !important;
}

.mg-r-15-force {
    margin-right: 15px !important;
}

.mg-b-15-force {
    margin-bottom: 15px !important;
}

.mg-l-15-force {
    margin-left: 15px !important;
}

.mg-20 {
    margin: 20px;
}

.mg-20-force {
    margin: 20px !important;
}

.mg-y-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mg-y-20-force {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mg-x-20 {
    margin-left: 20px;
    margin-right: 20px;
}

.mg-x-20-force {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mg-t-20 {
    margin-top: 20px;
}

.mg-r-20 {
    margin-right: 20px;
}

.mg-b-20 {
    margin-bottom: 20px;
}

.mg-l-20 {
    margin-left: 20px;
}

.mg-t-20-force {
    margin-top: 20px !important;
}

.mg-r-20-force {
    margin-right: 20px !important;
}

.mg-b-20-force {
    margin-bottom: 20px !important;
}

.mg-l-20-force {
    margin-left: 20px !important;
}

.mg-25 {
    margin: 25px;
}

.mg-25-force {
    margin: 25px !important;
}

.mg-y-25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mg-y-25-force {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.mg-x-25 {
    margin-left: 25px;
    margin-right: 25px;
}

.mg-x-25-force {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.mg-t-25 {
    margin-top: 25px;
}

.mg-r-25 {
    margin-right: 25px;
}

.mg-b-25 {
    margin-bottom: 25px;
}

.mg-l-25 {
    margin-left: 25px;
}

.mg-t-25-force {
    margin-top: 25px !important;
}

.mg-r-25-force {
    margin-right: 25px !important;
}

.mg-b-25-force {
    margin-bottom: 25px !important;
}

.mg-l-25-force {
    margin-left: 25px !important;
}

.mg-30 {
    margin: 30px;
}

.mg-30-force {
    margin: 30px !important;
}

.mg-y-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.mg-y-30-force {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.mg-x-30 {
    margin-left: 30px;
    margin-right: 30px;
}

.mg-x-30-force {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.mg-t-30 {
    margin-top: 30px;
}

.mg-r-30 {
    margin-right: 30px;
}

.mg-b-30 {
    margin-bottom: 30px;
}

.mg-l-30 {
    margin-left: 30px;
}

.mg-t-30-force {
    margin-top: 30px !important;
}

.mg-r-30-force {
    margin-right: 30px !important;
}

.mg-b-30-force {
    margin-bottom: 30px !important;
}

.mg-l-30-force {
    margin-left: 30px !important;
}

.mg-35 {
    margin: 35px;
}

.mg-35-force {
    margin: 35px !important;
}

.mg-y-35 {
    margin-top: 35px;
    margin-bottom: 35px;
}

.mg-y-35-force {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.mg-x-35 {
    margin-left: 35px;
    margin-right: 35px;
}

.mg-x-35-force {
    margin-left: 35px !important;
    margin-right: 35px !important;
}

.mg-t-35 {
    margin-top: 35px;
}

.mg-r-35 {
    margin-right: 35px;
}

.mg-b-35 {
    margin-bottom: 35px;
}

.mg-l-35 {
    margin-left: 35px;
}

.mg-t-35-force {
    margin-top: 35px !important;
}

.mg-r-35-force {
    margin-right: 35px !important;
}

.mg-b-35-force {
    margin-bottom: 35px !important;
}

.mg-l-35-force {
    margin-left: 35px !important;
}

.mg-40 {
    margin: 40px;
}

.mg-40-force {
    margin: 40px !important;
}

.mg-y-40 {
    margin-top: 40px;
    margin-bottom: 40px;
}

.mg-y-40-force {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mg-x-40 {
    margin-left: 40px;
    margin-right: 40px;
}

.mg-x-40-force {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mg-t-40 {
    margin-top: 40px;
}

.mg-r-40 {
    margin-right: 40px;
}

.mg-b-40 {
    margin-bottom: 40px;
}

.mg-l-40 {
    margin-left: 40px;
}

.mg-t-40-force {
    margin-top: 40px !important;
}

.mg-r-40-force {
    margin-right: 40px !important;
}

.mg-b-40-force {
    margin-bottom: 40px !important;
}

.mg-l-40-force {
    margin-left: 40px !important;
}

.mg-45 {
    margin: 45px;
}

.mg-45-force {
    margin: 45px !important;
}

.mg-y-45 {
    margin-top: 45px;
    margin-bottom: 45px;
}

.mg-y-45-force {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.mg-x-45 {
    margin-left: 45px;
    margin-right: 45px;
}

.mg-x-45-force {
    margin-left: 45px !important;
    margin-right: 45px !important;
}

.mg-t-45 {
    margin-top: 45px;
}

.mg-r-45 {
    margin-right: 45px;
}

.mg-b-45 {
    margin-bottom: 45px;
}

.mg-l-45 {
    margin-left: 45px;
}

.mg-t-45-force {
    margin-top: 45px !important;
}

.mg-r-45-force {
    margin-right: 45px !important;
}

.mg-b-45-force {
    margin-bottom: 45px !important;
}

.mg-l-45-force {
    margin-left: 45px !important;
}

.mg-50 {
    margin: 50px;
}

.mg-50-force {
    margin: 50px !important;
}

.mg-y-50 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.mg-y-50-force {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.mg-x-50 {
    margin-left: 50px;
    margin-right: 50px;
}

.mg-x-50-force {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.mg-t-50 {
    margin-top: 50px;
}

.mg-r-50 {
    margin-right: 50px;
}

.mg-b-50 {
    margin-bottom: 50px;
}

.mg-l-50 {
    margin-left: 50px;
}

.mg-t-50-force {
    margin-top: 50px !important;
}

.mg-r-50-force {
    margin-right: 50px !important;
}

.mg-b-50-force {
    margin-bottom: 50px !important;
}

.mg-l-50-force {
    margin-left: 50px !important;
}

.mg-55 {
    margin: 55px;
}

.mg-55-force {
    margin: 55px !important;
}

.mg-y-55 {
    margin-top: 55px;
    margin-bottom: 55px;
}

.mg-y-55-force {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.mg-x-55 {
    margin-left: 55px;
    margin-right: 55px;
}

.mg-x-55-force {
    margin-left: 55px !important;
    margin-right: 55px !important;
}

.mg-t-55 {
    margin-top: 55px;
}

.mg-r-55 {
    margin-right: 55px;
}

.mg-b-55 {
    margin-bottom: 55px;
}

.mg-l-55 {
    margin-left: 55px;
}

.mg-t-55-force {
    margin-top: 55px !important;
}

.mg-r-55-force {
    margin-right: 55px !important;
}

.mg-b-55-force {
    margin-bottom: 55px !important;
}

.mg-l-55-force {
    margin-left: 55px !important;
}

.mg-60 {
    margin: 60px;
}

.mg-60-force {
    margin: 60px !important;
}

.mg-y-60 {
    margin-top: 60px;
    margin-bottom: 60px;
}

.mg-y-60-force {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mg-x-60 {
    margin-left: 60px;
    margin-right: 60px;
}

.mg-x-60-force {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.mg-t-60 {
    margin-top: 60px;
}

.mg-r-60 {
    margin-right: 60px;
}

.mg-b-60 {
    margin-bottom: 60px;
}

.mg-l-60 {
    margin-left: 60px;
}

.mg-t-60-force {
    margin-top: 60px !important;
}

.mg-r-60-force {
    margin-right: 60px !important;
}

.mg-b-60-force {
    margin-bottom: 60px !important;
}

.mg-l-60-force {
    margin-left: 60px !important;
}



/* ------------------------------------------- */


/* ############### 1.50 Padding ############### */


/* ------------------------------------------- */

.pd-0 {
    padding: 0px;
}

.pd-0-force {
    padding: 0px !important;
}

.pd-y-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.pd-y-0-force {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pd-x-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.pd-x-0-force {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pd-t-0 {
    padding-top: 0px;
}

.pd-r-0 {
    padding-right: 0px;
}

.pd-b-0 {
    padding-bottom: 0px;
}

.pd-l-0 {
    padding-left: 0px;
}

.pd-t-0-force {
    padding-top: 0px !important;
}

.pd-r-0-force {
    padding-right: 0px !important;
}

.pd-b-0-force {
    padding-bottom: 0px !important;
}

.pd-l-0-force {
    padding-left: 0px !important;
}

.pd-1 {
    padding: 1px;
}

.pd-1-force {
    padding: 1px !important;
}

.pd-y-1 {
    padding-top: 1px;
    padding-bottom: 1px;
}

.pd-y-1-force {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

.pd-x-1 {
    padding-left: 1px;
    padding-right: 1px;
}

.pd-x-1-force {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

.pd-t-1 {
    padding-top: 1px;
}

.pd-r-1 {
    padding-right: 1px;
}

.pd-b-1 {
    padding-bottom: 1px;
}

.pd-l-1 {
    padding-left: 1px;
}

.pd-t-1-force {
    padding-top: 1px !important;
}

.pd-r-1-force {
    padding-right: 1px !important;
}

.pd-b-1-force {
    padding-bottom: 1px !important;
}

.pd-l-1-force {
    padding-left: 1px !important;
}

.pd-2 {
    padding: 2px;
}

.pd-2-force {
    padding: 2px !important;
}

.pd-y-2 {
    padding-top: 2px;
    padding-bottom: 2px;
}

.pd-y-2-force {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.pd-x-2 {
    padding-left: 2px;
    padding-right: 2px;
}

.pd-x-2-force {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.pd-t-2 {
    padding-top: 2px;
}

.pd-r-2 {
    padding-right: 2px;
}

.pd-b-2 {
    padding-bottom: 2px;
}

.pd-l-2 {
    padding-left: 2px;
}

.pd-t-2-force {
    padding-top: 2px !important;
}

.pd-r-2-force {
    padding-right: 2px !important;
}

.pd-b-2-force {
    padding-bottom: 2px !important;
}

.pd-l-2-force {
    padding-left: 2px !important;
}

.pd-3 {
    padding: 3px;
}

.pd-3-force {
    padding: 3px !important;
}

.pd-y-3 {
    padding-top: 3px;
    padding-bottom: 3px;
}

.pd-y-3-force {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

.pd-x-3 {
    padding-left: 3px;
    padding-right: 3px;
}

.pd-x-3-force {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.pd-t-3 {
    padding-top: 3px;
}

.pd-r-3 {
    padding-right: 3px;
}

.pd-b-3 {
    padding-bottom: 3px;
}

.pd-l-3 {
    padding-left: 3px;
}

.pd-t-3-force {
    padding-top: 3px !important;
}

.pd-r-3-force {
    padding-right: 3px !important;
}

.pd-b-3-force {
    padding-bottom: 3px !important;
}

.pd-l-3-force {
    padding-left: 3px !important;
}

.pd-4 {
    padding: 4px;
}

.pd-4-force {
    padding: 4px !important;
}

.pd-y-4 {
    padding-top: 4px;
    padding-bottom: 4px;
}

.pd-y-4-force {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.pd-x-4 {
    padding-left: 4px;
    padding-right: 4px;
}

.pd-x-4-force {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.pd-t-4 {
    padding-top: 4px;
}

.pd-r-4 {
    padding-right: 4px;
}

.pd-b-4 {
    padding-bottom: 4px;
}

.pd-l-4 {
    padding-left: 4px;
}

.pd-t-4-force {
    padding-top: 4px !important;
}

.pd-r-4-force {
    padding-right: 4px !important;
}

.pd-b-4-force {
    padding-bottom: 4px !important;
}

.pd-l-4-force {
    padding-left: 4px !important;
}

.pd-5 {
    padding: 5px;
}

.pd-5-force {
    padding: 5px !important;
}

.pd-y-5 {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pd-y-5-force {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.pd-x-5 {
    padding-left: 5px;
    padding-right: 5px;
}

.pd-x-5-force {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.pd-t-5 {
    padding-top: 5px;
}

.pd-r-5 {
    padding-right: 5px;
}

.pd-b-5 {
    padding-bottom: 5px;
}

.pd-l-5 {
    padding-left: 5px;
}

.pd-t-5-force {
    padding-top: 5px !important;
}

.pd-r-5-force {
    padding-right: 5px !important;
}

.pd-b-5-force {
    padding-bottom: 5px !important;
}

.pd-l-5-force {
    padding-left: 5px !important;
}

.pd-6 {
    padding: 6px;
}

.pd-6-force {
    padding: 6px !important;
}

.pd-y-6 {
    padding-top: 6px;
    padding-bottom: 6px;
}

.pd-y-6-force {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.pd-x-6 {
    padding-left: 6px;
    padding-right: 6px;
}

.pd-x-6-force {
    padding-left: 6px !important;
    padding-right: 6px !important;
}

.pd-t-6 {
    padding-top: 6px;
}

.pd-r-6 {
    padding-right: 6px;
}

.pd-b-6 {
    padding-bottom: 6px;
}

.pd-l-6 {
    padding-left: 6px;
}

.pd-t-6-force {
    padding-top: 6px !important;
}

.pd-r-6-force {
    padding-right: 6px !important;
}

.pd-b-6-force {
    padding-bottom: 6px !important;
}

.pd-l-6-force {
    padding-left: 6px !important;
}

.pd-7 {
    padding: 7px;
}

.pd-7-force {
    padding: 7px !important;
}

.pd-y-7 {
    padding-top: 7px;
    padding-bottom: 7px;
}

.pd-y-7-force {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.pd-x-7 {
    padding-left: 7px;
    padding-right: 7px;
}

.pd-x-7-force {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.pd-t-7 {
    padding-top: 7px;
}

.pd-r-7 {
    padding-right: 7px;
}

.pd-b-7 {
    padding-bottom: 7px;
}

.pd-l-7 {
    padding-left: 7px;
}

.pd-t-7-force {
    padding-top: 7px !important;
}

.pd-r-7-force {
    padding-right: 7px !important;
}

.pd-b-7-force {
    padding-bottom: 7px !important;
}

.pd-l-7-force {
    padding-left: 7px !important;
}

.pd-8 {
    padding: 8px;
}

.pd-8-force {
    padding: 8px !important;
}

.pd-y-8 {
    padding-top: 8px;
    padding-bottom: 8px;
}

.pd-y-8-force {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.pd-x-8 {
    padding-left: 8px;
    padding-right: 8px;
}

.pd-x-8-force {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.pd-t-8 {
    padding-top: 8px;
}

.pd-r-8 {
    padding-right: 8px;
}

.pd-b-8 {
    padding-bottom: 8px;
}

.pd-l-8 {
    padding-left: 8px;
}

.pd-t-8-force {
    padding-top: 8px !important;
}

.pd-r-8-force {
    padding-right: 8px !important;
}

.pd-b-8-force {
    padding-bottom: 8px !important;
}

.pd-l-8-force {
    padding-left: 8px !important;
}

.pd-9 {
    padding: 9px;
}

.pd-9-force {
    padding: 9px !important;
}

.pd-y-9 {
    padding-top: 9px;
    padding-bottom: 9px;
}

.pd-y-9-force {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

.pd-x-9 {
    padding-left: 9px;
    padding-right: 9px;
}

.pd-x-9-force {
    padding-left: 9px !important;
    padding-right: 9px !important;
}

.pd-t-9 {
    padding-top: 9px;
}

.pd-r-9 {
    padding-right: 9px;
}

.pd-b-9 {
    padding-bottom: 9px;
}

.pd-l-9 {
    padding-left: 9px;
}

.pd-t-9-force {
    padding-top: 9px !important;
}

.pd-r-9-force {
    padding-right: 9px !important;
}

.pd-b-9-force {
    padding-bottom: 9px !important;
}

.pd-l-9-force {
    padding-left: 9px !important;
}

.pd-10 {
    padding: 10px;
}

.pd-10-force {
    padding: 10px !important;
}

.pd-y-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pd-y-10-force {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.pd-x-10 {
    padding-left: 10px;
    padding-right: 10px;
}

.pd-x-10-force {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.pd-t-10 {
    padding-top: 10px;
}

.pd-r-10 {
    padding-right: 10px;
}

.pd-b-10 {
    padding-bottom: 10px;
}

.pd-l-10 {
    padding-left: 10px;
}

.pd-t-10-force {
    padding-top: 10px !important;
}

.pd-r-10-force {
    padding-right: 10px !important;
}

.pd-b-10-force {
    padding-bottom: 10px !important;
}

.pd-l-10-force {
    padding-left: 10px !important;
}
.pd-t-14-force{
	padding-top: 14px !important;
}
.pd-15 {
    padding: 15px;
}

.pd-15-force {
    padding: 15px !important;
}

.pd-y-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.pd-y-15-force {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.pd-x-15 {
    padding-left: 15px;
    padding-right: 15px;
}

.pd-x-15-force {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pd-t-15 {
    padding-top: 15px;
}

.pd-r-15 {
    padding-right: 15px;
}

.pd-b-15 {
    padding-bottom: 15px;
}

.pd-l-15 {
    padding-left: 15px;
}

.pd-t-15-force {
    padding-top: 15px !important;
}

.pd-r-15-force {
    padding-right: 15px !important;
}

.pd-b-15-force {
    padding-bottom: 15px !important;
}

.pd-l-15-force {
    padding-left: 15px !important;
}

.pd-20 {
    padding: 20px;
}

.pd-20-force {
    padding: 20px !important;
}

.pd-y-20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.pd-y-20-force {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pd-x-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.pd-x-20-force {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.pd-t-20 {
    padding-top: 20px;
}

.pd-r-20 {
    padding-right: 20px;
}

.pd-b-20 {
    padding-bottom: 20px;
}

.pd-l-20 {
    padding-left: 20px;
}

.pd-t-20-force {
    padding-top: 20px !important;
}

.pd-r-20-force {
    padding-right: 20px !important;
}

.pd-b-20-force {
    padding-bottom: 20px !important;
}

.pd-l-20-force {
    padding-left: 20px !important;
}

.pd-25 {
    padding: 25px;
}

.pd-25-force {
    padding: 25px !important;
}

.pd-y-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.pd-y-25-force {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}

.pd-x-25 {
    padding-left: 25px;
    padding-right: 25px;
}

.pd-x-25-force {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.pd-t-25 {
    padding-top: 25px;
}

.pd-r-25 {
    padding-right: 25px;
}

.pd-b-25 {
    padding-bottom: 25px;
}

.pd-l-25 {
    padding-left: 25px;
}

.pd-t-25-force {
    padding-top: 25px !important;
}

.pd-r-25-force {
    padding-right: 25px !important;
}

.pd-b-25-force {
    padding-bottom: 25px !important;
}

.pd-l-25-force {
    padding-left: 25px !important;
}

.pd-30 {
    padding: 30px;
}

.pd-30-force {
    padding: 30px !important;
}

.pd-y-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}

.pd-y-30-force {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.pd-x-30 {
    padding-left: 30px;
    padding-right: 30px;
}

.pd-x-30-force {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.pd-t-30 {
    padding-top: 30px;
}

.pd-r-30 {
    padding-right: 30px;
}

.pd-b-30 {
    padding-bottom: 30px;
}

.pd-l-30 {
    padding-left: 30px;
}

.pd-t-30-force {
    padding-top: 30px !important;
}

.pd-r-30-force {
    padding-right: 30px !important;
}

.pd-b-30-force {
    padding-bottom: 30px !important;
}

.pd-l-30-force {
    padding-left: 30px !important;
}

.pd-35 {
    padding: 35px;
}

.pd-35-force {
    padding: 35px !important;
}

.pd-y-35 {
    padding-top: 35px;
    padding-bottom: 35px;
}

.pd-y-35-force {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.pd-x-35 {
    padding-left: 35px;
    padding-right: 35px;
}

.pd-x-35-force {
    padding-left: 35px !important;
    padding-right: 35px !important;
}

.pd-t-35 {
    padding-top: 35px;
}

.pd-r-35 {
    padding-right: 35px;
}

.pd-b-35 {
    padding-bottom: 35px;
}

.pd-l-35 {
    padding-left: 35px;
}

.pd-t-35-force {
    padding-top: 35px !important;
}

.pd-r-35-force {
    padding-right: 35px !important;
}

.pd-b-35-force {
    padding-bottom: 35px !important;
}

.pd-l-35-force {
    padding-left: 35px !important;
}

.pd-40 {
    padding: 40px;
}

.pd-40-force {
    padding: 40px !important;
}

.pd-y-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.pd-y-40-force {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pd-x-40 {
    padding-left: 40px;
    padding-right: 40px;
}

.pd-x-40-force {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.pd-t-40 {
    padding-top: 40px;
}

.pd-r-40 {
    padding-right: 40px;
}

.pd-b-40 {
    padding-bottom: 40px;
}

.pd-l-40 {
    padding-left: 40px;
}

.pd-t-40-force {
    padding-top: 40px !important;
}

.pd-r-40-force {
    padding-right: 40px !important;
}

.pd-b-40-force {
    padding-bottom: 40px !important;
}

.pd-l-40-force {
    padding-left: 40px !important;
}
.pd-l-185{padding-left: 185px;}
.pd-l-150{padding-left: 150px;}


.pd-t-50-force {
    padding-top: 50px !important;
}
.pd-b-50-force {
    padding-bottom: 50px !important;
}
.pd-l-80 {
    padding-left: 80px;
}
.pd-l-110 {
    padding-left: 110px;
}
/* ------------------------------------------- */


/* ############### 1.60   background   border   ############### */


/* ------------------------------------------- */
.bg-white{
	background:white;
}
.bg-white-force{
	background:white!important;
}
.bg-gray-700{
	background:#EEEEEE;
}
.bg-gray-linear{
	background: -webkit-linear-gradient(#F7F6F6, #D8D8D8); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#F7F6F6, #D8D8D8); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#F7F6F6, #D8D8D8); /* Firefox 3.6 - 15 */
	background: linear-gradient(#F7F6F6, #D8D8D8); /* 标准的语法 */
}
.bd-none{
	border:none;
}
.bd-defult-force{
	border:1px solid #ddd!important;
}
.bd-none-force{
	border:none!important;
}
.bd-t-none{
	border-top:none;
}
.bd-t-none-force{
	border-top:none!important;
}

/*弹层居中*/
.modal::before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal{
	text-align: center;
}