@charset "utf-8";
.bg-fill{
	background-color: #fff;
	margin-left: 1px;

}
/*===============================================
padding
===============================================*/

/*---------------
no
---------------*/
.no-padding{ padding: 0; }
/*---------------
padding
---------------*/
.pad-xs{ padding:30px; }
.pad-s{ padding:60px; }
.pad-m{ padding:90px; }
.pad-l{ padding:120px; }
.pad-xl{ padding:150px; }



/*---------------
padding-top
---------------*/
.pad-T-xs{ padding-top:30px; }
.pad-T-s{ padding-top:60px; }
.pad-T-m{ padding-top:90px; }
.pad-T-l{ padding-top:120px; }
.pad-T-xl{ padding-top:150px; }

/*---------------
padding-bottom
---------------*/
.pad-B-xs{ padding-bottom:30px; }
.pad-B-s{ padding-bottom:60px; }
.pad-B-m{ padding-bottom:90px; }
.pad-B-l{ padding-bottom:120px; }
.pad-B-xl{ padding-bottom:150px; }

/*---------------
paddingLR
---------------*/
.pad-LR-xs{ padding-left:15px; padding-right:15px; }
.pad-LR-s{ padding-left:30px; padding-right:30px; }
.pad-LR-m{ padding-left:45px; padding-right:45px; }
.pad-LR-l{ padding-left:60px; padding-right:60px; }
.pad-LR-xl{ padding-left:75px; padding-right:75px; }

/*---------------
padding-left
---------------*/
.pad-L-xs{ padding-left:15px; }
.pad-L-s{ padding-left:30px; }
.pad-L-m{ padding-left:45px; }
.pad-L-l{ padding-left:60px; }
.pad-L-xl{ padding-left:75px; }

/*---------------
padding-right
---------------*/
.pad-R-xs{ padding-right:15px; }
.pad-R-s{ padding-right:30px; }
.pad-R-m{ padding-right:45px; }
.pad-R-l{ padding-right:60px; }
.pad-R-xl{ padding-right:75px; }





/*===============================================
margin
===============================================*/

/*---------------
no
---------------*/
.no-margin{ margin: 0; }
.no-mar-T{ margin-top: 0; }
.no-mar-B{ margin-bottom: 0; }
.no-mar-TB{ margin-top: 0; margin-bottom: 0; }
.no-mar-L{ margin-left: 0; }
.no-mar-R{ margin-right: 0; }
.no-mar-LR{ margin-left: 0; margin-right: 0; }
/*---------------
marginAll
---------------*/
.mar-xs{ margin:30px; }
.mar-s{ margin:60px; }
.mar-m{ margin:90px; }
.mar-l{ margin:120px; }
.mar-xl{ margin:150px; }


/*---------------
margin-top
---------------*/
.mar-T-xs{ margin-top:30px; }
.mar-T-s{ margin-top:60px; }
.mar-T-m{ margin-top:90px; }
.mar-T-l{ margin-top:120px; }
.mar-T-xl{ margin-top:150px; }

/*---------------
margin-bottom
---------------*/
.mar-B-xs{ margin-bottom:30px; }
.mar-B-s{ margin-bottom:60px; }
.mar-B-m{ margin-bottom:90px; }
.mar-B-l{ margin-bottom:120px; }
.mar-B-xl{ margin-bottom:150px; }

/*---------------
margin-LR
---------------*/
.mar-LR-xs{ margin-left:15px; margin-right:15px; }
.mar-LR-s{ margin-left:30px; margin-right:30px; }
.mar-LR-m{ margin-left:45px; margin-right:45px; }
.mar-LR-l{ margin-left:60px; margin-right:60px; }
.mar-LR-xl{ margin-left:75px; margin-right:75px; }


/*---------------
margin-left
---------------*/
.mar-L-xs{ margin-left:15px; }
.mar-L-s{ margin-left:30px; }
.mar-L-m{ margin-left:45px; }
.mar-L-l{ margin-left:60px; }
.mar-L-xl{ margin-left:75px; }

/*---------------
margin-right
---------------*/
.mar-R-xs{ margin-right:15px; }
.mar-R-s{ margin-right:30px; }
.mar-R-m{ margin-right:45px; }
.mar-R-l{ margin-right:60px; }
.mar-R-xl{ margin-right:75px; }



