@charset "utf-8";
/* share css
@import url( '../style.css' );
*/
@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css');



/*
	Sample Template Common Style
 */
.etf-tpl table {
	table-layout: fixed;
}
	/* Layout */
	.etf-tpl .container-fluid {
		padding: 50px 0;
	}
		.etf-tpl .container-fluid .row {
			width: 90%;
			margin: 30px auto 0;
		}
		.etf-tpl .container-fluid .row:first-child {
			margin-top: 0;
		}


/*
	Sample Template 01
	#etf-tpl-sample
*/
#etf-tpl-sample h2 {
	color: #56C0F3 !important;

}
#etf-tpl-sample h3 {
	color: #727272 !important;
}
	/* Layout */
	#etf-tpl-sample .etf-tpl-section .etf-tpl-row,
	#etf-tpl-sample .etf-tpl-foot .etf-tpl-row {
		justify-content: space-between;
	}

	/* head */
	#etf-tpl-sample .etf-tpl-head {
		background: #73BAE3;
		color: #fff;
	}
		#etf-tpl-sample .etf-tpl-head .etf-tpl-row:last-child {
			align-items: center;
		}

	/* etf-tpl-section */
	#etf-tpl-sample .etf-tpl-section {
		background: #FFFDF2;
	}
		#etf-tpl-sample .etf-tpl-section h2 {
			color: #FDB752 !important;
		}
		#etf-tpl-sample .etf-tpl-section h3 {
			color: #CC9A9B !important;
		}

	/* etf-tpl-tables */
		#etf-tpl-sample .table th,
		#etf-tpl-sample .table td {
			text-align: center;
			vertical-align: middle;
			border: 1px solid #ddd;
			padding: 10px;
		}

		/* first column */
		#etf-tpl-sample .table td:first-of-type {
			background: #F5F5F5;
		}
		/* 2nd column */
		#etf-tpl-sample .table td:nth-of-type(2) {
			background: #DEF1F5;
		}
		/* 3rd column */
		#etf-tpl-sample .table td:last-of-type {
			background: #F5EBE3;
		}

		/* for first row & last row */
		#etf-tpl-sample .table th,
		#etf-tpl-sample .table .etf-tpl-row-submit td,
		#etf-tpl-sample .table .etf-tpl-row-submit td a {
			color: #fff;
		}

		/* for first row & last row & first column */
		#etf-tpl-sample .table th:first-of-type,
		#etf-tpl-sample .table .etf-tpl-row-submit td:first-of-type,
		#etf-tpl-sample .table .etf-tpl-row-submit td:first-of-type a {
			background: #999;
		}
		/* for first row & last row & 2nd column */
		#etf-tpl-sample .table th:nth-of-type(2),
		#etf-tpl-sample .table .etf-tpl-row-submit td:nth-of-type(2),
		#etf-tpl-sample .table .etf-tpl-row-submit td:nth-of-type(2) a {
			background: #34AFE3;
		}
		/* for first row & last row & 3rd column */
		#etf-tpl-sample .table th:last-of-type,
		#etf-tpl-sample .table .etf-tpl-row-submit td:last-of-type,
		#etf-tpl-sample .table .etf-tpl-row-submit td:last-of-type a {
			background: #E86095;
		}

		/* last row link */
		#etf-tpl-sample .table .etf-tpl-row-submit td a {
			display: block;
			text-decoration: none;
			font-weight: bold;
		}
		#etf-tpl-sample .table .etf-tpl-row-price td {
			color: #EC426E;
			font-weight: bold;
			font-size: 40px;
		}

	/* foot */
	#etf-tpl-sample .etf-tpl-foot {
		background: #408CB7;
	}
		#etf-tpl-sample .etf-tpl-foot,
		#etf-tpl-sample .etf-tpl-foot h2,
		#etf-tpl-sample .etf-tpl-foot h3 {
			color: #fff !important;
		}
		#etf-tpl-sample .etf-tpl-foot p {
			text-align: left;
		}



/*
	Sample Template 02
	#etf-tpl-sample2
*/
	/* editable area */
	#etf-tpl-sample2 .mceEditable h2 {
		color: #2E6C56;
		font-size: 28px;
		border: 2px solid #2E6C56;
		padding: 10px;
	}
	#etf-tpl-sample2 .mceEditable h3 {
		color: #2E6C56;
		font-size: 24px;
		border-bottom: 2px solid #2E6C56;
		padding: 10px;
	}
	#etf-tpl-sample2 .mceEditable h4 {
		color: #2E6C56;
		font-size: 18px;
		padding: 0 10px;
	}
	#etf-tpl-sample2 .mceEditable p {
		padding: 0 10px;
	}

	/* side */
	#etf-tpl-sample2 .etf-side {
		background: #E5F2EC;
	}
		#etf-tpl-sample2 .etf-side h2 {
			color: #2E6C56;
			font-size: 16px;
			margin-top: 20px;
		}