/*
Basic CSS Document
*/
.of_h {
	overflow: hidden;
}
.w100 {
	width: 100%;
}
.h100 {
	height: 100%;
}
.ofy_auto {
	overflow-y: auto;
}
.block{
	display: block
}
.display_table {
	display: table;
}
.bold, .bold a {
	font-weight: bold;
}
.v_sub{
	vertical-align:sub;
}
.inline_block{
	display:inline-block;
}
.lh_1{
	line-height:1;
}
.lh_18{
	line-height:1.8;
}
.lh_2{
	line-height:2;
}
.relative{
	position:relative;
}
.absolute{
	position:absolute;
}
.absolute.center{
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
.fl_l{
	float:left;
}
.fl_r{
	float:right;
}
.nowrap{
	white-space:nowrap;
}
.ls-1 {
	letter-spacing: -1px;
}
.ls1 {
	letter-spacing: 1px;
}
.ls2 {
	letter-spacing: 2px;
}


/*  font-size  */
.fs7 {
	font-size: 7px;
}
.fs8 {
	font-size: 8px;
}
.fs9 {
	font-size: 9px;
}
.fs10 {
	font-size: 10px;
}
.fs11 {
	font-size: 11px;
}
.fs12 {
	font-size: 12px;
}
.fs13 {
	font-size: 13px;
}
.fs14 {
	font-size: 14px;
}
.fs15 {
	font-size: 15px;
}
.fs16 {
	font-size: 16px;
}
.fs18 {
	font-size: 18px;
}
.fs19 {
	font-size: 19px;
}
.fs20 {
	font-size: 20px;
}
.fs21 {
	font-size: 21px;
}
.fs22 {
	font-size: 22px;
}
.fs24 {
	font-size: 24px;
}
.fs26 {
	font-size: 26px;
}
.fs28 {
	font-size: 28px;
}
.fs30 {
	font-size: 30px;
}
.fs32 {
	font-size: 32px;
}
.fs34 {
	font-size: 34px;
}
.fs36 {
	font-size: 36px;
}
.fs45 {
	font-size: 45px;
}
.fs48 {
	font-size: 48px;
}

@media only screen and (max-width: 767px) {
.fs9 {
	font-size: 7px;
}
.fs10 {
	font-size: 8px;
}
.fs11 {
	font-size: 9px;
}
.fs12 {
	font-size: 10px;
}
.fs14 {
	font-size: 12px;
}
.fs16 {
	font-size: 14px;
}
.fs19 {
	font-size: 16px;
}
.fs18 {
	font-size: 16px;
}
.fs20 {
	font-size: 18px;
}
.fs21 {
	font-size: 18px;
}
.fs22 {
	font-size: 20px;
}
.fs24 {
	font-size: 22px;
}
.fs26 {
	font-size: 24px;
}
.fs28 {
	font-size: 26px;
}
.fs30 {
	font-size: 28px;
}
.fs32 {
	font-size: 30px;
}
.fs34 {
	font-size: 32px;
}
.fs36 {
	font-size: 34px;
}
.fs48 {
	font-size: 39px;
}
.spfs22 {
	font-size: 22px;
}
.spfs40 {
	font-size: 40px;
}
}
/*  font-color  */

.white, .white a {
	color: #FFF;
}
.black, .black a {
	color: #333;
}
.blue, .blue a {
	color: #3873ae;
}
.l-blue, .l-blue a {
	color: #34b6d0;
}
.red, .red a {
	color: #ff0000;
}
.dred, .dred a {
	color: #c61c1f;
}
i.l-blue {
	color: #34b6d0;
}
.pink, .pink a {
	color: #f3a8c9;
}
.lgray, .lgray a {
	color: #eee;
}
.gray, .gray a {
	color: #CCC;
}
.dgray, .dgray a {
	color: #444;
}
.purple, .purple a {
	color: #6A5367;
}
.lbeige, .lbeige a {
	color: #FBF8EA;
}
.dbeige, .dbeige a {
	color: #AA995D;
}
.orange, .orange a {
	color: #ff7800;
}
.gold, .gold a {
	color: #bc9665;
}
.dgold, .dgold a {
	color: #48341b;
}
.green, .green a{
	color:#007130;
}
.dgreen, .dgreen a{
	color:#408407;
}
.lgreen, .lgreen a{
	color:#74b066;
}
.brown,.brown a{
	color:#9a810a;
}
.dorange{
	color:#faa639;
}
/*  bg-color  */
.bg_white {
	background: #FFF;
}
.bg_dwhite {
	background: #f3f3f3;
}
.bg_mgray {
	background: #eee;
}
.bg_gray {
	background: #ccc;
}
.bg_lgray {
	background: #f5f5f5;
}
.bg_dgray {
	background: #666;
}
.bg_blue {
	background: #4587c0;
}
.bg_lblue {
	background: #34B6D0;
}
.bg_dblue {
	background: #3D74BA;
}
.bg_lbeige {
	background: #FBF8EA;
}
.bg_dbeige {
	background: #AA995D;
}
.bg_red {
	background: #cc0000;
}
.bg_lyerrow {
	background: #FFE5BF;
}
/* gr width　*/

.no-gutters {
 margin-right: 0;
 margin-left: 0;
}
.no-gutters [class^="col-"], .xs_no-gutters [class*=" col-"] {
 padding-right: 0;
 padding-left: 0;
}
.mglr-5 {
	margin-right: -5px;
	margin-left: -5px;
}
.pdlr5 {
	padding-left: 5px;
	padding-right: 5px;
}

.mgright{
	margin-right:0;
	margin-left:auto;
}
.mg0 {
	margin: 0;
}
/* .mgl margin left */
.mgl10 {
	margin-left: 10px;
}
.mgl15 {
	margin-left: 15px;
}
.mgl20 {
	margin-left: 20px;
}
.mgl30 {
	margin-left: 30px;
}
/* .mgr margin right */
.mgr10 {
	margin-right: 10px;
}
.mgr15 {
	margin-right: 15px;
}
.mgr20 {
	margin-right: 20px;
}
.mgr30 {
	margin-right: 30px;
}
.mgt-5 {
	margin-top: -5px;
}
.mgt-20 {
	margin-top: -20px;
}
.mgt0 {
	margin-top: 0;
}
.mgt5 {
	margin-top: 5px;
}
.mgt8 {
	margin-top: 8px;
}
.mgt10 {
	margin-top: 10px;
}
.mgt15 {
	margin-top: 15px;
}
.mgt17 {
	margin-top: 17px;
}
.mgt18 {
	margin-top: 18px;
}
.mgt20 {
	margin-top: 20px;
}
.mgt25 {
	margin-top: 25px;
}
.mgt30 {
	margin-top: 30px;
}
.mgt35 {
	margin-top: 35px;
}
.mgt40 {
	margin-top: 40px;
}
.mgt50 {
	margin-top: 50px;
}
.mgt60 {
	margin-top: 60px;
}
.mgt70 {
	margin-top: 70px;
}
.mgt80 {
	margin-top: 80px;
}
.mgt90 {
	margin-top: 90px;
}
.mgt100 {
	margin-top: 100px;
}
.mgt150 {
	margin-top: 150px;
}
.mgt350 {
	margin-top: 350px;
}
.mgb0 {
	margin-bottom: 0;
}
.mgb5 {
	margin-bottom: 5px;
}
.mgb10 {
	margin-bottom: 10px;
}
.mgb15 {
	margin-bottom: 15px;
}
.mgb20 {
	margin-bottom: 20px;
}
.mgb30 {
	margin-bottom: 30px;
}
.mgb40 {
	margin-bottom: 40px;
}
.mgb50 {
	margin-bottom: 50px;
}
.mgb60 {
	margin-bottom: 60px;
}
.mgb80 {
	margin-bottom: 80px;
}
.mgb90 {
	margin-bottom: 90px;
}
.mgb100 {
	margin-bottom: 100px;
}
.pd0{
	padding:0;
}
.pd{
	padding:20px;
}
/* .pdt padding top */
.pdt5 {
	padding-top: 5px;
}
.pdt10 {
	padding-top: 10px;
}
.pdt15 {
	padding-top: 15px;
}
.pdt20 {
	padding-top: 20px;
}
.pdt30 {
	padding-top: 30px;
}
.pdt35 {
	padding-top: 35px;
}
.pdt40 {
	padding-top: 40px;
}
.pdt50 {
	padding-top: 50px;
}
.pdt60 {
	padding-top: 60px;
}
.pdt100 {
	padding-top: 100px;
}
/* .pdt padding bottom */
.pdb0 {
	padding-bottom: 0px;
}
.pdb10 {
	padding-bottom: 10px;
}
.pdb15 {
	padding-bottom: 15px;
}
.pdb20 {
	padding-bottom: 20px;
}
.pdb30 {
	padding-bottom: 30px;
}
.pdb40 {
	padding-bottom: 40px;
}
.pdb50 {
	padding-bottom: 50px;
}
.pdb60 {
	padding-bottom: 60px;
}
.pdb80 {
	padding-bottom: 80px;
}
/* .pdl padding left */
.pdl0 {
	padding-left: 0;
}
.pdl2 {
	padding-left: 2px;
}
.pdl5 {
	padding-left: 5px;
}
.pdl10 {
	padding-left: 10px;
}
.pdl15 {
	padding-left: 15px;
}
.pdl20 {
	padding-left: 20px;
}
.pdl30 {
	padding-left: 30px;
}
.pdl50 {
	padding-left: 50px;
}
.pdl60 {
	padding-left: 60px;
}
.pdl70 {
	padding-left: 70px;
}
/* .pdr padding right */
.pdr0 {
	padding-right: 0px;
}
.pdr2 {
	padding-right: 2px;
}
.pdr5 {
	padding-right: 5px;
}
.pdr10 {
	padding-right: 10px;
}
.pdr15 {
	padding-right: 15px;
}
.pdr20 {
	padding-right: 20px;
}
.pdr30 {
	padding-right: 30px;
}
.pdr65 {
	padding-right: 65px;
}
 @media screen and (max-width: 767px) {

/* no-gutters Class Rules */
.xs_no-gutters {
 margin-right: 0;
 margin-left: 0;
}
.xs_no-gutters [class^="col-"], .xs_no-gutters [class*=" col-"] {
 padding-right: 0;
 padding-left: 0;
}
.sppd0{
	padding:0;
}
/* .sppdt padding top */

.spmglr-5 {
	margin-right: -5px;
	margin-left: -5px;
}
.sppdlr5 {
	padding-left: 5px;
	padding-right: 5px;
}

.sppdt10 {
padding-top:10px;
}
.sppdt20 {
padding-top:20px;
}
.sppdt150 {
padding-top:150px;
}
.sppdt250 {
padding-top:250px;
}
.sppdb20{
	padding-bottom:20px;
}
.sppdb40{
	padding-bottom:40px;
}

/* .sppdl padding left */
.sppdl0 {
padding-left:0px;
}
.sppdl5 {
padding-left:5px;
}
.sppdl10 {
padding-left:10px;
}
.sppdl15 {
padding-left:15px;
}
.sppdr5 {
padding-right:5px;
}
.sppdr10 {
padding-right:10px;
}
.sppdr15 {
padding-right:15px;
}

.sppdl40 {
padding-left:40px;
}

/* .spmgt margin top */
.spmgauto {
margin:auto;
}
.spmgt0 {
margin-top:0;
}
.spmgt3 {
margin-top:3px;
}
.spmgt4 {
margin-top:4px;
}
.spmgt5 {
margin-top:5px;
}
.spmgt10 {
margin-top:10px;
}
.spmgt15 {
margin-top:15px;
}
.spmgt20 {
margin-top:20px;
}
.spmgt30 {
margin-top:30px;
}
.spmgt40 {
margin-top:40px;
}
.spmgt50 {
margin-top:50px;
}
.spmgt60 {
margin-top:60px;
}
.spmgt70 {
margin-top:70px;
}
.spmgt80 {
margin-top:80px;
}
.spmgt90 {
margin-top:90px;
}
.spmgt100 {
margin-top:100px;
}
.spmgt150 {
margin-top:150px;
}
.spmgt200 {
margin-top:200px;
}
.spmgt250 {
margin-top:250px;
}

/* .spmgt margin bottom */

.spmgb0 {
margin-bottom:0px
}
.spmgb10 {
margin-bottom:10px
}
.spmgb20 {
margin-bottom:20px
}
.spmgb30 {
margin-bottom:30px
}
.spmgb40 {
margin-bottom:30px
}

/* .spmgt margin bottom */

.spmgb30 {
margin-bottom:30px
}

/* .spmgr margin left */

.spmgl2 {
margin-left:2px;
}
.spmgl10 {
margin-left:10px;
}
/* .spmgl margin left */

/*original*/
.sp_center {
	text-align: center;
}

/*original END*/

}
