@import url(../common/_editor_style.css);
.editor-row{ margin-bottom:5px; float:none;}
.editor-row img{ max-width:100%; margin-bottom:3px;}
.clear{ clear:both;}
.clear:after,.editor-row:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
@font-face{
	font-family:"Ionicons";
	src:url("/upload/fonts/ionicons.eot?v=2.0.0");
	src:url("/upload/fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),
	url("/upload/fonts/ionicons.ttf?v=2.0.0") format("truetype"),
	url("/upload/fonts/ionicons.woff?v=2.0.0") format("woff"),
	url("/upload/fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");
	font-weight:normal;
	font-style:normal;
}

.two-column h2,.img-full h2{ margin:3px 0;}
.img-left h2,
.img-right h2,
.three-column h3,
.four-column h4,
.five-column h5,
.six-column h6
{ 	
	margin:0 0 3px 0;
}

/*文繞圖-圖靠左、右*/
.img-left img{ float:left; margin-right:5px; margin-bottom:5px;}
.img-right img{ float:right; margin-left:5px; margin-bottom:5px;}

.img-full img,
.two-column div img:first-child,
.three-column div img:first-child,
.fore-column div img:first-child,
.five-column div img:first-child,
.six-column div img:first-child
{
	width:100%;
}

/*兩欄*/
.two-column-left,.two-column-right{
	float:left;
	width:49%;
	display:inline-block;
}
.two-column-left{ margin-right:2%;}

/*三欄*/
.three-column-left,.three-column-middle,.three-column-right{
	float:left;
	width:33%;
	display:inline-block;
}
.three-column-left,.three-column-middle{ margin-right:.5%;}

/*四欄*/
.four-column-1,.four-column-2,.four-column-3,.four-column-4{
	float:left;
	width:24.25%;
	display:inline-block;
}
.four-column-1,.four-column-2,.four-column-3{ margin-right:1%;}

/*五欄*/
.five-column-1,.five-column-2,.five-column-3,.five-column-4,.five-column-5{
	float:left;
	width:19.6%;
	display:inline-block;
}
.five-column-1,.five-column-2,.five-column-3,.five-column-4{ margin-right:.5%;}

/*六欄*/
.six-column-1,.six-column-2,.six-column-3,.six-column-4,.six-column-5,.six-column-6{
	float:left;
	width:16%;
	display:inline-block;
}
.six-column-1,.six-column-2,.six-column-3,.six-column-4,.six-column-5{ margin-right:.8%;}

/*表格*/
.table-area{
	overflow:auto;
}

.table-area table,.table-area table td{ border-collapse:collapse; border:1px solid #ccc}
.table-area table thead td{ background-color:#ccc; border:1px solid #bbb; white-space: nowrap;}
.table-area table td{ padding:3px;}

@media screen and (max-width: 1024px) {
	
	.four-column-1,.four-column-2,.four-column-3,.four-column-4
	{
		width:49%;
		display:inline-block;
	}
	.four-column-1,.four-column-3
	{
		margin-right:2%;
	}
	.four-column-2,.four-column-4{
		margin:0;
	}
	
	.five-column-1,.five-column-2,.five-column-3,.five-column-4,.five-column-5,
	.six-column-1,.six-column-2,.six-column-3,.six-column-4,.six-column-5,.six-column-6
	{
		width:33%;
	}
	.five-column-1,.five-column-2,.five-column-4,
	.six-column-1,.six-column-2,.six-column-4,.six-column-5
	{
		margin-right:.5%;
	}
	.five-column-3,
	.six-column-3,.six-column-6
	{ 
		margin:0;
	}
	.five-column-1,.five-column-2,.five-column-3,.five-column-4,.five-column-5,
	.six-column-1,.six-column-2,.six-column-3,.six-column-4,.six-column-5,.six-column-6
	{
		margin-bottom:5px;
	}
}

@media screen and (max-width: 767px) {

    .two-column-left,.two-column-right{
		float:none;
		width:100%;
		display:block;
		margin-bottom:.5em;
	}
	
	.six-column-1,.six-column-2,.six-column-3,.six-column-4,.six-column-5,.six-column-6
	{
		width:49%;
		display:inline-block;
	}
	.six-column-1,.six-column-3,.six-column-5
	{
		margin-right:2%;
	}
	.six-column-2,.six-column-4,.six-column-6{
		margin:0;
	}
}

@media screen and (max-width: 640px)
{
	.three-column-left,.three-column-middle,.three-column-right,
	.four-column-1,.four-column-2,.four-column-3,.four-column-4,
	.five-column-1,.five-column-2,.five-column-3,.five-column-4,.five-column-5,
	.six-column-1,.six-column-2,.six-column-3,.six-column-4,.six-column-5,.six-column-6
	{
		float:none;
		width:100%;
		display:block;
		margin-bottom:.5em;
	}
}