﻿.editor * {
	font-family: 'Microsoft JhengHei',  Arial,  微軟正黑體, 'PMingLiU', 新細明體 !important;
}

.editor p, .editor div, .editor a, .editor li, .editor td, .editor th, .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6 { margin:0px; padding:0px; color:#000000; font-size: 18px; word-wrap: break-word; white-space: normal; letter-spacing:0.4px; }

.editor ul, .editor ol { margin: 0; }

.editor ul { padding-left: 15px; }
.editor ol {
	padding-left:20px;
	/*counter-reset: sectioncounter*/
}
.editor ol > li{
	/*list-style:none;*/
}

.editor ol > li:before {
    /*content:  counter(sectioncounter) ')';*/
    /*counter-increment: sectioncounter;*/
    /*margin-right:5px;*/
}

.editor, .editor p, .editor li { line-height:32px; }

.editor img { border:none; }

.editor a, .editor a:link, .editor a:active, .editor a:visited { color:#000000; font-size: inherit; }

.editor a:hover { color:#000000; }

.editor table.table-border, .editor table.table-border td, .editor table.table-border th { 
	border-collapse: collapse; 
	border: 1px solid #000000;
}

.editor td, .editor th { padding:3px; }

hr { border:none; height:1px; background-color:#CCCCCC; color:#CCCCCC; }

.editor .underline, .editor .underline * { text-decoration:underline; }

.editor table, .editor img { max-width: 100%; height: auto; }

.editor:after {
	clear: both;
    display: block;
    content: " ";
}

.editor .table-responsive-wrapper {}

.editor .table-responsive-wrapper .table-responsive {}

.editor hr{
	width:100%;
	height:1px;
	background:#808080;
	color:#808080;
	margin-top: 22px;
    margin-bottom: 22px;
}
.editor ul 
{

}

.editor ul li{
	list-style:none;
	position:relative;
}
.editor ul li:before{
	content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #f73030;
    position: absolute;
    left: -15px;
    top: 11px;
}

.square{
	position:relative;
	padding-left:17px;
	display:inline-block;
}
.square:before{
	content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #f73030;
    position: absolute;
    left: -3px;
    top: 14px;
}

.editor .horizontal_line{
	position:relative;
	padding-left:17px;
	display:block;
}
.editor .horizontal_line:before{
	content: '';
    display: inline-block;
    width: 5px;
    height: 1px;
    background-color:black;
    position: absolute;
    left: 1px;
    top: 17px;
}

table.table-responsive-wrapper2{
	display:none;
}

table.bg-white-border{
	border:1px solid #f1f1f1;	
	margin-top:10px;
	margin-bottom:34px;
}
table.bg-white-border td{
	text-align:center;
	background:white;
	padding:23px 5px;
	border:1px solid #f1f1f1;
}

table.table-bg-red{
	border:1px solid white;	
}

table.table-bg-red ol{
	padding-left:20px;
} 

table.table-bg-red td{
	background:rgb(210,172,172);
	border:1px solid white;
	padding: 9px 32px;
}

table.table-bg-red tr td:nth-of-type(1)
{
	background:#8b0d0d;
	padding: 9px 17px;
}

.editor .contact_space{
	height:9px;
	display:block;
}

@media all and (max-width:1220px)
{
	.editor p, .editor div, .editor a, .editor li, .editor td, .editor th, .editor h1, .editor h2, .editor h3, .editor h4, .editor h5, .editor h6
	{
		font-size:15px;
		line-height:30px;
	}
	.editor{
		line-height:30px;
	}
	.editor ul{
		padding-left:10px;
	}
	.editor ul li:before{
		left: -11px;
    	top: 12px;
	}
	.square:before{
		left: -3px;
    	top: 12px;
	}
}

@media all and (max-width:767px)
{
	.editor .table-responsive-wrapper{
		width:100%;
	}
	
	.editor .table-responsive2{
		display:none;
	}
	
	.editor table.table-responsive-wrapper2{
		display:table;
		width:100%;
	}
}