@charset "UTF-8";
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;}

#header .stickmenu{position:relative;text-align:center;}
#header .sticky{position:fixed !important;top:0;left:0;width:100%;}
#header .container{height:100%;position:relative;text-align:left;}
/*

/*contents*/
#container{background:#fff;}




#container {min-width:360px;  background: #fff !important;}
#wrap {min-width:360px; width:100% !important}

#Menu3 ul li .mlink{color:rgba(255,255,255,1);}
#Menu3 ul li:first-child .mlink{ }
#Menu3 ul li ul li a{color:rgba(255,255,255,0.8)}

#header:hover .stickmenu{}
#header:hover #Menu3 ul li .mlink{color:rgba(0,0,0,0.8);}

#header:hover #Menu3 ul li:hover .mlink {}
#header:hover #Menu3 ul li:hover ul{}
#header:hover #Menu3 ul li:hover ul li a{ }



#header .Nav{position:absolute;top:5px;text-align:right; right:10px;}
.Nav a{position:relative; margin-left:10px; padding:0 10px; display:inline-block;vertical-align:middle; color:#ef6266; font-size:15px;line-height:27px; }
.Nav a:first-child{color:#000;}
.Nav a:before{position:absolute; content:''; width:1px; height:10px; background:#ddd; top:8px; right:-7px; }
.Nav a:last-child:before{display:none;}

.Nav2{position:absolute;top:5px; left:0; right:0;}
.Nav2 a{vertical-align:middle; color:#000; font-size:14px; text-align:center; line-height:27px;}






.mobile_menu>ul>li>a{}
.mobile_menu>ul>li.open>a,.mobile_menu>ul>li>a:hover{color:#1979c8}
.mobile_menu>ul>li>ul>li>a{}
.mobile_menu>ul>li>ul>li>a:hover{color:;}



.main_cnt_box{background:url(/parkingsms/re_new/img/main_cnt_bg.jpg) top center; overflow:hidden; padding-bottom:30px; background-size: cover;}
.textflow_wrap{animation-name:fadeInUp; width:1200px; position:relative; margin:0 auto;}
.textflow_wrap p{animation-name:fadeInUp;}
.textflow_wrap p:nth-child(1){text-align:center; padding-top:12%;}
.textflow_wrap p:nth-child(1) img{text-align:center; width:300px;}
.textflow_wrap p:nth-child(2){padding-top:30px; text-align:center;color:#fff; font-size:60px; font-weight:500; line-height:70px;  -webkit-animation-delay:.2s;animation-delay:.2s; text-shadow: 2px 2px rgba(0, 0, 0, 0.2);}
.textflow_wrap p:nth-child(3){word-break:keep-all;width:50%; text-align:center;color:#fff; margin:20px auto 0 auto; font-size:17px; -webkit-animation-delay:.5s;animation-delay:.5s; text-shadow: 2px 2px rgba(0, 0, 0, 0.2);}
.main_cnt_menu{position:relative; margin:50px auto; overflow:hidden;}
.main_cnt_menu dl{-webkit-animation-delay:.5s;animation-delay:.5s; 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:200px;}
.main_cnt_menu dt{background-color:#0855be; color:#fff; float:left; width:20%; padding:3% 3% 7% 3%; height:100%; }
.main_cnt_menu dt p{font-size:15px; color:#fff;}
.main_cnt_menu dt{font-size:25px;}
.main_cnt_menu dd{float:left;width:20%; text-align:center; position:relative;}
.main_cnt_menu dd:after{position:absolute; content:''; width:1px; height:60%; background:#e5e5e5; right:0; top:15%; }
.main_cnt_menu dd:last-child:after{display:none;}
.main_cnt_menu dd a{display:inline-block; width:100%; height:100%; font-size:18px; font-weight:500; padding:150px 0 50px 0; }
/*.main_cnt_menu dd a:hover{outline:1px solid #ddd;}*/
.main_cnt_menu dd a.micn1{background:url(/parkingsms/re_new/img/main_icon1.png) center 35px no-repeat; background-size:80px auto;}
.main_cnt_menu dd a.micn2{background:url(/parkingsms/re_new/img/main_icon2.png) center 30px no-repeat; background-size:70px auto;}
.main_cnt_menu dd a.micn3{background:url(/parkingsms/re_new/img/main_icon5.png) center 42px no-repeat; background-size:80px auto;}
.main_cnt_menu dd a.micn4{background:url(/parkingsms/re_new/img/main_icon6.png) center 35px no-repeat; background-size:100px auto;}
.main_cnt_menu dd a.micn1:hover,.main_cnt_menu dd a.micn2:hover,.main_cnt_menu dd a.micn3:hover,.main_cnt_menu dd a.micn4:hover{animation-name:floating;}

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

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

#header .stickmenu{position:absolute; padding-top:25px;left:0; right:0;text-align:center;background:rgba(255,255,255,1); box-shadow:2px 2px 2px rgba(0,0,0,0.1)}
#header .sticky{padding-top:0px;box-shadow:0 0 5px rgba(0,0,0,0.1);}
#header .sticky .logo{top:0px;}

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

#topmn{background:rgba(0,0,0,0.5);overflow:hidden;}
#topmn .container{text-align:right;height:40px;}

h1.logo {display:block}
#header .logo{position:absolute; top:5px; z-index:999; text-align:center; overflow:hidden;}
#header .logo img{vertical-align:middle; height:80px; width:auto; padding:25px 0;}
#header .stickmenu:after{content:'';width:100%;height:1px;position:absolute; left:0%; right:0%; bottom:0px; background:rgba(0,0,0,0.05)}

#header .top_menu {position:absolute; top:7px; right:25px; z-index:100000;}
#header .top_menu a{ z-index:100000; margin:0 0 0 3px; font-size:14px; color:#fff; line-height:24px; display:inline-block; padding:3px 13px; border-radius:20px}
#header .top_menu .cctv{background:#f4bd00;}
#header .top_menu .join{background:#666;}

.top_menu2 {position:absolute; top:15px; left:10px}
.top_menu2 a{float:left; margin:0 0 0 3px; font-size:14px; color:#fff; line-height:24px; display:inline-block; padding:3px 13px; border-radius:3px}
.top_menu2 .cctv{background:#f4bd00; }
.top_menu2 .join{background:#666; }
.top_menu2 .mobile_t{margin-top:3px; width:143px; text-align:center;}

#Menu3{ position:relative;}
#Menu3 ul{}
#Menu3 ul li {position:relative;text-align:center;}
#Menu3 ul li .mlink {font-size:19px;height:70px;line-height:70px;position:relative;display:block;color:#333; padding:0; font-weight:500}
#Menu3 ul li .mlink:before{position:absolute; right:0; top:49%; content:''; display:block; background:url(/parkingsms/re_new/img/menu_dot1.png) top no-repeat; width:4px; height:4px;}
#Menu3 ul li .mlink:hover{color:#f4bd00 !important; text-decoration:underline;}
#Menu3 ul li:last-child .mlink:before{display:none;}
#Menu3 ul li:nth-child(2) .mlink:before{display:none;}
#Menu3 ul li:nth-child(3) .mlink:before{position:absolute; left:0%;}
#Menu3 ul li:nth-child(3) .mlink:after{position:absolute; right:0%; top:49%; content:''; display:block; background:url(/parkingsms/re_new/img/menu_dot1.png) top no-repeat; width:4px; height:4px;}

#Menu3 ul li ul,.menu_wrap{width:100%;padding:;}
#Menu3 ul li:first-child ul:before{right:auto;left:0}
#Menu3 ul li ul li {display:block;background-image:none;height:35px;text-align:center;}
#Menu3 ul li ul li a {display:block;line-height:30px;padding-left:0px; font-size:16px;height:100%; color:#555;font-weight:normal;  }
#Menu3 ul li ul li a:hover{color:rgba(0,0,0,1);}
#Menu3 ul li em {display:none}
.depth2 .fontbr1{padding-top:5px;height:55px !important;}
.depth2 .fontbr2{height:70px !important;}

.menu_wrap{box-shadow:0 4px 5px rgba(0,0,0,0.1); } 

#header #opNav{position:relative;display:inline-block;margin:0;vertical-align:middle;right:0; display:none}
#opNav .bar1, #opNav .bar2, #opNav .bar3{background:#000}

#header.sub #opNav .bar1, #header.sub #opNav .bar2, #header.sub #opNav .bar3{background:#444}


.mobile_menu>ul>li>a:before{width:1px !important;}
.mobile_menu>ul>li>a:after{height:1px !important; margin-left:-1px;}



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:#fcff00;}

#footer address{}
#footer address dt{padding-top:10px; color:#a4a4a4; font-size:15px;}
#footer address dd{color:#a4a4a4; font-size:15px;}
#footer address p{margin-top:10px; color:#a4a4a4; font-size:12px;}
#footer address span{padding-left:10px;}
#footer address dd a{color:#fff;}

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

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

.won1 {overflow:hidden; position:relative; }
.won1:before {content:''; position:absolute; }
.won1:after {content:''; position:absolute; }

@media only screen and (max-width: 1400px){	
.container {width:1200px ;}


}

@media only screen and (max-width: 1200px){	
#header .localNavi:after{display:none}
.top_menu {display:none}
.Nav {display:none}
.Nav2 {display:none}
menu#Menu3 {display:none !important}
.container {width: 98%;}
.sub_menu {display:none !important}
#header:hover .stickmenu.sticky .menu_wrap{display:none !important;  }
#header #opNav{right:10px; top:10px; float:right; display:block}
#topmn{display:none;}	
#header .stickmenu {position: relative;}
#header .stickmenu{ padding:5px;}
#header .stickmenu .logo{position: relative; display:inline-block}
#header .logo{left:0%; width:auto; top:0; text-align:left;}
#header .logo img{vertical-align:middle; height:60px; width:auto; padding:15px 0 ;}

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


.textflow_wrap{width:100%;} 
.textflow_wrap p:nth-child(1){padding-top:100px;}
.textflow_wrap p:nth-child(1) img{width:250px;}
.textflow_wrap p:nth-child(2){padding-top:30px; font-size:50px; line-height:60px; }
.textflow_wrap p:nth-child(3){font-size:17px; width:60%; }

.main_cnt_menu dl{ width:90%; margin:0 5%;}
.main_cnt_menu dt{font-size:20px;}
.main_cnt_menu dd:after{position:absolute; content:''; width:1px; height:50%; background:#e5e5e5; right:0; top:16%; }



}

@media only screen and (max-width: 870px){	
.main_cnt_menu dl{height:auto;}
/*
.main_cnt_menu dt{content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0; margin-left:-20%;}*/
.main_cnt_menu dt{width:100%; height:50px; padding:10px 20px; }
.main_cnt_menu dt p{display:inline; width:120px;}
.main_cnt_menu dd{width:25%;}
.main_cnt_menu dd a{font-size:16px; padding:130px 0 30px 0;}
.main_cnt_menu dd a.micn1{background:url(/parkingsms/re_new/img/main_icon1.png) center 35px no-repeat; background-size:70px auto;}
.main_cnt_menu dd a.micn2{background:url(/parkingsms/re_new/img/main_icon2.png) center 30px no-repeat; background-size:60px auto;}
.main_cnt_menu dd a.micn3{background:url(/parkingsms/re_new/img/main_icon5.png) center 40px no-repeat; background-size:70px auto;}
.main_cnt_menu dd a.micn4{background:url(/parkingsms/re_new/img/main_icon6.png) center 35px no-repeat; background-size:90px auto;}
.main_cnt_menu dd:after{position:absolute; content:''; width:1px; height:50%; background:#e5e5e5; right:0; top:16%; }
}


@media only screen and (max-width: 767px){	
.container {width: 98%;}
#header .container{display:block;}

h1 {font-size:25px;}


.textflow_wrap p:nth-child(1){padding-top:90px;}
.textflow_wrap p:nth-child(1) img{width:200px;}
.textflow_wrap p:nth-child(2){padding-top:30px; font-size:40px; line-height:50px; }
.textflow_wrap p:nth-child(3){font-size:15px; width:80%;}

.top_menu2 a{font-weight:500;}

}

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

#header .logo img{height:55px;}
#header .logo{}
.textflow_wrap{padding:0 5%;}
.textflow_wrap p:nth-child(1){}
.textflow_wrap p:nth-child(1) img{width:170px;}
.textflow_wrap p:nth-child(2){padding-top:20px; font-size:30px; line-height:40px; }
.textflow_wrap p:nth-child(3){font-size:14px; width:90%;}


.main_cnt_menu{position:relative; margin:30px auto; }
.main_cnt_menu dd a{font-size:15px; padding:110px 0 30px 0;}
.main_cnt_menu dd a.micn1{background:url(/parkingsms/re_new/img/main_icon1.png) center 35px no-repeat; background-size:60px auto;}
.main_cnt_menu dd a.micn2{background:url(/parkingsms/re_new/img/main_icon2.png) center 30px no-repeat; background-size:50px auto;}
.main_cnt_menu dd a.micn3{background:url(/parkingsms/re_new/img/main_icon5.png) center 32px no-repeat; background-size:65px auto;}
.main_cnt_menu dd a.micn4{background:url(/parkingsms/re_new/img/main_icon6.png) center 30px no-repeat; background-size:78px auto;}
.main_cnt_menu dd:after{position:absolute; content:''; width:1px; height:50%; background:#e5e5e5; right:0; top:15%; }
}



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

#header .logo img{height:55px;}
#header .logo{}
.textflow_wrap{padding:0 5%;}
.textflow_wrap p:nth-child(1){}
.textflow_wrap p:nth-child(1) img{}
.textflow_wrap p:nth-child(2){padding-top:20px; font-size:25px; line-height:30px; }
.textflow_wrap p:nth-child(3){font-size:14px; width:100%;}
.main_cnt_menu dd{width:50%;}
.main_cnt_menu dd:after{display:none;}
.main_cnt_menu dd:nth-child(even){border-right:1px solid #e5e5e5;}
.main_cnt_menu dd{border-bottom:1px solid #e5e5e5;}
#footer address span{padding-left:0; display:block;}
}