@charset "utf-8";
a {font-family: Verdana; font-size: 15px; font-weight: bold;}
a:link {text-decoration: none; color: #016cac;}
a:visited {text-decoration: none; color: #016cac;}
a:hover {text-decoration: none; color: #000000;}
a:active {text-decoration: none; color: #000000;}
h1,h2,h3,h4,h5,h6 {font-family: Tahoma, Geneva; font-weight: bold;}
body,td,th {font-family: Verdana; font-size: 14px; font-weight: normal; color: #000;}
body {text-align: center; 
background-image: url(image/fon.jpg);
background-color: #ffffff;}
.maroon {color: #C00;}
.blue {color: #60C; font-size: 18px;}
.size12 {font-size: 12px;}
a.pp:link {text-decoration: none; font-size: 18px; color:#016cac; padding:0 20px 0 20px;}
a.pp:visited {text-decoration: none; font-size: 18px; color:#016cac; padding:0 20px 0 20px;}
a.pp:hover {text-decoration: none; font-size: 18px; color:#cc0000; padding:0 20px 0 20px;}
a.pp:active {text-decoration: none; font-size: 18px; color: #000000; padding:0 20px 0 20px;}
hr {border: none; color: red; background-color: red; height: 2px;}
img {max-width: 100%;}
video {max-width: 100%; height: auto;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
table {width: 100%; border-collapse: collapse;}
@media only screen and (max-width: 760px), (min-device-width: 600px) and (max-device-width: 1024px)  {table, thead, tbody, th, td, tr {display: block;}