img {
    max-width: 100%;
    max-height: 100%;
    height: auto !important;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

.col {
    box-sizing: border-box;
}

.alert-notice-img {
    max-width: 330px;
    width: 60%;
}
.alert-notice-msg {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.4;
    margin: 0.2em 0 1em;
}
.alert-notice-title {
    color: #000;
    font-size: 23px;
}

.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;
}

.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) {
    .alert-notice-box {
        font-size: 14px;
        margin-top: 1.8em;
    }
    .alert-notice-msg {
        font-size: 20px;
    }
    .alert-notice-title {
        font-size: 18px;
    }

    .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;
	}
}