html, body { margin: 0; padding: 0; height: 100%; }
body { font-size: 16px; font-family: 'Times New Roman'; line-height: 1.7em; }
h1, h2, h3, h4, h5 { margin: 0; padding: 0; line-height: normal; }
h1 { font-size: 2.5em; }
h3 { font-size: 1.5em; }
a { color: #ffffff; font-weight: normal; }
a:hover { color: #36E8FF; text-decoration: none; transition-duration: 0.5s; }
.ib { display: inline-block; }
.btn { font-size: 0.95em; padding: 6px 25px; border: none; border-radius: 3px; display: inline-block; cursor: pointer; }

.tbl { display: table; }
.row { display: table-row; }
.col { display: table-cell; }
.l_disc { display: list-item; list-style-type: disc; }

table { border-collapse: collapse; }
table td { padding: 0 0 0 5px; border-spacing: 0; }
table td:first-of-type { padding-left: 0; }

#slideshow { visibility: hidden; }
#slideshow .bg { width: 100%; height: 100%; background: center center no-repeat; background-size: cover; position: fixed; top: 0; left: 0; z-index: 0; }
#slideshow .p1 { background-image: url(../images/1.jpg); }
#slideshow .p2 { background-image: url(../images/2.jpg); }
#slideshow .p3 { background-image: url(../images/3.jpg); }
#slideshow .p4 { background-image: url(../images/4.jpg); }

body > table { color: #ffffff; width: 100%; height: 100%; position: relative; z-index: 1; min-width: 320px; }
body > table > tbody > tr > td { padding: 0; }

header { padding: 0.7em; }
header .cname { float: left; }
header .cname .lan { display: block; margin-top: 0.7em; }
header .contact { font-size: 0.9em; float: right; }
header .contact .ib + .ib { padding-left: 1em; }
header .contact .fa { width: 20px; }
header .fa, 
header .fa + span, 
header .fa + div { display: table-cell; }

#cnt { height: 100%; text-align: center; }
#cnt .holder { font-size: 1.2em; text-align: left; padding: 2em; background-color: rgba(0,0,0,0.5); border-radius: 10px; border: 1px solid #818181; }
#cnt .holder section { margin-top: 1.2em; margin-left: 1.2em; }
#cnt .holder section .col { padding-bottom: 1.2em; }
#cnt .holder section .col + .col { padding-left: 5em; }
#cnt .holder .btn_holder { margin-top: 2.5em; text-align: center; }
#cnt .holder a.btn { color: #ffffff; background-color: #316180; border: 1px solid #5ca9da; text-decoration: none; }
#cnt .holder a.btn:hover { background-color: #5ca9da; transition: ease 0.5s; }
#cright { text-align: center; padding: 0.5em 0; }
#cright img { height: 80px; }
#cright span { display: block; padding: 0.5em 0; }

@media (max-width: 850px) {
    header .cname, header .contact { float: none; }
    header .contact { font-size: 1em; margin-top: 1.4em; }
}
@media (max-width: 700px) {
    #cnt { padding: 1.5em 0; }
    #cnt .holder section .tbl,
    #cnt .holder section .row,
    #cnt .holder section .col { display: block; }
    #cnt .holder section .col + .col { padding-left: 0; }
    #cnt .holder { margin: auto; }
}
@media (max-width: 600px) {
    body { font-size: 15px; }
    #cnt .holder { display: block; margin: 0 1em; padding: 1.2em; }
    
}
@media (max-width: 460px) {
    header .contact .ib { display: block; }
    header .contact .ib + .ib { padding-left: 0; }
    header .contact .m_block span { display: block; }
    header .contact > div + div { padding-top: 0.5em; }
}
@media (max-width: 400px) {
    header .cname h1 { font-size: 2.3em; }
}