@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/Raleway-Bold.eot');
    src: url('../fonts/Raleway-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-Bold.woff') format('woff'),
         url('../fonts/Raleway-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/Raleway-Light.eot');
    src: url('../fonts/Raleway-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-Light.woff') format('woff'),
         url('../fonts/Raleway-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/Raleway-Regular.eot');
    src: url('../fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Raleway-Regular.woff') format('woff'),
         url('../fonts/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* { margin: 0; padding: 0; outline: 0; }
html { position: relative; }
body { background-color: #000; font-family: 'ralewayregular';}

.clr:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clear { height:0px; width:auto; clear:both; overflow:hidden; font-size:0; }
.clear0 { height:0px; width:auto; clear:both; overflow:hidden; font-size:0; }

a { text-decoration: none; cursor: pointer; }
a:hover { }
a img { border: 0; }

.wrapper { width: 100%; height: 100%; position: relative;}

.col_864 { width: 864px; }
.col_432 { width: 432px; float: left; z-index: 30; position: relative;}
.col_432.pd6040 { width: 352px; }
.m0a { margin: 0 auto; }
.pd6040 { padding: 60px 40px; }

.container { position: relative; z-index: 100; }
.bg { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; background: #000; }
.bg .col { width: 50%; height: 730px; float: left; overflow: hidden; }
.bg .col .inner-bg { width: 50%; height: 100%; position: absolute; z-index: 20; overflow: hidden; text-align: center; }
.bg .col .inner-bg img { position: absolute; top:0; left: 0; }
.bg .col .inner-bg .sharp { z-index: 30; }
.bg .col .inner-bg .blur { z-index: 40; }
.bg .col > a { display: block; width: 100%; height: 100%; }
.bg .col.bor > a { left: 50%; }

.lang { width: 100%; height: 31px; position: relative; z-index: 1000; background: url(../img/bg_box1.png) 0 0 repeat scroll transparent; }
.langswitch { float: right; color: #fff; font-size: 13px; }
.gtc { float: left; color: #fff; font-size: 13px; }
.langswitch a, .gtc a { display: inline-block; line-height: 31px; font-family: 'ralewaylight'; color: #fff; }
.langswitch a.act { font-family: 'ralewaybold'; }

.logo { text-align: center; margin: 20px 0 75px 0; }
.logo.circle { margin: 35px 0 0 0; }
.lead { height: 192px; color: #fff; font: 14px/22px 'ralewayregular'; text-align: center;}
.lead span {  }

/*.col_432 .inner { border-top: 1px solid #cacaca; }*/

.map { width: 100%; height: 250px; display: block; position: relative; top: 699px; overflow: hidden;}
.map .overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 50; background: url(../img/bg_box2.png) 0 0 repeat scroll transparent; }
.map .icon { width: 56px; height: 78px; position: absolute; top: 50%; left: 50%; margin: -39px 0 0 -28px; z-index: 60; background: url(../img/map-icon-hun.png) 0 0 no-repeat scroll transparent;}
.map .g_map { height: 373px; z-index: 40; }