/*==========================================================================
   author's custom styles
   ========================================================================== */

#mytab a:link {
    text-decoration: none !important;
}

label.error {
    color: red;
}

.placeholdersjs {
    color: #aaa;
}

#footer {
    color: #999;
}



/*=========================================================
johnny yang custom styles for user to go to wechat with  index.stpl                             start
=========================================================*/

#alert_form_back{
    position: absolute;
    left:0;
    right:0;
    top:0;
    z-index: 998;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.6);
    background-attachment: fixed;
}

#alert_form{
    position: absolute;
    left:0;
    right:0;
    top:20%;
    margin:0 auto;
    z-index: 999;
    width:60%;
    height:auto;
    background-color:#fff;
    box-shadow: 0 0 6px #e1e1e1;
    border-radius: 5px;
}
.half{ 
    width:50%;
    height:auto;
    float:left;
    padding-bottom: 5%;
 }
 .alert_content{
     margin: 10% 10%;
     padding-left:7%;
     font-size: 16px;
 }
 .alert_content>p{
     text-align: left;
 }
 .alert_content>p:last-child{
     font-size: 21px;
     color:#f00;
     font-weight: 600;
 }
 .half>img{
     width:37%;
    padding-top:8%;
}

#close_btn{
    display: block;
    position: relative;
    left:92%;
    width:50px;
    height: 50px;
    cursor: pointer;
}
#close_btn>svg{
    width:100%;
}
 .clear{
     clear:both;
 }
 ul{
     float:left;
     margin-left:18%;
 }
 ul>li{
     text-align: left;
 }


 @media screen and ( max-width:1440px ) {
    #alert_form{
        top:10%;
        width:80%;
    }

     .half>img{
       width:40%;
       padding-top:10%;
       }
       .alert_content>p:last-child{
        font-size: 18px;
    }
 }
 
 @media screen and ( max-width:1030px ) {
    .half{
        padding-bottom: 0;
    } 
    .half>img{
        width:50%;
       padding-top:7%;
       }
    ul{
        margin-left:8%;
    }
       li{
           font-size:12px;
       }
       .alert_content>p:last-child{
        font-size: 14px;
    }
 }
 
 /* @media screen and ( max-width:1000px ) {
     h2{
         font-size: 22px;
     }
    #alert_form{
        top:10%;
        width:80%;
    }
    .half{ 
        width:100%;
        float:none;
     }
     .half>img{
        width:50%;
       padding-top:5%;
       }
 } */

 /*=========================================================
johnny yang custom styles for user to go to wechat with  index.stpl                             end
=========================================================*/