/*********** 前後台編輯器區塊共用的CSS設定 ***********/
.editor-title {
    color: #5e5e5e;
    font-family: 'Kanit', sans-serif;
    font-size: 36px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 10px;
}
.editor-title span{
	color: #153572;
}
.editor-title2 {
	color: #0690f8;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 5px;
}
.about-editor .row {
	margin: 0 -1%;
}
.about-editor .col {
	padding: 0 1%;
	float: left;
}
.about-editor .col1 {
	width: 51%;
}
.about-editor .col2 {
	width: 49%;
}
.editor-grid .row {
	margin: 0 -10px;
}
.editor-grid .col {
	float: left;
	padding: 0 10px;
}
.editor-grid.x3 .col {
	width: 33.33%;
}
.news-editor-pic {
	float: left;
	margin: 0 50px 1.7em 0;
	width: 45%;
	text-align: center;
}
.service-editor-title {
	border: 1px solid #CEB871;
	border-width: 1px 0;
	color: #C0A445;
	font-family: 'Gentium Basic', serif;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
.service-editor .row {
	margin: 0 -10px;
}
.service-editor .col {
	padding: 0 10px;
	float: left;
	width: 28%;
}
.service-editor .col2 {
	width: 44%;
	text-align: center;
}
.service-editor-txt {
	color: #01215D;
    font-family: 'Gentium Basic', serif;
    font-size: 20px;
    text-align: center;
    margin: 10px 0;
}
/*----- contact_editor -----*/
.contact-editor {
    max-width: 1000px;
    margin: 0 auto;
}
.contact-editor .col {
    float: left;
    width: 50%;
}
.contact-editor .col2 {
    padding-left: 6%;
}
.contact-map {
    height: 350px;
    border: 1px solid #ddd;
    padding: 5px;
}
.contact-map iframe {
    display: block;
    max-height: 100%;
}
.company-name {
    max-width: 241px;
    color: #5e5e5e;
    font-family: 'Kanit', sans-serif;
    font-size: 24px;
    font-weight: bold;
}
.contact-info-list {
    padding: 0;
    margin: 0;
}
.contact-info-list dt {
    color: #00A0E9;
    font-size: 16px;
    margin: 5px 0;
}
.contact-info-list dd {
    margin: 0;
    padding: 0;
}

.email-link {
    color: #FFBF00;
    text-decoration: underline;
}
@media screen and (max-width: 1700px) {
	.about-editor .col,
	.service-editor .col {
		width: 100%;
	}
	.about-editor .col + .col,
	.service-editor .col + .col {
		margin-top: 1.7em;
	}
}
@media screen and (max-width: 767px) {
	.news-editor-pic {
		float: none;
		margin: 0 auto 1.7em;
		width: auto;
	}
    .contact-editor .col {
        width: 100%;
        padding: 0;
    }
    .contact-map {
        height: 300px;
        margin-bottom: 1.8em;
    }
    .editor-title {
    	font-size: 20px;
    }
}
@media screen and (max-width: 600px) {
	.editor-grid.x3 .col {
		width: 100%;
	}
	.editor-grid.x3 .col + .col {
		margin-top: 1.7em;
	}
	.company-name{
		font-weight: 20px;
	}
}