﻿@font-face {
	font-family:'Nunito Sans','Microsoft JhengHei',;
	unicode-range: U+7db0, U+78A7, U+7B75;
	font-style: normal;
	font-weight: bold;
	src: local(MS Gothic), local(Yu Gothic), local(PMingLiU);
  }
.editor * {
	font-family: 'Nunito Sans','Microsoft JhengHei', 微軟正黑體, Arial, 'PMingLiU', 新細明體;
}

.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:#3A3839; font-size: 18px; word-wrap: break-word; white-space: normal; }

.editor ul, .editor ol { margin: 0; }

.editor ul, .editor ol { padding-left: 0; margin-top: 2px;}

.editor li {
	/* background: url(img/list-icon.png) no-repeat top 4px left 2px; */
    padding-left: 34px;
	list-style: none;
    margin-bottom: 4px;
}

.editor, .editor p, .editor li { line-height:32px; }

.editor img { border:none; }

.editor a, .editor a:link, .editor a:active, .editor a:visited { color:#ffffff; font-size: inherit; }

.editor a:hover { color:#ffffff; }

.editor table.table-border, .editor table.table-border td, .editor table.table-border th { 
	border-collapse: collapse; 
	border: 1px solid #ffffff;
}

.editor td, .editor th { padding:3px 0px; }

hr { border:none; height:1px; background-color:#fff; color:#fff; }

.editor table.table-center{margin:0 auto;}

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

/* point */
.editor ul.ul_style1 {
	margin-top: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.editor ul.ul_style1 ul {
	list-style: none;
	counter-reset: css-counter 0;
}
.editor ul.ul_style1 li {
	font-weight: 400;
	list-style: none; 
	margin-bottom: 10px;
	display: block;
	position: relative;
	padding-left: 28px;
	/* line-height: 30px; */
	color: #3A3839;
}
.editor ul.ul_style1 li:last-child{
	list-style: none; 
	margin-bottom: 0px;
	display: block;
	position: relative;
}
.editor ul.ul_style1 li::before {
	content: '';
	text-align: center;
	vertical-align: middle;
	background: url(img/diamond-icon.svg) no-repeat left;
    background-size: 15px auto;
	width: 15px;
	height: 15px;
	position: absolute;
    	top: 6px;
    	left: 0px;
}
.editor ul.ul_style1 li span{
	font-weight: 400;
	margin-left: 0px;
	line-height: 32px;
	/* letter-spacing: 0px; */
	color:#3A3839 ;
}
/*
.editor ul.ul_style1 li span sup{
	vertical-align: top; position: relative; top: -0.5em;
}
.editor ul.ul_style1 li sup{
	vertical-align: top; position: relative; top: -0.5em;
}
.editor ul.ul_style1 li span sub{
	vertical-align: bottom; position: relative; top: 0.2em;
}
.editor ul.ul_style1 li sub{
	vertical-align: bottom; position: relative; top: 0.2em;
}
*/
/* title */
.editor .title-style1{
	font-size: 18px;
	font-weight: 600 !important;
	color: #2C524F !important;
	/*letter-spacing: 3.24px !important;*/
}
.editor .title-style2{
	font-size: 18px;
	color: #3A3839;
	font-weight: 400;
}
.editor .footer-style{
	color: #707070;
	font-size: 14px;
	font-weight: 400;
	p{
		color: #707070;
		font-size: 14px;
		font-weight: 400;
	}
	span{
		color: #707070;
		font-size: 14px;
		font-weight: 400;
	}
	a{
		color: #707070;
		font-size: 14px;
		font-weight: 400;
	}
}
/* table3 */
.editor .table3{
	border-collapse: collapse;
	background-color: #D8EBF7;
	width: 100%;
}
.editor .table3 tr:nth-child(1) td:nth-child(1){
	column-span: all !important;
	width: 100%;
	margin-top: 0px;
	font-size: 28px !important;
	letter-spacing: 2.8px;
	color: #2C524F!important;
}
.editor .table3 tr{
	overflow: hidden;
	position: relative;
    white-space: nowrap;
}
.editor .table3 tr:nth-child(4) td:nth-child(1)::after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 40px;
	background-color: #fff;
	width: calc(100% - 40px);
	height: 1px;
}
.editor .table3 tr:nth-child(4) td:nth-child(2)::after{
	content: '';
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-color: #fff;
	width: calc(100% - 40px);
	height: 1px;
}
.editor .table3 tr:nth-child(6) td:nth-child(1)::after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 40px;
	background-color: #fff;
	width: calc(100% - 40px);
	height: 1px;
	@media screen and (max-width:767px) {
		width: calc(100% - 20px);
		left: 10px;
	}
}
.editor .table3 tr:nth-child(6) td:nth-child(2)::after{
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0px;
	background-color: #fff;
	width: calc(100% - 40px);
	height: 1px;
	@media screen and (max-width:767px) {
		width: calc(100% - 20px);
		left: 10px;
	}
}
.editor .table3 tr td:nth-child(1){
	width: 24% !important;
}
.editor .table3 tr td:nth-child(2){
	width: 76% !important;
}
.editor .table3 tr:last-child td:nth-child(1){
	padding: 3px 10px 22px 40px !important;
	@media screen and (max-width:767px) {
		padding: 3px 10px 22px 10px !important;
	}
}
.editor .table3 tr:last-child td:nth-child(2){
	padding: 3px 40px 22px 10px !important;
	@media screen and (max-width:767px) {
		padding: 3px 10px 22px 10px !important;
	}
}
.editor .table3 tr:nth-child(4) td:nth-child(1){
	padding: 5px 10px 5px 40px;
	@media screen and (max-width:767px) {
		padding: 6px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(4) td:nth-child(2){
	padding: 5px 40px 5px 10px;
	@media screen and (max-width:767px) {
		padding: 6px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(5) td:nth-child(1){
	padding: 12px 10px 5px 40px;
	@media screen and (max-width:767px) {
		padding: 12px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(5) td:nth-child(2){
	padding: 12px 40px 5px 10px;
	@media screen and (max-width:767px) {
		padding: 12px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(7) td:nth-child(1){
	padding: 10px 10px 6px 40px;
	@media screen and (max-width:767px) {
		padding: 10px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(7) td:nth-child(2){
	padding: 10px 40px 6px 10px;
	@media screen and (max-width:767px) {
		padding: 10px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(8) td:nth-child(1){
	padding: 0px 10px 6px 40px;
	@media screen and (max-width:767px) {
		padding: 0px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(8) td:nth-child(2){
	padding: 0px 40px 6px 10px;
	@media screen and (max-width:767px) {
		padding: 0px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(1) td p{
	/* border-bottom: 1px solid #000; */
	color: #fff;
}
.editor .table3 tr td p{
	/* border-bottom: 1px solid #000; */
	line-height: 32px;
}
.editor .table3 tr td:nth-child(1){
}
.editor .table3 tr td:nth-child(2){
}
.editor .table3 tr:last-child{
}
.editor .table3 td:nth-child(1){
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	color: #3A3839;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1.8px;
	padding: 5px 10px 5px 40px;
	line-height: 32px;
}
.editor .table3 td:nth-child(2){
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	color: #3A3839;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1.8px;
	padding: 5px 40px 5px 10px;
	line-height: 32px;
	@media screen and (max-width:767px) {
		padding: 6px 10px 6px 10px;
	}
}
.editor .table3 tr:nth-child(1) td{
	border: 0 !important;
	padding: 17px 40px 17px;
	position: relative;
	@media screen and (max-width:767px) {
		padding: 17px 10px 17px;
	}
}
.editor .table3 tr:nth-child(1) td::after{
	content: '';
	position: absolute;
	bottom: 3px;
	left: 40px;
	background-color: #fff;
	width: calc(100% - 80px);
	height: 1px;
}
@media screen and (max-width:767px) {
	.editor .table3 tr:nth-child(4) td:nth-child(1)::after{
	content: '';
	position: absolute;
	bottom: 0px;
	background-color: #fff;
	width: calc(100% - 10px);
	height: 1px;
	left: 10px;
	}
	.editor .table3 tr:nth-child(4) td:nth-child(2)::after{
		content: '';
		position: absolute;
		bottom: 0px;
		background-color: #fff;
		width: calc(100% - 10px);
		height: 1px;
		left: 0px;
	}
	.editor .table3 tr:nth-child(6) td:nth-child(1)::after{
		content: '';
		position: absolute;
		bottom: 1px;
		background-color: #fff;
		height: 1px;
		width: calc(100% - 10px);
		left: 10px;
	}
	.editor .table3 tr:nth-child(6) td:nth-child(2)::after{
	content: '';
	position: absolute;
	bottom: 1px;
	background-color: #fff;
	height: 1px;
	width: calc(100% - 10px);
	left: 0px;
	}
	.editor .table3 tr:nth-child(1) td::after{
	content: '';
	position: absolute;
	bottom: 3px;
	left: 10px;
	background-color: #fff;
	width: calc(100% - 20px);
	height: 1px;
	}
	.editor .table3 td:nth-child(1){
		padding: 6px 10px 6px 10px;
	}
	.editor .table3 td:nth-child(2){
		padding: 6px 10px 6px 10px;
	}
	.editor .table3 tr:last-child td:nth-child(1){
			padding: 3px 10px 22px 10px !important;
	}
	.editor .table3 tr:last-child td:nth-child(2){
		
			padding: 3px 10px 22px 10px !important;
	}
	.editor .table3 tr:nth-child(4) td:nth-child(1){
			padding: 6px 10px 6px 10px;
	}
	.editor .table3 tr:nth-child(4) td:nth-child(2){
			padding: 6px 10px 6px 10px;
	}
	.editor .table3 tr:nth-child(5) td:nth-child(1){
			padding: 12px 10px 6px 10px;
	}
	.editor .table3 tr:nth-child(5) td:nth-child(2){
			padding: 12px 10px 6px 10px;
	}
	.editor .table3 tr:nth-child(7) td:nth-child(1){
			padding: 10px 10px 6px 10px;
	}
	.editor .table3 tr:nth-child(7) td:nth-child(2){
			padding: 10px 10px 6px 10px;
	}
	.editor .table3 tr:nth-child(1) td{
			padding: 17px 10px 17px;
	}
	.editor .table3 tr:nth-child(8) td:nth-child(1){
		padding: 0px 10px 6px 10px;
}
.editor .table3 tr:nth-child(8) td:nth-child(2){
		padding: 0px 10px 6px 10px;
}
.editor .table3 tr:nth-child(4){
	position: relative !important;
}
.editor .table3 tr:nth-child(6){
	position: relative !important;
}
.editor .table3 tr{
	position: relative !important;
}
}
/* .editor . */