#Base_Visitor_Member {
    width: 100%;
    height: auto;
    background: #F7F7F7;
}

    #Base_Visitor_Member .Member_Main {
        margin: 10px auto;
        padding-bottom: 80px;
        width: 600px;
        height: auto;
    }

        #Base_Visitor_Member .Member_Main .Title {
            width: 100%;
            padding: 20px 5px;
            font-size: 35px;
            font-weight: 300;
            text-align: center;
            word-break: break-all;
        }

        #Base_Visitor_Member .Member_Main .Content {
            padding: 50px 20px;
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            background: #fff;
            word-break: break-all;
        }

            #Base_Visitor_Member .Member_Main .Content p {
                width: 80%;
                margin: 15px auto;
            }

        #Base_Visitor_Member .Member_Main .Form .Prompt {
            font-size: 16px;
            font-weight: 300;
            margin: 15px 0px;
        }

            #Base_Visitor_Member .Member_Main .Content .FB_Button {
                display: block;
                margin: 0 auto;
                width: 220px;
                padding: 20px 0px;
                font-size: 18px;
                font-weight:500;
                color: #50422D;
                line-height: 25px;
                text-align: right;
                background: #F7F7F7;
                border-radius: 50px;
            }

                #Base_Visitor_Member .Member_Main .Content .FB_Button:hover {
                    background: #ddd;
                    transition-duration: 0.5s;
                }

                #Base_Visitor_Member .Member_Main .Content .FB_Button p {
                    width: 80%;
                    margin: 0 auto;
                    background-image: url(../../_Image/User_01.png);
                    background-repeat: no-repeat;
                    background-size: 25px 25px;
                    background-position-Y: center;
                    background-position-x: left;
                }

            #Base_Visitor_Member .Member_Main .Content .Form {
                width: 80%;
                margin: 0 auto;
                text-align: left;
            }

                #Base_Visitor_Member .Member_Main .Content .Form label {
                    margin: 20px 0 5px 0;
                    display: block;
                    font-size: 12px;
                    font-weight:400;
                }

                #Base_Visitor_Member .Member_Main .Content .Form a {
                    color: #0c68ab;
                }

                    #Base_Visitor_Member .Member_Main .Content .Form a:hover {
                        color: #1b79bc;
                    }

                #Base_Visitor_Member .Member_Main .Content .Form input {
                    padding: 10px;
                    border: 1px solid #EBEEEF;
                    width: 100%;
                    font-size: 12px;
                    resize: none;
                    border-radius: 0;
                    -webkit-appearance: none;
                    box-sizing: border-box;
                    margin: 0px;
                    height:42px;
                }

                    #Base_Visitor_Member .Member_Main .Content .Form input:focus {
                        border: 1px solid #50422D;
                    }

                    #Base_Visitor_Member .Member_Main .Content .Form input.Prompt {
                        border: 1px solid #CB001A;
                    }

                    #Base_Visitor_Member .Member_Main .Content .Form input[type=password] {
                        font: small-caption;
                        font-size: 15px;
                    }

                        #Base_Visitor_Member .Member_Main .Content .Form input[type=password]::-webkit-input-placeholder {
                            font-size: 12px;
                        }

                        #Base_Visitor_Member .Member_Main .Content .Form input[type=password]::-moz-placeholder {
                            font-size: 12px;
                        }

                        #Base_Visitor_Member .Member_Main .Content .Form input[type=password]:-ms-input-placeholder {
                            font-size: 12px;
                        }

                        #Base_Visitor_Member .Member_Main .Content .Form input[type=password]:-moz-placeholder {
                            font-size: 12px;
                        }

                #Base_Visitor_Member .Member_Main .Content .Form .Prompt_Text {
                    color: #CB001A;
                    font-size: 10px;
                    font-weight: 500;
                    margin: 2px;
                }

                #Base_Visitor_Member .Member_Main .Content .Form hr {
                    width: 100%;
                    margin: 20px 0px 0px 0px;
                    background-color: #eee;
                }

                #Base_Visitor_Member .Member_Main .Content .Form .Base_Button {
                    display: block;
                    padding: 15px 25px;
                    width: 40px;
                    text-align: center;
                    margin: 30px auto;
                    font-size: 16px;
                    font-weight: 200;
                    color: #fff;
                    letter-spacing: 3px;
                    background-color: #0C68AB;
                    border-radius: 50px;
                }

            #Base_Visitor_Member .Member_Main .Content .WorngPassword {
                padding: 10px 30px;
                width: 80%;
                text-align: left;
                margin: 30px auto;
                font-size: 14px;
                font-weight: 300;
                color: #fff;
                letter-spacing: 1px;
                background-color: #bbb;
                border-radius: 5px;
                box-sizing: border-box;
            }
        #Base_Visitor_Member .Member_Main .Content a {
            color: #fff;
            border-bottom: 1px solid #fff;
            font-weight: 300;
        }

            #Base_Visitor_Member .Member_Main .Content .Form .Base_Button:hover {
                background-color: #1b79bc;
                color: #fff;
                transition-duration: 0.5s;
            }

            #Base_Visitor_Member .Member_Main .Content .Form .Item {
                position: relative;
                margin-bottom: 20px;
            }

        #Base_Visitor_Member .Member_Main .Content .Form .Hide_Button {
            position: absolute;
            top: 32px;
            right: 11px;
            display: block;
            padding: 4px 5px;
            width: 45px;
            text-align: center;
            font-size: 12px;
            font-weight: 300;
            color: #50422D;
            background-color: #eee;
            border-radius: 20px;
        }

                #Base_Visitor_Member .Member_Main .Content .Form .Hide_Button:hover {
                    color: #50422D;
                    background: #ddd;
                    transition-duration: 0.5s;
                }
/* 小於768 */
@media screen and (max-width:767px) {
    #Base_Visitor_Member .Member_Main {
        width: 90%;
    }

        #Base_Visitor_Member .Member_Main .Content .FB_Button {
            font-size: 18px;
            width: 210px;
        }

            #Base_Visitor_Member .Member_Main .Content .FB_Button p {
                width: 175px;
            }

        #Base_Visitor_Member .Member_Main .Content .Form {
            width: 100%;
        }

            #Base_Visitor_Member .Member_Main .Content .Form a {
                display: block;
            }

        #Base_Visitor_Member .Member_Main .Content .WorngPassword {
            width: 100%;
        }
}