body
   {
     margin-top:0px;
     padding-top: 0px;
     color:#000000;
     background-color: #262626;
     text-align:center;
     font-size:1rem;
     font-family:Verdana, Tahoma, sans-serif, Serif, Georgia, Tahoma;
     width:100%;
     cursor:auto;
     margin-bottom:0px;
     padding-bottom:0px;
     overflow-x: hidden;
   }
  
  

img { border: none;}
  

article h1{
    font-size: 1.2rem;
    text-align: center;
}


footer{
    max-width: 1200px;
    margin: auto;
    color: #fff;
    font-size: 0.85rem;
    font-weight: bolder;
}

table { 
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
}

iframe {
    border: none;
    max-width: 100vw; 
    height: auto; 
} 

form, select, input {
    max-width: 100%;
    font-size: 0.9rem;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}


  .main {
      max-width: 1200px;
      margin-top: 0px;
      margin: auto;
      background-image: none;
      background-color: #fff;
      padding: 0px;
      cursor: auto;
/*      overflow-x: hidden;   */
   }
  
  .logo {
    display: table;
    width: 100%;
    height: 40px; 
    font-weight: bolder;
    color: #fff;
    background-color: #666;
    font-size: 1.0rem;
    margin-bottom: 4px;
  }
  
  .logo_left{
      display: table-cell;
      text-align: left;
      vertical-align: middle;
      background-color: #fff;
      width: 180px;
 }
  
.logo_left a {
      color: #df7d3c;
      font-size: 1.75rem;
      text-decoration: none;
  }

.logo_left a:hover{
     opacity: 0.7;
}

.logo_left p {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    width: 100%;
    height: 100%;
}
    
  .logo_nav{
      display: table-cell;
      text-align: justify;
      vertical-align: middle;
      position: relative;
      top: 0px;
      left: 0px;
  }
  
   
  .logo_nav img { 
      position: relative;
      top: 6px;
  }
  
  .logo_nav p {
      color: #fff;
      display: inline-block;
      text-decoration: none;
      padding: 6px;
      margin: 0px 8px;
  }
 
 .logo_nav p:hover{
     color: #ccc;
 }
   
.logo_nav img:hover{
      opacity: 0.5
  }
 
.logo_ico{
      display: table-cell;
      text-align: right;
      padding-right: 4px;
      vertical-align: middle;
      position: relative;
      top: -2px;
      padding-right: 6px;
   }
  
  .logo_ico img{
      position: relative;
      top: 2px;
      padding: 0.3rem 0.1rem;
  }
  
  .logo_ico img:hover{
      opacity: 0.5
  }
  

  .main_content {
      width: 100%;
      display: table;
      margin-top: 4px;
      vertical-align: top;
      background-color: #fff;
 }
  
 
 .content_ceil{
    border: none;
    display: table-cell;
    text-align: left;
    vertical-align: top;
    padding: 0px 8px;
    max-width: 872px;
    width: 872px;
}
 
.content_ceil img, .content_ceil table{
    max-width: 100%;
    height: auto;
}



 .right_ceil {
     width: 308px;
     display: table-cell;
     background-color: #fff;
 }
  

.testPage{
    width: 90%;
    text-align: center;
    margin:	auto;
}

.testHardware{
    max-width: 99%;
    border: solid 1px #ccc;
    margin: auto;
    background-color: #fff;
    font-size: 1rem;
    margin-bottom: 10px;
    text-align: left;
    font-size: 1rem;
}

.testHardware td{
    padding: 8px;
    margin: 0px;
    border: solid 1px #ccc;
 }

.testSelect{
    width: 640px;
    max-width: 100vw;
    margin: auto;
    text-align: left;
}

.testSelect td{
    width: 50%; 
    margin: 0px;
    padding: 0px;
}

.testSelect select{
    max-width: 50vw;
    width: 90%;
    margin: 2px 0px;;
}


.horizontalBanner{
  min-height: 90px;
  width: 728px;
  margin: auto;
}

.horizontalBannerTop{
  width: 1024px;
  max-width: 100vw;
  margin: auto;
}

.verticalBanner{
  min-height: 600px;
  width: 300px;
  margin:auto;
}

.stretchingBanner{
  width: 100%:
  max-width: 100%;
  height: auto;
  margin:auto;
  text-align: center;
  display: block;
}

.stretchingBanner img{
  max-width: 100%;
  height: auto;
  margin:auto;
  display: block;
}

.banner_300{
     width: 300px;
     max-width: 300px;
     min-height: 600px;
     overflow: hidden;
     margin: auto;
     display: block;
     margin: 10px 0px;
     margin-right: 8px;
 }

.content_300{
     width: 300px;
     max-width: 300px;
     overflow: hidden;
     margin: auto;
     display: block;
     margin: 10px 0px;
     margin-right: 8px;
 }


 .popup_menu {
     position: relative;
     width: 100%;
 }
 
 .logo_nav{
     position: relative;
     left: 0px;
     padding:  0px;
 }
    
 .menu_button {
     position: absolute;
    top: 0px;
    left: 0px; 
    color: #fff;
    display: inline-block;
    width: 40px;
    height: 40px; 
    cursor: pointer;
    z-index: 1;
    align-items: center;
 }
 
 .menu_button::after{
    content: "";
    clear: both;
    display: block;
 }
 
.menu_button > span, .menu_button > span::before, .menu_button > span::after {
  display: block;
  position: relative;
  width: 33px;
  height: 3px;
  background-color: #eee;
  top: 20px;
  left: 4px;
}

.menu_button > span::before {
  content: '';
  top: -8px;
  left: 0px;
}
.menu_button > span::after {
  content: '';
  top: 6px;
  left: 0px;
}
 

#menu_toggle {
  opacity: 0;
}
 
#menu_toggle:checked~ .menu_top {
    display: block;
    z-index: 1000;
}

#menu_toggle:checked~ .menu_button > span{
    transform: rotate(45deg);
}

#menu_toggle:checked~ .menu_button > span::before{
    top: 0px;
    transform: rotate(0);
}

#menu_toggle:checked~ .menu_button > span::after{
    top: 0px;
    transform: rotate(90deg);
}

.menu_top{
     position: absolute;
     top: 42px; 
     right: 0px; 
     display: block;
     z-index: -1000; 
     background-color: #666; 
     list-style: none;
     list-style-position: inside ;
     margin: 0px;
     padding: 0px;
     background-color: #666;
     width: 300px;
    }

     
.menu_top li{
     margin: 0px; 
     padding: 0px; 
     padding: 0px 10px;
 
}


.menu_top p { 
    padding: 4px 4px; 
    margin: 2px;
}

.menu_top a {
    font-weight: normal;
     color: #fff;
     font-size: 1rem;
     text-decoration: none;
}

.menu_top a:hover{
    color: #ccc;
}


.up_img{
    position: fixed;
    top: 50%;
    right: 0px;
    z-index: 999;
    padding: 4px;
    display: none;
}

#search_toggle{
     display: none; 

}


#search_toggle:checked ~.search_button #downImg{
   transform: rotate(180deg);
}


.search_button{
     cursor: pointer;
}

.search_button img{
    position: relative;
    top: 1px;
    max-width: 14px;
    height: auto;
}


.search_button #SearchImg{
    max-width: 24px;
    height: auto;
	position: relative;
	top: 6px;
}

.search_menu{
	display: none;
	width: 100%;
	max-width: 1200px;
	position: absolute;
	top: 50px;
	z-index: 999;
	background-color: #eee;
	margin:0px;
	padding: 0px;
	border: none;
}

.search_menu h4{
	font-size: 1.3rem;
	margin: 0px;
	padding: 0px;
	display: inline-block;
	color: #df7d3c;
}

.search_menu form{
	display: inline-block;
	width: 70%;
	margin: 0px;
	padding: 0px;
}

.search_menu input{
	max-width: 60%;
}
.search_menu img{
	width: 30px;
	height: 30px;
	position: relative;
	top: 12px;
}


.search_div{
	width: 60%;
	margin:auto;
}

.search_div p{
	margin: 3px;
}

.search_div label {
 padding-right: 10px;
 position: relative;
 top: -2px;
}

.search_text a {
    color: #0029c8;
	text-decoration: none;
	font-weight: bolder;
}

.search_text a:hover {
	text-decoration: underline;
}

.search_text time{
    color: #666;
    font-size:  0.85rem;
    margin-right: 4px;
}

.mark_find_text{
	background-color: #ffe700;
}

#lang_toggle{
     display: none; 
}

.lang_button{
     padding: 10px; 
     display: inline-block;
     cursor: pointer;
}

.lang_button:first-letter, .lang_menu li:first-letter{
    text-transform: uppercase;
}

.lang_button img{
    position: relative;
    top: 1px;
    max-width: 14px;
    height: auto;
}

.lang_button:hover{
    opacity: 0.6;
}

#lang_toggle:checked ~.lang_menu{
    display: block;
    z-index: 1000;
}

#lang_toggle:checked ~.lang_button img{
   transform: rotate(180deg);
}


.lang_menu{
    display: none; 
    position: absolute; 
    top: 42px;
    z-index: -1000;
    background-color: #666;
}

.lang_menu ul {
    list-style: inside none;
    margin: 0px;
    padding: 8px;
    list-style-position: inside ;
}

.lang_menu a {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
}

.logo_menu a{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

.lang_menu a:hover, .logo_menu a:hover, .articles_button:hover{
   opacity: 0.5;
}



.logo_menu{
    display: table-cell;
    vertical-align: middle;
    width:360px;
    position: relative;
    top: 0px;
    left: 0px;
}

.logo_menu p {
    margin: 0px;
    padding: 0px 6px;
    display: inline-block;
}

#articles_toggle{
    display: none;
}

.articles_button {
    padding: 0px 14px;
    cursor: pointer;
}
.articles_button img {
    max-width: 14px;
    height: auto;
}

.articles_menu{
     display: none;
     position: absolute;
     top: 42px;
     left: 100px;
     z-index: -1000;
     background-color: #666;
     list-style: none;
     list-style-position: inside ;
     margin: 0px;
     padding: 0px;
     text-align: left;
     width: 280px;
    }

    .articles_menu a{
        font-weight: normal;
    }
     
.articles_menu li{
     margin: 0px; 
     padding: 0px; 
     padding: 4px 4px;
 
}

#articles_toggle:checked ~.articles_menu{
    display: block;
    z-index: 1000;
}

#articles_toggle:checked ~.articles_button img{
   transform: rotate(180deg);
}

.popup_menu{
   display: table-cell;
   text-align: left;
   width: 30px;
   vertical-align: top;
   display: none;
   padding: 0px 6px;
}

.content_top_banner{
    display: block;
    text-align: center;
    margin: 6px 0px;
    max-width: 100%;
}

.content_top_banner img{
    display: block;
    margin: 0px;
    padding: 0px;
    max-width: 100%;
    height: auto;
    margin-left:auto;
    margin-right:auto;
}

.content_bottom_banner{
    display: block;
    text-align: center;
    margin: auto;
    width: 728px;
}

.content_top::after{
    content: "";
    clear: both;
    display: block;
}


.index_news{
    max-width: 99%;
    font-size: 1rem;
 }

.index_news p {
    font-weight: bold;
    color: #666;
}

.index_news time{
    color: #666;
    font-size:  0.85rem;
    margin-right: 4px;
}

.next_button{
    background-color: transparent;
    cursor: pointer;
    display: inline-block;
    padding: 4px;
    font-weight: bold;
    color: #666;
    font-size: 1rem;
    margin: 10px 0px;
}

.next_button img{
    position: relative;
    top: 2px;
    left: 4px;
    max-width: 16px;
    height: auto;
}

.index_news ul{
    list-style: inside none;
    margin: 0px;
    margin-left: 8px;
    padding: 0px;
}

.index_news li {
    margin: 8px 0px;
}

.index_news a {
    color: #666;
    text-decoration: none;
}

.index_news a:hover{
    color: #000;
}


.news_time_href{
 font-size: 0.9rem;
 font-weight: bolder;
}


.nextprev{
	width: 100%;
	display: table;
	font-size: 0.9rem;
}

.nextprev a {
    color: #0029c8;
	text-decoration: none;
	font-weight: bolder;
}

.nextprev a:hover {
	text-decoration: underline;
}

.prev{ 
    width: 50%;
    text-align: right;
    display: table-cell;
    padding-right: 10px;
}

.next{ 
    width: 50%;
    text-align: left;
    display: table-cell;
    padding-left: 10px;
}


.art_ban{
    display: table;
    vertical-align: top;
}

.art_three{
    display: table-cell;
    vertical-align: top;
}

.left_banner{
    max-width: 160px;
    height: 600px;
    margin-right: 6px;
    margin-top: 12px;
}

.last_articles{
    display: table;
    width: 99%;
    height: 200px;
    margin-bottom: 10px;
    padding: 10px 0px;
    border-bottom: solid 1px #999;
}

.articles_info{
    display: table-cell;
    vertical-align: top;
    padding-right: 20px;
}


.last_articles_a{
    color: #000;
    text-decoration: none;
    opacity: 1.0;
}

.last_articles_a:hover{
    opacity: 0.55;
}

.articles_img{
    display: table-cell; 
    width: 300px;
    height: auto;
    vertical-align: top;
    text-align: right;
}


.articles_img div{
 display: block;
 position: relative;
}

.articles_img p {
    position: absolute;
    bottom: -8px;
    right: 2px;
    padding: 6px;
    color: #fff;
    background-color: #666;
    font-weight: bold;
    font-size: 0.8rem;
    height: 16px;
}

.articles_img img {
    max-width: 300px;
    width: auto;
    height: 168px;
    border: none;
}

.last_articles h2 {
    font-size: 1.1rem;
    margin: 0px; 
    margin-bottom: 10px;
}


.main_content::after{
    content: "";
    clear: both;
    display: block;
}


.index_video{
    display: table;
    width: 99%;
    padding-bottom: 8px;
    border-bottom: solid 1px #999;
}

.big_video {
    display: table-cell;
    max-width: 100%;
    height: 325px;
    vertical-align: top;
}

.small_video{
    display: table-cell;
    width: 300px;
    padding: 0px 2px;
    vertical-align: top;
}

.small_video p{
    margin: 0px;
}

.video_iframe{
  width: 100%;
  height: 100%; 
  border: 0;
}

.small_video_iframe{
  width: 300px;
  height: 160px;
  border: 0;
}

.footer_div{
    background-color: #666;
    width: 100%;
    margin: auto;
    border-top: solid 2px #999;
    border-bottom: solid 4px #ccc;
    color: #ddd;
}

.footer{
    margin-top: 2px;
    width: 100%;
    display: block;
    text-align: left;
    border-top: solid 2px #eee;
}


.footer ul{
    display: block;
    float: left;
    list-style: inside none;
    padding: 10px;
    margin: auto;
}


.footer ul li {
    margin: 2px 10px;
}

.footer a{
    color: #fff;
    text-decoration: none;
}

.footer a:hover{
    color: #aaa;
}

.footer::after{
    content: "";
    clear: both;
    display: block;
}

.bottom_share{
    display: block;
    max-width: 1200px;
    width: 100%;
    text-align: left;
    margin: auto;
}

.bottom_share p {
    margin: 0px;
    display: inline-block;
    margin-bottom: 10px;
}

.bottom_share p img {
    position: relative;
    top: -5px;
}

.bottom_share a:hover{
    opacity: 0.5;
}


.right_content_title{
    text-align: center;
    padding: 4px;
    color: #df7d3c;
    font-weight: bold;
    font-size: 1.1rem;
}

.right_content_text{
    padding-left: 20px;
    text-align: left;
    margin: auto;
    max-width: 300px;
}

.right_content_text ol{
    list-style-position: inside;
    margin: 0px;
    padding: 0px;
}

.right_content_text li{
    margin-bottom: 6px;
}

.right_content_text a{
    color: #0029c8;
    text-decoration: none;
    font-weight: bolder;
    font-size: 0.9rem;
}

.right_content_text a:hover{
   text-decoration: underline;
}


.news {
    border-bottom: solid 1px #999;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.fixed_news { 
    color: #00f;
    font-weight: bolder;
    font-size: 0.8rem;
    text-decoration: none;
}

.fixed_news:hover{
    text-decoration: underline;
}


.votes {
    border-bottom: solid 1px #999;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 0.9rem;
}

.votes img {
    display: block;
    height: 10px;
}


.vote_info{
   display: table;
   width: 100%;
}

.fixed_votes { 
    color: #00f;
    font-weight: bolder;
    font-size: 0.8rem;
    text-decoration: none;
    text-align: right;
}

.fixed_votes a{
    text-decoration: none;
}

.fixed_votes a:hover{
    text-decoration: underline;
}


.votes_total{
    display: table-cell;
    text-align: left;
    font-size: 0.8rem;
    font-style: italic;
}

#news_feed time{
    font-size: 0.8rem;
    font-style: italic;
}

#news_feed h1 {
    text-align: center;
    font-size: 1.1rem;
}

#news_feed h2 {
    font-size: 1.0rem;
}

#news_feed form{
    padding-bottom: 30px;
    border-bottom: solid 1px #ccc;
}

#news_feed form input {
    padding: 0px;
    margin: 0px;
    font-size: 0.9rem;
}

.news_next{
    color: #000;
    text-decoration: none;
    font-weight: bolder;
}

.news_next:hover{
    opacity: 0.6;
}

.news_next p {
    padding: 6px;
    display: inline-block;
}

.news_next::after{
    content: "";
    display: block;
    clear: both;
}

.arttbl{
/*    width: 99%; */
    max-width: 100vw;
    border: solid 1px #ccc;
    margin: auto;
    background-color: #f2f4f9;
    font-size: 1rem;
    word-wrap: break-word;
/*     white-space: pre-line;  */
}


.arttbl a {
    color: #00f;
    text-decoration: none;
}

.arttbl a:hover{
    text-decoration: underline;
}

.arttbl td{
    padding: 2px;
    margin: 0px;
    border: solid 1px #ccc;
}

.arttbl tr{
    padding: 0px;
    margin: 0px;
}

.arttbl tr:nth-child(1){
    background-color: #333;
    color: #fff;
}

.arttbl tr:nth-child(1) a{
    color: #fff;
}

.arttbl tr:nth-child(2n + 3){
    background-color: #e2eaff;
    color: #000;
}

.arttbl p {
    margin: 1px;
    padding: 0px;
}


.top_name { 
    text-align: center;
    font-size: 1.4rem;
}

.subtop_name { 
    text-align: center;
    font-size: 1.2rem;
}



.popup {
    display: table; 
    background:  url('../img/popup_bg.png') repeat;
    position: fixed;
    top: 0vw;
    left: 0vw; 
    z-index: 1000;
    width:  100vw;
    height: 100vh; 
    vertical-align: middle;
}

.popup_div_scroll{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}


.popup_div_scroll img{
    max-width: 100vw;
    height: auto;
    max-height: 100vh;
}

.poput_close_img{
    position: absolute;
    top: 30px;
    right: 50px;
    z-index: 9999; 
    opacity: 0.8;
}


.poput_new_window{
    position: absolute;
    top: 100px;
    right: 50px;
    z-index: 1000;
    opacity: 0.8;
}

.poput_close_img:hover, .poput_new_window:hover{
    opacity: 1;
}


.popup_pointer_left{
    display: table-cell;
    width: 60px;
    position: absolute;
    left: 0px;
    height: 100vh;
}

.popup_pointer_left img{
   opacity: 0.8;
   position: absolute;
   top: 50vh;
}

.popup_pointer_left  img:hover{
   opacity: 1.0;
}


.popup_pointer_right{
    display: table-cell;
    width: 60px;
    position: absolute;
    right: 50px;
    height: 100vh;
}

.popup_pointer_right img{
   opacity: 0.8;
   position: absolute;
   top: 50vh;
}

.popup_pointer_right  img:hover{
   opacity: 1.0;
}


.top_arts{
    font-size: 0.9rem;
    background-color: #fff;
    width: 100%;
}

.top_arts a{
    color: #001f7c;
    text-decoration: none;
    font-weight: bolder;
}

.top_arts a:hover{
    text-decoration: underline;
}

.top_arts h3{
    font-size: 1.0rem;
    margin: 0px 0px;
}

.top_arts td{
    border: none;
    padding: 2px 4px;
}

.top_arts tr{
    background-color: #fff;
}

.top_arts tr:nth-child(2n){
    background-color: #e9e9e9;
}

.mark_title{
    color: #df7d3c;
    background-color: #fff;
    font-weight: bolder;
    border: none;
}

.col1 { width: 10%; }
.col2 { width: 20%; }
.col3 { width: 20%; }
.col4 { width: 20%; }
.col5 { width: 17%; }
.col6 { width: 13%; }

.years{
    text-align: center;
    color: #666;
    width: 100%;
}

.top_a_unselect {
    margin: 0px 2px;
    padding: 3px 4px;
    text-decoration: none;
    font-weight: bolder;
    color: #666;
    display: inline-block;
}

.top_a_unselect:hover {
    opacity: 0.4;
}

.top_dop{
    width: 100%;
}

.top_dop h3{
    text-align: center;
}

.top_dop ul {
    font-size: 0.9rem;
    font-weight: bolder;
    margin: 0px;
    list-style: none inside;
}

.top_dop ul a{
    text-decoration: none;
    font-weight: bolder;
    color: #001f7c;
}

.top_dop ul a:hover{
    text-decoration: underline;
}


.allartdate{
    color: #df7d3c;
	font-size: 1.1rem;
	margin-top: 20px;
}

.art_div{
    padding: 4px;
}

.art_div iframe{
    overflow: hidden;
}

.art_div a, .news a{
    color: #0029c8;
    text-decoration: none;
    font-weight: bolder;
}

.art_div a:hover, .news a:hover{
    text-decoration: underline;
}

.medals{
    width: 100%;
    text-align: center;
    display: block;
    margin: auto;
}

.medals img{
    padding: 0px 10px;
    max-width: 40%;
    height: auto;
}

.refblock{
    font-size: 0.9rem;
}

.tel{
    max-width: 100%;
    margin: auto;
}

.tel img {
    max-height: 30px;
}

.telTitle{
    font-size: 1.1rem;
    font-weight: bolder;
    text-align: center;
}

.screenNumber{
    font-size: 0.9rem;
    width: 100%;
}

.screenNumber p{
    float: left;
    font-style: italic; 
}

.screenForm{
    font-size: 1rem;
    float: right;
    margin: 0px;
    padding: 0px;
}

.screenNumber::after{
    content: "";
    clear: both;
    display: block;
}


.screenNumberBottom{
    text-align: center;
    margin: 10px 0px;
}

.screenNumberBottom a{
    color: #0029c8;
    text-decoration: none;
    font-weight: bolder;
}

.screenNumberBottom a:hover{
    text-decoration: underline;
}


.art_published{
    font-size: 0.8rem;
    float: left;
    font-style: italic;
    position: relative;
    top: 4px;
}


.testFrame{
    width: 99%;
    max-width: 99vw;
    margin: 0 auto ;
    overflow: hidden;
    border: none;
}


.videostream{
    max-width: 100vw; 
    margin: auto;
    text-align: center;
    border-bottom: solid 1px #999;
} 

.videostream time{
    color: #666;
    font-size:  0.85rem;
    margin-right: 4px;
    text-align: left;
    display: block;
}

.video_text{
    text-align: justify;
}

.videostream  iframe {
    border: none;
    max-width: 100vw; 
    max-height: 56.25vw; 
    width: 640px;
    height: 360px;
    margin: 0 auto;
} 


.search {
    margin: 0 auto;
    width: 80%;
}

.voteFrame{
 border: none;
 overflow: hidden;
 margin: auto;
}

.CommentFrame{
 border: none;
 overflow: hidden;
 margin: auto;
 width: 99%;
}

.mapYear{
	padding: 10px;
	list-style: none;
}

.mapYearArt{
	padding: 10px;
	list-style: none;
	padding-bottom: 20px;
}

.mapYearArt a{
	display: block;
	padding: 0px;
}

.siteMap h1{
	text-align: center;
	font-size: 1.1rem;
}

.siteMap a{
    color: #0029c8;
    text-decoration: none;
    font-weight: bolder;
}

.iFrameHorizontal{
    width: 90%;
    margin: auto;
    min-height: 90px;
}

.iFrameVartical{
    width: 95%;
    margin: auto;
    min-height: 300px;
}

.art_trademark{
    font-size: 0.8rem;
}


 @media (max-width:1280px)
{
  body{
     background-color:#fff;
     background: none;
     margin: 0px;
     padding: 0px;
  }
} 


 @media (max-width:1020px)
{
  .logo_nav p { margin: 0px 0px; }

} 

 @media (max-width:960px)
{
  .logo_ico { display: none; }
  .content_ceil { display: block ; width: 96%;}
  .right_ceil { display: none;}
  .banner_300 {  position: relative; top: 0px; margin: auto;} 

  .arttbl{
   font-size: 1.2vw;
   }

  .top_arts, .top_arts h3{
   font-size: 1.2vw;
   }

 } 

 @media (max-width:800px)
{
  .main_content { display: block;}
  
} 


 @media (max-width:750px)
{
    
  .arttbl{
   font-size: 1.4vw;
   }

 .top_arts, .top_arts h3{
   font-size: 1.4vw;
   }
   
  .content_bottom_banner{
     transform: scale(0.80);
  }

} 


@media (max-width:710px)
{
   .popup_menu{
        display: table-cell;
      }   
 
    .logo_menu{
      display: none;
  }
} 


 @media (max-width:670px)
{

    
  .arttbl{
   font-size: 1.6vw;
   }

  .top_arts, .top_arts h3{
   font-size: 1.6vw;
   }   
   
} 


 @media (max-width:600px)
{
    .logo_ico{
      display: none;
  }
  
    .content_bottom_banner{
     width: 510px;
     transform: scale(0.70);
  }
  
} 


 @media (max-width:580px)
{

  .logo_left{
      width: 120px;
 }
  
.logo_left a {
      position: relative;
      top: 8px;	
      font-size: 1.2rem;
  }

 
  .articles_info{
      padding-right: 2px;
  }
  
  .articles_img{
      width: 150px;
  }
  .articles_img img{
      width: 150px;
      height: auto;
      max-height: 150px;
  }
  
    .content_bottom_banner{
    display: none;
  }

  
.small_video_iframe{
  width: 150px;
  height: 70px;
  border: 0;
}
.big_video{
  height: 144px;
  width: 256px;
}

.small_video{ 
width: 150px;
} 

.banner_300{
    width: 100%;
}

} 

 @media (max-width:400px)
{

  .logo_left{
      width: 100px;
 }
  
.logo_left a {
      font-size: 1.1rem;
  }
/*  
   iframe {
    max-height: 56.25vw; 

} 
*/
}