/*********** 前後台編輯器區塊共用的CSS設定 ***********/
.editor a:hover {
    text-decoration: underline;
}
.news-editor-pic {
    float: right;
    width: 55%;
    margin: 0 0 30px 25px;
    text-align: center;
}
.contact-map {
    position: relative;
    height: 250px;
}
.contact-map:before {
    content: '';
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
     background: rgba(224, 224, 224, 0.5);
    pointer-events: none;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.contact-map:hover:before {
    background-color: transparent;
}
.contact-map iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
         -o-filter: grayscale(100%);
            filter: grayscale(100%);
}
.contact-map:hover iframe {
    -webkit-filter: grayscale(0);
       -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
         -o-filter: grayscale(0);
            filter: grayscale(0);
}
.about-top.left{
	    width: 50%;
    float: left;
    margin-left:-80px;
	margin-top:20px;
}
.about-top.right{
      width: 50%;
      float: right;
      margin-right:-80px;
	margin-top:20px;
      
}
@media screen and (max-width: 767px) {
    .news-editor-pic {
        float: none;
        width: auto;
        margin: 0 auto 2em;
    }
	.about-top.left,
	.about-top.right{
	    width: 100%;
	    float: none;
	    margin: 0;
	}
	.about-images{
		display: none;
	}
}