@charset "UTF-8";
@font-face {
    font-family: 'score';
    font-weight: 200;
    src: url(/parkingsms/re_new/new_v2/cssjs/font_scoredream/score2.eot) format('eot'),
    url(/parkingsms/re_new/new_v2/cssjs/font_scoredream/score2.woff) format('woff');
}

@font-face {
   font-family: 'score';
   src: url(/parkingsms/re_new/new_v2/cssjs/font_scoredream/score5.eot) format('eot'),
        url(/parkingsms/re_new/new_v2/cssjs/font_scoredream/score5.woff) format('woff');
}

@font-face {
     font-family: 'score';
     font-weight: 700;
     src: url(/parkingsms/re_new/new_v2/cssjs/font_scoredream/score7.eot) format('eot'),
          url(/parkingsms/re_new/new_v2/cssjs/font_scoredream/score7.woff) format('woff');
}
.score{font-family: 'score';}


body{min-height:360px; background:#3e3e3e;}

#skip_nav {position:fixed;left:0;top:0;text-align:center;z-index:9999;width:100%;}
#skip_nav a {position:absolute;top:-100px;left:0;right:0;white-space:nowrap;text-decoration:none;}
#skip_nav a:focus, #skip_nav a:active, #skip_nav a:hover {top:0;bottom:0;background:#333;color:#fff;font-weight:bold;font-size:110%;display:block;line-height:40px;height:40px;}

#wrap, #header, #container{min-width:100%;}

#header{z-index:100;width:100%;}
#header *{transition:all 0s;}
/*

/*contents*/}




#wrap {}
#layout{min-width:360px; width:100% !important}

/*------------------------------------------ Layout ---------------------------------------------------------*/
#wrap, #header, #container, #footer{position:relative;}

#header{text-align:center; position:absolute; z-index:150}

#header .container{position:relative;z-index:9999;}



.main_cnt_box1{background:url(/parkingsms/re_new/new_v2/img/main_cnt_bg1.jpg) center; overflow:hidden; padding-bottom:100px; background-size: cover;}
.logo_h1{width:100%; margin:0 auto; text-align:center; height:110px; background-color:#fff; font-family: 'score'; font-weight:600;}
.logo_h1 p{padding-top:25px;font-size:35px;font-family: 'score'; font-weight:500;}
.logo_h1 p img{padding-right:10px; vertical-align:middle;}

.textflow_wrap1{animation-name:fadeInUp; width:1200px; position:relative; margin:0 auto;}
.textflow_wrap1 p{animation-name:fadeInUp;}
.textflow_wrap1 p:first-child{padding-top:80px; text-align:center;color:#fff; font-size:50px; font-weight:500; line-height:70px;  -webkit-animation-delay:.2s;animation-delay:.2s; text-shadow: 2px 2px rgba(0, 0, 0, 0.2);}
.textflow_wrap1 p:last-child{word-break:keep-all;width:70%; text-align:center;color:#fff; margin:20px auto 0 auto; font-size:19px; -webkit-animation-delay:.5s;animation-delay:.5s; text-shadow: 2px 2px rgba(0, 0, 0, 0.2);}

.ways_section{margin-top:60px;}
.ways_section dl{-webkit-animation-delay:.4s;animation-delay:.4s; border:1px solid #474f54; width:1200px;  margin:0 auto; background:#fff; animation-name:fadeInUp; box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); overflow:hidden; height:240px;}
.ways_section dt{background-color:#0855be; color:#fff; float:left; width:20%; padding:3% 3% 7% 3%; height:100%; font-size:25px; font-weight:500; word-break:keep-all;}
.ways_section dd{float:left;width:40%; padding:3%;position:relative;}
.ways_section dd .v1{background:url(/parkingsms/re_new/new_v2/img/car_img1.png) no-repeat;}
.ways_section dd .v1 .v1_p1{padding-left:110px; padding-top:5px; font-size:16px; font-weight:500;word-break:keep-all;}
.ways_section dd .v1 .v1_p2{padding-left:110px; padding-top:10px; text-decoration:underline; font-size:15px; color:#f62f26; font-weight:400; }
.ways_section dd .v1 .v1_p3{margin-top:30px;}
.ways_section dd .v1 .v1_p3 a{background:#000; font-weight:500; color:#fff;text-align:center; font-size:18px; display:block; width:100%; padding:15px 0;}

.ways_section dd .v2{background:url(/parkingsms/re_new/new_v2/img/car_img2.png) no-repeat;}
.ways_section dd .v2 .v2_p1{padding-left:110px; padding-top:5px; font-size:16px; font-weight:500; color:#222; word-break:keep-all;}
.ways_section dd .v2 .v2_p2{padding-left:110px; padding-top:10px; text-decoration:underline; font-size:15px; color:#f62f26; font-weight:400; }
.ways_section dd .v2 .v2_p3{margin-top:30px;}
.ways_section dd .v2 .v2_p3 a{background:#ef440e; font-weight:500; color:#fff;text-align:center; font-size:18px; display:block; width:100%; padding:15px 0;}

.ways_section dd:after{position:absolute; content:''; width:1px; height:75%; background:#e5e5e5; right:0; top:15%; }
.ways_section dd:last-child:after{display:none;}
.ways_section dd a{display:inline-block; }


footer{margin-top:10px; width:100%; background:#3e3e3e; }
#footer{position:relative; width:1200px; margin:0 auto; padding:1% 0 2% 0;}
.footer_m{overflow:hidden; border-bottom:1px solid #4e4d50;  padding-bottom:15px;}
.footer_m li{float:left; margin-left:30px;}
.footer_m li:first-child{margin-left:0;}
.footer_m li a{color:#ddd; position:relative;}
.footer_m li a:last-child:before{position:absolute; content:''; left:-13px; top:6px; width:1px; height:10px; background:#666; }
.footer_m li a strong{color:#ffea00;}

#footer address{margin-top:10px;}
#footer address p{margin-bottom:5px; color:#a4a4a4;}
#footer address span{padding-left:10px;}



/*==============================================================================*/

.f_l {float:left}
.f_r {float:right}


@media only screen and (max-width: 1400px){	


.ways_section{padding:0 3%;}
.ways_section dl{width:100%;}

}

@media only screen and (max-width: 1200px){	

#footer{position:relative; width:100%; margin:0 auto; padding:2% 5%;}


.textflow_wrap1{width:100%; padding:0 3%;} 
.textflow_wrap1 p:first-child{font-size:45px; padding-top:50px; line-height:50px;}


.ways_section dt{font-size:22px;}
.ways_section dd{padding:3% 2%;}
}


@media only screen and (max-width: 870px){	
.logo_h1{height:100px;}
.logo_h1 p{font-size:30px;}
.logo_h1 p img{width:90px;}

.textflow_wrap1 p:first-child{font-size:40px; padding-top:50px; line-height:50px;}
.textflow_wrap1 p:last-child{ font-size:17px; width:90%;}

.ways_section{margin-top:40px;}
.ways_section dl{height:auto;}
.ways_section dt{float:none; display:block; width:100%; padding:17px 20px; height:auto; font-size:23px;}
.ways_section dd{float:left;width:50%; padding:4% 3%;}
}


@media only screen and (max-width: 767px){	
#header .container{display:block;}
.ways_section dd{zoom:.9;}
.ways_section dt{font-size:21px;}
}

@media only screen and (max-width:640px){
.logo_h1{height:90px;}
.logo_h1 p{font-size:25px;}
.logo_h1 p img{width:70px;}

.textflow_wrap1 p:first-child{font-size:35px; padding-top:50px;  line-height:40px;}
.textflow_wrap1 p:last-child{ font-size:15px; width:90%;}

.ways_section dd{zoom:1;}
.ways_section dd{float:none;width:100%; padding:4%;}
.ways_section dd:after{display:none;}
}



@media only screen and (max-width:450px){
.logo_h1{height:80px;}
.logo_h1 p{font-size:20px;}
.logo_h1 p img{width:70px;}
#footer address span{padding-left:0; display:block;}
}