html,body{
	position:relative;float:left;
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	cursor:default;	
}
body{
	height: auto;
	hyphens: auto;
}
html{
	overflow-y:auto;
	height:100%;	
}


#COO_IMG{
	display:none;	
}

div, span, ul, ol, li, input, textarea, img, a, b, s, u, h1, h2, h3, i{
	position: relative; float: left;
	border: 0; padding: 0; margin: 0;
	background: none;
	list-style-type: none;	
    border: 0;
    outline: none;
	text-decoration: none;
	font-weight: normal;
	font-style:normal;
}

input::-webkit-input-placeholder{
    color:rgba(255,255,255,0.8);
}

input, textarea{cursor: text;}

.rem{display: none;}
.off{display: none;}
.noo{overflow: hidden;}

.cup, .cup *{cursor: pointer;	}
.cum, .cum *{cursor: move;	}
.cut, .cut *{cursor: text;	}

.fr{
	float: right !important;
}
.fl{
	float: left;
}

h1,h2,h3,h4,b{font-weight:normal;}


.fL{float:left !important;}
.fR{float:right !important;}
.w1{
	width:100%;		
}
.g20,.g30,.g40,.g50,.g60,.g100,.ic{
	float:left;
	text-align:center;
	font-style:normal;
}
.g20{
	width: 20px; height:20px;
	line-height:20px;		
}
.g30{
	width: 30px; height:30px;
	line-height:30px;		
}
.g40{
	width: 40px; height:40px;
	line-height:40px;	
}
.g50{
	width: 50px; height:50px;
	line-height:50px;		
}
.g60{
	width: 60px; height:60px;
	line-height:60px;		
}
.g100{
	width: 100px; height:100px;
	line-height:100px;	
}
p{
	position:relative;
	float:left;	
}


.clear{
	width:100%;
	height: 0px;	
}




#log{
	position: fixed;
	bottom:0px;
	right:0;
	max-width:300px;
	max-height:400px;
	overflow:hidden;
	overflow-y:auto;
	background:#262b2f;
	color:#fff;
	line-height:14px;
	font-size:12px;	
	padding:5px;
	z-index: 1000;
}

#log:empty{
	overflow:hidden;
	max-height: 0px;
	display:none;
}

#DATAS,
#DATAS span{
	width:100%;	
	display:none;
}


.none{
	display:none;	
}






















/*LOADER*/
#progress {
	position: fixed;
	bottom:0px;left:0px;
	height: 5px;
	width: 100%;
	background-color: #acece6;
	overflow: hidden; 
}
#progress.out{
	bottom:-5px; 
}
 
#progress .indeterminate {
    background-color: #ff6461; 
	height: 5px;
	position:static;float:none;
}

#progress .indeterminate:before,
#progress .indeterminate:after{
	content: '';
	position: absolute;
	background-color: inherit;
	top: 0; left: 0;
	bottom: 0;
	will-change: left, right;
	background-color: #333;
}
#progress .indeterminate:before{
	animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; 
}   
#progress .indeterminate:after {
	animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation-delay: 1.15s; 
}
	  

@-webkit-keyframes indeterminate {0%{left: -35%;right: 100%;}60%{left: 100%;right: -90%;}100%{left: 100%;right: -90%;}}

@-moz-keyframes indeterminate {0%{left: -35%;right: 100%;}60%{left: 100%;right: -90%;}100%{left: 100%;right: -90%;}}

@keyframes indeterminate {0% {  left: -35%;  right: 100%; }
60% {  left: 100%;  right: -90%; }
100% {  left: 100%;  right: -90%; } 
}

@-webkit-keyframes indeterminate-short {0% {  left: -200%;  right: 100%; }
60% {  left: 107%;  right: -8%; }
100% {  left: 107%;  right: -8%; } 
}

@-moz-keyframes indeterminate-short {0% {  left: -200%;  right: 100%; }
60% {  left: 107%;  right: -8%; }
100% {  left: 107%;  right: -8%; } 
}

@keyframes indeterminate-short {0% {  left: -200%;  right: 100%; }
60% {  left: 107%;  right: -8%; }
100% {  left: 107%;  right: -8%; } 
}


s.closeIT,
#my_map .closeIT{
	position:absolute;
	top:0;right:0;	
	font-size:20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	cursor:pointer;
}



/*USER LOGIN*/
body .m4 .logged,
body.logged .m4 .not,
body .logout{
	display: none;	
}
body.logged .m4 .logged,
body.logged .logout{
	display: block;	
}



/*POPUP*/
.popover{
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	cursor: pointer;
	background: rgba(0,0,0,0.5);
	opacity: 1;
	visibility: visible;
	transition: all 0.3s;
	z-index:10;
}

.popover.out2{
	visibility: hidden;
	opacity:0;
}

.pop{
	position: fixed;	
	background: #FFF;
	top: 50%; left: 50%;
	margin-top: -200px; margin-left: -300px;
	width: 600px; height: 400px;
	/*box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.2),0px 0px 40px 10px rgba(0,0,0,0.9);
	border-radius: 3px;*/
	box-shadow: 0px 0px 40px rgba(0,0,0,0.5);
	overflow: hidden;
}

.pop{
	transform: translateY(0);
	opacity: 1;
	transition: all 0.3s;
	overflow:hidden;
	border-radius:3px;
}
.out1 .pop{
	transform: translateY(20%);
	opacity: 0;
}

.pop.s1{
	margin-top: -300px; margin-left: -500px;
	width: 1000px; height: 600px;
}
.pop.s2{
	margin-top: -300px; margin-left: -600px;
	width: 1200px; height: 600px;
}
.pop.s5{	
	margin-left: -250px; margin-top: -150px;
	width: 500px; height: 300px;
}
.pop.s5{	
	margin-left: -150px; margin-top: -100px;
	width: 300px; height: 200px;
	background: #D83B01;
}
.pop.full,
.pop.s10{	
	top: 10px; left: 10px;
	margin-top: 0; margin-left: 0;
	width: 94%; height: 94%;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	border-radius:5px;
}


.pop.sfull{
    position: fixed;
    background: none;
    top: 0;
    left: 0;
    margin-top: -0;
    margin-left: -0;
    width: 100%;
    height: 100%;
    box-shadow: none;
    border-radius: 0px;
}

.popover.out .pop{
	transform: scale(0.0);
}

.pop .popTitle{
	width: 100%;
	height: 40px;
	color:#fff;
}
.pop .popTitle b{
	padding-left:10px;
	font-weight: normal;
	height:40px; line-height:38px;	
}



.pop .scrollIN{
	height:85%; height: calc(100% - 40px);	
	width:100%;
	overflow:hidden;
	overflow-y:auto;
}


s.closeIT,
#my_map .closeIT{
	position:absolute;
	top:0;right:0;	
	font-size:20px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align:center;
	cursor:pointer;
}


















#popups{
	width: 340px;
	height: auto;
	position: fixed;
	bottom:0;
	right: 0;
	z-index:1000;
	font-size: 14px;	
}
#popups div{
	width: 300px;
	padding: 20px;
	margin-top: 20px;
	background: #fff;
	color:#333;	
}

#popups h3{
	font-weight: bold;
}
#popups h3 .ico{
	margin-right: 5px;
	width: 20px;
	float: left;
}

#popups h3,
#popups p{
	width:100%;
	padding: 0; margin: 0;
	font-size:14px;
	font-weight:normal;
	hyphens: none;
}
#popups p{
	margin-top: 10px;
}

#popups span.cl{
	width: 40px;
	height:40px;
	text-align:center;
	position:absolute;
	top:0;right:0;
	cursor:pointer;
	line-height:40px;
	font-size:16px;
}


#popups span.ok{
	width: auto;
	padding: 10px;
	cursor:pointer;
	background:#222;
	color:#fff;
	font-size:16px;
	float:right;
	margin-top: 10px;
}


@media all and (max-width: 1366px) {
	#popups div{
		width: 310px;
		padding: 15px;
		margin-top: 15px;	
	}
}
@media all and (max-width: 800px) {
	#popups div{
		width: 320px;
		padding: 10px;
		margin-top: 10px;	
	}
}
@media all and (max-width: 600px) {
	#popups{
		width: 100%;	
	}
	#popups div{
		width: calc(100% - 20px);
		padding: 10px;
		margin-top: 5px;	
	}
}
body{
	width:100%; 
	margin:0;
	padding:0;
	overflow:visible;
	background: #fff;

	font-family: "sp_l", segoe ui;
	color: #3e3d47;
}

#C{
	width: 100%;
	min-height: 75vh;	
	background: #ffffff;	
}

#C > *{
	border-top: 1px solid #e7e7f0;	
}

#C > *.c0{
	border-top: 1px solid #c7c8db;
}
/*690*/
#M{
	z-index: 10;
	font-size: 24px;

	padding: 40px 80px;
	width: calc(100% - 160px);
	background: #fff;
	color: #2a2e3a;
	
	font-family: 'pf_r';
}

#M_IN{
	width:100%;	
}

#M_IN #M1{
	float: right;
	width: auto;
	margin: 10px 0;
}
#M_IN #M1 > ol{
	padding: 0px;
}

#M_IN #M0{
	color: inherit;
}

#M_IN #M0 i.logo{
	height: 90px;
	padding: 0px 0;
	line-height: 90px;
	font-size: 40px;
}



#M_IN #M1 ol li{
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	top: 0;
	cursor:pointer;
	transition: background 0.2s ease, color 0.2s ease;
	border-radius: 5px;
	margin-right: 15px;
}

#M_IN #M1 ol li a{
	line-height: 20px;
	width: auto;
	height: 50px;
}
#M_IN #M1 ol li a span{
	top: 50%;
	transform: translateY(-50%);
}

#M_IN #M1 ol li.drk{
	background: #e26042;
	color: #fff;
	padding: 0px 30px 0px 20px;
}
#M_IN #M1 ol li.drk:hover{
	background: #e5755b;
	color: #fff;
}

#M_IN #M1 ol li.drk i{
	position: relative;
	float: left;
	display: block;
	width: 30px;
	line-height: 50px;
	margin-right: 5px;
}

#M_IN #M1 ol li.drk a span{

}


#M_IN #M1 ol li.drk a{
	
}



#M_IN #M1 ol li.lan{
	padding: 0 10px;
}
#M_IN #M1 ol li.lan img{
	height: 24px;
	margin: 13px 0px;
	border-radius: 5px;
}


#M_IN #M1 ol li.t2{
	cursor: default;
	color: #fff !important;
	font-weight: bold;
}




#M_IN ol li{
	border-radius: 2px;
	transition: 0.2s background ease-in-out, 0.2s color ease-in-out;
}

#M_IN ol li.act{
	background: #e7e7f0;
	cursor: default !important;
}


#M_IN ol li:not(.act):hover{
	background: #e7e7f0;
}

#M_IN ol li i{
	display:none;
}

#M_IN ol li a{
	color: inherit;
}





body:after{

	position: fixed;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1000;
	padding: 3px;
	background:#fff;
	color:#333;
	border-radius: 2px 2px 0 0;
	font-size: 8px;
	display: none;
}
body:after{
	content:'4K';
}





@media all and (max-width: 1919px) {
	#M{
		padding: 30px 40px;
		width: calc(100% - 80px);
		font-size: 24px;
	}	


	#M_IN #M1{
		padding: 10px 0;
	}
	body:after{content:'<1919';}
}
@media all and (max-width: 1600px) {
	body:after{content:'<1600';}
	#M{
		padding: 20px 30px;
		width: calc(100% - 60px);
		font-size: 22px;
	}
	#M_IN #M1 {
		padding: 5px 0;
	}
	#M_IN #M1 ol li{
		height: 50px;
		line-height: 38px;
		padding: 0 10px;
		margin-right: 10px;
	}	
	#M_IN #M1 ol li.drk{
		padding: 0px 15px 0px 15px;
	}
	#M_IN #M1 ol li a {
		line-height: 18px;
		height: 50px;
	}
	#M_IN #M0 i.logo {
		height: 80px;
		line-height: 80px;
		font-size: 28px;
	}
	#M_IN #M1 ol li.lan img {
		height: 20px;
		margin: 10px 0px;
	}
}

@media all and (max-width: 1366px) {
	#M{
		padding: 5px 30px;
		width: calc(100% - 40px);
		font-size: 20px;
	}
	#M_IN #M1 ol li{
		margin-left: 5px;
	}	
	#M_IN #M0 i.logo {
		height: 80px;
		line-height: 80px;
		font-size: 36px;
	}
	#M_IN #M1 ol li.lan img {
		height: 14px;
		margin: 13px 0px;
	}

	body:after{content:'<1366';}
	
	
}
@media all and (max-width: 1280px) {
	#M{
		padding: 15px 30px;
		width: calc(100% - 60px);
		
		font-size: 18px;
	}
	
	#M_IN #M0 i.logo {
		font-size: 28px;
	}

	#M_IN #M1 ol li{
		padding: 0 10px;
	}
	#M_IN #M1 ol li.drk{
		padding: 0px 10px 0px 10px;
	}
	#M_IN #M1 ol li.drk i{
		width: 25px;
	}
	
	#M_IN #M1 ol li.lan img {
		height: 12px;
		margin: 15px 0px;
	}

	
	body:after{content:'<1280';}
}


#M0 > s.i003{
	display: none;	
}


@media all and (max-width: 1024px) {
	body:after{content:'<1024';color: #bb0000;}
	
	#M{
		padding: 10px 0px;
		width: 100%;
		font-size: 22px;
	}
	#M_IN #M1 ol li {
		padding: 0 10px 0 10px;
	}
	
	#M_IN #M1{
		width: 100%;
		margin: 0;
		padding: 0;
		display: none;
	}
	
	#M_IN #M1 ol li a span{
		transform: none;
		top: 0;	
	}
	
	#M_IN #M0 i.logo {
		height: 50px;
		line-height: 50px;
		font-size: 24px;
		margin-left: 20px;
	}
	#M.open #M_IN #M0 i.logo {
		height: 70px;
		line-height: 70px;
	}
	#M_IN #M1 ol li.lan img {
		height: 12px;
		margin: 15px 0px;
	}
	
	#M.open #M_IN #M1 {
		display: block;
	}
	
	#M0 > s.i003{
		position: relative;
		float: right;
		width: 50px; height: 50px;
		text-align: center;
		line-height: 50px;
		content:'\e002';
		font-family: 'i002';	
		z-index: 1;
		font-size: 30px !important;
		cursor: pointer;
		margin: 10px;
		background: #e7e7f0;
		border-radius: 5px;
	}
	#M.open #M0 > s.i003{
		display: block;	
	}
	
	#M:not(.open) #M_IN:after{
		position: absolute;
		top: 0px; right: 10px;
		width: 50px; height: 50px;
		text-align: center;
		line-height: 50px;
		content:'\e002';
		font-family: 'i002';	
		z-index: 5;
		font-size: 28px !important;
		cursor: pointer;
		background: #e7e7f0;
		border-radius: 5px;
	}
	
	#M.open #M_IN{
		padding-top: 70px;
		height: calc(100% - 70px);
		position: fixed;
		top: 0; left: 0;
		width: 100%;
	}
	
	#M.open #M_IN #M0{
		position: absolute;
		top: 0px; left: 0px;
		line-height: 70px;
		height: 70px;
		padding: 0;
		width: 100%;
		background: #fff; 
		border-bottom: 1px solid #e3e3ed;
	}
	

	#M_IN #M1 > ol{
		width: 100%;
	}
	#M.open #M_IN li{
		width: 100%;
		padding: 0;
		margin: 0;
		border-radius: 0px;
		border-bottom: 1px solid #e3e3ed;
		height: auto;
	}

	#M_IN #M1 ol li.drk i{
		display: none;	
	}
	#M #M_IN li a{
		height: 20px;
		line-height: 20px;
		padding: 20px 10px;
		width: calc(100% - 20px);
	}
	#M #M_IN li a br{
		    content: ' ';
    margin: 0px 5px;
	}
	#M_IN ol li.act a{
		background: #e7e7f0;
	}
	#M_IN #M1 ol li a{
		left: 0;
		transform: none;
		height: auto;
		width: 100%;
		text-align: center;
	}
	#M_IN #M1 ol li a span{
		width: calc(100% - 40px);
		padding: 5px 20px;
	}
	#M_IN ol li i{
		width: 40px;
		text-align: center;
		font-size: 20px;
		margin-right: 5px;
	}
	
	
	#M_IN #M1 ol li.lan {
		padding: 0px 0px;
		width: 50%;
	}
	
	#M_IN #M1 ol li.lan img {
		height: 16px;
		margin: 2px auto 2px -12px;
		left: 50%;
	}
	
	
	
	/*REDESIGN*/
	#M.open #M_IN {
		background: #fff;
	}
}
@media all and (max-width: 600px) {
	body:after{content:'<600';}
}
@media all and (max-width: 480px) {
	body:after{content:'<480';}
	#M{
		padding: 5px 0;
	}
	#M.open #M_IN {
		padding-top: 60px;
		height: calc(100% - 60px);
	}
	#M0 > s.i003 {
		margin-right: 0px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin: 5px;
	}
	#M.open #M_IN #M0 {
		line-height: 60px;
		height: 60px;
	}
	#M:not(.open) #M_IN:after {
		right: 5px;
	}
	
	#M.open #M_IN #M0 i.logo {
		height: 60px;
		line-height: 60px;
	}
}

		@font-face{
			font-family: 'ms_el'; 
			src: url('https:///_sys/_fnt/msel.woff2') format('woff2');
			font-display: swap;
		}
		
		@font-face{
			font-family: 'sp_l'; 
			src: url('https:///_sys/_fnt/msr.woff2') format('woff2');
			font-display: swap;
		}
		
		@font-face{
			font-family: 'sp_r'; 
			src: url('https:///_sys/_fnt/msm.woff2') format('woff2');
			font-display: swap;
		}
		
		@font-face{
			font-family: 'sp_m'; 
			src: url('https:///_sys/_fnt/msb.woff2') format('woff2');
			font-display: swap;
		}
		
@font-face{
	font-family: 'pf_r'; 
	src: url('https:///_sys/_fnt/dancing_semibold.woff2') format('woff');
	font-display: swap;
}
.el0{
	width: 100%;
}


.el0 .el22.grid {
    width: 50%;
    padding: 0px 0px 0px 0px;
}




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

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

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

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

}
	
@media all and (max-width: 1024px){
	
	
	
	
	
}
@media all and (max-width: 800px){

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

}	







































#F{
	width: 100%;
	color: #474646;
	background: #f2f2f2;
	border-top: 1px solid #e5e5e5;
}



#F > .in{
	width: calc(100% - 160px);
	padding: 80px;
}






#F .bl{ 
	width: calc(25% - 40px);
	padding: 0 20px;
}

#F .socials{
	width: 100%;
	padding: 0px 0 20px 0;
}
#F .socials .in{
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}

#F .socials a{
	width: 50px; height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #e5e5e5;
	color: #5c5c5c;
	margin: 0 5px 0px 5px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	border-radius: 4px;
}
#F .socials a:hover{
	background: #fff;
    color: #3B3B3B;
}


#F .upper{
    width: 100%;
    padding: 5px 0 5px 0;
}
#F .upper .in{
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}
#F .upper .in a{
	width: auto; height: 60px;
	text-align: center;
	color: inherit;
	margin: 0 10px 0px 10px;
	text-align: center;
	line-height: 60px;
	font-size: 60px;
}


#F .upper .in a span{
	display: none;
}
#F .upper .in a:hover{
	color: #333;
}

#F .bottom{
	line-height: 50px;
	width: 100%;
	text-align:center;
	font-size: 0.75em;
	background: #e5e5e5;
	font-family: 'sp_r';
}

#F .bottom span{
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}
#F .bottom a{
	width: auto;
	float: right;
	margin-right: 20px;
}
#F .bottom a:hover{
	color: #000;
	text-decoration: underline;
}

#F *{
	color: #474646;
	padding: 0;
	margin: 0;
}
#F h3{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
}
#F h3:first-of-type{
	margin-top: 0;
}
#F p{
	margin-bottom: 15px;
	line-height: 22px;
}




#F ul{
	width: 100%;
}


/*
	background: #72738e;
	background: #333456;
*/

#F ul li{
	width: auto;
	line-height: 20px;
	background: #e5e5e5;
	border-radius: 5px;
	margin-bottom: 15px;
	clear: both;
	font-family: 'sp_m';
	transition: background 0.2s ease-in-out;
}



#F ul li#news_up{
	background: #e95001;
	color: #fff;
    box-shadow: 0px 0px 0px 5px rgba(233,80,1,0.2);
    transition: all 0.1s ease-in-out;
}
#F ul li#news_up:hover{
	background: #f36218;
	color: #fff;
    box-shadow: 0px 0px 0px 5px rgba(233,80,1,0.5);
}


#F ul li a{
	padding: 10px 15px 10px 5px;
	width: 100%;
}

#F ul li a i {
    width: 30px;
	height: 20px;
    line-height: 20px;
    text-align: center;
}

#F ul li a{
	color:inherit;
	
}
#F ul li:hover{
	background: #fff;
}



#F .bl img.logo{
	width: 70%;
	padding: 0% 0% 10% 10%;	
}


#F i{
	width: 20px;
	height: 30px;
	text-align:center;
	color: inherit;
	margin-right: 10px;
}


#F li i.i:before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	content: '•';
}


#F h3{
	width:100%;
	font-size: inherit;
}
#F p{
	width: 100%;
	font-family: 'sp_m';
}

#F h3,
#F h3 i{
	font-family: "pf_r", segoe ui;
	font-size: 20px;
	color: inherit;
}

#C:after{
	position: fixed;
	bottom: 0; left: 0;
	background: #000;
	color: #fff;
	font-size: 8px;
	padding: 5px;
	content:"4K";
	z-index: 1000;	
}


#facebook{
	width: calc(100% - 25ox);
	background: #3B5998;
	padding:15px 10px 10px 15px;
	border-radius: 10px;
	top: 50%;
	transform: translateY(-50%);
}

#facebook *{
	color:#fff !important;	
}

#facebook:before{
	position:absolute;
	content:'';
	top: -18px; 
	left:30px;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-bottom: 20px solid #3B5998;
}

#facebook em{
	position: relative;
	float: left;
	font-size: 150px;
	width: 100%;
	font-style: normal;
	line-height: 50px;
}
.facebookTXT{
	width:auto;	
	margin-bottom:10px;
	font-family: 'sp_r';
	font-size:0.8em;
}

@media all and (max-width: 1920px) {
	#F{
		font-size: 16px;	
	}
	
	#F > .in{
		width: calc(100% - 160px);
		padding: 60px 80px;
	}

	
	#F h3,
	#F h3 i{
		font-size: 24px;
	}
	#C:after{
		content:'< FULL HD';	
	}
}


@media all and (max-width: 1600px) {
	#F > .in{
		width: calc(100% - 80px);
		padding: 40px;
	}
		
	
	#F .bottom{
		line-height: 40px;
		font-size: 12px;
	}
	#C:after{
		content:'< 1600';
			
	}
}
@media all and (max-width: 1366px) {	
	#F{
		font-size: 18px;	
	}
	#F h3 {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 24px;
	}
	#F p {
		margin-bottom: 20px;
		line-height: 20px;
	}

	
	#F i {
		margin-right: 0px;
	}

	#C:after{
		content:'< HD';	
		
	}
}
@media all and (max-width: 1280px) {
	#F{
		font-size: 16px;	
	}
	#F h3 {
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	#F p {
		margin-bottom: 15px;
		line-height: 20px;
	}
	#C:after{
		content:'< 1280';
	}
}
@media all and (max-width: 1024px) {
	#F{
		font-size: 14px;	
	}
	#F h3 {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	#F p {
		margin-bottom: 10px;
		line-height: 20px;
	}
	
	
	#F > .in{
		width: calc(100% - 40px);
		padding: 20px;
	}
	#F .in:before,
	#F .in:after{
		display: none;
	}
	#C:after{
		content:'< 1024';	
	}
}
@media all and (max-width: 800px) {
	#F{ 
		border-top: 1px solid #e5e5e5;
	}
	#F .bl:nth-of-type(1){ 
		display: none;
	}
	#F .bl{ 
		width: calc(100%/3);
	}
	#F h3{
		margin: 10px 0 0 0;
		text-align: center;
	}
	#F *,
	#F h3{
		font-size: 15px !important;		
	}
	
	
	#F p{
		line-height: 20px;
		padding: 0;
		text-align: center;
	}
	#F .bl > *{ 
		width:100%;
		text-align: center;
		clear: both;
	}
	#F .bl i{
		float: none;
		height: 20px;
		line-height: 22px;
		
		width: 20px;
		padding-right: 5px;
		top: 1px;
	}
	
	#F .bl i.i2201{
		line-height: 21px;
	}
	
	#F .bl i.i{ 
		display: none;
	}
	#F .bl span{ 
		float: none;
		width: auto;
		white-space: nowrap;
	}
	
	#F .bl > * {
		padding: 0;
		margin-bottom: 10px;
	}
	#F .bl > h3{
		margin-bottom: 10px;
	}
	
	#F .bl a {
		width: 100%;
	}
	
	
	#F ul li {
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	#F > .in {
		width: 100%;
		padding: 0;
	}
	#F > .in .bl{
		width: calc(50% - 11.5px);
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		padding: 15px 5px 5px 5px;
	}
	#F > .in .bl:nth-of-type(2),
	#F > .in .bl:nth-of-type(4){
		border-right: 0px solid #e5e5e5;
	}
	#F > .in .bl:nth-of-type(3),
	#F > .in .bl:nth-of-type(4){
		border-bottom: 0px solid #e5e5e5;
	}

	#F .socials {
		padding: 10px 0 10px 0;
	}
	#C:after{
		content:'< 800';	
	}
}
@media all and (max-width: 600px) {
	#F *,
	#F h3{
		font-size: 18px !important;		
	}
	#F h3{
		font-size: 20px !important;		
	}
	#F .upper .in a {
		font-size: 50px !important;	
	}
	#C:after{
		content:'< 600';	
	}
	
	#F .bl p i {
		display: none;
	}
	
	#F > .in .bl{
		width: calc(100% - 10px);
		border-bottom: 1px solid #e5e5e5;
		padding: 15px 5px 5px 5px;
	}
	#F > .in .bl:empty{
		display: none;
	}	
	#F > .in .bl:nth-of-type(n){
		border-right: none;
	}
	
	#F .bl img.logo{
		width: 30%;
		padding: 10px 35%;	
	}
	
	#F ul li {
		padding-right: 10px;
	}
	
	#F .bottom span,
	#F .bottom a{
		width: 100%;
		margin: 0px;
		transform: none;
		left: 0px;
		text-align: center;
	}
}








#my_win{
	position: fixed;
	bottom: 50px;
	right: 20px;
	width: 260px;
	height: auto;
	background: #fff;
	color: #474646;
	padding: 20px;
	z-index: 100;
	border-radius: 3px;
	border: 3px solid #474646;
}
#my_win > *{
	position: relative;
	float: left;
	color: inherit;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-family: 'sp_r'
}
#my_win h4{
	width: 100%;
	line-height: 30px;
	font-family: 'sp_m'
}
#my_win h4 s{
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	float: right;
	border-radius: 3px;
}
#my_win h4 s:hover{
	background: #11212e;
	color: #f2f2f2;
}

#my_win:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 20px 0;
	border-color: transparent #474646 transparent transparent;
	position: absolute;
	right: 20px;
	bottom: -20px;
	content: '';
}

#my_win a:hover{
	text-decoration: underline;
}


@media all and (max-width: 800px) {
	#my_win{
		padding: 10px;
		font-size: 14px;
	}
}#F{
	width: 100%;
	color: #474646;
	background: #f2f2f2;
	border-top: 1px solid #e5e5e5;
}



#F > .in{
	width: calc(100% - 160px);
	padding: 80px;
}






#F .bl{ 
	width: calc(25% - 40px);
	padding: 0 20px;
}

#F .socials{
	width: 100%;
	padding: 0px 0 20px 0;
}
#F .socials .in{
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}

#F .socials a{
	width: 50px; height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #e5e5e5;
	color: #5c5c5c;
	margin: 0 5px 0px 5px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	border-radius: 4px;
}
#F .socials a:hover{
	background: #fff;
    color: #3B3B3B;
}


#F .upper{
    width: 100%;
    padding: 5px 0 5px 0;
}
#F .upper .in{
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}
#F .upper .in a{
	width: auto; height: 60px;
	text-align: center;
	color: inherit;
	margin: 0 10px 0px 10px;
	text-align: center;
	line-height: 60px;
	font-size: 60px;
}


#F .upper .in a span{
	display: none;
}
#F .upper .in a:hover{
	color: #333;
}

#F .bottom{
	line-height: 50px;
	width: 100%;
	text-align:center;
	font-size: 0.75em;
	background: #e5e5e5;
	font-family: 'sp_r';
}

#F .bottom span{
	width: auto;
	left: 50%;
	transform: translateX(-50%);
}
#F .bottom a{
	width: auto;
	float: right;
	margin-right: 20px;
}
#F .bottom a:hover{
	color: #000;
	text-decoration: underline;
}

#F *{
	color: #474646;
	padding: 0;
	margin: 0;
}
#F h3{
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
}
#F h3:first-of-type{
	margin-top: 0;
}
#F p{
	margin-bottom: 15px;
	line-height: 22px;
}




#F ul{
	width: 100%;
}


/*
	background: #72738e;
	background: #333456;
*/

#F ul li{
	width: auto;
	line-height: 20px;
	background: #e5e5e5;
	border-radius: 5px;
	margin-bottom: 15px;
	clear: both;
	font-family: 'sp_m';
	transition: background 0.2s ease-in-out;
}



#F ul li#news_up{
	background: #e95001;
	color: #fff;
    box-shadow: 0px 0px 0px 5px rgba(233,80,1,0.2);
    transition: all 0.1s ease-in-out;
}
#F ul li#news_up:hover{
	background: #f36218;
	color: #fff;
    box-shadow: 0px 0px 0px 5px rgba(233,80,1,0.5);
}


#F ul li a{
	padding: 10px 15px 10px 5px;
	width: 100%;
}

#F ul li a i {
    width: 30px;
	height: 20px;
    line-height: 20px;
    text-align: center;
}

#F ul li a{
	color:inherit;
	
}
#F ul li:hover{
	background: #fff;
}



#F .bl img.logo{
	width: 70%;
	padding: 0% 0% 10% 10%;	
}


#F i{
	width: 20px;
	height: 30px;
	text-align:center;
	color: inherit;
	margin-right: 10px;
}


#F li i.i:before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	content: '•';
}


#F h3{
	width:100%;
	font-size: inherit;
}
#F p{
	width: 100%;
	font-family: 'sp_m';
}

#F h3,
#F h3 i{
	font-family: "pf_r", segoe ui;
	font-size: 20px;
	color: inherit;
}

#C:after{
	position: fixed;
	bottom: 0; left: 0;
	background: #000;
	color: #fff;
	font-size: 8px;
	padding: 5px;
	content:"4K";
	z-index: 1000;	
}


#facebook{
	width: calc(100% - 25ox);
	background: #3B5998;
	padding:15px 10px 10px 15px;
	border-radius: 10px;
	top: 50%;
	transform: translateY(-50%);
}

#facebook *{
	color:#fff !important;	
}

#facebook:before{
	position:absolute;
	content:'';
	top: -18px; 
	left:30px;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	
	border-bottom: 20px solid #3B5998;
}

#facebook em{
	position: relative;
	float: left;
	font-size: 150px;
	width: 100%;
	font-style: normal;
	line-height: 50px;
}
.facebookTXT{
	width:auto;	
	margin-bottom:10px;
	font-family: 'sp_r';
	font-size:0.8em;
}

@media all and (max-width: 1920px) {
	#F{
		font-size: 16px;	
	}
	
	#F > .in{
		width: calc(100% - 160px);
		padding: 60px 80px;
	}

	
	#F h3,
	#F h3 i{
		font-size: 24px;
	}
	#C:after{
		content:'< FULL HD';	
	}
}


@media all and (max-width: 1600px) {
	#F > .in{
		width: calc(100% - 80px);
		padding: 40px;
	}
		
	
	#F .bottom{
		line-height: 40px;
		font-size: 12px;
	}
	#C:after{
		content:'< 1600';
			
	}
}
@media all and (max-width: 1366px) {	
	#F{
		font-size: 18px;	
	}
	#F h3 {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 24px;
	}
	#F p {
		margin-bottom: 20px;
		line-height: 20px;
	}

	
	#F i {
		margin-right: 0px;
	}

	#C:after{
		content:'< HD';	
		
	}
}
@media all and (max-width: 1280px) {
	#F{
		font-size: 16px;	
	}
	#F h3 {
		margin-top: 15px;
		margin-bottom: 15px;
		font-size: 20px;
	}
	#F p {
		margin-bottom: 15px;
		line-height: 20px;
	}
	#C:after{
		content:'< 1280';
	}
}
@media all and (max-width: 1024px) {
	#F{
		font-size: 14px;	
	}
	#F h3 {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 16px;
	}
	#F p {
		margin-bottom: 10px;
		line-height: 20px;
	}
	
	
	#F > .in{
		width: calc(100% - 40px);
		padding: 20px;
	}
	#F .in:before,
	#F .in:after{
		display: none;
	}
	#C:after{
		content:'< 1024';	
	}
}
@media all and (max-width: 800px) {
	#F{ 
		border-top: 1px solid #e5e5e5;
	}
	#F .bl:nth-of-type(1){ 
		display: none;
	}
	#F .bl{ 
		width: calc(100%/3);
	}
	#F h3{
		margin: 10px 0 0 0;
		text-align: center;
	}
	#F *,
	#F h3{
		font-size: 15px !important;		
	}
	
	
	#F p{
		line-height: 20px;
		padding: 0;
		text-align: center;
	}
	#F .bl > *{ 
		width:100%;
		text-align: center;
		clear: both;
	}
	#F .bl i{
		float: none;
		height: 20px;
		line-height: 22px;
		
		width: 20px;
		padding-right: 5px;
		top: 1px;
	}
	
	#F .bl i.i2201{
		line-height: 21px;
	}
	
	#F .bl i.i{ 
		display: none;
	}
	#F .bl span{ 
		float: none;
		width: auto;
		white-space: nowrap;
	}
	
	#F .bl > * {
		padding: 0;
		margin-bottom: 10px;
	}
	#F .bl > h3{
		margin-bottom: 10px;
	}
	
	#F .bl a {
		width: 100%;
	}
	
	
	#F ul li {
		left: 50%;
		transform: translateX(-50%);
	}
	
	
	#F > .in {
		width: 100%;
		padding: 0;
	}
	#F > .in .bl{
		width: calc(50% - 11.5px);
		border-right: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		padding: 15px 5px 5px 5px;
	}
	#F > .in .bl:nth-of-type(2),
	#F > .in .bl:nth-of-type(4){
		border-right: 0px solid #e5e5e5;
	}
	#F > .in .bl:nth-of-type(3),
	#F > .in .bl:nth-of-type(4){
		border-bottom: 0px solid #e5e5e5;
	}

	#F .socials {
		padding: 10px 0 10px 0;
	}
	#C:after{
		content:'< 800';	
	}
}
@media all and (max-width: 600px) {
	#F *,
	#F h3{
		font-size: 18px !important;		
	}
	#F h3{
		font-size: 20px !important;		
	}
	#F .upper .in a {
		font-size: 50px !important;	
	}
	#C:after{
		content:'< 600';	
	}
	
	#F .bl p i {
		display: none;
	}
	
	#F > .in .bl{
		width: calc(100% - 10px);
		border-bottom: 1px solid #e5e5e5;
		padding: 15px 5px 5px 5px;
	}
	#F > .in .bl:empty{
		display: none;
	}	
	#F > .in .bl:nth-of-type(n){
		border-right: none;
	}
	
	#F .bl img.logo{
		width: 30%;
		padding: 10px 35%;	
	}
	
	#F ul li {
		padding-right: 10px;
	}
	
	#F .bottom span,
	#F .bottom a{
		width: 100%;
		margin: 0px;
		transform: none;
		left: 0px;
		text-align: center;
	}
}








#my_win{
	position: fixed;
	bottom: 50px;
	right: 20px;
	width: 260px;
	height: auto;
	background: #fff;
	color: #474646;
	padding: 20px;
	z-index: 100;
	border-radius: 3px;
	border: 3px solid #474646;
}
#my_win > *{
	position: relative;
	float: left;
	color: inherit;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-family: 'sp_r'
}
#my_win h4{
	width: 100%;
	line-height: 30px;
	font-family: 'sp_m'
}
#my_win h4 s{
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
	float: right;
	border-radius: 3px;
}
#my_win h4 s:hover{
	background: #11212e;
	color: #f2f2f2;
}

#my_win:after{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 25px 20px 0;
	border-color: transparent #474646 transparent transparent;
	position: absolute;
	right: 20px;
	bottom: -20px;
	content: '';
}

#my_win a:hover{
	text-decoration: underline;
}


@media all and (max-width: 800px) {
	#my_win{
		padding: 10px;
		font-size: 14px;
	}
}
	@font-face {
		font-family: 'i001'; src: url('https:///_sys/_ico/001.woff') format('woff');
		font-display: swap;
	}
	.i001:before {
		font-family: i001; content: "\e001";
	}
	
	@font-face {
		font-family: 'i002'; src: url('https:///_sys/_ico/002.woff') format('woff');
		font-display: swap;
	}
	.i002:before {
		font-family: i002; content: "\e002";
	}
	
	@font-face {
		font-family: 'i003'; src: url('https:///_sys/_ico/003.woff') format('woff');
		font-display: swap;
	}
	.i003:before {
		font-family: i003; content: "\e003";
	}
	
	@font-face {
		font-family: 'i007'; src: url('https:///_sys/_ico/007.woff') format('woff');
		font-display: swap;
	}
	.i007:before {
		font-family: i007; content: "\e007";
	}
	
	@font-face {
		font-family: 'i008'; src: url('https:///_sys/_ico/008.woff') format('woff');
		font-display: swap;
	}
	.i008:before {
		font-family: i008; content: "\e008";
	}
	
	@font-face {
		font-family: 'i011'; src: url('https:///_sys/_ico/011.woff') format('woff');
		font-display: swap;
	}
	.i011:before {
		font-family: i011; content: "\e011";
	}
	
	@font-face {
		font-family: 'i012'; src: url('https:///_sys/_ico/012.woff') format('woff');
		font-display: swap;
	}
	.i012:before {
		font-family: i012; content: "\e012";
	}
	
	@font-face {
		font-family: 'i013'; src: url('https:///_sys/_ico/013.woff') format('woff');
		font-display: swap;
	}
	.i013:before {
		font-family: i013; content: "\e013";
	}
	
	@font-face {
		font-family: 'i131'; src: url('https:///_sys/_ico/131.woff') format('woff');
		font-display: swap;
	}
	.i131:before {
		font-family: i131; content: "\e131";
	}
	
	@font-face {
		font-family: 'i173'; src: url('https:///_sys/_ico/173.woff') format('woff');
		font-display: swap;
	}
	.i173:before {
		font-family: i173; content: "\e173";
	}
	
	@font-face {
		font-family: 'i010'; src: url('https:///_sys/_ico/010.woff') format('woff');
		font-display: swap;
	}
	.i010:before {
		font-family: i010; content: "\e010";
	}
	
	@font-face {
		font-family: 'i016'; src: url('https:///_sys/_ico/016.woff') format('woff');
		font-display: swap;
	}
	.i016:before {
		font-family: i016; content: "\e016";
	}
	
	@font-face {
		font-family: 'i017'; src: url('https:///_sys/_ico/017.woff') format('woff');
		font-display: swap;
	}
	.i017:before {
		font-family: i017; content: "\e017";
	}
	
	@font-face {
		font-family: 'i020'; src: url('https:///_sys/_ico/020.woff') format('woff');
		font-display: swap;
	}
	.i020:before {
		font-family: i020; content: "\e020";
	}
	
	@font-face {
		font-family: 'i022'; src: url('https:///_sys/_ico/022.woff') format('woff');
		font-display: swap;
	}
	.i022:before {
		font-family: i022; content: "\e022";
	}
	
	@font-face {
		font-family: 'i027'; src: url('https:///_sys/_ico/027.woff') format('woff');
		font-display: swap;
	}
	.i027:before {
		font-family: i027; content: "\e027";
	}
	
	@font-face {
		font-family: 'i028'; src: url('https:///_sys/_ico/028.woff') format('woff');
		font-display: swap;
	}
	.i028:before {
		font-family: i028; content: "\e028";
	}
	
	@font-face {
		font-family: 'i039'; src: url('https:///_sys/_ico/039.woff') format('woff');
		font-display: swap;
	}
	.i039:before {
		font-family: i039; content: "\e039";
	}
	
	@font-face {
		font-family: 'i048'; src: url('https:///_sys/_ico/048.woff') format('woff');
		font-display: swap;
	}
	.i048:before {
		font-family: i048; content: "\e048";
	}
	
	@font-face {
		font-family: 'i051'; src: url('https:///_sys/_ico/051.woff') format('woff');
		font-display: swap;
	}
	.i051:before {
		font-family: i051; content: "\e051";
	}
	
	@font-face {
		font-family: 'i063'; src: url('https:///_sys/_ico/063.woff') format('woff');
		font-display: swap;
	}
	.i063:before {
		font-family: i063; content: "\e063";
	}
	
	@font-face {
		font-family: 'i065'; src: url('https:///_sys/_ico/065.woff') format('woff');
		font-display: swap;
	}
	.i065:before {
		font-family: i065; content: "\e065";
	}
	
	@font-face {
		font-family: 'i066'; src: url('https:///_sys/_ico/066.woff') format('woff');
		font-display: swap;
	}
	.i066:before {
		font-family: i066; content: "\e066";
	}
	
	@font-face {
		font-family: 'i073'; src: url('https:///_sys/_ico/073.woff') format('woff');
		font-display: swap;
	}
	.i073:before {
		font-family: i073; content: "\e073";
	}
	
	@font-face {
		font-family: 'i078'; src: url('https:///_sys/_ico/078.woff') format('woff');
		font-display: swap;
	}
	.i078:before {
		font-family: i078; content: "\e078";
	}
	
	@font-face {
		font-family: 'i088'; src: url('https:///_sys/_ico/088.woff') format('woff');
		font-display: swap;
	}
	.i088:before {
		font-family: i088; content: "\e088";
	}
	
	@font-face {
		font-family: 'i089'; src: url('https:///_sys/_ico/089.woff') format('woff');
		font-display: swap;
	}
	.i089:before {
		font-family: i089; content: "\e089";
	}
	
	@font-face {
		font-family: 'i112'; src: url('https:///_sys/_ico/112.woff') format('woff');
		font-display: swap;
	}
	.i112:before {
		font-family: i112; content: "\e112";
	}
	
	@font-face {
		font-family: 'i160'; src: url('https:///_sys/_ico/160.woff') format('woff');
		font-display: swap;
	}
	.i160:before {
		font-family: i160; content: "\e160";
	}
	
	@font-face {
		font-family: 'i162'; src: url('https:///_sys/_ico/162.woff') format('woff');
		font-display: swap;
	}
	.i162:before {
		font-family: i162; content: "\e162";
	}
	
	@font-face {
		font-family: 'i137'; src: url('https:///_sys/_ico/137.woff') format('woff');
		font-display: swap;
	}
	.i137:before {
		font-family: i137; content: "\e137";
	}
	
	@font-face {
		font-family: 'i138'; src: url('https:///_sys/_ico/138.woff') format('woff');
		font-display: swap;
	}
	.i138:before {
		font-family: i138; content: "\e138";
	}
	
	@font-face {
		font-family: 'i149'; src: url('https:///_sys/_ico/149.woff') format('woff');
		font-display: swap;
	}
	.i149:before {
		font-family: i149; content: "\e149";
	}
	
	@font-face {
		font-family: 'i170'; src: url('https:///_sys/_ico/170.woff') format('woff');
		font-display: swap;
	}
	.i170:before {
		font-family: i170; content: "\e170";
	}
	
	@font-face {
		font-family: 'i181'; src: url('https:///_sys/_ico/181.woff') format('woff');
		font-display: swap;
	}
	.i181:before {
		font-family: i181; content: "\e181";
	}
	
	@font-face {
		font-family: 'i182'; src: url('https:///_sys/_ico/182.woff') format('woff');
		font-display: swap;
	}
	.i182:before {
		font-family: i182; content: "\e182";
	}
	
	@font-face {
		font-family: 'i183'; src: url('https:///_sys/_ico/183.woff') format('woff');
		font-display: swap;
	}
	.i183:before {
		font-family: i183; content: "\e183";
	}
	
	@font-face {
		font-family: 'i184'; src: url('https:///_sys/_ico/184.woff') format('woff');
		font-display: swap;
	}
	.i184:before {
		font-family: i184; content: "\e184";
	}
	
	@font-face {
		font-family: 'i255'; src: url('https:///_sys/_ico/255.woff') format('woff');
		font-display: swap;
	}
	.i255:before {
		font-family: i255; content: "\e255";
	}
	
	@font-face {
		font-family: 'i064'; src: url('https:///_sys/_ico/064.woff') format('woff');
		font-display: swap;
	}
	.i064:before {
		font-family: i064; content: "\e064";
	}
	
	@font-face {
		font-family: 'i033'; src: url('https:///_sys/_ico/033.woff') format('woff');
		font-display: swap;
	}
	.i033:before {
		font-family: i033; content: "\e033";
	}
	
	@font-face {
		font-family: 'i264'; src: url('https:///_sys/_ico/264.woff') format('woff');
		font-display: swap;
	}
	.i264:before {
		font-family: i264; content: "\e264";
	}
	
	@font-face {
		font-family: 'i168'; src: url('https:///_sys/_ico/168.woff') format('woff');
		font-display: swap;
	}
	.i168:before {
		font-family: i168; content: "\e168";
	}
	
	@font-face {
		font-family: 'i320'; src: url('https:///_sys/_ico/320.woff') format('woff');
		font-display: swap;
	}
	.i320:before {
		font-family: i320; content: "\e320";
	}
	
	@font-face {
		font-family: 'i278'; src: url('https:///_sys/_ico/278.woff') format('woff');
		font-display: swap;
	}
	.i278:before {
		font-family: i278; content: "\e278";
	}
	
	@font-face {
		font-family: 'i161'; src: url('https:///_sys/_ico/161.woff') format('woff');
		font-display: swap;
	}
	.i161:before {
		font-family: i161; content: "\e161";
	}
	
	@font-face {
		font-family: 'i000'; src: url('https:///_sys/_ico/000.woff') format('woff');
		font-display: swap;
	}
	.i000:before {
		font-family: i000; content: "\e000";
	}
	
	@font-face {
		font-family: 'i049'; src: url('https:///_sys/_ico/049.woff') format('woff');
		font-display: swap;
	}
	.i049:before {
		font-family: i049; content: "\e049";
	}
	
	@font-face {
		font-family: 'i207'; src: url('https:///_sys/_ico/207.woff') format('woff');
		font-display: swap;
	}
	.i207:before {
		font-family: i207; content: "\e207";
	}
	
	@font-face {
		font-family: 'i310'; src: url('https:///_sys/_ico/310.woff') format('woff');
		font-display: swap;
	}
	.i310:before {
		font-family: i310; content: "\e310";
	}
	
	@font-face {
		font-family: 'i315'; src: url('https:///_sys/_ico/315.woff') format('woff');
		font-display: swap;
	}
	.i315:before {
		font-family: i315; content: "\e315";
	}
	
	@font-face {
		font-family: 'i316'; src: url('https:///_sys/_ico/316.woff') format('woff');
		font-display: swap;
	}
	.i316:before {
		font-family: i316; content: "\e316";
	}
	
	@font-face {
		font-family: 'i171'; src: url('https:///_sys/_ico/171.woff') format('woff');
		font-display: swap;
	}
	.i171:before {
		font-family: i171; content: "\e171";
	}
	
	@font-face {
		font-family: 'i530'; src: url('https:///_sys/_ico/530.woff') format('woff');
		font-display: swap;
	}
	.i530:before {
		font-family: i530; content: "\e530";
	}
	
	@font-face {
		font-family: 'i004'; src: url('https:///_sys/_ico/004.woff') format('woff');
		font-display: swap;
	}
	.i004:before {
		font-family: i004; content: "\e004";
	}
	
	@font-face {
		font-family: 'i006'; src: url('https:///_sys/_ico/006.woff') format('woff');
		font-display: swap;
	}
	.i006:before {
		font-family: i006; content: "\e006";
	}
	/*469*/
body{
	/*user-select: none;*/	
}

html.noscroll,
html.noscroll body{
	overflow: hidden;	
}


html.blur body #M,
html.blur body #C,
html.blur body #F{
	filter: blur(5px);
}

#map *{
	position: static;
	float: none;
}

#map .gm-control-active>img{
	float:left;
	position:relative;
	margin-top: 18px;
}
	
#pop_win{
	position: fixed;
	top: 0px;
	left: 0px;
	cursor: default;
	z-index: 1000;	
	background: rgba(255,255,255,0.40);
	width: 100%;
	height: 100%;
	font-size: 18px;
	display: none;
}



#pop_win.vis{
	display: block;
}
#pop_win_in{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1001;	
	background: #fff;
	border-radius: 10px;
	
	width: 700px;	
	height: 90%;
	
	overflow: hidden;
	border: 5px solid #fff;
	
	box-shadow: 0px 0px 10px #c6c7db;
}

#pop_win.cal #pop_win_in{
	width: 800px;
}




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

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

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

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

}

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

#pop_win_in {
    border-radius: 5px;
    width: 600px;
    height: 80%;
}
}


@media all and (max-width: 600px) {
#pop_win_in{

	left: 10px;
	top: 10px;
	transform: none;
	
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	
	border-radius: 4px;
	border: 5px solid #fff;
}

}

.sty.c0{background: #e7e7f0;}
.sty.c0.bck0{background: #e7e7f0;}
.sty.c0.bck2{background: #e5e5e5;}

.sty.c1{background: #ffffff;}



.sty.m1{margin-top: 0px;padding-top: 0px !important; border-top: 0px;}


body p{
	padding: 0px;
	margin: 0px;	
}

.sty .gra{
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;	
	width: 100% !important;
	height: 100% !important;
	background-repeat: repeat;
	margin: 0px !important;
}
.sty.c0 .gra{background-image: url(/pattern-gray.png);}


.sty.bck1 .gra{
	background-position: left bottom;
}
.sty.bck2 .gra{
	background-position: left top;
}





.grid{
    width: calc(100% - 80px);
	padding: 80px 0px 0px 80px;
	font-size: 18px;
}
.grid[data-n] > .el[data-n]{
	width: calc(100%/6 - 120px);
	margin: 0px 80px 80px 0;
	padding: 20px;
	border-radius: 5px;
	
	color: inherit;
	background: #fff;
}
.grid > .el{
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
}
.grid.c1 > .el{
	box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.1);
}
.grid > .el:hover{
	box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.2);
}
.grid.c2 > .el:hover,
.grid.c6 > .el:hover{
	box-shadow: 0px 0px 0px 5px rgba(255,255,255,0.2);
}

@media all and (max-width: 1920px) {
	.grid{
		width: calc(100% - 40px);
		padding: 40px 0px 0px 40px;
		font-size: 16px;
	}
	.grid[data-n] > .el[data-n]{
		width: calc(100%/5 - 80px);
		margin: 0px 40px 40px 0;
		padding: 20px;
	}
	

	.grid[data-n="4"] > .el[data-n="1"],
	.grid[data-n="9"] > .el[data-n="6"],
	.grid[data-n="14"] > .el[data-n="11"]{
		margin-left: 10%;
	}
	.grid[data-n="3"] > .el[data-n="1"]{
		margin-left: 20%;
	}
	.grid[data-n="2"] > .el[data-n="1"],
	.grid[data-n="7"] > .el[data-n="6"],
	.grid[data-n="37"] > .el[data-n="36"]{
		margin-left: 30%;
	}
	.grid[data-n="1"] > .el[data-n="1"],
	.grid[data-n="6"] > .el[data-n="6"]{
		margin-left: 40%;
	}
}
@media all and (max-width: 1600px) {
	
}
@media all and (max-width: 1366px) {
	.grid{
		width: calc(100% - 40px);
		padding: 40px 0px 0px 40px;
		font-size: 14px;
	}	
	.grid[data-n] > .el[data-n]{
		width: calc(100%/4 - 70px);
		margin: 0px 40px 40px 0;
		padding: 15px;
		border-radius: 5px;
	}
	.grid[data-n="1"] > .el[data-n="1"],
	.grid[data-n="5"] > .el[data-n="5"],
	.grid[data-n="9"] > .el[data-n="9"]{
		margin-left: 37.5%;	
	}
	.grid[data-n="2"] > .el[data-n="1"],
	.grid[data-n="6"] > .el[data-n="5"]{
		margin-left: 25%;	
	}
	.grid[data-n="3"] > .el[data-n="1"],
	.grid[data-n="7"] > .el[data-n="5"]{
		margin-left: 12.5%;
	}
	
	.grid.c1 > .el{
		box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.1);
	}
	.grid > .el:hover{
		box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.2);
	}
	.grid.c6 > .el:hover{
		box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.2);
	}
}
@media all and (max-width: 1280px) {	
	.grid{
		width: calc(100% - 20px);
		padding: 20px 0px 0px 20px;
		font-size: 12px;
	}	
	.grid[data-n] > .el[data-n]{
		width: calc(100%/4 - 40px);
		margin: 0px 20px 20px 0;
		padding: 10px;
	}
	
	.grid[data-n="3"] > .el[data-n="1"],
	.grid[data-n="7"] > .el[data-n="5"]{
		margin-left: 12.5%;
	}
	.grid[data-n="2"] > .el[data-n="1"],
	.grid[data-n="6"] > .el[data-n="5"]{
		margin-left: 25%;	
	}
	.grid[data-n="1"] > .el[data-n="1"],
	.grid[data-n="5"] > .el[data-n="5"],
	.grid[data-n="9"] > .el[data-n="9"]{
		margin-left: 37.5%;	
	}	
	
		
	
	.grid > .el:hover{
		box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.1);
	}
}
@media all and (max-width: 1024px) {
	.grid{

	}
	
	.grid[data-n] > .el[data-n]{
		width: calc(100%/3 - 40px);
		margin: 0px 20px 20px 0;
		padding: 10px;
		border-radius: 3px;
	}
	

	.grid[data-n="2"] > .el[data-n="1"],
	.grid[data-n="5"] > .el[data-n="4"]{
		margin-left: calc(100%/3/2);	
	}
	.grid[data-n="1"] > .el[data-n="1"],
	.grid[data-n="4"] > .el[data-n="4"],
	.grid[data-n="7"] > .el[data-n="7"]{
		margin-left: calc(100%/3);
	}
}
@media all and (max-width: 800px) {
	.grid{
		width: calc(100% - 15px);
		padding: 15px 0px 0px 15px;
	}	
	.grid[data-n] > .el[data-n]{
		width: calc(100%/3 - 25px);
		margin: 0px 15px 15px 0;
		padding: 5px;
	}	
	.grid[data-n="2"] > .el[data-n="1"],
	.grid[data-n="5"] > .el[data-n="4"]{
		margin-left: calc(100%/3/2);	
	}
	.grid[data-n="1"] > .el[data-n="1"],
	.grid[data-n="4"] > .el[data-n="4"],
	.grid[data-n="7"] > .el[data-n="7"]{
		margin-left: calc(100%/3);
	}
}
@media all and (max-width: 600px) {
	.grid{
		width: calc(100% - 10px);
		padding: 10px 0px 0px 10px;
	}	
	.grid[data-n] > .el[data-n]{
		width: calc(100%/2 - 20px);
		margin: 0px 10px 10px 0;
		padding: 5px;
	}
	.grid[data-n="1"] > .el[data-n="1"],
	.grid[data-n="3"] > .el:nth-of-type(3),
	.grid[data-n="5"] > .el[data-n="5"],
	.grid[data-n="7"] > .el[data-n="7"],
	.grid[data-n="9"] > .el[data-n="9"]{
		margin-left: calc(25%);
	}
}
@media all and (max-width: 400px) {
	.grid[data-n] > .el[data-n]{
		width: calc(100%/1 - 20px);
		margin: 0px 10px 10px 0;
		padding: 5px;
	}
	
	
	.grid[data-n] > .el .p {
		width: 75px;
		height: 75px;
		padding-top: 0px;
	}
}