/* ‹¤’Ê */

.black{ color: #000 !important;}
.gold{ color: #b5af07 !important;}
.white{ color: #FFFFFF !important;}
.red{ color: #e92232 !important;}
.green{ color: #2ba76b !important;}
.blue{ color: #4b829a !important;}
.ltblue{ color: #02A599 !important;}
.orange{ color: #f6ab00 !important;}
.pink{ color: #E84592 !important;}
.yellow{ color: #fff996 !important;}
.gray{ color: #655d5b !important;}


.bg-white{ background-color: #FFF !important;}
.bg-orange{ background-color: #f6ab00 !important;}
.bg-black{ background-color: #000000 !important;}
.bg-brown{ background-color: #e4e1d9 !important;}
.bg-gray{ background-color: #c5cdd0 !important;}
.bg-white{ background-color: #FFFFFF !important;}
.bg-yellow{ background-color: #ffef32 !important;}
.bg-green{ background-color: #2ba76b !important;}
.bg-red{ background-color: #E60012 !important;}
.bg-blue{ background-color: #4b829a !important;}
.bg-ltblue{ background-color: #dae6ed !important;}
.bg-lime{ background-color: #B5BF39 !important;}
.bg-pink{ background-color: #fdeef4 !important;}
.bg-navy{ background-color: #0e3956 !important;}

.font-b{ font-weight: bold !important;}

.font50{ font-size: 50% !important;}
.font70{ font-size: 70% !important;}

.text-c{ text-align: center !important;}
.text-r{ text-align: right !important;}
.text-l{ text-align: left !important;}
.text-j{ text-align: justify !important;}

.posi-r{ position: relative;}
.bold {font-weight: bold;}

/*padding*/

.pd0 { padding: 0px !important;}
.pd2 { padding: 2px !important;}
.pd5 { padding: 5px !important;}
.pd10 { padding: 10px !important;}
.pd15 { padding: 15px !important;}
.pd20 { padding: 20px !important;}
.pd40 { padding: 40px !important;}


.pdtb10 { padding: 10px 0 !important;}
.pdtb15 { padding: 15px 0 !important;}
.pdtb20 { padding: 20px 0 !important;}
.pdtb40 { padding: 40px 0 !important;}

.pdrl10 { padding: 0 10px !important;}
.pdrl15 { padding: 0 15px !important;}
.pdrl20 { padding: 0 20px !important;}
.pdrl40 { padding: 0 40px !important;}

.pdt2 {
    padding-top: 2px !important;
}
.pdt5 {
    padding-top: 5px !important;
}
.pdt10 {
    padding-top: 10px !important;
}
.pdt15 {
    padding-top: 15px !important;
}
.pdt20 {
    padding-top: 20px !important;
}
.pdt30 {
    padding-top: 30px !important;
}
.pdt40 {
    padding-top: 40px !important;
}
.pdt50 {
    padding-top: 50px !important;
}
.pdt60 {
    padding-top: 60px !important;
}
.pdt70 {
    padding-top: 70px !important;
}
.pdt80 {
    padding-top: 80px !important;
}
.pdt90 {
    padding-top: 90px !important;
}
.pdt100 {
    padding-top: 100px !important;
}
.pdt120 {
    padding-top: 120px !important;
}
.pdt130 {
    padding-top: 130px !important;
}
.pdt150 {
    padding-top: 150px !important;
}
.pdt200 {
    padding-top: 200px !important;
}
.pdt300 {
    padding-top: 300px !important;
}
.pdt400 {
    padding-top: 400px !important;
}
.pdt500 {
    padding-top: 500px !important;
}


.pdr2{
    padding-right: 2px !important;
}
.pdr5 {
    padding-right: 5px !important;
}
.pdr10 {
    padding-right: 10px !important;
}
.pdr15 {
    padding-right: 15px !important;
}
.pdr20 {
    padding-right: 20px !important;
}
.pdr25 {
    padding-right: 25px !important;
}
.pdr30 {
    padding-right: 30px !important;
}
.pdr40 {
    padding-right: 40px !important;
}


.pdb5 {
    padding-bottom: 5px !important;
}
.pdb10 {
    padding-bottom: 10px !important;
}
.pdb15 {
    padding-bottom: 15px !important;
}
.pdb20 {
    padding-bottom: 20px !important;
}
.pdb30 {
    padding-bottom: 30px !important;
}
.pdb40 {
    padding-bottom: 40px !important;
}
.pdb50 {
    padding-bottom: 50px !important;
}
.pdb60 {
    padding-bottom: 60px !important;
}
.pdb70 {
    padding-bottom: 70px !important;
}
.pdb80 {
    padding-bottom: 80px !important;
}
.pdb90 {
    padding-bottom: 90px !important;
}
.pdb100 {
    padding-bottom: 100px !important;
}
.pdb200 {
    padding-bottom: 200px !important;
}
.pdb350 {
    padding-bottom: 350px !important;
}


.pdl2 {
    padding-left: 2px !important;
}
.pdl5 {
    padding-left: 5px !important;
}
.pdl10 {
    padding-left: 10px !important;
}
.pdl15 {
    padding-left: 15px !important;
}
.pdl20 {
    padding-left: 20px !important;
}
.pdl25 {
    padding-left: 25px !important;
}
.pdl40 {
    padding-left: 40px !important;
}


/*margin*/
.mg0{
	margin: 0px !important;
}
.mg5{
	margin: 5px !important;
}
.mg10{
	margin: 10px !important;
}
.mg20{
	margin: 20px !important;
}


.mgt3 {
    margin-top: 3px !important;
}
.mgt5 {
    margin-top: 5px !important;
}
.mgt10 {
    margin-top: 10px !important;
}
.mgt15 {
    margin-top: 15px !important;
}
.mgt20 {
    margin-top: 20px !important;
}
.mgt25 {
    margin-top: 25px !important;
}
.mgt30 {
    margin-top: 30px !important;
}
.mgt40 {
    margin-top: 40px !important;
}
.mgt50 {
    margin-top: 50px !important;
}
.mgt60 {
    margin-top: 60px !important;
}
.mgt70 {
    margin-top: 70px !important;
}
.mgt80 {
    margin-top: 80px !important;
}
.mgt100 {
    margin-top: 100px !important;
}
.mgt150 {
    margin-top: 150px !important;
}
.mgt320 {
    margin-top: 320px !important;
}
.mgr0 {
	margin-right: 0 !important;
}
.mgr2 {
	margin-right: 2px !important;
}
.mgr5 {
	margin-right: 5px !important;
}
.mgr8 {
	margin-right: 8px !important;
}
.mgr10 {
	margin-right: 10px !important;
}
.mgr15 {
	margin-right: 15px !important;
}
.mgr20 {
	margin-right: 20px !important;
}
.mgr30 {
	margin-right: 30px !important;
}
.mgr40 {
	margin-right: 40px !important;
}
.mgr50 {
	margin-right: 50px !important;
}


.mgl2 {
	margin-left: 2px !important;
}
.mgl5 {
	margin-left: 5px !important;
}
.mgl10 {
	margin-left: 10px !important;
}
.mgl15 {
	margin-left: 15px !important;
}
.mgl20 {
	margin-left: 20px !important;
}
.mgl30 {
	margin-left: 30px !important;
}
.mgl40 {
	margin-left: 40px !important;
}
.mgl45 {
	margin-left: 45px !important;
}
.mgl50 {
	margin-left: 50px !important;
}
.mgl60 {
	margin-left: 60px !important;
}
.mgl70 {
	margin-left: 70px !important;
}

.mgb0 {
    margin-bottom: 0 !important;
}
.mgb5 {
    margin-bottom: 5px !important;
}
.mgb10 {
    margin-bottom: 10px !important;
}
.mgb15 {
    margin-bottom: 15px !important;
}
.mgb20 {
    margin-bottom: 20px !important;
}
.mgb25 {
    margin-bottom: 25px !important;
}
.mgb30 {
    margin-bottom: 30px !important;
}
.mgb40 {
    margin-bottom: 40px !important;
}
.mgb50 {
    margin-bottom: 50px !important;
}
.mgb60 {
    margin-bottom: 60px !important;
}
.mgb70 {
    margin-bottom: 70px !important;
}
.mgb80 {
    margin-bottom: 80px !important;
}
.mgb90 {
    margin-bottom: 90px !important;
}
.mgb100 {
    margin-bottom: 100px !important;
}
.mgb120 {
    margin-bottom: 120px !important;
}
.mgb150 {
    margin-bottom: 150px !important;
}