
@charset "utf-8";
/* CSS Document */
.clear {clear:both;}
html,body{ margin:0; padding:0; border:0;}
.Express_Interests{ width:554px; min-height:100px; margin:auto; border: rgba(245, 245, 245, 0.3) 8px solid;
    background: rgba(2, 2, 2, 0.7);
    border-radius: 0px;}

.top_main{ width:538px; height:50px;}
.welcome{ width:500px; height:auto; padding: 5px 0 5px 55px; padding-top:10px; font-size:22px; font-weight:bold; color:#FFFFFF; letter-spacing:1px;}

.top{ width:538px; height:40px; background:#f1efef; border-style:none;}
.pay{ width:100%; height:auto; text-align:center; padding-top:10px; font-size:14px; font-weight:bold; color:#FF0000; margin-bottom: 15px; letter-spacing:1px;}

//*container*//
.pop_contaner{ width:500px; min-height:20px;}
.pop_contaner_top{ width:500px; min-height:auto; font-size:18px; font-weight:bold; color:#FF9900; padding: 3px 10px 0px 40px;}
.pop_contaner_content{ width:420px; height:auto; margin-left: 40px;}
.pop_contaner_content .image{ width:420px; height:175px; float:left; background:url(../image/1.png);}
.for{ width:335px; height:auto; float:left;margin:10px 0 10px 60px; font-size:18px; color:#FFFFFF; border-bottom:#FFFFFF 1px solid;}

/*icon*/
.icon{ width:30px; height:auto; float:left;margin: 15px 0 15px 60px;}
.icon img{ padding-bottom:17px; cursor:pointer;}

/*matter*/
.service{ width:150px; height:auto; float:left;margin: 9px 0 -21px 0;}
.service ul{ width:150px; height:auto; float:left; margin:0;  font-size:15px; color:#FFFFFF; text-decoration:none; padding:5px;}
.service ul li{ display:inline-block; padding-bottom:16px;}

.service ul li a{
 text-decoration:none; color:#FFFFFF;
    font-weight: 600;
 }
 
.service ul li a:hover{text-decoration:underline;}




/*ad*/
.ad{ width:100px; height:auto; float:left;margin: 35px 0 0 0; cursor:pointer;padding-left: 10px;}

/* Frenchisee */
.frenchisee_container{ width:538px; height:46px;background:white}
.frenchisee{ width:97%; height:auto; padding: 2px 0 5px 10px; padding-top:4px;font-size:14px; font-weight:bold; color:#5D5858; }
.frenchisee p { line-height:17px; margin:0 auto; text-align:center; margin-top:1px;}
.frenchisee p a {text-decoration:none; color:#AF2107;}
.frenchisee p a:hover {color:#333333;}


/*bottom*/
.bottom{ width:100%; height:auto; float:left; font-size:15px; color:#CDDC39; letter-spacing:1px; margin: 10px 0 3px 0px; text-align:center; font-weight:700;}
.bottom1{ width:100%; height:auto; float:left; font-size:14px; color:white; letter-spacing:1px;  }

.bottom2{ width:100%; height:auto; float:left; font-size:14px; color:white; letter-spacing:1px; text-align:center; }

.bottom2 a{ text-decoration:none; color:#FF9900;}
.bottom2 a:hover{text-decoration:underline;}

@media screen and (max-width:572px) {
    .Express_Interests {
        width:100%;
        min-height: 100px;
    }
    .welcome {
        width:100%;
        height: auto;
    }
    .top_main {
        width:100%;
        min-height: 50px;
        height: inherit;
    }
    .top {
        width:100%;
        min-height: 40px;
    }
    .pop_contaner_top {
        width:100%;
        min-height: auto;
    }
    .pop_contaner_content {
        width:100%;
        height: auto;
        margin-left:0px;
    }
    .pop_contaner_content .serv2 div
    {
        width:30% !important;
        margin-left:0px !important;
    }
    .frenchisee_container {
        width:100%;
        min-height: 46px;
        background: #f1efef;
        height:inherit;
    }
    .for
    {
        width:100%;
        height:auto;
    }
    .image
    {
        width:250px;
        height: 175px;
    }
}

@media screen and (max-width:480px) {
    .welcome {
        width: 100%;
        height: auto;
        font-size: 19px;
    }
    .ad
    {
        display:none;
    }
}