html{ height:100%}
body{ height:100%; background-image:url(../img/bg.jpg); background-size:cover}
a{ color:inherit; text-decoration:none}
a:hover{ color:inherit; text-decoration:none}

@font-face {
    font-family: 'GothamRndLight';
    src: url('../js/wfont/GothamRndLight.eot');
    src: url('../js/wfont/GothamRndLight.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/GothamRndLight.woff') format('woff'),
         url('../js/wfont/GothamRndLight.ttf') format('truetype'),
         url('../js/wfont/GothamRndLight.svg#GothamRndLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PoliticaO';
    src: url('../js/wfont/PoliticaO.eot');
    src: url('../js/wfont/PoliticaO.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/PoliticaO.woff') format('woff'),
         url('../js/wfont/PoliticaO.ttf') format('truetype'),
         url('../js/wfont/PoliticaO.svg#PoliticaO') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PoliticaT';
    src: url('../js/wfont/PoliticaT.eot');
    src: url('../js/wfont/PoliticaT.eot?#iefix') format('embedded-opentype'),
         url('../js/wfont/PoliticaT.woff') format('woff'),
         url('../js/wfont/PoliticaT.ttf') format('truetype'),
         url('../js/wfont/PoliticaT.svg#PoliticaT') format('svg');
    font-weight: normal;
    font-style: normal;
}

.logo{ position:absolute; top:0px; left:18px; width:185px; height:174px; text-align:center; background:#FFFFFF}
.logo img{ margin:27px 0 0 0}

.box1{ position:absolute; top:178px; left:18px; width:165px; height:87px; padding:10px 0 0 20px; font-family:PoliticaO; font-size:19px; color:#2891cd; background:#FFFFFF}
.office{ position:absolute; top:279px; left:18px; width:165px; height:72px; padding:8px 0 0 20px; font-family:PoliticaO; font-size:14px; color:#636363; background:#FFFFFF}
.office .font2{ font-size:21px}
.office .font3{ font-size:17px}

.contact{ position:absolute; top:363px; display:block; left:18px; width:165px; height:38px; padding:12px 0 0 20px; font-family:PoliticaO; font-size:21px; color:#2891cd; background:#FFFFFF; cursor:pointer}
.contact .li{ position:absolute; top:15px; right:18px; }

.form_area{ position:absolute; top:178px; left:207px; display:none; width:368px; height:192px; padding:10px; font-family:PoliticaO; font-size:21px; color:#2891cd; background:#FFFFFF}
.form_area .inform{ position:relative; float:left; width:368px; font-family:PoliticaO; font-size:17px; color:#636363; border-bottom:1px solid #d7d7d7; padding:0 0 10px 0}
.form_area .inform2{ position:relative; float:left; width:368px; margin:10px 0 0 0; font-family:PoliticaO; font-size:17px; color:#636363}
.form_area .inform2 input[type=text]{ width:197px; height:35px; font-family:PoliticaO; font-size:17px; color:#636363; padding:0 5px; background:url(../img/input.jpg)}
.form_area .inform2 input[type=image]{ position:absolute; bottom:-86px; right:-19px;}

.finish_area{ position:absolute; top:178px; left:207px; width:368px; height:192px; padding:10px; font-family:PoliticaO; font-size:21px; color:#636363; background:#FFFFFF}
.finish_area h1{ font-size:32px; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #888888}
.finish_area p{ font-size:21px}
.finish_area a{ color:#FF0000}
.finish_area a:hover{ color:#FF0000}

.footer_logo{position:fixed; bottom:13px; left:30px; z-index:10}

.footer_copyright{position:fixed; bottom:11px; left:150px; color:#ebebeb; font-family:GothamRndLight; font-size:11px; z-index:5; border-left:1px solid #ebebeb; padding:0 0 0 20px; z-index:10}
.footer_copyright a{ text-decoration:none; color:#ebebeb}
.footer_copyright a:hover{ text-decoration:underline; color:#ebebeb}


.footer{position:fixed; bottom:0px; left:0px; width:100%; height:51px; background:url(../img/opacity_80.png) center top; overflow:visible !important; z-index:5}
.footer .container{position:relative; margin:0 auto; width:485px; top:-28px; height:18px; padding:10px 0 0 0; text-align:center; font-size:14px; font-family:GothamBook; color:#FFFFFF; background:url(../img/footer_head.png) center top no-repeat}
.footer .container img{ margin:4px 10px 0 10px}
.footer .container a{ text-decoration:none; font-size:14px; color:#FFFFFF}
.footer .container a:hover{ text-decoration:none; font-size:14px; color:#FFFFFF}

.redif{position:fixed; bottom:10px; right:20px; z-index:10}