@charset "UTF-8";

 /* Page Title */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');


html {height:100%}
body {height:100%}


.top {width:100%; position:absolute; top:0; left:0; box-sizing:border-box; padding:15px 3%; display:flex; align-items:center; z-index:9999999; }
.top h1 {line-height:1em; color:#fff; font-size:2rem }



nav.topmenu {   margin-left:auto}

nav.topmenu ul {
  font-size: 0;
  margin: 0;
  padding: 0;
}

nav.topmenu ul li {
  display: inline-block;
  position: relative;
}

nav.topmenu ul li a {
  color: #fff;
  display: block;
   font-size:1.3rem; letter-spacing:0.5px;  color:#fff; padding:15px 1.82vw; font-weight:500;
   transition: 0.3s linear; box-sizing:border-box; 
}

nav.topmenu ul li:hover { }

nav.topmenu ul li ul {
  display: none;
  position: absolute;
  width:190px;
}

nav.topmenu ul li ul li {
  border-top: 0px solid #444; background: #fff;
  display: block;  text-align:center}

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

nav.topmenu ul li ul li a {
    width:100%; display:inline-block;  box-sizing:border-box;
     font-size:0.93rem; color:#333; padding:10px 8px; font-weight:400;
}

nav.topmenu ul li ul li a:hover { font-weight:500; text-decoration:underline }

header.on .hd-language  .btn-language,
header.fixed .hd-language  .btn-language {
color:#333;
}

.hd-language {
    position:relative;
    padding:0;  
}

.hd-language  .btn-language {
    position:relative;
    background-color:transparent;
    border:0;
    font-size:1.1rem;
    color:#fff;
    font-weight:400;
	line-height: 90px;
}

.hd-language ul {
    display:none;
	background:#fff;
	width:100%; line-height:10px;
	height:68px;
	padding:10px; box-sizing:border-box;
	margin-top:-5px;
	margin-left:-15px;
	float:left;
}

.hd-language ul li  {
	width:100%;
	line-height:1.5em;
	font-size:1rem;
	text-align:center
	
}



.hd-language ul li a {
	color:#333 !important;
	font-weight:400
}


.hd-language ul li a:hover {
	color:#333 !important;
	font-weight:500;
}

.top_fixed {width:60px; line-height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}

footer {width:100%; min-width:1400px; display:inline-block;   background-color:#fff;  box-sizing:border-box; color:#888;  font-size:0.90rem; line-height:1.5em; letter-spacing:0px;   }
footer div.box {width:100%; max-width:1500px; padding:0 3%; margin:0 auto; display:flex; align-items:center; box-sizing:border-box;}
footer div.box  div p {width:100%; display:inline-block; margin-bottom:5px;}


footer a {color:#444 !important; font-weight:600; display:inline-block;  }
.footer_div01 {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd ; padding:15px 3%;   }
.footer_div01 a { font-weight:500; font-size:1.05rem; padding-right:15px}
.footer_div02  {width:100%; display:block;}
.footer_div02 ul{display:flex; margin:2em 0;}
.footer_div02 ul li  {line-height:1.6;  font-size:1.05rem;}
.footer_div02 ul li img  { margin-right:60px; margin-top:33px;}




 @media all and (max-width:1300px) {
    nav.topmenu ul li a {padding:15px 1.5vw; }
 }


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

 }


@media all and (max-width:1000px) {
  .m_top {width:100%; position:absolute; top:0; left:0; box-sizing:border-box; padding:10px 3%; display:flex; align-items:center;   z-index:99999}
   .top {display:none }
 .m_top h1 {line-height:1em; color:#fff; font-size:1.5rem }
 }

 @media all and (max-width:800px) {
    
   .top_fixed {display:none}
 }


.tab {width:100%; display:flex}
.tab  li  {background-color:#f1f1f1; width:24%; float:left; text-align:Center; height:50px; position:relative;  display:inline-block ; margin:0 1px; transition: all 0.1s ease-out;}
.tab li a {display:inline-block; width:100%; line-height:50px; font-size:1.2rem;  position:absolute; left:0; top:0;  transition: all 0.1s ease-out; font-weight:600; letter-spacing:0}

.tab  li.ov a {background-color:#333; color:#fff !important}




 .top_fixed {width:60px; line-height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}