﻿DIV, SPAN, IMG, TD, INPUT, A, SPAN, IFRAME, select ,Textarea {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box; /* Firefox, other Gecko */
    box-sizing: border-box; /* Opera/IE 8+ */
    font-family: "微軟正黑體", Arial,sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.error_message {
    font-size: 13px;
    color: red;
}

.EditForm {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    overflow: hidden;
    background-color: rgb(246,246,246);
}

    .EditForm .FieldContainer {
        display: block;
        float: left;
        margin-bottom: 20px;
        height: 40px;
        width: 50%;
        padding-left:10px;
        padding-right:10px;
        
    }


    .EditForm .GenderFieldContainer,
    .EditForm .AgeFieldContainer {
        width: 25%;
    }

    .EditForm .CheckFieldContainer {
        color: rgb(119, 134, 175);
    }

    .EditForm .TopicFieldContainer {
        width: 100%;
        color: rgb(119, 134, 175);
        display: table;
        height: 40px;
    }

    .EditForm .WantFieldContainer,
    .EditForm .KnowFieldContainer,
    .EditForm .TimeFieldContainer,
    .EditForm .TalkFieldContainer,
    .EditForm .AgreeFieldContainer {
        width: 100%;
        color: rgb(119, 134, 175);
        background-color: rgb(226, 231, 237);
        padding-left: 20px;
        display: flex;
        align-items: center;
        height: 40px;
    }

    .EditForm .KnowFieldContainer ,
    .EditForm .WantFieldContainer ,
    .EditForm .TimeFieldContainer ,
    .EditForm .TalkFieldContainer 
    {
        border-left:10px solid rgb(246,246,246);
        border-right:10px solid rgb(246,246,246);
    }
    .EditForm .LetterFieldContainer {
        width: 100%;
        color: rgb(119, 134, 175);
        height: auto;


    }

    .EditForm .ButtonFieldContainer {
        width: 100%;
        float: right;
        text-align: right;
        padding-top: 20px;
        padding-right: 2.5%;
    }

    .EditForm .TextFieldContainer,
    .EditForm .SignFieldContainer {
        width: 100%;
        display: table;
        color: rgb(119, 134, 175);
    }

    .EditForm .ButtonFieldContainer .Field {
        height: 40px;
        width: auto;
    }

    .EditForm .Field {
        text-align: center;
        color: rgb(199, 205, 217);
        border: 0px;
        height: 40px;
        width: 100%;
        background-color: rgb(226, 231, 237);
    }

    .EditForm .TextField,
    .EditForm .TopicField {
        text-align: inherit;
        color: inherit;
        height: auto;
        width: inherit;
        background-color: inherit;
    }


    .EditForm .GenderField,
    .EditForm .ServiceField,
    .EditForm .SurgeryField {
        text-align-last: center;
    }

    .EditForm .UploadField {
        COLOR: rgb(114,124,134);
        background-color: rgb(222,222,222);
    }

    .EditForm .Field option {
        color: #333333;
    }

    .EditForm .LetterField {
        width: 100%;
        height: 170px;
        text-align: inherit;
        color: rgb(90, 104, 155);
        font-weight:bold;
        border: 1px solid;
        background-color: white;
        padding:10px;
        font-size:15px;
        
    }

    .EditForm .SubmitField {
        background-color: rgb(115,125,135);
        COLOR: White;
    }

    .EditForm .ClearField {
        background-color: rgb(246,246,246);
        COLOR: rgb(114,124,134);
        border: 1px solid #A0A0A0;
    }

    .EditForm.Form2EditForm .TextField {
        font-size: 14px;
        text-indent: 2.5em;
    }


    .EditForm .TopicField,
    .EditForm .TopicField,
    .EditForm .TopicField {
        font-size: 14px;
    }

    .EditForm .PictureFieldContainer {
        width: 100%;
        display: table;
    }

    .EditForm .ImgField {
        width: 100%;
        height: auto;
        text-align: inherit;
        color: inherit;
        background-color: inherit;
    }

@media screen and (max-width:660px) {

    .EditForm .GenderFieldContainer,
    .EditForm .AgeFieldContainer,
    .EditForm .FieldContainer {
        width: 100%;
    }


    .EditForm .WantFieldContainer,
    .EditForm .KnowFieldContainer,
    .EditForm .TimeFieldContainer,
    .EditForm .TalkFieldContainer,
    .EditForm .TextFieldContainer,
    .EditForm .TextFieldContainer,
    .EditForm .TopicFieldContainer,
    .EditForm .PictureFieldContainer,
    .EditForm .AgreeFieldContainer,
    .EditForm .TopicFieldContainer {
        width: 100%;
    }

    .EditForm .LetterFieldContainer {
        width: 100%;
    }

    .EditForm .ButtonFieldContainer {
        padding-right: 5%;
    }
}
