.g_top > * > TR > .c {vertical-align:top;}
.g_bottom > * > TR > .c {vertical-align:bottom;}
.g_middle > * > TR > .c {vertical-align:middle;}

.g_max    {width:100%;}
.g_center {text-align:center;}
.g_nobr   {white-space:nowrap;}

.g_split > * > TR > .c + .c {border-left:1px solid rgba(0,0,0,.06);}
.g_split-sep > * > TR.sep > .c {
	background: rgba(0,0,0,.06);
	height: 1px;
	padding: 0;
	border-top: 7px solid #fff;
	border-bottom: 7px solid #fff;
	}

/* gap */
.g_gap_XS > * > TR > .c {padding:3px;}
.g_gap_XS > * > TR > .c:last-child {padding-right:0;}
.g_gap_XS > * > TR > .c:first-child {padding-left:0;}
.g_gap_XS > * > TR:last-child > .c {padding-bottom:0;}
.g_gap_XS > * > TR:first-child > .c {padding-top:0;}

.g_gap_S > * > TR > .c {padding:5px;}
.g_gap_S > * > TR > .c:last-child {padding-right:0;}
.g_gap_S > * > TR > .c:first-child {padding-left:0;}
.g_gap_S > * > TR:last-child > .c {padding-bottom:0;}
.g_gap_S > * > TR:first-child > .c {padding-top:0;}

.g_gap_M > * > TR > .c {padding:8px;}
.g_gap_M > * > TR > .c:last-child {padding-right:0;}
.g_gap_M > * > TR > .c:first-child {padding-left:0;}
.g_gap_M > * > TR:last-child > .c {padding-bottom:0;}
.g_gap_M > * > TR:first-child > .c {padding-top:0;}

.g_gap_L > * > TR > .c {padding:10px;}
.g_gap_L > * > TR > .c:last-child {padding-right:0;}
.g_gap_L > * > TR > .c:first-child {padding-left:0;}
.g_gap_L > * > TR:last-child > .c {padding-bottom:0;}
.g_gap_L > * > TR:first-child > .c {padding-top:0;}

.g_gap_XL > * > TR > .c {padding:15px;}
.g_gap_XL > * > TR > .c:last-child {padding-right:0;}
.g_gap_XL > * > TR > .c:first-child {padding-left:0;}
.g_gap_XL > * > TR:last-child > .c {padding-bottom:0;}
.g_gap_XL > * > TR:first-child > .c {padding-top:0;}

/* gap-x */
.g_gap-x_XS > * > TR > .c {padding-left:3px; padding-right:3px;}
.g_gap-x_XS > * > TR > .c:last-child {padding-right:0;}
.g_gap-x_XS > * > TR > .c:first-child {padding-left:0;}

.g_gap-x_S > * > TR > .c {padding-left:5px; padding-right:5px;}
.g_gap-x_S > * > TR > .c:last-child {padding-right:0;}
.g_gap-x_S > * > TR > .c:first-child {padding-left:0;}

.g_gap-x_M > * > TR > .c {padding-left:8px; padding-right:8px;}
.g_gap-x_M > * > TR > .c:last-child {padding-right:0;}
.g_gap-x_M > * > TR > .c:first-child {padding-left:0;}

.g_gap-x_L > * > TR > .c {padding-left:10px; padding-right:10px;}
.g_gap-x_L > * > TR > .c:last-child {padding-right:0;}
.g_gap-x_L > * > TR > .c:first-child {padding-left:0;}

.g_gap-x_XL > * > TR > .c {padding-left:20px; padding-right:20px;}
.g_gap-x_XL > * > TR > .c:last-child {padding-right:0;}
.g_gap-x_XL > * > TR > .c:first-child {padding-left:0;}

/* gap-y */
.g_gap-y_XS > * > TR > .c {padding-top:3px; padding-bottom:3px;}
.g_gap-y_XS > * > TR:last-child > .c {padding-bottom:0;}
.g_gap-y_XS > * > TR:first-child > .c {padding-top:0;}

.g_gap-y_S > * > TR > .c {padding-top:5px; padding-bottom:5px;}
.g_gap-y_S > * > TR:last-child > .c {padding-bottom:0;}
.g_gap-y_S > * > TR:first-child > .c {padding-top:0;}

.g_gap-y_M > * > TR > .c {padding-top:8px; padding-bottom:8px;}
.g_gap-y_M > * > TR:last-child > .c {padding-bottom:0;}
.g_gap-y_M > * > TR:first-child > .c {padding-top:0;}

.g_gap-y_L > * > TR > .c {padding-top:10px; padding-bottom:10px;}
.g_gap-y_L > * > TR:last-child > .c {padding-bottom:0;}
.g_gap-y_L > * > TR:first-child > .c {padding-top:0;}

.g_gap-y_XL > * > TR > .c {padding-top:20px; padding-bottom:20px;}
.g_gap-y_XL > * > TR:last-child > .c {padding-bottom:0;}
.g_gap-y_XL > * > TR:first-child > .c {padding-top:0;}

/* padding */
.g_padding_XS > * > TR > .c:first-child {padding-left:6px;}
.g_padding_XS > * > TR > .c:last-child  {padding-right:6px;}
.g_padding_XS > * > TR:first-child > .c {padding-top:6px;}
.g_padding_XS > * > TR:last-child > .c  {padding-bottom:6px;}

.g_padding_S > * > TR > .c:first-child {padding-left:10px;}
.g_padding_S > * > TR > .c:last-child  {padding-right:10px;}
.g_padding_S > * > TR:first-child > .c {padding-top:10px;}
.g_padding_S > * > TR:last-child > .c  {padding-bottom:10px;}

.g_padding_M > * > TR > .c:first-child {padding-left:16px;}
.g_padding_M > * > TR > .c:last-child  {padding-right:16px;}
.g_padding_M > * > TR:first-child > .c {padding-top:16px;}
.g_padding_M > * > TR:last-child > .c  {padding-bottom:16px;}

.g_padding_L > * > TR > .c:first-child {padding-left:20px;}
.g_padding_L > * > TR > .c:last-child  {padding-right:20px;}
.g_padding_L > * > TR:first-child > .c {padding-top:20px;}
.g_padding_L > * > TR:last-child > .c  {padding-bottom:20px;}

.g_padding_2L > * > TR > .c:first-child {padding-left:40px;}
.g_padding_2L > * > TR > .c:last-child  {padding-right:40px;}
.g_padding_2L > * > TR:first-child > .c {padding-top:40px;}
.g_padding_2L > * > TR:last-child > .c  {padding-bottom:40px;}

/* padding-x */
.g_padding-x_XS > * > TR > .c:first-child {padding-left:6px;}
.g_padding-x_XS > * > TR > .c:last-child  {padding-right:6px;}

.g_padding-x_S > * > TR > .c:first-child {padding-left:10px;}
.g_padding-x_S > * > TR > .c:last-child  {padding-right:10px;}

.g_padding-x_M > * > TR > .c:first-child {padding-left:16px;}
.g_padding-x_M > * > TR > .c:last-child  {padding-right:16px;}

.g_padding-x_L > * > TR > .c:first-child {padding-left:20px;}
.g_padding-x_L > * > TR > .c:last-child  {padding-right:20px;}

/* padding-y */
.g_padding-y_XS > * > TR:first-child > .c {padding-top:6px;}
.g_padding-y_XS > * > TR:last-child > .c  {padding-bottom:6px;}

.g_padding-y_S > * > TR:first-child > .c {padding-top:10px;}
.g_padding-y_S > * > TR:last-child > .c  {padding-bottom:10px;}

.g_padding-y_M > * > TR:first-child > .c {padding-top:16px;}
.g_padding-y_M > * > TR:last-child > .c  {padding-bottom:16px;}

.g_padding-y_L > * > TR:first-child > .c {padding-top:20px;}
.g_padding-y_L > * > TR:last-child > .c  {padding-bottom:20px;}

/* padding-b */
.g_padding-b_XS > * > TR:first-child > .c {padding-bottom:6px;}
.g_padding-b_S > * > TR:last-child > .c   {padding-bottom:10px;}
.g_padding-b_M > * > TR:last-child > .c   {padding-bottom:16px;}
.g_padding-b_L > * > TR:last-child > .c   {padding-bottom:20px;}
.g_padding-b_XL > * > TR:last-child > .c   {padding-bottom:30px;}

/* padding-t */
.g_padding-t_XS > * > TR:first-child > .c {padding-top:6px;}
.g_padding-t_S > * > TR:first-child > .c  {padding-top:10px;}
.g_padding-t_M > * > TR:first-child > .c  {padding-top:16px;}
.g_padding-t_L > * > TR:first-child > .c  {padding-top:20px;}
.g_padding-t_XL > * > TR:first-child > .c  {padding-top:30px;}




.b {display:block;}
.b.g {display:table;}

/* m */
.b_inline {display:inline-block;}
.b_nobr   {white-space:nowrap;}
.b_left   {text-align:left;}
.b_right  {text-align:right;}
.b_center {text-align:center;}

.b_menu:hover {cursor:pointer; background:#FFECA1;}

.b_inset-border {box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);}
.b_top > .c {vertical-align:top;}
.b_middle > .c {vertical-align:middle;}

.b_separated > .b + .b {border-top:1px solid rgba(0,0,0,.15);}
.b_tabs {padding-top:0 !important;}


/* padding */
.b_padding_XS {padding:6px;}
.b_padding_S  {padding:10px;}
.b_padding_M  {padding:16px;}
.b_padding_L  {padding:20px;}

/* padding-x */
.b_padding-x_S  {padding-left:10px; padding-right:10px;}
.b_padding-x_M  {padding-left:16px; padding-right:16px;}
.b_padding-x_L  {padding-left:20px; padding-right:20px;}

.b_padding-y_XS  {padding-top:6px; padding-bottom:6px;}
.b_padding-y_S  {padding-top:10px; padding-bottom:10px;}
.b_padding-y_M  {padding-top:16px; padding-bottom:16px;}
.b_padding-y_L  {padding-top:20px; padding-bottom:20px;}

.b_padding_S.b_for_l-c,
.b_padding-x_S.b_for_l-c {margin-left:-10px;}

.b_padding_M.b_for_l-c,
.b_padding-x_M.b_for_l-c {margin-left:-16px;}

.b_padding_L.b_for_l-c,
.b_padding-x_L.b_for_l-c {margin-left:-20px;}

/* margin */
.b_margin_S  {margin:10px;}
.b_margin_M  {margin:16px;}
.b_margin_L  {margin:20px;}

/* margin-x */
.b_margin-x_S  {margin-left:10px; margin-right:10px;}
.b_margin-x_M  {margin-left:16px; margin-right:16px;}
.b_margin-x_L  {margin-left:20px; margin-right:20px;}

/* margin-y */
.b_margin-y_S  {margin-top:10px; margin-bottom:10px;}
.b_margin-y_M  {margin-top:16px; margin-bottom:16px;}
.b_margin-y_L  {margin-top:20px; margin-bottom:20px;}

/* padding-t */
.b_padding-t_XS  {padding-top:5px;}
.b_padding-t_S  {padding-top:10px;}
.b_padding-t_M  {padding-top:16px;}
.b_padding-t_L  {padding-top:20px;}

/* padding-b */
.b_padding-b_XS  {padding-bottom:5px;}
.b_padding-b_S  {padding-bottom:10px;}
.b_padding-b_M  {padding-bottom:16px;}
.b_padding-b_L  {padding-bottom:20px;}

/* background */
.b_background_normal {background:#EEE;}
.b_background_bright {background:#F7F0E8;}
.b_background_ads    {background:#FFFBEC;}

/* gap */
.b_gap_XS > .b + .b {margin-top: 6px;}
.b_gap_S  > .b + .b {margin-top:10px;}
.b_gap_M  > .b + .b {margin-top:16px;}
.b_gap_L  > .b + .b {margin-top:20px;}

.b > .c     {display:inline-block;}
.b_gap-x_XS {margin: -6px 0 0  -6px;}
.b_gap-x_S  {margin:-10px 0 0 -10px;}
.b_gap-x_M  {margin:-16px 0 0 -16px;}
.b_gap-x_L  {margin:-20px 0 0 -20px;}
.b_gap-x_XL  {margin:-30px 0 0 -30px;}

.b_gap-x_XS > * {margin: 6px 0 0  6px; display:inline-block;}
.b_gap-x_S  > * {margin:10px 0 0 10px; display:inline-block;}
.b_gap-x_M  > * {margin:16px 0 0 16px; display:inline-block;}
.b_gap-x_L  > * {margin:20px 0 0 20px; display:inline-block;}
.b_gap-x_XL  > * {margin:30px 0 0 30px; display:inline-block;}

.b_gap_XS > .l-s {margin: 6px 0;}
.b_gap_S  > .l-s {margin:10px 0;}
.b_gap_M  > .l-s {margin:16px 0;}
.b_gap_L  > .l-s {margin:20px 0;}


.c_nobr   {white-space:nowrap;}
.c_pre    {white-space:pre;}
.c_max    {width:100%;}
.c_min    {width:1px;}
.c_left   {text-align:left;}
.c_right  {text-align:right;}
.c_center {text-align:center;}
.c_hidden {visibility:hidden;}
.c_header {font-weight:bold;}

.c_padding-l_L {padding-left: 20px;}

.g > TBODY > TR > .c_middle {vertical-align:middle;}
.g > TBODY > TR > .c_top    {vertical-align:top;}
.g > TBODY > TR > .c_bottom {vertical-align:bottom;}

/* gap */
.c_gap_XXS > .b + .b {margin-top: 4px;}
.c_gap_XS  > .b + .b {margin-top: 6px;}
.c_gap_S   > .b + .b {margin-top:10px;}
.c_gap_M   > .b + .b {margin-top:16px;}
.c_gap_L   > .b + .b {margin-top:20px;}
.c_gap_XL  > .b + .b {margin-top:26px;}

.c_gap_XXS > .g + .g {margin-top: 4px;}
.c_gap_XS  > .g + .g {margin-top: 6px;}
.c_gap_S   > .g + .g {margin-top:10px;}
.c_gap_M   > .g + .g {margin-top:16px;}
.c_gap_L   > .g + .g {margin-top:20px;}
.c_gap_XL  > .g + .g {margin-top:26px;}

.c_gap_XXS > .s {margin: 4px 0;}
.c_gap_XS  > .s {margin: 6px 0;}
.c_gap_S   > .s {margin:10px 0;}
.c_gap_M   > .s {margin:16px 0;}
.c_gap_L   > .s {margin:20px 0;}
.c_gap_XL  > .s {margin:26px 0;}
