@charset "utf-8";
@font-face {
    font-family: Arita;
    font-style: normal;
    font-weight: 400;
    src: url(/tw/zh/resource/css/font/aritta-Light.eot);
    src: url(/tw/zh/resource/css/font/aritta-Light.eot?#iefix) format("embedded-opentype"), url(/tw/zh/resource/css/font/aritta-Light.woff) format("woff"), url(/tw/zh/resource/css/font/aritta-Light.ttf) format("truetype")
}

html {
    height: 100%;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Arita, 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔 고딕', '돋움', dotum, sans-serif;
    font-size: 1em;
    font-size: 1em;
    color: #666;
    text-align: center;
    letter-spacing: -.025em
}

p {
    padding: 0;
    margin: 0
}

img {
    border-style: none;
    vertical-align: top
}

strong {
    font-weight: 400
}

a {
    text-decoration: none;
    display: inline-block
}

.wrap {
    width: 100%;
    height: 100%;
    border-top: 22px solid #062c5e;
    background: url(/tw/zh/resource/img/layout/bg.gif) no-repeat right bottom;
    box-sizing: border-box
}

.wrap h1 {
    margin: 1.2em 0 6.6em
}

.mesg {
    position: relative;
    font-size: 2.35em;
    color: #062c5e
}

.mesg:after {
    position: relative;
    display: block;
    width: 30px;
    height: 2px;
    margin: .7em auto;
    background: #062c5e;
    content: ''
}

.txt {
    padding: 0 5%;
    font-size: 1.5em;
    line-height: 1.85
}

.link {
    margin-top: 3.3em
}

.link a {
    width: 210px;
    height: 40px;
    margin: 0 2px;
    padding-top: 11px;
    box-sizing: border-box;
    border: 1px solid #00457e;
    font-size: .9em;
    font-weight: 700;
    color: #00457e;
    letter-spacing: .05em
}

.link a:nth-child(even) {
    background: #00457e;
    color: #fff
}

.link a:active,
.link a:focus,
.link a:hover {
    background: #00457e;
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.link a:nth-child(even):active,
.link a:nth-child(even):focus,
.link a:nth-child(even):hover {
    background: #fff;
    color: #00457e
}

@media (max-width:45em) {
    .wrap {
        background-size: 80%
    }
    .wrap h1 {
        margin: 1.3em 0 1.6em
    }
    .wrap h1 img {
        width: 210px
    }
    .mesg {
        font-size: 1.4em;
        padding: 0 5%;
        line-height: 1.3
    }
    .mesg:after {
        margin: 1em auto
    }
    .mesg img {
        width: 24px
    }
    .txt {
        font-size: 1.04em;
        line-height: 1.4
    }
    .link a {
        margin: 5px
    }
}