/* general */

@media screen and (max-width: 825px) {
	.l_tablet { float:left; }
	.r_tablet { float:right; }
	.ca_tablet { float:none; clear:both; }
}

@media screen and (max-width: 550px) {
	.l_mobile { float:left; }
	.r_mobile { float:right; }
	.ca_mobile { float:none; clear:both; }
}

input.disabled,
select.disabled {
	background-color:rgba(0, 0, 0, 0.05);
	border-color:lightgray;
	color:gray;
	pointer-events:none;
}

/* flex box */
.flex-box               	{ display:flex; flex-wrap: wrap; }
.flex-box.nowrap        	{ flex-wrap:nowrap; }
.flex-split, .flex-between	{ justify-content:space-between; }
.flex-end     				{ justify-content:flex-end; }
.flex-center            	{ align-items:center; }
.flex-column            	{ flex-direction:column; }
.flex-column-reverse    	{ flex-direction:column-reverse; }
.flex-row               	{ flex-direction:row; }
.flex-row-reverse       	{ flex-direction:row-reverse; }
.flex-justify-center    	{ justify-content:center; }

/* padding */

.p_a_0 { padding:0; }
.p_t_0 { padding-top:0; }
.p_r_0 { padding-right:0; }
.p_b_0 { padding-bottom:0; }
.p_l_0 { padding-left:0; }

.p_a_5 { padding:5px; }
.p_t_5 { padding-top:5px; }
.p_r_5 { padding-right:5px; }
.p_b_5 { padding-bottom:5px; }
.p_l_5 { padding-left:5px; }

.p_a_10 { padding:10px; }
.p_t_10 { padding-top:10px; }
.p_r_10 { padding-right:10px; }
.p_b_10 { padding-bottom:10px; }
.p_l_10 { padding-left:10px; }

.p_a_15 { padding:15px; }
.p_t_15 { padding-top:15px; }
.p_r_15 { padding-right:15px; }
.p_b_15 { padding-bottom:15px; }
.p_l_15 { padding-left:15px; }

.p_a_20 { padding:20px; }
.p_t_20 { padding-top:20px; }
.p_r_20 { padding-right:20px; }
.p_b_20 { padding-bottom:20px; }
.p_l_20 { padding-left:20px; }

.p_a_30 { padding:30px; }
.p_t_30 { padding-top:30px; }
.p_r_30 { padding-right:30px; }
.p_b_30 { padding-bottom:30px; }
.p_l_30 { padding-left:30px; }

.p_a_40 { padding:40px; }
.p_t_40 { padding-top:40px; }
.p_r_40 { padding-right:40px; }
.p_b_40 { padding-bottom:40px; }
.p_l_40 { padding-left:40px; }

.p_a_50 { padding:50px; }
.p_t_50 { padding-top:50px; }
.p_r_50 { padding-right:50px; }
.p_b_50 { padding-bottom:50px; }
.p_l_50 { padding-left:50px; }

@media screen and (max-width: 1025px) {
	.p_a_0_tablet { padding:0; }
	.p_t_0_tablet { padding-top:0; }
	.p_r_0_tablet { padding-right:0; }
	.p_b_0_tablet { padding-bottom:0; }
	.p_l_0_tablet { padding-left:0; }

	.p_a_5_tablet { padding:5px; }
	.p_t_5_tablet { padding-top:5px; }
	.p_r_5_tablet { padding-right:5px; }
	.p_b_5_tablet { padding-bottom:5px; }
	.p_l_5_tablet { padding-left:5px; }

	.p_a_10_tablet { padding:10px; }
	.p_t_10_tablet { padding-top:10px; }
	.p_r_10_tablet { padding-right:10px; }
	.p_b_10_tablet { padding-bottom:10px; }
	.p_l_10_tablet { padding-left:10px; }

	.p_a_15_tablet { padding:15px; }
	.p_t_15_tablet { padding-top:15px; }
	.p_r_15_tablet { padding-right:15px; }
	.p_b_15_tablet { padding-bottom:15px; }
	.p_l_15_tablet { padding-left:15px; }

	.p_a_20_tablet { padding:20px; }
	.p_t_20_tablet { padding-top:20px; }
	.p_r_20_tablet { padding-right:20px; }
	.p_b_20_tablet { padding-bottom:20px; }
	.p_l_20_tablet { padding-left:20px; }

	.p_a_30_tablet { padding:30px; }
	.p_t_30_tablet { padding-top:30px; }
	.p_r_30_tablet { padding-right:30px; }
	.p_b_30_tablet { padding-bottom:30px; }
	.p_l_30_tablet { padding-left:30px; }

	.p_a_40_tablet { padding:40px; }
	.p_t_40_tablet { padding-top:40px; }
	.p_r_40_tablet { padding-right:40px; }
	.p_b_40_tablet { padding-bottom:40px; }
	.p_l_40_tablet { padding-left:40px; }

	.p_a_50_tablet { padding:50px; }
	.p_t_50_tablet { padding-top:50px; }
	.p_r_50_tablet { padding-right:50px; }
	.p_b_50_tablet { padding-bottom:50px; }
	.p_l_50_tablet { padding-left:50px; }
}

@media screen and (max-width: 825px) {
	.p_a_0_tabloble { padding:0; }
	.p_t_0_tabloble { padding-top:0; }
	.p_r_0_tabloble { padding-right:0; }
	.p_b_0_tabloble { padding-bottom:0; }
	.p_l_0_tabloble { padding-left:0; }

	.p_a_5_tabloble { padding:5px; }
	.p_t_5_tabloble { padding-top:5px; }
	.p_r_5_tabloble { padding-right:5px; }
	.p_b_5_tabloble { padding-bottom:5px; }
	.p_l_5_tabloble { padding-left:5px; }

	.p_a_10_tabloble { padding:10px; }
	.p_t_10_tabloble { padding-top:10px; }
	.p_r_10_tabloble { padding-right:10px; }
	.p_b_10_tabloble { padding-bottom:10px; }
	.p_l_10_tabloble { padding-left:10px; }

	.p_a_15_tabloble { padding:15px; }
	.p_t_15_tabloble { padding-top:15px; }
	.p_r_15_tabloble { padding-right:15px; }
	.p_b_15_tabloble { padding-bottom:15px; }
	.p_l_15_tabloble { padding-left:15px; }

	.p_a_20_tabloble { padding:20px; }
	.p_t_20_tabloble { padding-top:20px; }
	.p_r_20_tabloble { padding-right:20px; }
	.p_b_20_tabloble { padding-bottom:20px; }
	.p_l_20_tabloble { padding-left:20px; }

	.p_a_30_tabloble { padding:30px; }
	.p_t_30_tabloble { padding-top:30px; }
	.p_r_30_tabloble { padding-right:30px; }
	.p_b_30_tabloble { padding-bottom:30px; }
	.p_l_30_tabloble { padding-left:30px; }

	.p_a_40_tabloble { padding:40px; }
	.p_t_40_tabloble { padding-top:40px; }
	.p_r_40_tabloble { padding-right:40px; }
	.p_b_40_tabloble { padding-bottom:40px; }
	.p_l_40_tabloble { padding-left:40px; }

	.p_a_50_tabloble { padding:50px; }
	.p_t_50_tabloble { padding-top:50px; }
	.p_r_50_tabloble { padding-right:50px; }
	.p_b_50_tabloble { padding-bottom:50px; }
	.p_l_50_tabloble { padding-left:50px; }

	.l_tabloble { float:left; }
	.r_tabloble { float:right; }
	.ca_tabloble { float:none; clear:both; }
}

@media screen and (max-width: 550px) {
	.p_a_0_mobile { padding:0; }
	.p_t_0_mobile { padding-top:0; }
	.p_r_0_mobile { padding-right:0; }
	.p_b_0_mobile { padding-bottom:0; }
	.p_l_0_mobile { padding-left:0; }

	.p_a_5_mobile { padding:5px; }
	.p_t_5_mobile { padding-top:5px; }
	.p_r_5_mobile { padding-right:5px; }
	.p_b_5_mobile { padding-bottom:5px; }
	.p_l_5_mobile { padding-left:5px; }

	.p_a_10_mobile { padding:10px; }
	.p_t_10_mobile { padding-top:10px; }
	.p_r_10_mobile { padding-right:10px; }
	.p_b_10_mobile { padding-bottom:10px; }
	.p_l_10_mobile { padding-left:10px; }

	.p_a_15_mobile { padding:15px; }
	.p_t_15_mobile { padding-top:15px; }
	.p_r_15_mobile { padding-right:15px; }
	.p_b_15_mobile { padding-bottom:15px; }
	.p_l_15_mobile { padding-left:15px; }

	.p_a_20_mobile { padding:20px; }
	.p_t_20_mobile { padding-top:20px; }
	.p_r_20_mobile { padding-right:20px; }
	.p_b_20_mobile { padding-bottom:20px; }
	.p_l_20_mobile { padding-left:20px; }

	.p_a_30_mobile { padding:30px; }
	.p_t_30_mobile { padding-top:30px; }
	.p_r_30_mobile { padding-right:30px; }
	.p_b_30_mobile { padding-bottom:30px; }
	.p_l_30_mobile { padding-left:30px; }

	.p_a_40_mobile { padding:40px; }
	.p_t_40_mobile { padding-top:40px; }
	.p_r_40_mobile { padding-right:40px; }
	.p_b_40_mobile { padding-bottom:40px; }
	.p_l_40_mobile { padding-left:40px; }

	.p_a_50_mobile { padding:50px; }
	.p_t_50_mobile { padding-top:50px; }
	.p_r_50_mobile { padding-right:50px; }
	.p_b_50_mobile { padding-bottom:50px; }
	.p_l_50_mobile { padding-left:50px; }
}

/* margin */

.m_a_0 { margin:0; }
.m_t_0 { margin-top:0; }
.m_r_0 { margin-right:0; }
.m_b_0 { margin-bottom:0; }
.m_l_0 { margin-left:0; }

.m_a_5 { margin:5px; }
.m_t_5 { margin-top:5px; }
.m_r_5 { margin-right:5px; }
.m_b_5 { margin-bottom:5px; }
.m_l_5 { margin-left:5px; }

.m_a_10 { margin:10px; }
.m_t_10 { margin-top:10px; }
.m_r_10 { margin-right:10px; }
.m_b_10 { margin-bottom:10px; }
.m_l_10 { margin-left:10px; }

.m_a_15 { margin:15px; }
.m_t_15 { margin-top:15px; }
.m_r_15 { margin-right:15px; }
.m_b_15 { margin-bottom:15px; }
.m_l_15 { margin-left:15px; }

.m_a_20 { margin:20px; }
.m_t_20 { margin-top:20px; }
.m_r_20 { margin-right:20px; }
.m_b_20 { margin-bottom:20px; }
.m_l_20 { margin-left:20px; }

.m_a_30 { margin:30px; }
.m_t_30 { margin-top:30px; }
.m_r_30 { margin-right:30px; }
.m_b_30 { margin-bottom:30px; }
.m_l_30 { margin-left:30px; }

.m_a_40 { margin:40px; }
.m_t_40 { margin-top:40px; }
.m_r_40 { margin-right:40px; }
.m_b_40 { margin-bottom:40px; }
.m_l_40 { margin-left:40px; }

.m_a_50 { margin:50px; }
.m_t_50 { margin-top:50px; }
.m_r_50 { margin-right:50px; }
.m_b_50 { margin-bottom:50px; }
.m_l_50 { margin-left:50px; }

@media screen and (max-width: 1025px) {
	.m_a_0_tablet { margin:0; }
	.m_t_0_tablet { margin-top:0; }
	.m_r_0_tablet { margin-right:0; }
	.m_b_0_tablet { margin-bottom:0; }
	.m_l_0_tablet { margin-left:0; }

	.m_a_5_tablet { margin:5px; }
	.m_t_5_tablet { margin-top:5px; }
	.m_r_5_tablet { margin-right:5px; }
	.m_b_5_tablet { margin-bottom:5px; }
	.m_l_5_tablet { margin-left:5px; }

	.m_a_10_tablet { margin:10px; }
	.m_t_10_tablet { margin-top:10px; }
	.m_r_10_tablet { margin-right:10px; }
	.m_b_10_tablet { margin-bottom:10px; }
	.m_l_10_tablet { margin-left:10px; }

	.m_a_15_tablet { margin:15px; }
	.m_t_15_tablet { margin-top:15px; }
	.m_r_15_tablet { margin-right:15px; }
	.m_b_15_tablet { margin-bottom:15px; }
	.m_l_15_tablet { margin-left:15px; }

	.m_a_20_tablet { margin:20px; }
	.m_t_20_tablet { margin-top:20px; }
	.m_r_20_tablet { margin-right:20px; }
	.m_b_20_tablet { margin-bottom:20px; }
	.m_l_20_tablet { margin-left:20px; }

	.m_a_30_tablet { margin:30px; }
	.m_t_30_tablet { margin-top:30px; }
	.m_r_30_tablet { margin-right:30px; }
	.m_b_30_tablet { margin-bottom:30px; }
	.m_l_30_tablet { margin-left:30px; }

	.m_a_40_tablet { margin:40px; }
	.m_t_40_tablet { margin-top:40px; }
	.m_r_40_tablet { margin-right:40px; }
	.m_b_40_tablet { margin-bottom:40px; }
	.m_l_40_tablet { margin-left:40px; }

	.m_a_50_tablet { margin:50px; }
	.m_t_50_tablet { margin-top:50px; }
	.m_r_50_tablet { margin-right:50px; }
	.m_b_50_tablet { margin-bottom:50px; }
	.m_l_50_tablet { margin-left:50px; }
}

@media screen and (max-width: 825px) {
	.m_a_0_tabloble { margin:0; }
	.m_t_0_tabloble { margin-top:0; }
	.m_r_0_tabloble { margin-right:0; }
	.m_b_0_tabloble { margin-bottom:0; }
	.m_l_0_tabloble { margin-left:0; }

	.m_a_5_tabloble { margin:5px; }
	.m_t_5_tabloble { margin-top:5px; }
	.m_r_5_tabloble { margin-right:5px; }
	.m_b_5_tabloble { margin-bottom:5px; }
	.m_l_5_tabloble { margin-left:5px; }

	.m_a_10_tabloble { margin:10px; }
	.m_t_10_tabloble { margin-top:10px; }
	.m_r_10_tabloble { margin-right:10px; }
	.m_b_10_tabloble { margin-bottom:10px; }
	.m_l_10_tabloble { margin-left:10px; }

	.m_a_15_tabloble { margin:15px; }
	.m_t_15_tabloble { margin-top:15px; }
	.m_r_15_tabloble { margin-right:15px; }
	.m_b_15_tabloble { margin-bottom:15px; }
	.m_l_15_tabloble { margin-left:15px; }

	.m_a_20_tabloble { margin:20px; }
	.m_t_20_tabloble { margin-top:20px; }
	.m_r_20_tabloble { margin-right:20px; }
	.m_b_20_tabloble { margin-bottom:20px; }
	.m_l_20_tabloble { margin-left:20px; }

	.m_a_30_tabloble { margin:30px; }
	.m_t_30_tabloble { margin-top:30px; }
	.m_r_30_tabloble { margin-right:30px; }
	.m_b_30_tabloble { margin-bottom:30px; }
	.m_l_30_tabloble { margin-left:30px; }

	.m_a_40_tabloble { margin:40px; }
	.m_t_40_tabloble { margin-top:40px; }
	.m_r_40_tabloble { margin-right:40px; }
	.m_b_40_tabloble { margin-bottom:40px; }
	.m_l_40_tabloble { margin-left:40px; }

	.m_a_50_tabloble { margin:50px; }
	.m_t_50_tabloble { margin-top:50px; }
	.m_r_50_tabloble { margin-right:50px; }
	.m_b_50_tabloble { margin-bottom:50px; }
	.m_l_50_tabloble { margin-left:50px; }
}

@media screen and (max-width: 550px) {
	.m_a_0_mobile { margin:0; }
	.m_t_0_mobile { margin-top:0; }
	.m_r_0_mobile { margin-right:0; }
	.m_b_0_mobile { margin-bottom:0; }
	.m_l_0_mobile { margin-left:0; }

	.m_a_5_mobile { margin:5px; }
	.m_t_5_mobile { margin-top:5px; }
	.m_r_5_mobile { margin-right:5px; }
	.m_b_5_mobile { margin-bottom:5px; }
	.m_l_5_mobile { margin-left:5px; }

	.m_a_10_mobile { margin:10px; }
	.m_t_10_mobile { margin-top:10px; }
	.m_r_10_mobile { margin-right:10px; }
	.m_b_10_mobile { margin-bottom:10px; }
	.m_l_10_mobile { margin-left:10px; }

	.m_a_15_mobile { margin:15px; }
	.m_t_15_mobile { margin-top:15px; }
	.m_r_15_mobile { margin-right:15px; }
	.m_b_15_mobile { margin-bottom:15px; }
	.m_l_15_mobile { margin-left:15px; }

	.m_a_20_mobile { margin:20px; }
	.m_t_20_mobile { margin-top:20px; }
	.m_r_20_mobile { margin-right:20px; }
	.m_b_20_mobile { margin-bottom:20px; }
	.m_l_20_mobile { margin-left:20px; }

	.m_a_30_mobile { margin:30px; }
	.m_t_30_mobile { margin-top:30px; }
	.m_r_30_mobile { margin-right:30px; }
	.m_b_30_mobile { margin-bottom:30px; }
	.m_l_30_mobile { margin-left:30px; }

	.m_a_40_mobile { margin:40px; }
	.m_t_40_mobile { margin-top:40px; }
	.m_r_40_mobile { margin-right:40px; }
	.m_b_40_mobile { margin-bottom:40px; }
	.m_l_40_mobile { margin-left:40px; }

	.m_a_50_mobile { margin:50px; }
	.m_t_50_mobile { margin-top:50px; }
	.m_r_50_mobile { margin-right:50px; }
	.m_b_50_mobile { margin-bottom:50px; }
	.m_l_50_mobile { margin-left:50px; }
}

/* width */

.w_1 { width:1%; }
.w_49 { width:49%; }

@media screen and (max-width: 1025px) {
	.w_10_tablet { width: 10%; }
	.w_15_tablet { width: 15%; }
	.w_16_tablet { width: 16.66666666666667%; }
	.w_20_tablet { width: 20%; }
	.w_25_tablet { width: 25%; }
	.w_30_tablet { width: 30%; }
	.w_33_tablet { width: 33.33333333333333%; }
	.w_35_tablet { width: 35%; }
	.w_40_tablet { width: 40%; }
	.w_45_tablet { width: 45%; }
	.w_50_tablet { width: 50%; }
	.w_55_tablet { width: 55%; }
	.w_60_tablet { width: 60%; }
	.w_65_tablet { width: 65%; }
	.w_66_tablet { width: 66.66666666666666%; }
	.w_70_tablet { width: 70%; }
	.w_75_tablet { width: 75%; }
	.w_80_tablet { width: 80%; }
	.w_83_tablet { width: 83.33333333333335%; }
	.w_85_tablet { width: 85%; }
	.w_90_tablet { width: 90%; }
	.w_95_tablet { width: 95%; }
	.w_100_tablet { width: 100%; }
}

@media screen and (max-width: 825px) {
	.w_10_tabloble { width: 10%; }
	.w_15_tabloble { width: 15%; }
	.w_16_tabloble { width: 16.66666666666667%; }
	.w_20_tabloble { width: 20%; }
	.w_25_tabloble { width: 25%; }
	.w_30_tabloble { width: 30%; }
	.w_33_tabloble { width: 33.33333333333333%; }
	.w_35_tabloble { width: 35%; }
	.w_40_tabloble { width: 40%; }
	.w_45_tabloble { width: 45%; }
	.w_50_tabloble { width: 50%; }
	.w_55_tabloble { width: 55%; }
	.w_60_tabloble { width: 60%; }
	.w_65_tabloble { width: 65%; }
	.w_66_tabloble { width: 66.66666666666666%; }
	.w_70_tabloble { width: 70%; }
	.w_75_tabloble { width: 75%; }
	.w_80_tabloble { width: 80%; }
	.w_83_tabloble { width: 83.33333333333335%; }
	.w_85_tabloble { width: 85%; }
	.w_90_tabloble { width: 90%; }
	.w_95_tabloble { width: 95%; }
	.w_100_tabloble { width: 100%; }
}

@media screen and (max-width: 550px) {
	.w_10_mobile { width: 10%; }
	.w_15_mobile { width: 15%; }
	.w_16_mobile { width: 16.66666666666667%; }
	.w_20_mobile { width: 20%; }
	.w_25_mobile { width: 25%; }
	.w_30_mobile { width: 30%; }
	.w_33_mobile { width: 33.33333333333333%; }
	.w_35_mobile { width: 35%; }
	.w_40_mobile { width: 40%; }
	.w_45_mobile { width: 45%; }
	.w_50_mobile { width: 50%; }
	.w_55_mobile { width: 55%; }
	.w_60_mobile { width: 60%; }
	.w_65_mobile { width: 65%; }
	.w_66_mobile { width: 66.66666666666666%; }
	.w_70_mobile { width: 70%; }
	.w_75_mobile { width: 75%; }
	.w_80_mobile { width: 80%; }
	.w_83_mobile { width: 83.33333333333335%; }
	.w_85_mobile { width: 85%; }
	.w_90_mobile { width: 90%; }
	.w_95_mobile { width: 95%; }
	.w_100_mobile { width: 100%; }
}

/* height */

.h_10 { height:10%; }
.h_20 { height:20%; }
.h_40 { height:40%; }
.h_60 { height:60%; }
.h_80 { height:80%; }
.h_90 { height:90%; }
.h_100 { height:100%; }