﻿.label_input_div {
    line-height: 50px;
    width: 305px;
}

  .label_right {
    text-align: right;
    padding-right: 11px;
}

.checkbox_row {
    margin-bottom: 40px;
    margin-top: 30px;
}

.input_box {
    line-height: 30px;
    background-color: #f9f9f9;
    margin-bottom: 20px;
    padding-right: 0;
}

.main_title {
    margin-bottom: 25px;
    margin-top: 20px;
    font-weight: bold;
}

.back {
    margin-bottom: 20px;
    margin-top: 60px;
}

.submit_div {
    text-align: center;
    width: 44%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.input_div {
    line-height: 50px;
    width: 250px;
}



.input_div_sel {
    line-height: 50px;
    width: 100px;
}

.sel_cinema {
    color: #323232;
    padding: 12px;
    font-size: 15px;
    font-family: 'Microsoft JhengHei';
    -webkit-appearance: none;
    text-indent: 0.01px;
    border: 0px solid red;
    background-color: rgba(208, 206, 206, 0.22);
    width: 235px;
    font-weight: bold;
    border-radius: 5px;
}

.sel_normal {
    color: #323232;
    padding: 12px;
    font-size: 15px;
    font-family: 'Microsoft JhengHei';
    -webkit-appearance: none;
    text-indent: 0.01px;
    border: 0px solid red;
    background-color: rgba(208, 206, 206, 0.22);
    width: 88px;
    font-weight: bold;
    border-radius: 5px;
}

.sel_cinema_btn {
    color: red;
    cursor: pointer;
    position: absolute;
    top: 19px;
    right: 8px;
    font-size: 23px;
    z-index: -10;
}


.sel_normal_btn {
    color: red;
    cursor: pointer;
    position: absolute;
    top: 14px;
    right: 4px;
    font-size: 23px;
    z-index: -10;
}

#rwd_info {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 25px;
}

#rwd_address {
    width: 600px;
}

#rwd_email {
    width: 825px;
}


.sel_div {
     
    position: relative;
}



@media only screen and (max-width: 1030px) {
    /*ipad*/

    .w7, .w5, .w6, .w9, .label_input_div {
        width: 100%;
    }

    h2 {
        font-size: 20px;
    }

    .w3, .w2 {
        width: 50%;
    }

    .label_right {
        text-align: left;
        padding-right: 0;
    }

    .fix_width {
        /*width:95%;*/
        margin: auto;
    }

    .outter {
        width: 95%;
    }

    #rwd_address {
        float: initial;
        width: 100%;
    }

    #rwd_email {
        width: 100%;
    }

    .input_div {
        line-height: 50px;
        width: 90% !important;
    }

    #ctl00_content_iptEmail {
        width: 90% !important;
    }

    .label_input_div {
        line-height: 30px;
    }

    .sel_div {
        margin-bottom: 20px;
        position: relative;
    }

    .submit_div {
        text-align: center;
        width: 100%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }


    #rwd_back {
        width: 38% !important;
    }

    #rwd_sign {
    }
}


 @media only screen and (max-width: 420px) {
    /*iphone8+*/
    .w7, .w5, .w6, .w9, .label_input_div {
        width: 100%;
    }

    h2 {
        font-size:20px;
    }

    .w3, .w2 {
        width: 50%;
    }

    .label_right {
        text-align: left;
        padding-right: 0;
    }

    .fix_width {
        /*width:95%;*/
        margin:auto;
    }

    .outter {
        width: 95%;
    }

    #rwd_address {
        float: initial;
        width: 100%;
    }

    #rwd_email {
        width: 100%;
    }

    .input_div {
        line-height: 50px;
        width: 90%!important;
    }

    #ctl00_content_iptEmail {
        width: 90% !important;
    }

    .label_input_div {
        line-height: 30px;
       
    }

    .sel_div {
        margin-bottom: 20px;
        position: relative;
    }

    .submit_div {
        text-align: center;
        width: 100%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 50px;
    }


    #rwd_back {
        width: 38%!important;
    }

    #rwd_sign {
    }
}