@charset "UTF-8";

@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 


#main {  width:100%;   padding:10px 3% 50px 3%; box-sizing:border-box;  }
#sub {  width:100%;   padding:10px 0;  box-sizing:border-box;   }
.in {width:100%; }

.main_vi {width:100%;  margin-bottom:10px; height:450px; border-bottom:1px solid #ddd; display:inline-block; margin-top:70px;  min-width:1200px;  }

#top {width:100%; position:fixed;  padding:10px 3%; top:0;z-index:9999999; box-sizing:border-box; height:60px; 
 border-bottom:1px solid #ddd; background-color:#fff;
 }
 

#top  p  { background-color:#fff;}
 #top  div  {background-color:#fff; font-size:15px; line-height:50px; }
 


#top  div input {width:180px; vertical-align:middle; border:1px solid #015aac; height:35px; color:#015aac; padding-left:10px; box-sizing:border-box; background-color:#fff;}
#top  div div  a {line-height:35px; width:60px;  text-align:center;  float:right; background-color:#015aac; color:#fff ; display:inline-block}





nav { width:50%;     margin-top:3px; }

nav ul {
  font-size: 0;  
  margin: 0; text-align:Center;
  padding: 0;  width:100%;  
}

nav ul li {
display:inline-block;   position: relative;   z-index:99999999999999999999999999999999;
 box-sizing:border-box;  background:url('/common/img/common/nav_line.png') no-repeat right;
}
nav ul li:last-child {background:none}

nav ul li a {
  color: #333 !important;
  display: block;
  font-size:18.5px; font-weight:600; padding:0 40px;   line-height:50px; 
  transition: 0.3s linear;  
}




nav ul li ul {
   display: none;
  position: absolute; left:0;   
  width: 100%;  

}

nav ul li ul li { width:100%;
   display: block; margin:0; background:none;   
}
nav ul li ul li:hover  { background-color:#fff;  color:#666 !important;} 

nav ul li ul li:first-child { border-top: none; }
 

nav ul li ul li a {
  background: #fff; border-bottom:1px solid #ebebeb;
  display: block; color:#666 !important;  width:100%;  
line-height:40px; padding:0; font-size:14px; font-weight:300;
}

nav ul li ul li a:hover { background: #015bac; color:#fff !important; border-bottom:1px solid #015bac; }

 

nav .fa.fa-angle-down { margin-left: 6px; }


h3 {width:100%; font-size:1.3em; font-weight:700;  color:#333; display:inline-block; letter-spacing:-1px; line-height:1.4; padding-bottom:10px; box-sizing:border-box;}
h3 span {color:#015bac;}
h3 a {font-size:15px; line-height:55px; font-weight:400; float:right; }


.wrap {width:100%; padding:120px 0 ; box-sizing:border-box; display:inline-block;  
 }
 

.m_search  input {width:75%; vertical-align:middle; border:1px solid #015aac; height:35px; color:#015aac; padding-left:10px; box-sizing:border-box; background-color:#fff; font-size:0.95em;}
.m_search    a {line-height:35px; width:25%;  text-align:center;  float:right;  font-size:0.85em; background-color:#015aac; color:#fff ; display:inline-block}


 


a.fixed_top {width:65px; line-height:65px; text-align:center;  background-color:#555;  color:#fff !important; border-radius:3px; font-size:15px; display:inline-block; position:fixed; bottom:10%; right:2%;}


  

footer {width:100%; margin-top:0px; border-top:1px solid #ddd; padding:20px 3%; box-sizing:border-box;  float:left;   }
footer div { position:relative;  margin:0 auto;}
#sub footer div { margin:0 auto;}


footer div p {width:100%; text-align:Center;   float:left; font-size:0.83em; box-sizing:border-box; color:#777; line-height:1.5em;  }
footer div img {float:right;}
footer div p span {color:#999; font-size:0.9em}
footer div a.link {  background-color:#f5f5f5; padding:3px 10px; display:inline-block; margin-bottom:10px; font-size:13px; color:#999}