/*----start-mid-grids----*/
.AccountScript{
    width:49%;
    height:auto;
    min-height:240px;
    display: inline-block;
    margin-left: auto;
    font-family:Microsoft JhengHei;
    /*border:rgb(86,162,173) 5px solid;*/
}
.hidsubmit { 
  position: absolute;  
  clip: rect(0 0 0 0); 
  height: 1px; 
  width: 1px; 
  margin: -1px;
}

.fixedSocialShare {  /* added by Ming, 2021/1/29 */
    display:none;
}
.AccountLogin1 .title{
    font-weight: 700;
    font-size: 16px;  
    position: absolute;
    margin: 14px;
}
.AccountLoginLogo {
    height:0;
    margin-left: 104px;
}


.AccountTable {
    width: 45%;
    margin-left: 20%;
}
.AccountTable th {
    width: 124px;
    text-align: right;
}
.AccountTable input[type=text] {
       border-radius: 5px;
       width:100%;
}

.AccountLogin1 {
    margin-top: 50px;
    margin-bottom: 50px;
}
    .AccountLogin1 .row {
        margin-bottom:5px;
        height: 50px;
    }
.AccountLogin1 input{
    padding-left: 50px;
    max-width: 100%;
}


.btn.btn-success {
     margin: 0;
}
#Verification{
    width:100%;
}
.Verification {
    margin-top: 20px;
}
.login_icon {
    top: 29px;
    left: 10px;
}
.place_holder {
    position: relative;
    top: -26px;
    font-size: 15px;
    color: #cbd9dc;
    padding-left: 50px;
    z-index: 10;
    background-color: transparent;
}

.register_btn{
    float:left;
}

.forgot_btn{
    float:right;
    text-align: right;
}

@media (max-width:1920px){
    .AccountbodyLogin {
        margin: 1% 0 0 0;
        height : auto;
        width : 100%;
        min-height: 550px;
    }
    .Accountbody {
        margin: 1% 0 0 0;
        height : auto;
        width : 100%;
        min-height: 300px;
    }
    .AccountLogin {
        margin: 3% 14% 0 14%;
        height : 443px;
        width : 954px;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login2.jpg');*/     
        background-color: #ffd4dd;
        background-size: 100% 100%;
    }
    .mobile_AccountLogin {
        margin: 1% 0% 0% 0%;
        height : 287px;
        width : 345px;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login3.jpg');*/
        background-size: 100% 100%;
    }
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
        margin: 0 0 0 29%;
        height: 55px;
        width:40%;
    }

    .AccountForm1 {
        margin: 0 0 0 26%;
        height: 45px;
    }
    .AccountForm2 {
        margin: 0 0 0 29%;
        height: 55px;
        width:40%;
    }
     .btn {
        margin: 2% 0 3% 7%;
        font-size: 14px;
    }
    .AccountLoginMail {
        padding: 6% 0 0 570px;
        height: 45px;
    }
    .mobile_AccountLoginMail {
        padding: 14% 0 0 152px;
        height: 45px;
    }
    .Mail{
        width:70%;
    }
    .AccountLoginPassword {
        padding: 8% 0 0 570px;
        height: 45px;
    }
    .mobile_AccountLoginPassword {
        padding: 10% 0 0 152px;
        height: 45px;
    }
    .Password{
        width:70%;
    }
    .AccountLoginVerification {
        padding: 75px 0 0 570px;
        height: 45px;
    }
    .mobile_AccountLoginVerification {
        padding: 10% 0 0 152px;
        height: 45px;
    }
   

    .AccountLogincheck {
        padding: 8% 0 0 572px
    }
    .mobile_AccountLogincheck {
        padding: 2% 0 0 195px;
    }
    .Check{        
        width:  20px;
        height: 20px;
    }
    .AccountLoginRegister {
        /*padding: 5px 0 0 70px;
        width: 25%;*/
        padding: 13px 0 0 101px;
        width: 50%;
        height: 15px;
    }
    .mobile_AccountLoginRegister {
        padding: 5px 0 0 70px;
        width: 25%;
        height: 15px;
    }
    .AccountLoginSubmit {
        padding: 0 0 0 570px;
        width: 100%;
        height: 45px;
    }
    .mobile_AccountLoginSubmit {
        padding: 0 0 0 152px;
        width: 100%;
        height: 45px;
    }
    .AccountLoginForgotPassword {
        padding: 0 0 0 570px;
        width: 100%;
        height: 45px;
    }
    .Accountlabel {
        display: inline-block;
        width: 18%;
        height: auto;
        text-align: right;
        font-size: 14px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel2 {
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 0 0 0 25%;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 0 0 0 30px;
        display: inline-block;
        width: 42%;
        height: auto;
    }
    .Accountinput2 {
        margin: 0 0 0 1%;
        display: inline-block;
        width: 28%;
        height: auto;        
    }
    .Accountinput3 {
        margin: 0;
        display: inline-block;
        /*width: 4%;*/
        width: 45px;
        height: auto;        
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 15%;*/
        width: 130px;
        height: auto;        
    }
    .Accountinput5 {
        display: inline-block;
        width: 11%;
        height: auto;        
    }
    .Accountinput6{
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        display: inline-block;
        background-color: #ee9aac;
        text-align: center;
        width: 25%;
        height: 40px;
    }
    .Accountbutton2 {
        background-color: #ee9aac;
        text-align: center;
        width: 100%;
        height: 40px;
    }
    .Accountbutton3 {
        display: inline-block;
        background-color: #ee9aac;
        text-align: center;
        width: 40%;
        height: 40px;
    }
    .mobile_Accountbutton3 {
        display: inline-block;
        background-color: #ee9aac;
        text-align: center;
        width: 40%;
        height: 40px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 80%;
        height: 40px;
    }
    .AccountScript1 {
        color: #ffffff;
        font-weight:bold;
        font-size: 26px;
        font-family:Microsoft JhengHei;
    }
    .AccountScript2 {
        color: #595757;
        font-weight:bold;
        font-size: 20px;
        font-family:Microsoft JhengHei;
    }
    .Accountcontainer {
        margin: 0 0 0 0;
        display: inline-block;
        /*width: 45%;*/
        width: 75%;
        height: auto;
        font-family:Microsoft JhengHei;
    }

    .zipcode {
        /*width: 15%;*/
        width: 130px !important;
        line-height:18px;
        text-align:right;
        /*margin-left:15px;*/   
        background-color: #e9e7e7; 
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
    }
}
@media (max-width:1366px){
    .AccountbodyLogin {
        margin: 1% 0 0 0;
        height : auto;
        width : 100%;
        min-height: 550px;
    }
    .Accountbody {
        margin: 1% 0 0 0;
        height : auto;
        width : 100%;
        min-height: 300px;
    }
    .AccountLogin {
        margin: 3% 14% 0 14%;
        height : 443px;
        width : 954px;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login2.jpg');*/
        background-size: 100% 100%;
    }
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
        /*margin: 0 0 0 29%;*/
        margin: 0 0 0 27%;
        height: 55px;
        width:70%;
    }

    .AccountForm1 {
        margin: 0 0 0 26%;
        height: 45px;
    }
    .AccountForm2 {
        margin: 0 0 0 29%;
        height: 55px;
        width:40%;
    }
     .btn {
        margin: 2% 0 3% 7%;
        font-size: 14px;
    }
    .AccountLoginMail {
        padding: 6% 0 0 570px;
        height: 45px;
    }
    .Mail{
        width:70%;
    }
    .AccountLoginPassword {
        padding: 8% 0 0 570px;
        height: 45px;
    }
    .Password{
        width:70%;
    }
    .AccountLoginVerification {
        padding: 75px 0 0 570px;
        height: 45px;
    }
    /*#Verification{
        width:85%;
    }*/

    .AccountLogincheck {
        padding: 8% 0 0 570px;
    }
    .Check{        
        width:  20px;
        height: 20px;
    }
    .AccountLoginRegister {
        /*padding: 5px 0 0 70px;
        width: 25%;*/
        padding: 13px 0 0 101px;
        width: 50%;
        height: 15px;
    }
    .AccountLoginSubmit {
        padding: 0 0 0 570px;
        width: 100%;
        height: 45px;
    }
    .AccountLoginForgotPassword {
        padding: 0 0 0 570px;
        width: 100%;
        height: 45px;
    }
    .Accountlabel {
        display: inline-block;
        /*width: 18%;*/
        width: 85px;
        height: auto;
        text-align: right;
        font-size: 14px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel2 {
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 0 0 0 25%;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 0 0 0 30px;
        display: inline-block;
        width: 42%;
        height: auto;
    }
    .Accountinput2 {
        margin: 0 0 0 1%;
        display: inline-block;
        width: 28%;
        height: auto;        
    }
    .Accountinput3 {
        margin: 0;
        display: inline-block;
        /*width: 4%;*/
        width: 45px;
        height: auto;        
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 15%;*/
        width: 130px;
        height: auto;        
    }
    .Accountinput5 {
        display: inline-block;
        width: 11%;
        height: auto;        
    }
    .Accountinput6{
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        background-color: #ee9aac;
        text-align: center;
        width: 25%;
        height: 40px;
    }
    .Accountbutton2 {
        background-color: #ee9aac;
        text-align: center;
        width: 100%;
        height: 40px;
    }
    .Accountbutton3 {
        display: inline-block;
        background-color: #ee9aac;
        text-align: center;
        width: 40%;
        height: 40px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 80%;
        height: 40px;
    }
    .AccountScript1 {
        color: #ffffff;
        font-weight:bold;
        font-size: 26px;
        font-family:Microsoft JhengHei;
    }
    .AccountScript2 {
        color: #595757;
        font-weight:bold;
        font-size: 20px;
        font-family:Microsoft JhengHei;
    }
    .Accountcontainer {
        margin: 0 0 0 0;
        display: inline-block;
        /*width: 45%;*/
        width: 80%;
        height: auto;
        font-family:Microsoft JhengHei;
    }

    .zipcode {
        /*width: 15%;*/
        width: 130px !important;
        line-height:18px;
        text-align:right;
        /*margin-left:15px;*/   
        background-color: #e9e7e7; 
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
    }
}
@media (max-width:1024px){
    .AccountbodyLogin {
        margin: 1% 0 0 0;
        height : auto;
        width : 100%;
        min-height: 500px;
    }
    .Accountbody {
        margin: 1% 0 0 17%;
        height : auto;
        width : 80%;
        min-height: 420px;
}
    .AccountLogin {
        margin: 3% 0 0 6%;
        height : 348px;
        width : 750px;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login2.jpg');*/
        background-size: 100% 100%;
    }
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
        margin: 0 0 0 11%;
        height: 55px;
        width: 80%;
    }
    .AccountForm1 {
        margin: 0 0 0 13%;
        height: 45px;
    }
    .AccountForm2 {
        margin: 0 0 0 9%;
        height: 55px;
        width: 90%;
    }
     .btn {
        margin: 2% 0 3% 11%;
        font-size: 14px;
    }
    .AccountLoginMail {
        padding: 26px 0 0 445px;
        height: 45px;
    }
    .Mail{
        width:80%;
    }
    .AccountLoginPassword {
        padding: 44px 0 0 445px;
        height: 45px;
    }
    .Password{
        width:80%;
    }
    .AccountLoginVerification {
        padding: 63px 0 0 446px;
        height: 45px;
    }
    /*#Verification{
        width:100%;
    }*/
    .AccountLogincheck {
        padding: 70px 0 0 448px;
    }
    .Check{        
        width:  20px;
        height: 20px;
    }
    .AccountTable {
        width: 70%;
        margin-left: 0;
    }
    .AccountLoginRegister {
        /*padding: 5px 0 0 60px;
        width: 25%;*/
        padding: 23px 0 0 87px;
        width: 45%;
        height: 15px;
    }
    .AccountLoginLogo {
        margin-left: 60px;
    }
    .AccountLoginSubmit {
        padding: 0 0 0 445px;
        width: 100%;
        height: 45px;
    }
    .AccountLoginForgotPassword {
        padding: 0 0 0 445px;
        width: 100%;
        height: 45px;
    }
    .Accountlabel {
        display: inline-block;
        /*width: 17%;*/
        width: 85px;
        height: auto;
        text-align: right;
	    font-size: 14px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel2 {
        margin: 2% 0 0 0;
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 0 0 0 24%;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 0 0 0 30px;
        display: inline-block;
        width: 45%;
        height: auto;
    }
   
    .Accountinput2 {
	    margin: 0 0 0 1%;
        display: inline-block;
        width: 27%;
        height: auto;        
    }
    .Accountinput3 {
	    margin: 0;
        display: inline-block;
        /*width: 5%;*/
        width: 45px;
        height: auto;        
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 15%;*/
        width: 130px;
        height: auto;        
    }
    .Accountinput5 {
        display: inline-block;
        width: 11%;
        height: auto;        
    }
    .Accountinput6 {
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        background-color: #ee9aac;
        text-align: center;
        width: 30%;
        height: 40px;
    }
    .Accountbutton2 {
        background-color: #ee9aac;
        text-align: center;
        width: 100%;
        height: 40px;
    }
    .Accountbutton3 {
        background-color: #ee9aac;
        text-align: center;
        width: 50%;
        height: 40px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 100%;
        height: 40px;
    }
    .AccountScript1 {
        color: #ffffff;
        font-weight:bold;
        font-size: 26px;
        font-family:Microsoft JhengHei;
    }
    .AccountScript2 {
        color: #595757;
        font-weight:bold;
        font-size: 16px;
        font-family:Microsoft JhengHei;
    }
    .Accountcontainer {
        margin: 0 0 0 0;
        display: inline-block;
        width: 81%;
        height: auto;
        font-family:Microsoft JhengHei;
}
    .zipcode {
        /*width: 15%;*/
        width: 130px !important;
        line-height:18px;
        text-align:right;
        /*margin-left:15px;*/   
        background-color: #e9e7e7; 
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
    }
}
@media (max-width:768px){
    .AccountbodyLogin {
        margin: 10px 0 0 0;
        height : auto;
        width : 100%;
        min-height: 700px;
    }
    .Accountbody {
        margin: 1% 0 0 3%;
        height : auto;
        /*width : 80%;*/
        width: 100%;
        min-height: 720px;
            font-size: 20px;
    }
    .AccountLogin {
        margin: 1% 0% 0% 0%;
        height : 500px;
        width : 600px;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login3.jpg');*/
        background-size: 100% 100%;
        background-repeat: no-repeat; 
    }
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
        margin: 0 0 0 10%;
        height: 55px;
        width: 83%;
    }
    .AccountForm1 {
        margin: 0 0 0 27%;
        height: 45px;
    }
    .AccountForm2 {
        margin: 0 0 0 8%;
        height: 85px;
        width: 90%;
    }
    .AccountTable {
        width: 100%;
        margin-left: 0;
    }
    .AccountTable th
    {
        width: 124px;
        text-align: right;
        font-size: 18px;
    }
    .btn {
        margin: 4% 0 3% 13%;
        font-size: 14px;
    }
    .AccountLoginMail {
        padding: 14% 0 0 45%;
        height: 25px;
        width: 100%;
    }
    .Mail{
        font-family:Microsoft JhengHei;
        font-size:15px;
        width:80%;
    }
    .AccountLoginPassword {
        padding: 11% 0 0 45%;
        height: 20px;
        width: 100%;
    }
    .Password{
        font-family:Microsoft JhengHei;
        font-size:15px;
        width:80%;
    }
    .AccountLoginVerification {
        padding: 12% 0 0 45%;
        height: 30px;
        width: 90%;
    }
    .Verification{
        width:80px;
        height:auto;
        max-height:50px;
        display: inline-block;
        margin-left: auto;
        text-align:left;
        vertical-align:top;
        margin: -56px 12px;
        float:right;
        /*border:rgb(86,162,173) 5px solid;*/
    }
    #Verification{
        width:80%;
    }
    .AccountLogincheck {
        padding: 14% 0 0 45%;
        width: 90%;
    }
    .Check{        
        width:  20px;
        height: 20px;
    }
    .AccountLoginRegister {
        padding: 15px 0 0 59px;
        width: 45%;
        height: 2px;
    }
    .AccountLoginLogo {
        margin-left: 0px;
    }
    .AccountLoginSubmit {
        padding: 0% 0 0 45%;
        width: 100%;
        height: 30px;
    }
    .AccountLoginForgotPassword {
        padding: 5px 0 0 398px;
        width: 640px;
        height: 52px;
    }
    .Accountlabel {
        display: inline-block;
        /*width: 19%;*/
        width: 85px;
        height: auto;
        text-align: right;
        font-size: 14px;
        font-family:Microsoft JhengHei;
}
    .Accountlabel2 {
        margin: 2% 0 0 0;
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 0 0 0 27%;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountlabel5 {
        display: inline-block;
        width: 21%;
        height: auto;
        text-align: left;
        font-size: 14px;
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 0 0 0 30px;
        display: inline-block;
        width: 50%;
        height: auto;
    }
    .Accountinput2 {
        margin: 0 0 0 26%;
        width: 50%;
        height: auto;        
    }
    .Accountinput3 {
        margin: 0;
        display: inline-block;
        /*width: 5%;*/
        width: 60px;
        height: auto;   
        font-size: 20px;
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 15%;*/
        width: 125px;
        height: auto;   
        font-size: 20px;
    }
    .Accountinput5 {
        display: inline-block;
        width: 12%;
        height: auto;        
    }
    .Accountinput6 {
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        background-color: #ee9aac;
        text-align: center;
        width: 30%;
        height: 30px;
    }
    .Accountbutton2 {
        background-color:  #ee9aac;
        text-align: center;
        width: 100%;
        height: 30px;
    }
    .Accountbutton3 {
        background-color: #ee9aac;
        text-align: center;
        width: 50%;
        height: 30px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 80%;
        height: 30px;
    }
    .AccountScript1 {/*join us 登入*/
        color: #ffffff;
        font-weight:bold;
        font-size: 20px;
        font-family:Microsoft JhengHei;
    }
    .AccountScript2 {
        color: #595757;
        font-weight:bold;
        font-size: 10px;
        font-family:Microsoft JhengHei;
    }
   .Accountcontainer {
        margin: 0 0 10px 0;
        display: inline-block;
        /*width: 45%;*/
        width: 75%;
        height: auto;
        font-family:Microsoft JhengHei;
    }
    .zipcode {
        /*width: 35%;*/
        width: 130px !important;
        line-height:18px;
        text-align:right;
        /*margin-left:15px;*/   
        margin-left: 0px;
        margin-top: 4px;
        padding-bottom: 0;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }

    
    .forgot_btn{
        margin-right: 20px;
    }
}
@media (max-width:580px) {
    .Accountbody {
        margin: 1% 0 0 0%;
        height: auto;
        width: 100%;
        min-height: 720px;
    }

.Accountcontainer {
        margin: 0 0 10px 0;
        display: inline-block;
        /*width: 45%;*/
        width: 70%;
        height: auto;
        font-family:Microsoft JhengHei;
    }
    .zipcode {
        /*width: 35%;*/
        width: 130px !important;
        line-height:18px;
        text-align:right;
        /*margin-left:15px;*/   
        margin-left: 0px;
        margin-top: 4px;
        padding-bottom: 0;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }

    #Verification {
        width: 75%;
    }
}
@media (max-width:480px){
    .AccountbodyLogin {
        margin: 0;
        height : auto;
        width : 100%;
        min-height: 350px;
    }
    .Accountbody {
        margin: 0;
        height : auto;
        /*width : 91%;*/
        width: 100%;
        min-height: 380px;
    }
    .AccountLogin {
        margin: 1% 0% 0% 0%;
        height : 287px;
        width : 96%;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login3.jpg');*/
        /*background-size: 100% 100%;
        background-repeat: no-repeat;*/ 
    }
     .AccountLogin .title {
        font-size: 13px;
        margin-bottom: 0px;
    }
   
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
	    margin: 0 0 0 5%;	
        height: auto;
        width: 95%;
    }
    .AccountForm1 {
        margin: 10% 0 0 28%;
        height: 80px;
    }
    .AccountForm2 {
		margin: 0 0 0 6%;
		height: 85px;
		width: 90%;
	}
	.AccountForm3 {
		margin: 0 0 0 2%;
		height: 55px;
		width: 80%;
	}
    .btn {
        margin: 0 0 3% 18%;
        font-size: 14px;
    }
    .AccountLoginMail {
        padding: 2% 0 0 45%;
        height: 25px;
        width: 90%;
    }
    .Mail{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        /*height:15px;*/
        width:100%;
    }
    .AccountLoginPassword {
        padding: 10% 0 0 45%;
        height: 20px;
        width: 90%;
    }
    .Password{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        /*height:15px;*/
        width:100%;
    }
    .AccountLoginVerification {
        padding: 15% 0 0 45%;
        height: 30px;
        width: 90%;
    }
    /*.Verification{
        width: 40px;
        height:auto;
        max-height:20px;
        display: inline-block;
        margin-left: auto;
        text-align:left;
        vertical-align:top;
}*/

    #Verification {
        width: 70%;
    }
    .AccountLogincheck {
        padding: 15% 0 0 45%;
        width: 90%;
    }
    .Check{
        width: 15px;
    }
    .AccountLoginRegister {
        padding: 1px 0 0 45px;
        width: 39%;
        height: 2px;
    }
    .AccountLoginLogo img{
        width: 200px;
        height: auto;
    }
    .AccountLoginSubmit {
        padding: 1% 0 0 45%;
        width: 100%;
        height: 15px;
    }
    .AccountLoginForgotPassword {
        padding: 8px 0 0 63%;
        width: 360px;
        height: 25px;
    }
    .Accountlabel {
        display: inline-block;
        width: 22%;
        height: auto;
        text-align: right;
        font-size: 14px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel2 {
        margin: 5% 0 0 0;
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-size: 20px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 0 0 0 30%;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 0 0 0 30px;
        display: inline-block;
        width: 60%;
        height: auto;
    }
    .Accountinput2 {
        margin: 3% 0 0 31%;
        display: inline-block;
        width: 50%;
        height: auto;        
    }
    .Accountinput3 {
        margin: 0;
        display: inline-block;
        /*width: 6%;*/
        width: 60px;
        height: auto;   
        font-size: 20px;
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 20%;*/
        width: 125px;
        height: auto;   
        font-size: 20px;
    }
    .Accountinput5 {
        display: inline-block;
        width: 15%;
        height: auto;        
    }
    .Accountinput6 {
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        background-color: #ee9aac;
        text-align: center;
        width: 30%;
        height: 20px;
    }
    .Accountbutton2 {
        background-color:  #ee9aac;
        text-align: center;
        width: 100%;
        height: 20px;
    }
    .Accountbutton3 {
        background-color: #ee9aac;
        text-align: center;
        width: 50%;
        height: 20px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 90%;
        height: 20px;
        margin-top: 6px;
    }
    .AccountScript1 {/*join us 登入*/
        color: #ffffff;
        font-weight:bold;
        font-size: 15px;
        font-family:Microsoft JhengHei;
    }
    .AccountScript2 {
        line-height:20px;
        height:20px;
        color: #595757;
        font-weight:bold;
        font-size: 7px;
        font-family:Microsoft JhengHei;
    }
    .Accountcontainer {
		margin: 0 0 10px 0;
		display: inline-block;
		width: 65%;
		height: auto;
		font-family:Microsoft JhengHei;
	}
    .zipcode {
        /*width: 15%;*/
       width: 130px !important;
        line-height:18px;
        text-align:right;
        /*margin-left:15px;*/   
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
}
@media (max-width:420px){
    .AccountbodyLogin {
        margin: 0;
        height : auto;
        width : 100%;
        min-height: 350px;
    }
    .Accountbody {
        /*margin: 1% 0 0 3%;*/
        margin: 0;
        height : auto;
        /*width : 93%;*/
        width : 100%;
        min-height: 360px;
    }
    .AccountLogin {
        margin: 1% 0% 0% 0%;
        height : 287px;
        width : 96%;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login3.jpg');*/
        background-size: 100% 100%;
        background-repeat: no-repeat; 
    }
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
        margin: 0 0 0 4%;
        height: auto;
        width: 95%;
    }
    .AccountForm1 {
        margin: 10% 0 0 25%;
        height: 80px;
        width:77%;
        font-size: 12px;
    }
    .AccountForm2 {
		margin: 0 0 0 3%;
		height: 85px;
		width: 100%;
	}
    .btn {
        margin: 1% 0 10% 16%;
        font-size: 12px;
    }
    .AccountLogin .title {
        font-size: 14px;
    }
    .AccountLoginMail {
        padding: 3% 0 0 45%;
        height: 25px;
        width: 90%;
    }
    .Mail{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        /*height:15px;*/
        width: 100%
    }
    .AccountLoginPassword {
        padding: 12% 0 0 45%;
        height: 20px;
        width: 90%;
    }
    .Password{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        /*height:15px;*/
        width: 100%;
    }
    .AccountLoginVerification {
        padding: 15% 0 0 45%;
        height: 30px;
        width: 90%;
    }
    /*.Verification{
        width: 40px;
        height:auto;
        max-height:18px;
        display: inline-block;
        margin-left: auto;
        text-align:left;
        vertical-align:top;
      
}*/
    /*#Verification{
        font-family:Microsoft JhengHei;
        width:60px;
        font-size:10px;
    }*/
    .AccountLogincheck {
        padding: 17% 0 0 45%;
        width: 90%;
    }
    .Check{
        width: 12px;
    }
    .AccountLoginRegister {
        padding: 1px 0 0 39px;
        width: 38%;
        height: 2px;
    }
    .AccountLoginLogo img {
        width: 170px;
        height: auto;
    }
    .AccountLoginSubmit {
        padding: 0% 0 0 45%;
        width: 100%;
        height: 15px;
    }
    .AccountLoginForgotPassword {
        padding: 8px 0 0 63%;
        width: 360px;
        height: 25px;
    }
    .Accountlabel {
        display: inline-block;
        width: 22%;
        height: auto;
        text-align: right;
        font-size: 12px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel2 {
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-size: 20px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
	    font-size: 16px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 0 0 0 32%;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-size: 12px;
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 0 0 0 30px;
        display: inline-block;
        width: 60%;
        height: auto;
        font-size: 12px;
    }
    .Accountinput2 {
	    margin: 3% 0 0 32%;
        display: inline-block;
        width: 52%;
        height: auto;       
        font-size: 12px; 
    }
    .Accountinput3 {
        margin: 0;
        display: inline-block;
        /*width: 6%;*/
        width: 60px;
        height: auto;    
        font-size: 20px;
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 20%;*/
        width: 125px;
        height: auto;
        font-size: 20px;
    }
    .Accountinput5 {
        display: inline-block;
        width: 15%;
        height: auto;        
        font-size: 12px;  
    }
    .Accountinput6 {
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        background-color: #ee9aac;
        text-align: center;
        width: 30%;
        height: 20px;
    }
    .Accountbutton2 {
        background-color:  #ee9aac;
        text-align: center;
        width: 100%;
        height: 20px;
    }
    .Accountbutton3 {
        background-color: #ee9aac;
        text-align: center;
        width: 50%;
        height: 20px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 90%;
        height: 20px;
        margin-top: 1px;
    }
    .AccountScript1 {/*join us 登入*/
        color: #ffffff;
        font-weight:bold;
        font-size: 15px;
        font-family:Microsoft JhengHei;
    }
    .AccountScript2 {
        color: #595757;
        font-weight:bold;
        font-size: xx-small;
        font-family:Microsoft JhengHei;
    }
    .Accountcontainer {
		margin: 0 0 10px 0;
		display: inline-block;
		width: 72%;
		height: auto;
		font-family:Microsoft JhengHei;
	}
    .zipcode {
        /*width: 15%;*/
        width: 130px !important;
        line-height:18px;
        text-align:right;
        margin-left:15px;   
        background-color: #e9e7e7; 
        margin-bottom: 5px;
        font-size: 16px;
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        background-color: #e9e7e7; 
        margin: 0 5px 5px 15px;
        font-size: 16px;
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        /*margin-right: 15px;*/
        background-color: #e9e7e7; 
        margin-bottom: 5px;
        font-size: 16px;
    }

    .AccountForm .Address {
        margin-top: 12px;
    }
}
@media (max-width:375px){
    .AccountbodyLogin {
        margin: 10px 0 0 0;
        height : auto;
        width : 100%;
        min-height: 300px;
    }
    .Accountbody {
        margin: 0;
        height : auto;
        width : 100%;
        min-height: 380px;
    }
    .AccountLogin {
        margin: 1% 0% 0% 0%;
        height : 250px;
        width : 100%;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login3.jpg');*/
        background-size: 100% 100%;
        background-repeat: no-repeat; 
    }
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
	    margin: 0 0 0 2%;
        height: auto;
        width: 95%;
    }
    .AccountForm1 {
        margin: 10% 0 0 23%;
        height: 80px;
    }
    .AccountForm2 {
		margin: 0 0 0 1%;
		height: 85px;
		width: 100%;
	}
    .btn {
        margin: 4% 0 5% 12%;
        font-size: 10px;
    }
    .AccountLogin .title {
        font-size: 13px;
        margin-bottom: 0px;
    }
   
    .AccountLoginMail {
        padding: 2% 0 0 45%;
        height: 25px;
        width: 90%;
    }
    .Mail{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        height:20px;
        width: 100%
    }
    .AccountLoginPassword {
        padding: 11% 0 0 45%;
        height: 20px;
        width: 90%;
    }
    .Password{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        height:20px;
        width: 100%;
    }
    .AccountLoginVerification {
        padding: 17% 0 0 45%;
        height: 30px;
        width: 90%;
    }
    /*.Verification{
        margin-top:3px;
        width: 30px;
        height:auto;
        max-height:18px;
        display: inline-block;
        margin-left: auto;
        text-align:left;
        vertical-align:top;
}*/
    /*#Verification{
        font-family:Microsoft JhengHei;
        width:50px;
        font-size:10px;
        height:20px;
    }*/
    .AccountLogincheck {
        padding: 17% 0 0 45%;
        width: 90%;
        height: 25px;
    }
    .Check{
        width: 12px;
    }
    .AccountLoginRegister {
        padding: 26px 0 0 34px;
        width: 40%;
        height: 2px;
    }
    .AccountLoginLogo img {
        width: 150px;
        height: auto;
    }
    .AccountLoginSubmit {
        padding: 0% 0 0 45%;
        width: 100%;
        height: 20px;
    }
    .AccountLoginForgotPassword {
        padding: 3% 0 0 63%;
        width: 300px;
        height: 20px;
    }
    .Accountlabel {
        display: inline-block;
        width: 23%;
        height: auto;
        text-align: right;
        font-size: 12px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel2 {
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
        font-size: 16px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 0 0 0 28%;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 0 0 0 3%;
        display: inline-block;
        width: 65%;
        height: auto;
    }
    .Accountinput2 {
        margin: 3% 0 0 27%;
        display: inline-block;
        width: 60%;
        height: auto;        
    }
    .Accountinput3 {
        margin: 0 0 0 0;
        display: inline-block;
        /*width: 7%;*/
        width: 60px;
        height: auto;   
        font-size: 20px;
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 22%;*/
        width: 125px;
        height: auto;   
        font-size: 20px;
    }
    .Accountinput5 {
        display: inline-block;
        width: 16%;
        height: auto;        
    }
    .Accountinput6 {
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        background-color: #ee9aac;
        text-align: center;
        width: 25%;
        height:20px;
    }
    .Accountbutton2 {
        background-color:  #ee9aac;
        text-align: center;
        width: 100%;
        height: 15px;
    }
    .Accountbutton3 {
        background-color: #ee9aac;
        text-align: center;
        width: 40%;
        height: 20px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 80%;
        height: 20px;
    }
    .AccountScript1 {/*join us 登入*/
        color: #ffffff;
        font-weight:bold;
        font-size: 12px;
        font-family:Microsoft JhengHei;
        display: inline-block;
    }
    .AccountScript2 {
        color: #595757;
        font-weight:bold;
        font-size: xx-small;
        font-family:Microsoft JhengHei;
    }
    .Accountcontainer {
		margin: 0 0 10px 0;
		display: inline-block;
		width: 75%;
		height: auto;
		font-family:Microsoft JhengHei;
	}
    .zipcode {
        /*width: 15%;*/ 
        width: 130px !important;
        line-height:18px;
        text-align:right;
        margin: 5px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin: 0 5px 5px 5px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin: 0 5px 0px 5px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
}
@media (max-width:320px){
    .AccountbodyLogin {
        margin: 10px 0 0 0;
        height : auto;
        width : 100%;
        min-height: 320px;
    }
    .Accountbody {
        margin: 0;
        height : auto;
        width : 100%;
        min-height: 280px;
    }
    .AccountLogin {
        margin: 1% 0% 0% 0%;
        height : 225px;
        width : 100%;
        background-color: #ffd4dd;
        /*background-image: url('/Image/Account/login3.jpg');*/
        background-color: #ffd4dd;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .Accountdetails {
        margin: 3% 14% 0 14%;
        padding: 3% 0 0 0;
        height : auto;
        width : 70%;
    }
    .AccountForm {
	    margin: 0 0 0 2%;
        height: auto;
        width: 85%;
    }
    .AccountForm1 {
        margin: 10% 0 0 10%;
        height: 120px;
    }
    .AccountForm2 {
		margin: 0 0 0 1%;
		height: 85px;
		width: 100%;
	}
    .btn {
        margin: 4% 0 3% 18%;
        font-size: 9px;
    }
    .AccountLoginMail {
        padding: 2% 0 0 45%;
        height: 25px;
         width:  90%;
    }
    .Mail{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        height:16px;
        width: 100%
    }
    .AccountLoginPassword {
        padding: 10% 0 0 45%;
        height: 20px;
        width: 90%;
    }
    .Password{
        font-family:Microsoft JhengHei;
        font-size:xx-small;
        height:16px;
        width: 100%;
    }
    .AccountLoginVerification {
        padding: 18% 0 0 45%;
        height: 30px;
        width: 90%;
    }
    /*.Verification{
        width: 30px;
        height:auto;
        max-height:12px;
        display: inline-block;
        margin-left: auto;
        text-align:left;
        vertical-align:top;
}*/
    /*#Verification{
        font-family:Microsoft JhengHei;
        width:50px;
        font-size:10px;
        height:16px;
    }*/
    .AccountLogincheck {
        padding: 17% 0 0 46%;
        width: 90%;
        height: 15px;
    }
    .Check{
        width: 12px;
    }
    .AccountLoginRegister {
        padding: 24px 0 0 29px;
        width: 42%;
        height: 0;
    }
    .AccountLoginLogo img {
        width: 135px;
        height: auto;
    }
    .AccountLoginSubmit {
        padding: 0% 0 0 45%;
        width: 100%;
        height: 20px;
    }
    .AccountLoginForgotPassword {
        padding: 3% 0 0 63%;
        width: 200px;
        height: 20px;
    }
    .Accountlabel {
        width: 100%;
        height: auto;
        text-align: left;
        font-size: 12px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel2 {
        display: inline-block;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountlabel3 {
        display: inline-block;
        width: auto;
        height: auto;
        font-size: 14px;
        font-family:Microsoft JhengHei;
    }
    .Accountlabel4 {
        margin: 1% 0 0 0;
        width: auto;
        height: auto;
        color: rgb(255, 0, 0);
        font-family:Microsoft JhengHei;
    }
    .Accountinput {
        margin: 3% 0 0 0;
        width: 90%;
        height: auto;
    }
    .Accountinput2 {
        margin: 3% 0 0 0;
        display: inline-block;
        width: 72%;
        height: auto;        
    }
    .Accountinput3 {
        margin: 0;
        display: inline-block;
        /*width: 7%;*/
        width: 60px;
        height: auto;   
        font-size: 20px;
    }
    .Accountinput4 {
        display: inline-block;
        /*width: 25%;*/
        width: 125px;
        height: auto;      
        font-size: 20px;  
    }
    .Accountinput5 {
        display: inline-block;
        width: 19%;
        height: auto;        
    }
    .Accountinput6 {
        display: inline-block;
        width: 30%;
        height: auto;        
    }
    .Accountbutton1 {
        background-color: #ee9aac;
        text-align: center;
        width:30%;
        height: 20px;
    }
    .Accountbutton2 {
        background-color:  #ee9aac;
        text-align: center;
        width: 100%;
        height: 15px;
    }
    .Accountbutton3 {
        background-color: #ee9aac;
        text-align: center;
        width: 45%;
        height: 20px;
    }
    .Accountbutton4 {
        background-color: #ee9aac;
        text-align: center;
        width: 80%;
        height: 20px;
    }
    .AccountScript1 {/*join us 登入*/
        color: #ffffff;
        font-weight:bold;
        font-size: 10px;
        font-family:Microsoft JhengHei;
    }
    .AccountScript2 {
        color: #595757;
        font-weight:bold;
        font-size: xx-small;
        font-family:Microsoft JhengHei;
    }
    .Accountcontainer {
		margin: 0 0 10px 0;
		display: inline-block;
		width: 90%;
		height: auto;
		font-family:Microsoft JhengHei;
	}
    .zipcode {
        /*width: 15%;*/
        width: 130px !important;
        line-height:18px;
        text-align:right;
        margin-left:15px;   
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .county {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
    .district {
        width: auto;
        height:25px;
        line-height:25px;
        margin-right: 15px;
        background-color: #e9e7e7; 
        font-size: 16px;
    }
}