html {}
body { 
/*background-color: rgba(0, 0, 30, 0.2)  !important;*/
background-color: rgba(0, 0, 0, 0.0)  !important;
border-bottom:solid 1px rgba(0, 0, 0, 0.0);
/*background: rgba(0, 0, 0, 0.1) linear-gradient(to top, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.02)) repeat scroll 0 0;*/
}

.copyright { 
padding-top:0px !important; margin-top:0px !important;
color: #000 !important; 
background-color: #fff !important;
border-top: solid 0px rgba(0,0,0,0.0);
background: rgba(0, 0, 0, 0.0) linear-gradient(to top, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.02)) repeat scroll 0 0 !important; 
 }
 
 .copyright #footer-line {
	 height:1px;
	 background:rgba(0,0,0,0.0); /*  copyright line  */
	 margin-bottom:20px;
 }

/*#mainPan {position:relative; top:78px !important}*/
/*
body {
background-image: linear-gradient(to top, rgba(0,0,0,0.0), rgba(0,0,0,0.0),  rgba(0,0,0,0.0) ) !important; 
background-image: -moz-linear-gradient(to top, rgba(0,0,0,0.0), rgba(0,0,0,0.0),  rgba(0,0,0,0.0)) !important;
background-image: -webkit-linear-gradient(to top, rgba(0,0,0,0.0),rgba(0,0,0,0.0),  rgba(0,0,0,0.0)) !important; 
background-image: -ms-linear-gradient(to top, rgba(0,0,0,0.0), rgba(0,0,0,0.0),  rgba(0,0,0,0.0)) !important;
}*/
#mainPan #bodyPan #top a { display:table; margin:20px auto !important; border:solid 1px #000; border-radius:5px; padding:10px 16px; text-align:center !important; text-decoration:none !important}
#mainPan #bodyPan #top a::before {content:''; font-family:Arial; font-size:0px;}


#mainPan, #leftPan, #rightPan {	border-radius:0px 0px 0px 0px !important; background-color: #fff !important;} 

#books_pdf, #bodylowerPan  { display: none; }

#bodylowerPan {
background-color:#fff; 
max-width:1000px; 
width:100%;
margin:10px auto 0px auto; 
padding:20px 0px 0px 0px;
border-top:dotted 1px #ccc;
}

#bodylowerPan .more-art {
display:grid;	
grid-template-areas: "ul ul ul";
grid-template-columns: 1fr 1fr 1fr;
/*grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))*/
grid-gap: 10px;
/*grid-auto-rows: minmax(600px, auto);*/
margin:0px;
height: auto;
align-content: center; 
}

/*#bodylowerPan #bodylowerRightPan .more-art {padding-left: 35px;	margin-left: 1px; position: relative;left: 0px;}*/
/*#bodylowerPan #bodylowerLeftPan .more-art ul {margin:0px auto !important; width:100%; display:block;}*/
/*#bodylowerPan .more-art >* { width:100%; display:block; }*/
#bodylowerPan .more-art ul {align-content: center; align-self: center; justify-self: center; }
#bodylowerPan .more-art h2, #bodylowerPan .more-art h3, #bodylowerPan .more-art h4 {}
#bodylowerPan p,
#bodylowerPan  .more-art ul li a, #bodylowerPan  .more-art ul li a:visited {
	text-decoration: none;
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	font-family:  arial, sans-serif;
	font-weight: normal;	
	background-color:#eee;
	border-radius:6px;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
    border: 1px solid rgba(255,255,255, 0.8);
}
#bodylowerPan p {font-weight:bold; line-height:24px !important; font-size:20px !important; color:#ff0000; text-align:center !important; border:0px; padding:10px 10px; box-shadow:none;}
#bodylowerPan  .more-art ul li {
	list-style: url(none) none outside;
	text-align: center;
	padding: 0px;
	margin: 0px;
}

#bodylowerPan  .more-art ul li::marker {  font-size: 0px; height:0px !important; width:0px !important; display:none !important;}

#bodylowerPan  .more-art ul li a {
display: block;
text-decoration: none;
padding: 4px 12px;
margin: 10px 0px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width:300px;
}

#bodylowerPan  .more-art ul li a:hover {
	text-decoration: none;	
	/*box-shadow: 0px 1px 1px rgba(0,0,0,0.5); background-color:#fff; border: 1px solid #ccc;color: #000;	*/
	color:#FFF;	background: rgba(0, 0, 0, 0) linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6)) repeat scroll 0 0;
}

#bodyPan { background-color:#fff !important; padding-bottom:20px !important; padding-top:30px !important; }
#rightPan  { background-color:#fff !important; padding-bottom:0px !important; padding-top:0px !important; }
 
img.content-image { border-radius:4px; margin:10px auto; display:table }

img.content-image flex { margin:10px auto !important; }

#menu_top {
    background: rgba(0, 0, 0, 0) linear-gradient(to top, #555555, #999999) repeat scroll 0 0;
  /* border-color: #000000 !important;*/
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    box-shadow: 0px 5px 10px rgba(0,0,0, 0.0);
}

ul.side-link, ul.side-link li { width:100% } 
ul.side-link li a, ul.side-link li a:visited, ul.side-link:before { }
/*
ul.side-link:before { font-family:arial; font-size:18px; content:"Начинающему фотографу"; display:block; color:#cc0000; background-color:#eee; padding:4px 8px; border-radius:6px; margin:auto; }*/

ul.side-link li a, ul.side-link li a:visited { background-color:#fff; color:#000; }

ul.side-link { margin-top:0px; margin-bottom:20px; border-top:solid 18px rgba(0,0,0,0.0); padding-top:2px; }
ul.side-link li { margin-bottom:10px;}
ul.side-link li:last-of-type  { margin-bottom: 20px;}
ul.side-link li a, ul.side-link li a:visited { display:block; border:solid 1px rgba(0,0,0,0.2);}
ul.side-link li a:hover, ul.side-link li:first-of-type a:hover { box-shadow: 0px 2px 8px rgba(255,255,255,0.5) inset; color:#fff; background:rgba(0,0,0,0.9);  }

ul.side-link li:first-of-type {margin-top:0px;  box-shadow:none}
ul.side-link li:first-of-type a { background:#000000; box-shadow:none; color:#fff; font-size:16px; line-height:18px; }
ul.side-link li a, ul.side-link li a:visited { text-decoration:none; border-radius:2px; padding:10px 12px; font-size:14px; line-height:16px; font-weight:normal; 
    box-shadow: 1px 4px 4px 0px rgba(0,0,0,0.2);
}

#mainPan { /*box-shadow: 0px 5px 10px rgba(0,0,0, 0.3);*/ z-index: 700 !important; padding:0 0 20px 0 !important; border-radius:0px !important;}
#mainPan {
    border-color: #ffffff;
    border-radius: 0 !important;
    border-style: solid;
    border-width: 0;
    margin: 25px auto 0;
    max-width: /*800px */ 1160px !important;
	}
#bodyPan  { max-width:/*740px*/1000px !important }

#bodyPan img, #bodyPan #pattern img, #bodyPan #pic_comment, #bodyPan .foto, #bodyPan .foto img, #bodyPan table.data-table
{	max-width:800px; margin-left:auto !important; margin-right:auto !important;	}
	#bodyPan #pattern p {text-align:center !important}
#bodyPan #section {max-width:/*740px*/1000px !important }


#pic_left img, table#pic_left, img#pic_left {margin-right:40px !important }
#pic_right img, table#pic_right, img#pic_right { margin-left:40px !important }

#bodyPan #section img.thumb {max-width:200px !important; padding-right:12px; }
#bodyPan #section {border:solid 0px #ccc !important; border-width:0px 0px !important; }

#bodyPan {border-right: 0px dotted #ddd; border-left: 0px dotted #ddd;}
#bodyPan .grey { /*background:rgba(0,0,0,0.04);*/ border:solid 1px #b9c1c9; border-radius: /*1*/0px;   margin: 15px auto 25px;   padding: 10px 15px;}

#next, #next:visited { border: 1px solid #999 !important; border-radius: 2px !important; background-color:#eee !important; color:#000 !important}
#next:hover {border: 1px solid #000 !important; border-radius: 2px !important; background-color:#000 !important; color:#fff !important}

#pagination {
    clear: both;
    margin: 30px auto 60px !important;
    max-width: /*880px;*/740px !important;
    padding: 0 6px !important;
    position: relative;
    top:0px !important;
}

#pagination.faq #next, #pagination.faq #next:visited {border: 1px solid #4E92DF !important; border-radius: 12px !important; background-color:#eee !important; color:#3d73cc !important}

#pagination.faq #next:hover {border: 1px solid #3d73cc !important; background-color:#3d73cc !important; color:#fff !important}


#footermainPan { border-top: solid 0px #dddddd !important; /*background-color: #cccccc !important;*/ padding-top:0px !important; margin-top:0px !important;      /*box-shadow: 0px -8px 8px rgba(0,0,0, 0.15); background: rgba(0, 0, 0, 0) linear-gradient(to top, #cccccc, #ffffff) repeat scroll 0 0;*/ margin-bottom:20px !important}
#footermainPan div#footerPan {    border-bottom: 0 solid #ccc;    margin-bottom: 0 !important;}

#bodyPan p.special { background-color:rgba(250,250,0,0.2); padding-top:3em; padding-bottom:3em; text-align:center !important }
#bodyPan p.special::before{ content:''; text-align:center !important; color:#FF0000; margin-top:24px; font-style:italic;}


#cse-search-box input[type="submit"] {
  background-image: none !important;
  color: #ffffff !important;
  text-shadow: 1px 1px 0 #000000 !important;
  font-family: Arial;
  font-size: 14px;
  height: 24px;
  width: 65px;
  border-width: 1px;
  border-style: solid;
  border-color: #fff #666 #666 #fff !important;
  font-weight: bold;
  background-color: #4E92DF !important;
}

#cse-search-box input[type="submit"]:hover {
  background-color: #005599 !important;
  background-image: none;
  color: #cc0000;
 border-color: #000 #ddd #ddd #000 !important;
  text-shadow: 1px 1px 0 #000000;
}

.cse input.gsc-input::placeholder, input.gsc-input::placeholder, form.gsc-search-box::placeholder {  font-size:16px !important;}

#top_simple form#cse-search-box div, #footerPan #cse-search-box div { color:#ffffff !important; text-shadow:1px 1px 0px #000 !important}


html body div#mainPan div#rightPan div#bodyPan p.hl a { font-size: inherit !important; color:inherit !important;}
html body div#mainPan div#rightPan div#bodyPan p.hl { 
text-align:left !important; 
background: rgba(255,200,100,0.0) !important;
/*background: rgba(0,0,0,0.1) !important;*/
/*background:rgba(195,255,0,0.5)!important;*/
border-color:rgba(255,0,0,1) !important; 
border-style: solid !important; 
border-width: 1px 1px 1px 6px !important; 
padding-left:20px !important; 
padding-right:10px !important; 
color:#000000 !important; 
font-size:17px !important; 
line-height:26px !important; 
box-shadow:2px 2px 10px rgba(0,0,0,0.1) !important;

} 

html body div#mainPan div#rightPan div#bodyPan p.hl  { /*display: flex;*/display:block; }
html body div#mainPan div#rightPan div#bodyPan p.hl > *{display:contents}
/*html body div#mainPan div#rightPan div#bodyPan div.hl  { display: flex; }*/
/*html body div#mainPan div#rightPan div#bodyPan div.top1  { display: flex; }*/
/*html body div#mainPan div#rightPan div#bodyPan div.hl > *{display:contents}*/
html body div#mainPan div#rightPan div#bodyPan .faq-h  { display: flex; }
html body div#mainPan div#rightPan div#bodyPan .faq-h > *{display:contents}

html body div#mainPan div#rightPan div#bodyPan #pattern {}
html body div#mainPan div#rightPan div#bodyPan #pattern > * {}

#mainPan #rightPan #bodyPan h2.faq-h {
  max-width: none !important;
}

#mainPan #rightPan #bodyPan h2.faq-h {
  color: #005599 !important;
  letter-spacing: normal;
  margin-left: auto;
  margin-right: auto;
  text-align: left !important;
  text-shadow: 0px 0px 0 #FFFFFF !important;
  word-spacing: normal;
  border-style: solid;
  border-color: rgba(0,0,0,0.2) !important;
  border-width:1px 0px !important;
  margin-bottom: 20px;
  margin-top: 20px;
  font-family: Arial;
  font-weight: normal;
  padding: 10px !important;
  background-attachment: scroll;
  background-color: rgba(0,0,50,0.02) !important;
  background-image: none;
  background-repeat: repeat;
  background-position: 0 0;
  font-size: 17px !important;
  line-height:24px !important;
}

html body div#mainPan div#rightPan div#bodyPan p.hl b { color:#990000 !important}

html body div#mainPan div#rightPan div#bodyPan p.hl imp { color:#cc0000 !important; font-style:inherit !important}

#rightPan #bodyPan div.hl p, #rightPan #bodyPan div.hl p a, #rightPan #bodyPan div.hl p a:visited {
  color: #000000 !important;
}
#bodyPan div.hl p {
  background: rgba(0,0,0,0.05) !important;
  border-radius: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #cccccc !important;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  font-family: Arial;
}

#bodyPan #pattern {
  background:  rgba(0,0,0,0.05) !important;
  margin-bottom: 15px;
  margin-top: 15px;
  border: 1px dotted #cccccc !important;
  padding-top: 10px;
  padding-right: 18px;
  padding-bottom: 10px;
  padding-left: 18px;
}

#bodyPan .top  {
  padding: 0px 0px !important;
  background:  rgba(0,0,0,0.0) !important;
  border-radius: 0px !important;
  margin: 15px auto 25px;
  border-style:solid;
  border-color:rgba(0,100,200,0.3) !important;
  border-width: 0px 0px !important;
}

#bodyPan .top1 {
  padding: 10px 15px;
background: rgba(51, 74, 99, 0.08) !important; 
  border-style:solid;
  border-color:rgba(51, 74, 99, 0.3) !important;
  border-width: 2px 0px !important;
  border-radius: 0px !important;
  margin: 15px auto 25px;
}


#bodyPan .top p {
  color: #000000 !important;
  font: 17px/24px Arial !important;
}

#bodyPan .top1 p {
  color: #000000 !important;
  font: 16px/24px Arial !important;
}


#bodyPan p a, #bodyPan p a:visited,  #bodyPan .grey p a, #bodyPan .gray p a, #bodyPan .grey p a:visited, #bodyPan .gray p a:visited, #bodyPan .top p a,  #bodyPan .top p a:visited, #bodyPan .top1 p a,  #bodyPan .top1 p a:visited  {
  color: #0051a8 !important;
  text-decoration: underline;
}

#bodyPan p a:hover, #bodyPan .grey p a:hover, #bodyPan .gray p a:hover, #bodyPan .top p a:hover, #bodyPan .top1 p a:hover {
  color:#4e92df !important;
  text-decoration: underline;
}

#rightPan div#bodyPan #pic_comment .bs a:hover {color:#000000 !important}

 #rightPan div#bodyPan #pic_comment .bs a, #rightPan div#bodyPan #pic_comment .bs a:visited {color:#ffffff !important}

#bodyPan p.go a, #bodyPan p.go a:visited {color:#ffffff !important;} 

#header-link { background:none !important}

#header-link.button {
	margin:0px auto 0px auto;
	max-width:1000px;
	margin-bottom:20px;
	}

#header-link.button a, #header-link.button a:visited {
	text-decoration:none !important;	
	color:#000;
	border-radius:4px;
	position:relative;
	top:10px;
	
	/*padding:4px 8px !important;
	font-size:13px !important; 
	line-height:20px;
	background-color: rgba(242,242,242, 1);
	border:solid 1px #f2f2f2;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.15), 0px -2px 6px rgba(0,0,0,0.2) inset ;*/

	padding:6px 12px !important;
	font-size:14px; 
	line-height:20px;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.15), 0px -2px 6px rgba(0,0,0,0.2) inset ;
	border: 1px solid rgba(0,0,0, 0.5);
	background-color: rgba(255,255,255, 0.8);

}

#header-link.button a:hover {
	background-color: rgba(0,0,0, 0.9);
	box-shadow: 0px 1px 4px rgba(0,0,0,0.0), 0px -2px 6px rgba(0,0,0,0.0) inset ;
	color:#fff;
    border: 1px solid rgba(255,255,255, 0.5);
}


.adaptive-block {width:100%; border-radius:0px; border:solid 0px #ffffff; background:none; padding:0px; margin: 60px auto 20px auto;}

.show-for-580-down {display:none}
.hide-for-736-down { display:block}
.show-for-736-down { display:none}
.show-for-480-down { display:none}
.hide-for-480-down { display:block}

#read-more-autorelax { margin-bottom:30px !important; border-bottom:solid 0px #005599 !important; padding-bottom:0px !important}

#mainPan #rightPan #bodyPan .foto, #mainPan #rightPan #bodyPan table.foto {
    background-color: rgba(255,255,255,0) !important;
    border-color: #dddddd !important;
    border-style: solid;
    border-width: 0px !important;
    box-shadow: 0px 0px 0px #9f9f9f !important;
    padding: 0px !important;
}

img.flex {   /*width: 100% !important; max-width:auto*/}
#mainPan #rightPan #bodyPan .foto p,  #mainPan #rightPan #bodyPan table.foto p { color:#005599 !important; font-size:16px; line-height:18px; margin-top:0px; padding-top:4px; background-color: rgba(255,255,255,0) !important;}
html body div#rightPan, html body div#bodyPan, #mainPan, .copyright  { z-index:0 !important}

.pagin {z-index:700; display:none;  }
.pagin .pagin-left, .pagin .pagin-right {position:fixed; top:35% !important; }
.pagin .pagin-left a, .pagin .pagin-right a{ font-size:24px; line-height:72px; padding:24px 18px; color:#666666; text-decoration:none; box-shadow: 0px 2px 10px rgba(0,0,0,0.18); border:solid 0px #ccc}
.pagin .pagin-left a:hover, .pagin .pagin-right a:hover { color:#FF0000; text-decoration:none; background-color:rgba(0,0,0,0.3);}
.pagin .pagin-left { margin-left:0px; left:0px; float:left; text-align:left;}
.pagin .pagin-right { margin-right:0px; right:0px; float:right; text-align:right;}
.pagin .pagin-left a {  background: url(http://freefotohelp.ru/css/pagin.png) no-repeat left center rgba(0,0,0,0.15); border-radius:0 72px 72px 0}
.pagin .pagin-right a {   background: url(http://freefotohelp.ru/css/pagin.png) no-repeat right center rgba(0,0,0,0.15); border-radius: 72px 0 0 72px}

.pagin .pagin-right a::before, .pagin .pagin-left a::before {content:'';}

 #advice-top {
 border-style:solid; 
 border-radius:0px; 
 padding:10px 10px;
 background: #ffffff;
/*background: rgba(51, 74, 99, 0.06);
border-color: rgba(51, 74, 99, 0.2); */
border-color: #cdcccc; 
 border-width:1px 1px 1px 1px; 
box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.0);
}  

#advice-top  p.h {color:#000000; font-size:24px; line-height:28px; padding:4px 10px; background:rgba(0,0,50,0.1); margin-bottom:4px }
#advice-top  p {text-align:left; font-family:Arial; color:/*#005599*/ #ff0000; font-size:16px; line-height:18px; text-shadow: 1px 1px 0px #ffffff; padding:0px 10px;}
#advice-top p.auth { text-align:right; font-family:Arial; font-style: italic; font-size:14px; margin-top:14px; color:#666666; text-shadow: 0px 0px 0px rgba(0,0,0,0.0); padding:0px 10px;}

#advice-top a { text-decoration:none !important}
#advice-top:hover { background:rgba(0,0,0,0.05)}
#advice-top a:hover p.h {text-decoration:none; background:rgba(255,255,255,0)}


#advice-btm {
 border-style:solid; 
 border-radius:0px; 
 padding:10px 10px;
 background: #ffffff;
/*background: rgba(51, 74, 99, 0.06);
border-color: rgba(51, 74, 99, 0.2); */
/*border-color: rgba(255,0,0,0.3); */
border-color: #cdcccc;
border-width:1px 1px 1px 1px; 
box-shadow: 0px 2px 6px 2px rgba(0,0,0,0.0);
}

#advice-btm  p { text-align:left; font-family:Arial; color:/*#005599*/ #000000; font-size:14px; line-height:18px; letter-spacing:0.04em; text-shadow: 1px 1px 0px #ffffff; padding-left:10px; padding-right:10px; }
#advice-btm p.h {
	color:#cc0000; 
	font-size:24px; 
	line-height:30px; 
	padding:6px 12px; 
	font-family:Times, Serif;  
	letter-spacing:0.04em;
	background:rgba(0,0,0,0.12);
	margin-bottom:12px;
	border-radius:5px;
	}
#advice-btm p.auth { 
text-align:right; 
font-family:Arial; 
font-style:italic; 
font-size:14px; 
margin-top:14px; 
color:#666666; 
text-shadow: 0px 0px 0px rgba(0,0,0,0.0); 
letter-spacing:normal; 
/*background:rgba(0,0,0,0.09);*/
padding:2px 20px;
border-radius:4px;
 }

#advice-btm a { text-decoration:none !important}
#advice-btm:hover { background:rgba(0,0,0,0.05)}
#advice-btm a:hover p.h {text-decoration:none; background:rgba(255,255,255,1)}

#mainPan #rightPan #bodyPan .urok {
font-size: 18px !important;
font-style: normal !important;
line-height: 24px !important;
font-family: Arial !important;
color:#aa0000 !important;
padding-bottom:10px;
}

#scroll_top {z-index:8900;
display:none;
position:fixed;
bottom:10px;
right: 6px;
width:40px; height:40px; 
font-size:30px; 
line-height:34px; 
box-shadow:0px 2px 10px rgba(0,0,0,0.5); 
text-align:center; 
cursor:pointer; 
border:solid 1px rgba(255,255,255,1); 
border-radius:8px;
background:rgba(0,0,0,0.3);
color:rgba(0,0,0,0.5); 
text-shadow:1px 1px 0px rgba(255,255,255,0.5); 
background-image: linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.2));
background-image: -moz-linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.2));
background-image: -webkit-linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.2)); 
background-image: -ms-linear-gradient(to bottom, rgba(255,255,255,0.4), rgba(0,0,0,0.2)); 
}

.bgame, .bgame_2 { 
position:fixed; top:60px; left:6px; right:auto; margin:0px auto 0px 0px; 
padding:4px 6px 4px 6px; 
border:solid 1px #666;
border-radius:5px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
background:#000;
max-width:200px;
cursor:default;
color:#ffffff;
}

.bgame {min-width:28px; min-height:30px}
.bgame #bt { 
line-height:30px; 
font-size:20px;
font-family:Arial;
width:auto;
margin:auto;
text-align:center !important;
text-decoration:none !important;
opacity:1; 
color:#fff;
}

.bgame:hover, .bgame_2:hover {color:#ffffff !important}

.bgame_2 #bt_3 { 
line-height:22px; 
font-size:16px;
font-family:Arial;
width:auto;
margin:auto;
text-align:center !important;
text-decoration:none !important;
cursor:default;
}

.bgame_2 #bt_3 input { cursor:pointer !important; opacity:0.8; padding:6px 12px; width:180px; font-weight:700}
.bgame_2 #bt_3 input:hover { opacity:1;}

.bgame_2 #bt_3 input#more { color:rgba(0,0,0,1);  margin:10px auto 2px auto; }
.bgame_2 #bt_3 input#more:hover { color:rgba(0,150,0,1); }

.bgame_2 #bt_3 input#close_bg { color:rgba(200,0,0,0.6);  margin:2px auto 4px auto; } 
.bgame_2 #bt_3 input#close_bg:hover { color:rgba(200,0,0,0.8);} 

/*#bodyPan .image-gallery {max-width:740px;}*/
a.highslide img {width:230px !important; height:153px !important;/*150x100*/}
/*html, body {overflow-x:hidden}*/
/*iframe {overflow:hidden !important}*/
body iframe {overflow:auto !important}

.footer-line { border-top:solid 0px rgba(0,0,0,0.05); height:0px; box-shadow: 0px -1px 1px rgba(0,0,0,0.0); margin:0px auto 16px auto;}
.footer-line { border-top:solid 0px rgba(0,0,0,0.00); height:0px; box-shadow: 0px -1px 1px rgba(0,0,0,0.0); margin:0px auto 0px auto;}


#bodyPan p.more a::before {color: #000000 !important;
  text-align:left !important; padding:0px !important; float:none !important; 
font-size: 14px;
	border-radius: 2px;
    border-style: solid;  
	border-color: #000000;
	border-width: 1px;
	padding:0.5em 1em !important;
  }
  
  #bodyPan h3#faq a, #bodyPan h3#faq a:visited, #bodyPan h3#faq a:hover { text-decoration: none !important;
    margin: 20px auto !important;
    padding: 0.5em 1em;
    line-height: 1.2;
	box-shadow: 0px -3px 15px rgba(0,85,153,0.4) inset; 
	border-radius: 4px !important;
    display: block !important;
	border:solid 1px #005599;
	max-width:330px !important;
	color:#005599;
	} 
#bodyPan h3#faq a:hover { box-shadow: 0px 3px 15px rgba(0,0,0,0.0) inset; color:#ffffff; border-color:#000000; background:#000000}

.hide-for-1060-down {display:block}
.show-for-1060-down {display:none}
.hide-for-980-down {display:block}
.show-for-980-down {display:none}

@media only screen and (max-width: 980px) {
.show-for-980-down {display:block}
.hide-for-980-down {display:none}
	
html body div#mainPan div#rightPan div#bodyPan p.hl { box-shadow:0px 0px 0px rgba(0,0,0,0.0) !important;}	

.copyright { 
padding-top:20px !important; margin-top:40px !important;
color: #000 !important; 
background-color: #fff !important;
border-top: solid 1px rgba(0,0,0,0.0);
background: rgba(0, 0, 0, 0.0) linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05)) repeat scroll 0 0 !important; 
 }
 .copyright #footer-line {
	 height:0px;
	 background:rgba(0,0,0,0.0);
	 margin-bottom:0px;
 }
 
#mainPan, #bodyPan { background-color:#fff !important; padding-bottom:0px !important; padding-top:0px !important; }
#mainPan { padding:0px !important; }
body {
    padding: 0px;
    margin: 0px 0px -40px 0px !important;
}
	
#pagination #next { padding:0.7em 0.7em }

#bodyPan {border-right: 0px dotted #ddd; border-left: 0px dotted #ddd;}

a.highslide img {width:200px !important; height:150px !important;/*150x100*/}

.bgame #bt { 
line-height:24px; 
font-size:20px;
padding:0px 8px;
font-family:Arial;
width:auto;
margin:auto;
text-align:center !important;
text-decoration:none !important;
cursor:default;
opacity:0.8;
}

html, body, #mainPan, #rightPan, #bodyPan { background-color: #ffffff !important; }
#menu_top, #footermainPan, #mainPan { box-shadow:none !important;} 

#mainPan #rightPan #bodyPan .foto, #mainPan #rightPan #bodyPan table.foto {
    background-color: rgba(255,255,255,0) !important;
    border-color: #dddddd !important;
    border-style: solid;
    border-width: 0px !important;
    box-shadow: 0px 0px 0px #9f9f9f !important;
    padding: 0px !important;
}
#rightPan {
    width: auto;
    margin: 0px auto !important;
padding-top: 0px !important;
}
.pagin .pagin-left, .pagin .pagin-right {position:fixed; top:50% !important; }
.pagin .pagin-left a, .pagin .pagin-right a{ box-shadow: 0px 2px 10px rgba(0,0,0,0.3); border:solid 0px #ccc}
.pagin .pagin-left a {  background: url(http://freefotohelp.ru/css/pagin.png) no-repeat left center rgba(255,0,0,0.3); border-radius:0 72px 72px 0}
.pagin .pagin-right a {   background: url(http://freefotohelp.ru/css/pagin.png) no-repeat right center rgba(255,0,0,0.3); border-radius: 72px 0 0 72px}
.pagin .pagin-left a:hover, .pagin .pagin-right a:hover { color:#FF0000; text-decoration:none; background-color:rgba(0,0,0,0.2);}

#bodyPan #section {border:solid 0px #ccc !important; border-width:0px 0px !important; }
#bodyPan #section:first-of-type { border-width:0px 0px 0px 0px !important; }
#bodyPan #section:last-of-type { border-width:0px 0px 0px 0px !important; }

#pic_comment {font: 16px/18px "Comic Sans MS" !important;}

}

@media only screen and (max-width: 1060px) {	
.show-for-1060-down {display:block}
.hide-for-1060-down {display:none}
}


@media only screen and (max-width: 1165px) {
#bodyPan {
    background-color: #fff !important;
    padding-bottom: 20px !important;
    padding-top: 0px !important;
}
#mainPan {margin-top:0px !important;  padding: 0px !important;}	
html {}
body { 
background-color: rgba(0, 0, 0, 0.0) !important; 
border-bottom:solid 1px rgba(0, 0, 0, 0.0);
/*background: rgba(0, 0, 0, 0.0) linear-gradient(to top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) repeat scroll 0 0;*/
}
}

@media only screen and (max-width: 1100px) {
#bodylowerPan {display:none}
#bodylowerPan { border-width:0px;}
#bodylowerPan .more-art {
display:grid;	
grid-template-areas: "ul ul";
grid-template-columns: 1fr 1fr;
grid-gap: 10px;
margin:0px;
height: auto;
align-content: center; 
}

#rightPan #bodyPan h1, #rightPan #bodyPan h2, #rightPan #bodyPan h3, h1, h2, h3, #bodyPan h1 a.link, #bodyPan h1 a.link:visited, #bodyPan h3 a.link, #bodyPan h3 a.link:visited, #bodyPan h1, #bodyPan h2.as_h1 {
padding-left:16px !important; padding-right:16px !important;
}
body { 
background-color: rgba(0, 0, 0, 0.0) !important;
border-bottom:solid 1px rgba(0, 0, 0, 0.0);
/*background: rgba(0, 0, 0, 0.0) linear-gradient(to top, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)) repeat scroll 0 0;*/
}
	
.bgame, .bgame_2 {
  position: fixed;   bottom:10px; top:auto; right: auto;  left: -3px;
  border-radius:0px 8px 8px 0px;
  z-index:996;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
  border:solid 1px #666;
	border-radius:0px 5px 5px 0px;
	background:#000;
	color:#fff;
	opacity:1;
}

.bgame_2 #bt_3 input#close_bg {
  color: rgba(200,0,0,1);
  margin: 2px auto 4px auto;
}

.bgame_2 #bt_3 input#more {
  color: rgba(14,144,0,1);
  margin: 10px auto 2px auto;
}
.bgame_2 #bt_3 input  { background: rgb(255, 255, 255); border-radius:8px; border-width:1px;}
  
.bgame { 
/*position:fixed; bottom:10px; top:auto; right:auto; left:-1px; margin:0px auto 0px 0px; */
padding:4px 6px 4px 6px; 
/*border:solid 1px #666;
border-radius:0px 5px 5px 0px;
box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
background:#fff;
z-index:996;*/
}
#header-link.button {display:none}
}

@media only screen and (max-width: 736px) {	

#bodyPan #section {border:solid 0px #ccc !important; border-width:0px 0px !important; }
#bodyPan #section:first-of-type { border-width:0px 0px 0px 0px !important; }
#bodyPan #section:last-of-type { border-width:0px 0px 0px 0px !important; }
#bodyPan p.more a::before {position:relative; right:10px !important}

	#bodyPan p.more a::before {color: #000000 !important;
  text-align:left !important; padding:0px !important; float:none !important; 
	font-size: 1.2em;
	border-radius: 4px;
    border-style: solid;  
	border-color: #000000;
	border-width: 1px;
	font-weight:300;
	padding:0.3em 0.5em !important;
  }
	
.footer-line {background:#ffffff; border-top:solid 0px rgba(0,0,0,0.00); height:0px;box-shadow: 0px -1px 1px rgba(0,0,0,0.0); margin:0px auto 0px auto;}
.copyright { 
padding-top:20px !important; margin-top:40px !important;
color: #000 !important; 
background-color: #fff !important;
border-top: solid 1px rgba(0,0,0,0.5);
background: rgba(0, 0, 0, 0.0) linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.05)) repeat scroll 0 0 !important; 
 }

	
#advice-top {position:relative; top:0px}
	
.hide-for-736-down { display:none}
.show-for-736-down { display:block}
#pagination { margin:20px auto 70px auto !important;}
#pagination #next { padding:1em 1em }

#rightPan {
    width: auto;
    margin: 0px auto !important;
    padding-top: 0px !important;
}

#rightPan {  border-top: solid 0px #eee !important;}
.link_btm { margin:20px auto 30px auto !important;}

#bodyPan h3#faq a, #bodyPan h3#faq a:visited, #bodyPan h3#faq a:hover { text-decoration: none !important;
    margin: 30px auto 20px auto !important;
    padding: 1em 1.5em;
    line-height: 1.2; box-shadow: 0px -3px 15px rgba(0,85,153,0.4) inset; border-radius: 20px !important;
    display: block !important;
	border:solid 1px #005599;
	max-width:300px !important;
	color:#005599;
	} 
#bodyPan h3#faq a:hover { box-shadow: 0px -3px 15px rgba(0,0,0,0.0) inset; color:#ffffff; background:#000000}
#mainPan #rightPan img.brd { border-color: #CCCCCC;  border-style: solid;   border-width: 1px 0px !important; }
#bodyPan .grey { border: solid 0px #b9c1c9 !important; margin: 15px auto 25px;  padding: 10px 0px;  background:rgba(0,0,0,0.0); }
#bodyPan table {padding-left:0px !important; padding-right:0px !important; margin-left:0px !important; margin-right:0px !important; width:100% !important}
#bodyPan .interactive { display:table; max-width:calc(100% - 0px) !important; margin-left:auto !important; margin-right:auto !important; padding-left:auto !important; padding-right:auto !important;}
#bodyPan .interactive > * {max-width:calc(100% - 2px) !important;}
#bodyPan table.data-table { width:auto !important; max-width:calc(100% - 8px) !important; }
}

@media only screen and (max-width: 580px) { 
#pic_right img, table#pic_right, img#pic_right, 
#pic_left img, table#pic_left, img#pic_left {margin-right:auto !important; margin-left:auto !important; float:none !important; }
}

@media only screen and (max-width: 580px) { 
.link_btm { margin:20px auto 30px auto !important;}
#pagination {  margin: 20px auto 60px !important;}
.hide-for-580-down { display:none}
.show-for-580-down { display:block}
.hide-for-736-down {display:none}
.adaptive-block {width:100%; border-radius:0px; border:solid 0px #ffffff; background:none; padding:0px; margin: 20px auto 0px auto;}
#rightPan {
    width: auto;
    margin: 0px auto !important;
    padding-top: 0px !important;
	border-top: solid 0px #eee !important;	
}
}

@media only screen and (max-width: 560px) {
#pagination a {text-decoration:none !important;  }
#pagination #prev, #pagination #next {
	max-width: 230px !important;
	border-radius:10px !important; 
	display:block !important; 
	float:none !important;  
	text-decoration:none !important; 
	margin:10px auto !important; 
	padding:0.5em 1em; 
	line-height:1.2;}
}

@media only screen and (max-width: 480px) {
#mainPan #bodyPan #top a { display:table; margin:20px auto !important; border:solid 1px #000; border-radius:5px; padding:10px 16px; text-align:center !important; font-size:0px;}
#mainPan #bodyPan #top a::before {content:'\2191\0000A0наверх\0000A0\2191'; font-family:Arial; font-size:16px;}
	
a.highslide img {width:300px !important; height:200px !important;/*150x100*/}	
	
#advice-top {position:relative; top:-60px; margin-bottom:20px; display:none}
#mainPan {
    width: auto;
    margin: 0px auto 0px auto !important;
    padding-top: 0px !important;
	top:-100px !important;
}
#bodyPan {
  padding:0px 6px 6px 6px !important;
  margin-top: -10px !important;
}  	
	
.hide-for-480-down { display:none}
.show-for-480-down { display:block}
.link_btm { margin:-10px auto 20px auto !important;}
.hide-for-736-down {display:none}
#pagination {  margin: 20px auto 20px !important;}
.adaptive-block {width:100%; border-radius:0px; border:solid 0px #ffffff; background:none; padding:0px; margin: 0px auto 0px auto;}

#pagination a {text-decoration:none !important;  }
#pagination #prev, #pagination #next {
	/*max-width: calc(100% - 20px) !important;  */
	max-width: 230px !important;
	border-radius:10px !important; 
	display:block !important; 
	float:none !important;  
	text-decoration:none !important; 
	margin:10px auto !important; 
	padding:0.5em 1em; 
	line-height:1.2;}

#pic_right img, table#pic_right, img#pic_right, 
#pic_left img, table#pic_left, img#pic_left {margin-right:auto !important; margin-left:auto !important }
/*body ins.adsbygoogle.adsbygoogle-noablate { background-color:#000000 !important }*/
}


@media only screen and (max-width: 400px) {
#pagination {  margin: 0px auto 0px auto !important; max-width:350px !important;}
#next:hover{ border: 1px solid #000 !important; border-radius: 2px !important; background-color:#000 !important; color:#fff !important}
 #next, #next:visited {border: 1px solid #000 !important; background-color:#fff !important; color:#000 !important;}
#pagination #next span {display:none}
} 


.if_no_go { display:none; /*background:rgba(0,0,0,0.5) url(ing.png) repeat scroll left top;
box-shadow: 0px 2px 30px rgba(0,0,0, 0.5);*/ text-align:center;  }
noscript div.no-js { background: rgba(255,255,255,0.2) url(noscript.png) repeat scroll left top;}
/*body .spec { -webkit-filter:blur(2px) !important; filter:blur(2px) !important;}*/
/*body.stuck { position:fixed;}*/


 /* h1 size */
 #rightPan #bodyPan h1, #rightPan #bodyPan h2.as_h1 {
    color: /*#005599 #bb0000*/  #000000 !important;
    font-size: 28px !important; 
    font-weight: normal !important;
    line-height: 32px !important;
    margin: 10px auto 10px !important;
    padding: 0px;
	font-weight:bold !important;
	text-transform: none;
	/*text-transform: uppercase;*/
	font-family: Arial !important;
	/*font-family: Times New Roman, serif !important;*/
	/*border-bottom:solid 2px #b7bfc8;*/
	border-bottom:solid 0px rgba(0,0,0,0.0);
	}

#rightPan #bodyPan h2.as_h1 { color: #000000 /*#bb0000*/ !important; border-bottom:solid 0px #eee; font-family: Arial !important; font-size: 26px !important;  font-weight:bold !important;   line-height: 28px !important; margin: 40px auto 0px !important; text-align:center !important}
#rightPan #bodyPan h1 {	padding-top:28px !important;}
#bodyPan h2 a.link, #bodyPan h2 a.link:visited, #bodyPan h2 {
    color: /*#3d73cc*/ #000000 !important;
    font: normal 24px/normal Verdana !important;
    padding-bottom: 5px;
    padding-top: 15px;

}
#bodyPan h3, #rightPan #bodyPan h3 {
    color: #cc0000 !important;
    font: normal 22px/normal Arial;
    padding-bottom: 0px;

}
#bodyPan #section h2 {font-family: Arial,arial,sans-serif !important; font-size:20px !important; font-weight:bold !important }
#rightPan #bodyPan p#headline a, #rightPan #bodyPan p#headline a:visited {
    color: #4285f4 !important;
    font: 20px Arial;
    text-decoration: none;
}
#bodyPan a.link-as-button, #bodyPan a.link-as-button:visited {
    background-color: #eee !important;
    border: 2px solid  #4E92DF !important;
    border-radius: 22px !important;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);
    color: #4E92DF !important;
	font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: normal;
    padding: 8px 18px;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.0) !important;
	position: relative;
    top: 0px !important; 
	display:table;
	margin:20px auto 40px;
}

#bodyPan a.link-as-button:hover {
    background-color: #4E92DF !important;
    color: #ffffff !important;	
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.0) !important;
}
.main_menu_small_only p a {
    color: #fff !important;
    display: block;
    font-size: 20px;
    line-height: 1.2;
    margin: 0;
    padding: 10px 15px;
    text-decoration: none;
    vertical-align: middle;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 1)
}
#bodyPan p.nolink a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-family: Arial;
    font-size: 17px !important;
    line-height:19px !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    padding: 4px 16px !important;
    background-color:  #8cc3ff!important;
    border: 1px solid #4E92DF !important;
    display: block;
    border-radius: 2px !important;
    display:table !important;
    width:auto !important;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.0) inset !important;
    font-weight:normal !important;
}
#bodyPan p.go a, #bodyPan p.nolink a:hover {
    color: #ffffff /*#009000*/;
    text-shadow: 1px 1px 0px rgba(0,0,0,1);
    text-decoration: none;
    font-family: Arial;
    font-size: 17px !important;
    line-height:19px !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    padding: 4px 16px !important;
    background-color: #4E92DF !important;
    border: 1px solid #3d73cc !important;
    display: block;
    border-radius: 2px !important;
    display:table !important;
    width:auto !important;
    box-shadow: 0 -5px 20px rgba(0,0,0,0.0) inset !important;
    }
	
	
#bodyPan p.nolink a,  #bodyPan p.go a { margin-right: auto !important;    margin-left: auto !important;}
#bodyPan div.go, #bodyPan p.go a:hover {
    color: /*#005599*/#ffffff;
    border: 1px solid /*#005599#009000#dad8d9*/#000000 !important;
    text-decoration: none;
    background-color: #3d73cc !important;
    text-shadow: 0px 0px 0px rgba(0,0,0,0.2) !important;
}
#rightPan {padding-top:0px !important;}
h1, h2, h3, #mainPan #rightPan #bodyPan .urok,
#rightPan #bodyPan p#pdf, #rightPan #bodyPan h3 {text-align:center !important}
#rightPan #bodyPan p#headline a, #rightPan #bodyPan p#headline a:visited {color:#900000 !important; text-decoration:underline !important;}
 #rightPan #bodyPan p#headline a:hover {color:#ff0000 !important}
#rightPan #bodyPan #section h2 {color:#cc0000 !important; text-align:left !important}

#txt_more {max-width:480px !important;}
.open_block:after {content:'Показать';}
#inside-content.open_block { 
 background-color: #4e92df!important;
  border-radius: 2px;
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.12), 0 2px 2px 0 rgba(0,0,0,0.24);
  font-family: arial,sans-serif;
  font-weight: 500;
  color:#fff;
  text-shadow:1px -1px 0px #005599;
  cursor: pointer;
  display: inline-block;
  position: relative; right:0px;
  padding:4px 10px!important;
  text-align: center !important;
  white-space: nowrap;
  margin: 10px auto 0px auto !important;
  font-size:18px; line-height:20px; text-align:center !important;
  border:solid 1px #005599 !important;
  display:table !important;   }
  #inside-content #opac{ opacity:1;}
  
  div.videocontent {margin:0px auto 30px auto !important}
  
  video { border:solid 1px #000000; background:#000000; margin-top:0px !important;}
 video source {width:100% !important}
  /*video[poster]{margin:0px; padding:0px;} */
  video[input]:hover, video:hover { cursor:pointer !important}
  
  video { object-fit: cover !important; /*fill*/}
  
 a.play-video img,  a.play-video img.flex,  a.play-video img:hover,  a.play-video img.flex:hover {border:solid 1px #000000; cursor:pointer; margin:0px !important; padding:0px !important}
 a.play-video img.flex {max-width:500px !important; opacity:0.5;
 -moz-transition: opacity 1s 0s ease;
-o-transition: opacity 1s 0s ease;
-webkit-transition: opacity 1s 0s ease;
 }
 a.play-video img:hover {opacity:0.2;
  -moz-transition: opacity 1s 0s ease;
-o-transition: opacity 1s 0s ease;
-webkit-transition: opacity 1s 0s ease;
 }
  a.play-video {display:table; margin:0px auto 30px auto;}
  a.play-video {   background-repeat: no-repeat;
 background-position: center, center;
 background-size: cover; /*contain*/
  background-image: url("play-btn.png");
  opacity:1 !important;  
  }
  
@media only screen and (max-width: 480px) {
#rightPan #bodyPan h1 {margin: 30px auto 0px !important;}
#rightPan #bodyPan h1, #rightPan #bodyPan h2, #rightPan #bodyPan h3, #rightPan #bodyPan h4, #rightPan #bodyPan p {margin-left:6px !important; margin-right: 6px !important;}
#bodyPan .grey, #bodyPan .gray {margin-left:0px !important; margin-right: 0px !important; padding-left:0px !important; padding-right: 0px !important;}
#bodyPan .grey, #bodyPan .gray {border:0px !important}
#bodyPan #mousescale {border-left:0px !important; border-right:0px !important}
html, body { overflow-x: hidden !important; }
}

#bodyPan div.t_736, #bodyPan div.t_640, #bodyPan .t_480	{display:table; margin-left:auto; margin-right:auto}

#bodyPan #t_row { display:table-row }
#bodyPan #t_cell { display:table-cell; padding:6px;}

@media only screen and (max-width: 736px) {
#bodylowerPan {display:none}
#bodylowerPan { border-width:0px;}
#bodylowerPan .more-art {
display:grid;	
grid-template-areas: "ul ul";
grid-template-columns: 1fr 1fr;
grid-gap: 0px;
margin:0px;
height: auto;
align-content: center; 
}
#bodylowerPan .more-art ul { padding:0px !important; margin:0px !important; max-width: 100% !important;}
#bodylowerPan .more-art ul li a { padding:10px 10px; font-size:18px !important; line-height:20px !important; color:#000; font-weight:500 !important}
#bodylowerPan p { font-size:18px !important; line-height:20px !important; font-weight:600 !important; padding:10px 10px !important;  }

#bodyPan .t_736 #t_row { display:block }
#bodyPan .t_736 #t_cell { display:block }
#rightPan { margin:0px auto 0px auto !important; }
#mainPan { margin: 0px auto 0px auto !important; position:relative !important; padding:0px !important;  top:0px !important;}
#bodyPan {padding:0px 0px !important; }
#rightPan #bodyPan h1, #rightPan #bodyPan h2.as_h1 {margin: 0px auto 0px !important;}
#rightPan #bodyPan h1, #rightPan #bodyPan h2.as_h1, #rightPan #bodyPan h2, #rightPan #bodyPan h3, #rightPan #bodyPan h4, #rightPan #bodyPan p {margin-left:8px !important; margin-right: 8px !important;}
/*#rightPan #bodyPan h1, #rightPan #bodyPan h2, #rightPan #bodyPan h2.as_h1, #rightPan #bodyPan h3, #rightPan #bodyPan h4, #rightPan #bodyPan p,
#pic_right, #pic_left, #pic_left img, #pic_right img, img#pic_left, img#pic_right, table#pic_lefttable, table.download {margin-left:16px !important; margin-right: 16px !important;}*/
}

@media only screen and (max-width: 640px) {
#bodylowerPan {display:none}
#bodylowerPan { border-width:0px;}
#bodylowerPan .more-art {
display:grid;	
grid-template-areas: "ul";
grid-template-columns: 1fr;
grid-gap: 0px;
margin:0px;
height: auto;
align-content: center; 
}
#bodylowerPan .more-art ul { padding:0px !important; margin:0px auto !important; max-width: 100% !important; display:table}

#bodylowerPan .more-art ul li a { padding:10px 10px; font-size:18px; line-height:20px; color:#000;}
#bodylowerPan p { font-size:18px; line-height:20px; } 
	
#bodyPan .t_640 #t_row { display:block }
#bodyPan .t_640 #t_cell { display:block }
#bodyPan .grey, #bodyPan .gray {margin-left:0px !important; margin-right: 0px !important; padding-left:0px !important; padding-right: 0px !important;}
#bodyPan .grey, #bodyPan .gray {border:0px !important}
#bodyPan #mousescale {border-left:0px !important; border-right:0px !important}
/**html, body { overflow-x: hidden !important; }*/
#bodyPan ol, #bodyPan ul {
max-width: calc(100% - 40px) !important;
margin-left:20px; 
margin-right:20px;
}
/********** last-mod ****/
/*#bodyPan { padding-left:0px !important; padding-right:0px !important; margin-left:0px !important; margin-right:0px !important; width:100% !important; max-width:100% !important; }*/

/*
#bodyPan table, 
#bodyPan p,
#bodyPan div.top1, 
#bodyPan .top1, 
#bodyPan .top, 
#bodyPan .top1 p, 
#bodyPan .top p,
#rightPan #bodyPan h1, 
#rightPan #bodyPan h2, 
#rightPan #bodyPan h2.as_h1, 
#rightPan #bodyPan h3, 
#rightPan #bodyPan h4, 
#rightPan #bodyPan p, 
#pic_right, 
#pic_left, 
#pic_left img, 
#pic_right img, 
img#pic_left, 
img#pic_right, 
#bodyPan img.flex, 
table#pic_lefttable, 
table.download, 
html body div#mainPan div#rightPan div#bodyPan p.hl, 
html body div#mainPan div#rightPan div#bodyPan .hl 
{ margin-left: 0px !important;  margin-right: 0px !important;  padding-left: 0px !important;  padding-right: 0px !important;  max-width:100%!important; border-width:0px !important}
#pic_left img, 
#pic_right img, 
img#pic_left, 
img#pic_right, 
#bodyPan img.flex {max-width:calc(100% - 0px) !important; width:calc(100% - 0px) !important;}

/***** end modify ****/
}

@media only screen and (max-width: 480px) {
#mainPan { margin: 14px auto 0px auto !important; position:relative !important; padding:0px !important;  top:0px !important;}
#rightPan #bodyPan h1 {margin: 10px auto 10px auto  !important; padding-top: 0px !important;}
#rightPan #bodyPan h2.as_h1 {margin: 40px auto 10px auto  !important; padding-top: 0px !important;}
#bodyPan .t-_480 #t_row { display:block }
#bodyPan .t_480 #t_cell { display:block }
}

  
#rightPan #bodyPan h1#no_pad_bottom {margin-bottom: 0px !important; padding-bottom:0px !important;}
#rightPan #bodyPan h2#no_pad_top {margin-top: 0px !important; padding-top:0px !important;}

.bgame:hover #bt { color:#ffff00 !important;}
#bodyPan ins.adsbygoogle { background:rgba(0,0,0,0.0);}

/* 1920 1680 1600 1440 1366 1280 1152 1080 1050 1024 900 864 800 768 640 600 480 320 240 */