﻿.editor * {
    font-family: 'Open Sans', '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: 12px; word-wrap: break-word; white-space: normal; }

.editor ul, .editor ol { margin: 0; }

.editor ul, .editor ol { padding-left: 25px; }

.editor, .editor p, .editor li { line-height:23px; }

.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 {}

.img_border_left{
	display: inline-block;
    float: left;
	margin-right:40px !important;
	margin-bottom:50px !important;
	position:relative;
	border-radius:25px;
	img{
		border-radius:25px;
		position:relative;
		z-index:1;
	}
}
.img_border_left::after {
	content: "";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	bottom:-10px;
	background-color:#f1932e;
	border-radius:25px;
}
.img_border_right{
	display: inline-block;
    float: right;
	margin-left:40px !important;
	margin-bottom:50px !important;
	position:relative;
	border-radius:25px;
	img{
		border-radius:25px;
		position:relative;
		z-index:1;
	}
}
.img_border_right::after {
	content: "";
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	bottom:-10px;
	background-color:#f1932e;
	border-radius:25px;
}

.website_icon{
	padding-left:50px !important;
	position:relative;
}
.website_icon::after {
	content: "";
	position:absolute;
	width:30px;
	height:30px;
	left:10px;
	border-radius:50%;
	background:url(img/icon_links.svg) no-repeat center center;
	background-color:#f74101;
}
.download_icon{
	padding-left:50px !important;
	position:relative;
}
.download_icon::after {
	content: "";
	position:absolute;
	width:30px;
	height:30px;
	left:10px;
	border-radius:50%;
	background:url(img/icon_download.svg) no-repeat center center;
	background-color:#f76f01;
}
.list_style{
	li{
		list-style-type: none;
	position:relative;
	}
	li::before {   
	content: "";
	background-color: #fff;
	width: 4px;
	height: 4px;
	border:2px solid #f74101;
	border-radius:50%;
	position: absolute;
	top: 11px;
    left: -16px;
}
}

.numberliststyle{
	position:relative;
	list-style-type: none;
	list-style: none;
	counter-reset: li; 
	li{
		list-style-type: none;position:relative;counter-increment: li; line-height: 26px; margin-bottom:10px;
	}
	li::before {    content: counter(li);
    color: #fff;
	background-color:#f76f01;
	border-radius:50%;line-height: 26px;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: -35px;
	font-size:16px;
    position: absolute;
    text-align: center;
	}
	ul{
		list-style-type: none;
	}
}