@font-face {font-family:'montserrat_regular';src:url('../../fonts/montserrat/Montserrat-Regular.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_medium';src:url('../../fonts/montserrat/Montserrat-Medium.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_bold';src:url('../../fonts/montserrat/Montserrat-Bold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_black';src:url('../../fonts/montserrat/Montserrat-Black.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_semibold';src:url('../../fonts/montserrat/Montserrat-SemiBold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_extrabold';src:url('../../fonts/montserrat/Montserrat-ExtraBold.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'montserrat_italic';src:url('../../fonts/montserrat/Montserrat-RegularItalic.ttf');font-weight:normal;font-style:normal;}

@font-face {font-family:'indieflower';src:url('../../fonts/IndieFlower-Regular.ttf');font-weight:normal;font-style:normal;}
@font-face {font-family:'pasifico';src:url('../../fonts/Pacifico-Regular.ttf');font-weight:normal;font-style:normal;}

html{font-size:90%;}

*{text-decoration:none;}
body{padding:0;margin:0;font-family:'montserrat_regular',Arial,sans-serif;color:#aaa;
	background:#43464c;
}
body.color2{background:#3b3b3b;color:#fff;}
table,tr,td,ul{padding:0;margin:0;border-spacing:0;border-collapse:separate;}
ul{list-style:none;margin:0;padding:0;}
img{ border:none; }
a{color:#aaa;text-decoration:none;}
/*a:hover{text-decoration:underline;}*/
textarea, input, select{outline:none;}
header,footer,article,section,aside,nav{display:block;}
p{padding:0;margin:0;}
.clear{clear:both;}
@media only screen and (max-width:1000px){
	body{font-size:90%;}
}
@media only screen and (max-width:700px){
	body{font-size:80%;}
}


@media only screen and (min-width:1200px){
	::-webkit-scrollbar{width:10px;}
	::-webkit-scrollbar-track{background:#f1f1f1;}
	::-webkit-scrollbar-thumb{background:#888;}
	::-webkit-scrollbar-thumb:hover{background:#555;}
}


.standard_center_1{width:100%;max-width:1100px;margin:0 auto;}
.standard_center_2{width:100%;max-width:1400px;margin:0 auto;}

#container1{
	position:fixed;z-index:5;left:0;top:0;width:100%;height:100vh;
  color:#555;background:#112d4b;overflow-y:auto;overflow-x:hidden;
	box-shadow:0 0 30px 2px #000;transition:transform 300ms, left 300ms;
}
  #container1 a{color:#555;}


#header1{
	position:sticky;z-index:1000;left:0;top:0;width:100%;
}
	#header1 .sect1{
		height:70px;
		background:#8d8c8c;color:#000;
	}
		#header1 .sect1 .flex{
			display:flex;align-items:center;justify-content:space-around;
			height:70px;
		}
			#header1 .sect1 .flex .f{}
				#header1 .sect1 .flex .f a{color:#000;}
				#header1 .sect1 .flex .f a.selected{color:#fff;}



#footer1{padding:20px 20px;}
	#footer1 .ftsect1{}
		#footer1 .ftsect1 .grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;}
			#footer1 .ftsect1 .grid .s{}
			#footer1 .ftsect1 .grid .s.s1{justify-self:start;}
				#footer1 .ftsect1 .grid .s.s1 .box1{}
					#footer1 .ftsect1 .grid .s.s1 .box1 a{
						display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;
						color:#112d4b;background:#fff;font-size:1.8em;border-radius:5px;
					}
				#footer1 .ftsect1 .grid .s.s1 .box2{margin:5px 0 0 0;color:#fff;}
			#footer1 .ftsect1 .grid .s.s2{justify-self:end;}


/*
#fixedbar1{
	position:fixed;z-index:5000;right:20px;top:50%;transform:translate(0,-50%);
	width:40px;padding:15px 0;border-radius:20px;background:#eff0f0;box-shadow:0 0 4px 1px #aaa;
	text-align:center;
}
	#fixedbar1 .icon{padding:8px 0;}
		#fixedbar1 .icon a{position:relative;transition:color 300ms;cursor:pointer;}
		#fixedbar1 .icon a:hover{color:#000;}
		#fixedbar1 .icon a .hidden{display:none;
			position:absolute;z-index:1;left:-30px;top:50%;width:150px;padding:10px;
			transform:translate(-100%,-50%);background:#ddd;color:#000;
		}
		#fixedbar1 .icon a:hover .hidden{display:block;}
			#fixedbar1 .icon a .hidden:before{
				content:"";position:absolute;z-index:1;right:0;top:50%;
				transform:translate(100%,-50%);
				width:0;height:0;
				border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #ddd;
			}



#bottombar1{
	display:none;
	position:fixed;z-index:5000;left:10px;bottom:10px;width:calc(100% - 20px);height:50px;
	background:#009DDC;border-radius:25px;
	border:1px solid #fff;
	transition:transform 600ms;
}
	#bottombar1.show{transform:translate(0,0);}
	#bottombar1 img.img1{
		position:absolute;z-index:-1;left:50%;top:0;width:50px;height:auto;
		transform:translate(-50%,-50%);
	}
	#bottombar1 .sect10{position:relative;}
		#bottombar1 .sect10 .grid{
			height:50px;
			display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-gap:1px;align-items:center;justify-items:center;
		}
			#bottombar1 .sect10 .grid .s{}
			#bottombar1 .sect10 .grid .s.s1{}
			#bottombar1 .sect10 .grid .s.s2{}
			#bottombar1 .sect10 .grid .s.s3{}
			#bottombar1 .sect10 .grid .s.s4{}
			#bottombar1 .sect10 .grid .s.s5{}
				#bottombar1 .sect10 .grid .s a{}
					#bottombar1 .sect10 .grid .s a img{height:30px;}
@media only screen and (max-width:1300px){
	#bottombar1{display:block;}
}


#sidebar1{
	--nav1_a_text_color:#264f73;
	--nav1_a_icon_color:#264f73;
	--nav1_a_view_icon_color:#2dd258;
	--nav1_a_selected_span_color:#000;
	--nav1_ul_li_ul_border_left:1px dashed #ccc;
}
#sidebar1{position:fixed;z-index:9000;left:-310px;top:0;width:300px;height:100vh;
	box-sizing:border-box;padding:50px 0 60px 0;
	background:#009ddc;overflow:auto;box-shadow:5px 0 5px -5px #999;
	transition:300ms left;
}
	#sidebar1 .hd{position:sticky;z-index:1;left:0;top:0;width:100%;height:40px;margin:0 0 20px 0;
		box-sizing:border-box;padding:0 15px;line-height:40px;
		background:#fff;
		text-align:right;font-size:1.5em;color:#cc0000;box-shadow:0 10px 10px -10px #aaa;
	}
		#sidebar1 .hd .closer{color:#cc0000;}
		#sidebar1 .hd .closer:hover{color:#000;}
	#sidebar1 .body{padding:0 10px;}
		#sidebar1 .body .nav1{}
			#sidebar1 .body .nav1{padding:0 5px;margin:0 auto 30px auto;}
				#sidebar1 .body .nav1 ul{overflow:hidden;}
				#sidebar1 .body .nav1 > ul{}
					#sidebar1 .body .nav1 > ul > li > a{padding:3px 0;}
					#sidebar1 .body .nav1 ul li{padding:0 0 1px 0;}
						#sidebar1 .body .nav1 ul li a{
							display:grid;text-decoration:none;color:var(--nav1_a_text_color);
							grid-template-columns:30px auto 20px;grid-gap:1px;align-items:center;
							font-size:1.5em;font-family:'montserrat_semibold';color:#fff;
						}
							#sidebar1 .body .nav1 ul li a span.icon{
								display:flex;align-items:center;justify-content:center;
								font-size:1.2em;color:var(--nav1_a_icon_color);
							}
							#sidebar1 .body .nav1 ul li a span.text{padding:7px 5px 7px 0;}
							#sidebar1 .body .nav1 ul li a span.toggle_icon{justify-self:center;transition:transform 300ms;}
							#sidebar1 .body .nav1 ul li a span.view_icon{justify-self:center;color:var(--nav1_a_view_icon_color);opacity:0;transition:opacity 300ms;}
						#sidebar1 .body .nav1 ul li a.selected{}
							#sidebar1 .body .nav1 ul li a.selected span.text{color:var(--nav1_a_selected_span_color);}
							#sidebar1 .body .nav1 ul li a.selected span.toggle_icon{transform:rotate(90deg);}
						#sidebar1 .body .nav1 ul li a.selected_link_view{}
							#sidebar1 .body .nav1 ul li a.selected_link_view span.view_icon{opacity:1;}
						#sidebar1 .body .nav1 ul li ul{display:none;padding:5px 0 5px 5px;margin:0 0 0 14px;border-left:var(--nav1_ul_li_ul_border_left);}
							#sidebar1 .body .nav1 ul li ul.selected{display:block;}
							#sidebar1 .body .nav1 ul li ul li{}
								#sidebar1 .body .nav1 ul li ul li a{transform:translate(-100%,0);}
						#sidebar1 .body .nav1 ul li ul.selected{}
							#sidebar1 .body .nav1 ul.selected li{}
								#sidebar1 .body .nav1 ul.selected li a{
									-webkit-animation: example 300ms ease 100ms 1 alternate;-webkit-animation-fill-mode:forwards;
									animation: example 300ms ease 100ms 1 alternate;animation-fill-mode:forwards;
								}
	#sidebar1 .body .info1{margin:50px 0 0 0;color:#fff;font-family:'montserrat_semibold';font-size:1.1em;}

						@-webkit-keyframes example{
							0%{transform:translate(-100%,0) scale(0);}
							100%{transform:translate(0,0) scale(1);}
						}
						@keyframes example{
							0%{transform:translate(-100%,0) scale(0);}
							100%{transform:translate(0,0) scale(1);}
						}
#backbar1{
	position:fixed;z-index:1;right:-360px;top:0;width:350px;height:100vh;max-height:100vh;
	padding:0 0 60px 0;box-sizing:border-box;
	background:#009ddc;color:#fff;box-shadow:-10px 0 15px -9px #000;overflow:auto;
	transition-delay:300ms;transition:right 1000ms;
}
	#backbar1 a{color:#fff;}
	#backbar1 .hd{
		position:sticky;z-index:1;left:0;top:0;width:100%;height:40px;line-height:40px;
		box-sizing:border-box;padding:0 10px;margin:0 0 20px 0;
		background:#009ddc;
		text-align:right;font-size:2em;
	}
		#backbar1 .hd a.closer{color:#fff;}
		#backbar1 .hd a.closer:hover{color:#000;}
	#backbar1 .body{padding:0 20px 20px 20px;}
		#backbar1 .body .head{margin:0 0 40px 0;}
			#backbar1 .body .head .text1{font-family:'montserrat_black';font-size:2rem;}
			#backbar1 .body .head .text2{}
		#backbar1 .nav1{}
			#backbar1 .body .nav1 ul{}
				#backbar1 .body .nav1 ul li{position:relative;z-index:1;}
					#backbar1 .body .nav1 ul li:before{
						content:"";position:absolute;z-index:1;left:0;bottom:0;width:30px;margin:0 auto;
						height:1px;background:#555;
					}
					#backbar1 .body .nav1 ul li a{display:inline-block;padding:4px 0;color:#aaa;}
	#backbar1 .form1{}
		#backbar1 .form1 .group1{margin:0 0 20px 0;}
	#backbar1 .form1 .group1 .title{margin:0 0 1px 0;color:#fff;}
			#backbar1 .form1 .group1.required .title::before{content:'*';margin:0 5px 0 0;font-weight:600;color:#cc0000;}
		#backbar1 .form1 input[type="text"],
		#backbar1 .form1 input[type="number"],
		#backbar1 .form1 input[type="email"],
		#backbar1 .form1 input[type="date"],
		#backbar1 .form1 input[type="password"]{display:block;width:100%;height:40px;padding:0 5px;box-sizing:border-box;background:#fff);color:#666;border:1px solid #ddd;border-radius:8px;}
		#backbar1 .form1 select{display:block;width:100%;height:40px;padding:0 5px;box-sizing:border-box;background:#fff;color:#666;border:1px solid #ddd;border-radius:8px;
			font-family:'montserrat_semibold';
		}
		#backbar1 .form1 textarea{display:block;width:100%;height:120px;padding:5px;box-sizing:border-box;background:#fff;color:#666;border:1px solid #ddd;border-radius:8px;}
		#backbar1 .form1 input[type="text"]:focus,
		#backbar1 .form1 input[type="number"]:focus,
		#backbar1 .form1 input[type="email"]:focus,
		#backbar1 .form1 input[type="date"]:focus,
		#backbar1 .form1 input[type="password"]:focus,
		#backbar1 .form1 select:focus{border:1px solid #4daed2;}
		#backbar1 .form1 .submit_line{text-align:left;}
			#backbar1 .form1 .submit_line img.submit_loading{display:none;}
			#backbar1 .form1 .submit_line button.reset{}
			#backbar1 .form1 .submit_line button.submit{
	      padding:8px 25px;background:#fff;color:#009ddc;font-size:1em;font-family:"montserrat_semibold";
	      border:none;outline:none;border-radius:50px;cursor:pointer;
	    }
	    #backbar1 .form1 .submit_line button.submit:hover{background:#333;color:#FFF;}



body.sidebar1_show #container1{left:300px;}
body.sidebar1_show #sidebar1{left:0;}

body.backbar1_show #container1{
	transform:scale(0.9) translate(-150px,0px) perspective(500px) rotateY(8deg);
}
body.backbar1_show #backbar1{right:0;z-index:2;}

@media only screen and (max-width:1800px){
	body.backbar1_show #container1{
		transform:scale(0.9) translate(-140px,0px) perspective(500px) rotateY(15deg);
	}
}
@media only screen and (max-width:1200px){
	body.backbar1_show #container1{
		transform:scale(0.9) translate(-250px,0px) perspective(500px) rotateY(15deg);
	}
}
@media only screen and (max-width:900px){
	body.backbar1_show #container1{
		transform:scale(0.9) translate(-300px,0px) perspective(500px) rotateY(20deg);
	}
}
@media only screen and (max-width:650px){
	body.backbar1_show #container1{
		transform:scale(0.9) translate(-350px,0px) perspective(500px) rotateY(20deg);
	}
}
*/





#modalenter{
	position:fixed;z-index:20000;left:0;top:0;width:100%;height:100%;
	background-color:#1c2d4e;
	background-image:url(../../../doc/x/bg1.webp);
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
  #modalenter .main1_wrap{position:absolute;height:100%;width:100%;display:flex;}
  #modalenter .main1{
		max-height:90vh;overflow-y:auto;
    width:700px;max-width:90%;box-sizing:border-box;padding:30px;margin:0 auto;
    background:rgb(255,255,255,0.7);
    text-align:center;align-self:center;
    transition:background 1000ms;
  }
  #modalenter .main1:hover{background:rgb(255,255,255,1);}
  #modalenter .title{
    font-size:3em;font-family:'indieflower';color:#1c2d4e;font-weight:900;
  }
  #modalenter .buttons{margin:20px 0 0 0;text-align:center;}
    #modalenter .buttons .grid{display:inline-grid;grid-template-columns:auto auto;grid-gap:40px;}
      #modalenter .buttons .grid .s{}
        #modalenter .buttons .grid .s a{
          display:block;width:100px;height:40px;line-height:40px;text-align:center;background:#1c2d4e;
          color:#fff;font-size:0.9em;font-family:"montserrat_semibold";
          border:none;outline:none;border-radius:20px;
          transition:background 300ms;
        }
        #modalenter .buttons .grid .s a:hover{background:#2b689c;}
  #modalenter .info{margin:20px 0 0 0;color:#333;font-family:"montserrat_semibold";}
    #modalenter .info p{margin:0 0 20px 0;}