@charset "UTF-8";

body {overflow-x:hidden}
 
:root {
  --main_c :#07667d;
}

 
.header {width:100%; position:fixed; z-index:99999999;   }
.header .in {display:flex; align-items:center; justify-content :space-between; height:90px;   }
.header .in h1 {font-size:23px; white-space:nowrap; cursor:pointer; font-weight:800; color:var(--main_c)}
.header .in h1 b {font-weight:800}
nav {  }

nav ul {
  font-size: 0;
  margin: 0;
  padding: 0; width:100%; display:flex;  justify-content:center; 
}

nav ul li {
  display: inline-block;
  position: relative;  height:100%; 
}

nav ul li a {
  color: #fff;
  display: block;
 line-height:45px; letter-spacing:-1px;  font-size:18px; font-weight:500; 
  position:relative; 
  transition: 0.3s linear; padding:0 1.3vw; padding-top:2px; background-color:var(--main_c); margin:0 6px;
}
  
nav ul li ul {
 
  display: none;
  position: absolute;
  width:200px;  margin-left:-100px; left:50%;  margin-top:2px;
} 

nav ul li ul li {
  border: 1px solid #ddd;
  display: block; margin:0; text-align:center; margin-top:-1px
}

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

nav ul li ul li a {
  background: #f9f9f9; color:#333 ;
  display: block;
  line-height:1.3rem;; letter-spacing:0; font-size:1rem; font-weight:400; 
  padding: 10px 14px;
}
 
nav ul li ul li a:hover { background: var(--main_c); color:#fff  }

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

.header.scroll {border-bottom:none; background-color:#fff}
 

@media all and (min-width:900px) {
  .m_top {display:none}
}

@media all and (max-width:900px) {
		.header { position:absolute; z }

		#header .in {display:none}
		.m_top {position:absolute; box-sizing:border-box; padding:0 4%;   top:20px; width:100%; display:flex; align-items:center; justify-content:space-between}
		.m_top h1 {font-size:20px;   font-weight:400; color:var(--main_c)}

}



.color1 {color:var(--main_c)}
.red {color:red}

.flex_col {display:flex; align-items:Center}
.t_border {border-top:1px solid #ddd }

.btn_wrap {width:100%; margin-top:50px; display:inline-block; position:relative}
 
.btn_wrap *,
.btn_wrap *:before,
.btn_wrap *:after {
   transition: 0.5s ease-in-out; 
}
 

a.btn-0:before,
a.btn-0:after {
  z-index: -1;
}

 
a.btn-0 {
  text-decoration: none;
  line-height: 55px; font-size:1.2rem; font-weight:500;
  color: var(--main_c); display:inline-block;  transition: 0.5s ease-in-out;
}
 
[class^=btn-] {
  position: relative;
  display: block;
  overflow: hidden;
  width: 45%;
  height: 55px;
  
  max-width: 200px; border-radius:3px;
  box-sizing:border-box;
  text-transform: uppercase;
  border: 1px solid var(--main_c);
}

.btn-0 {
  color: #a3527a;
  background-color:#fff;
   transform: translateX(0);
}
.btn-0:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--main_c);
   transform: translateX(-100%);
}
.btn-0:hover {
  color:#fff;  border: 1px solid var(--main_c); 
}
.btn-0:hover:before {
  transform: translateX(0);
}


@media all and (max-width:900px) {
	a.btn-0 { line-height: 50px; font-size:1.1rem; }
	[class^=btn-] {height:50px}
}

a.color_33  { color:#666; }
a.color_33  { border: 1px solid #555}
.color_33:hover {color:#fff;  border: 1px solid var(--main_c); }
.color_33:before {  background-color: #333; }


a.basic_btn {
  text-decoration: none;
  line-height:60px; font-size:1.1rem; font-weight:600; background-color:var(--main_c); border:1px solid var(--main_c);  box-sizing:border-box;  padding:0 40px; color: #fff ; display:inline-block;  transition: 0.5s ease-in-out;  border-radius:50px; text-align:center
  }
a.basic_btn + a  {background-color:#fff; border:1px solid var(--main_c); color: var(--main_c) ;}

.type2 a.basic_btn {background-color:#fff; border:1px solid var(--main_c); color: var(--main_c) ; padding:0; width:48%; max-width:250px; }
.type2 a.basic_btn + a { background-color:var(--main_c); border:1px solid var(--main_c); color:#fff}
.type2 a.basic_btn.border_type {background-color:#fff; border:1px solid var(--main_c); color: var(--main_c) ;  }
 
a.basic_btn2 {
  text-decoration: none;
  line-height:50px; font-size:1.3rem; font-weight:600; background-color:var(--main_c); border:1px solid var(--main_c);  box-sizing:border-box;  padding:0 50px; color: #fff ; display:inline-block;  transition: 0.5s ease-in-out;  border-radius:3px;
  }

.list_btn_wrap {width:100%; display:inline-block;  }

a.list_btn  { display:inline-block; text-align:center; line-height:31px; padding:0 20px; font-weight:400;   font-size:14px; float:right;  margin-top:15px; margin-left:5px; background-color:#fff; border-radius:3px; box-shadow:1px 1px 3px #ddd; color:#555 ;  border:1px solid #111;}
.list_btn_wrap.flex_col a.list_btn {margin-top:0; margin-left:auto}

.tab {width:100%;  margin-bottom:20px }
.tab li {display:inline-block }
.tab li a { display:inline-block;  font-size:1.1rem; margin-right:10px;  background-color:#fff;}
.tab li.ov a {color:var(--main_c) ; font-weight:600}

.tab2 {width:100%;  margin-bottom:20px; margin-top:-4px }
.tab2 li {display:inline-block; margin:4px 4px 4px 0 }
.tab2 li a { display:inline-block;  font-size:1.05rem; padding:8px 15px;   border:1px solid #ddd;  border-radius:5px; }
.tab2 li.ov a {background-color:var(--main_c); border:1px solid var(--main_c); color:#fff ; font-weight:600}

 
table.basic {width:100%}
table.basic th {border:1px solid var(--main_c); padding:10px 8px; text-align:center; font-size:.95em; font-weight:500 }
table.basic td {border:1px solid var(--main_c); padding:10px 8px; text-align:center;font-size:.95em;  }
table.basic .bg1 {background-color:#abdbd5}
table.basic .bg2 {background-color:#ffe7a4}
table.basic .bg3 {background-color:var(--main_c); color:#fff; border:1px solid #fff}

ul.basic li {list-style:disc; width:calc(100% - 20px); margin-left:15px}

.s_t {  color:#444; font-size:.92em;  }




@media all and (max-width:900px) {

		table.basic th {  padding:7px}
		table.basic td {   padding:7px }
		.btn_wrap {margin-top:40px}
		a.basic_btn {  line-height:50px; font-size:1rem;}

}