@charset "utf-8";

/* CSS Document */
/**************************************************************/
/**************************************************************/
.editor {
    font-family: Georgia, "標楷體", DFKai-SB, sans-serif;
    font-size: 18px;
    color: #868686;
    line-height: 25px;
}
.editor * {
    font-family: Georgia, "標楷體", DFKai-SB, sans-serif;
    font-size: 18px;
	line-height:30px;
}
.editor img {
    max-width: 100%;
    height: auto !important;
}
.editor:after{
    content: '';
    display: block;
    clear: both;
}
.editor ul li {
    list-style: none;
    text-indent: -7px;
    padding-left: 5px;
}
.editor ul li:before {
    content: '◆';
    display: inline-block;
    font-family: Arial, "微軟正黑體";
    margin-right: 5px;
}
/*************************** about ***********************************/
.about-page .col:after{
    content: '';
    display: block;
    clear: both;
}
.about-page .col{
    margin-bottom: 30px;
}
.about-page .right{
    float: right;
}
.about-page .left{
    width: 840px;
    float: left;
}
.about-page .left .title,
.service-page .title{
    color: #6683AA;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #DDDDDD;
    padding-bottom: 20px;
    position: relative;
    margin-bottom: 20px;
}
.about-page .left .title:after{
    content: '';
    display: block;
    height: 1px;
    width: 90px;
    background: #6683AA;
    position: absolute;
    left: 0;
    bottom: -1px;
}
.about-page .red{
    color: #B20000;
}
.about-page .blue{
    color: #4579E5;
    font-weight: bold;
}
.about-page .ex{
    width: 100%;
    border: 1px solid #DDDDDD;
    padding: 5px 20px;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
/*************************** about ***********************************/
/*************************** service *********************************/
.service-page .left{
/*    width: 780px;*/
    width: 100%;
/*    float: left;*/
}
.service-page .title{
    margin-top: 50px;
}
.service-page .title:first-child{
    margin-top: 0px;
}
.service-page .id{
    color: #4579E5;
    font-weight: bold;
    text-decoration: underline;
    padding-right: 3px;
}
.service-page .right{
/*    float: right;*/
}
/*************************** service *********************************/
/*************************** contact *********************************/
.contact-page .map{
    width: 100%;
    height: 520px;
}
.contact-page .map iframe{
    width: 100%;
    height: 520px;
}
.con_info{
    background: url(../images/contact/info_title.jpg)left top no-repeat;
    padding: 3px 0 8px;
    padding-left: 180px;
    margin-top: 20px;
}
.con_info a{
	color:#868686;
}
/*************************** contact *********************************/
/*************************** terms ***********************************/
.terms-page .title{
    font-size: 15px;
    font-weight: bold;
    color: #6683AA;
    margin-bottom: 10px;
}
.terms-page .ex{
    width: 100%;
    padding: 7px 13px;
    border: 1px solid #BECBDC;
    -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.terms-page .con_left{
    width: 49%;
    float: left;
    border-right: 1px solid #CCCCCC;
    height: 100%;
    padding-right: 60px;
    -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.terms-page .con_right{
    width: 50%;
    float: right;
    padding-left: 60px;
    -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
/*************************** terms ***********************************/