@import url(_form.css);

.contact-page .container{

    max-width: 1290px;

}

.contact-txt{

    padding: 32px 0;

    font-family: "微軟正黑體",Arial;

    color: #333;

	font-size: 14px;

}

.contact-txt .intro-contact{

    margin-bottom: 32px;

}

ul.contact-item li{

    position: relative;

    padding-left: 48px;

}

ul.contact-item li.phone{

    font-size: 18px;

    color: #0ba5d8;

	font-weight: bold;

    line-height: 1.6;

}

ul.contact-item li{

    font-size: 14px;

    color: #545454;

}

ul.contact-item li:before{

    content: '';

    display: block;

    width: 25px;

    height: 25px;

    position: absolute;

    left: 0px;

    top: 0px;

    background: url(../images/contact_icon.png);

} 

ul.contact-item li.mail:before{

    content: '';

    display: block;

    width: 25px;

    height: 25px;

    position: absolute;

    left: 0px;

    top: 0px;

    background: url(../images/contact_icon.png) 49px;

} 

ul.contact-item li.address:before{

    content: '';

    display: block;

    width: 25px;

    height: 25px;

    position: absolute;

    left: 0px;

    top: 0px;

    background: url(../images/contact_icon.png) 24px;

} 



.form_outer{

    padding-left: 320px;

    position: relative;

    background: #F7F7F7;

}

.form_outer .googlemap{

    position: absolute;

    left: 0px;

    top: 0px;

    width: 320px;

    height: 450px;

}



.form_outer .form-box{

    border: none;

    padding: 20px 15px;

    margin: 0px;

    -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

          box-sizing: border-box;

}

.reminder_outer .col1,

.reminder_outer .col2{

    float: left;

}

.reminder_outer .col2{

    max-width: 470px;

}

.reminder_outer .col2 .reminder{

    background: none;

    color: #333;

    font-size: 14px;

    text-align: left;

    margin-left: 18px;

    margin-bottom: 20px;

}

.reminder_outer .col2 .reminder b{

    display: inline-block;

    min-width: 16px;

    min-height: 10px;

    background: url(../images/required.png)center center no-repeat;

}

.contact_hr{

    height: 1px;

    width: 100%;

    border-top: 1px dotted #BEAD80;

    margin: 30px 0;

}

@media screen and (max-width: 1280px) {

    .form-group.col75{

        width: 100%;

    }

    .form-box .form-group.col25{

        padding-left: 135px;

        width: 100%;

    }

    .form-box .form-group.col25 .btn-box{

        text-align: left;

    }

    .form_outer{

        padding-left: 0px;

    }

    .form_outer .googlemap{

        width: 100%;

        position: static;

        height: 250px;

    }

}

@media screen and (max-width: 767px) {

    .form-box .form-group.half{

        width: 100%;

    }

}

@media screen and (max-width: 420px) {

    .form-box .form-group{

        padding: 10px 0 0 10px;

    }

    .form-box .control-label{

        position: relative;

    }

    .form-box .form-group.col25{

        padding: 0px;

    }

    .form-box .form-group.col25 .btn-box{

        text-align: center;

    }

}