html, body, form, div, span, img {margin: 0; padding: 0;}
html {font-family: sans-serif;}
a, a:hover {text-decoration: none;}
img {border: 0;}

.fl {float: left;}
.fr {float: right;}
.clrb {clear: both;}

body, .content {min-width: 240px;}
.content {max-width: 1366px;}
.w100 {width: 100%;}

.cntr2, .content {margin: 0 auto;}
.cntr, .text-block {text-align: center;}

table {border-collapse: collapse; border: 2px solid black; text-align: left;}
th, td {border: 1px solid grey;}
th {background-color: #F1F3F4;}

.logo {}
.logo img {vertical-align: bottom;}

.large, .text-block .desc, .box-block .desc, .images {font-size: large;}
.x-large, .text-block .title, .box-block .title {font-size: x-large;}

.dt {display: table;}
.tr {display: table-row;}
.tc {display: table-cell;}

.bg0 {background-color: #fff; color: #000;}
.bg1 {background-color: #F1F3F4; color: #000;}

.header {padding: 25px; height: 25px; overflow-y: hidden;}
.header .menu-header {float: right;}
.header .menu-header .pdr {padding-right: 25px;}
.header .menu-header a {color: #000;}

.text-block {padding: 25px;}
.text-block .title {}
.text-block .desc {padding-top: 25px;}

.footer {padding: 25px 25px 15px 25px;}
.footer .menu-footer a {color: #000; margin-bottom: 10px; display: inline-block;}
.footer .menu-footer .pdb {padding-bottom: 10px;}

.icon {display: inline-block; width: 24px; height: 24px;}
.icon.menu {background-image: url('/styles/menu.png');}
.icon.exit {background-image: url('/styles/exit.png');}

.icon.menu {display: none;}

#box {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    overflow-y: auto;
}

.mobile-menu {}
.mobile-menu a {display: block; padding: 15px; color: #000; border-top: solid 1px #fff; border-bottom: solid 1px #626365;}
.mobile-menu .brd1 {height: 1px; background-color: #626365;}
.mobile-menu .brd2 {height: 1px; background-color: #fff;}

.pdd-content {padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; line-height: 30px; word-spacing: 5px;}
.pdd-content .title {font-size: x-large;}
.pdd-content a, .pdd-content a:visited  {color: #008DD2;}
.pdd-content a:hover {color: #25A7DF; text-decoration: underline;}
.pdd-content img {vertical-align: middle;}
.pdd-content .hr {display: block; height: 1px; background-color: #626365; margin-top: 10px; margin-bottom: 10px; clear: both;}
.pdd-content .s1 {font-weight: bold;}
.pdd-content .s2 {font-weight: bold; font-style: italic;}
.pdd-content .s3 {font-size: x-large; display: block; padding-top: 30px; padding-bottom: 30px;}
.pdd-content .imgs {max-height: 36px; max-width: 80px;}
.pdd-content .imgl {float: left; width: 60px; text-align: center; padding-right: 5px; padding-bottom: 5px;}
.pdd-content .imgl .imgs {max-height: 60px; max-width: 60px;}
.pdd-content .img2 .imgs {max-height: 100px; min-width: 300px;}

.pdd-menu {padding-top: 10px; padding-bottom: 10px;}
.pdd-menu a {display: block; padding: 10px; color: #000;}
.pdd-menu a:hover {background-color: #626365; color: #fff;}
.pdd-menu .hr {display: block; height: 1px; background-color: #626365;}
.pdd-menu .i0 {}
.pdd-menu .i1 {background-color: #F1F3F4;}
.pdd-menu .title {font-size: x-large; padding-bottom: 10px;}

.copyright {text-decoration: underline; color: #000;}

@media screen and (max-width: 1000px) {
    .header .menu-header {display: none;}
    .icon.menu {display: inline-block;}
}