@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:focus {
    outline: 0;
}

ul,
ol,
li {
    list-style: none;
}

button {
    border: 0;
}

html,
body {
    width: 100%;
    height: 100%;
}

body {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

#notice-box{
    width:420px;
    font-size:16px;
}
#notice-box .title{
    margin-bottom:20px;
    display:flex;
    align-items: center;
}
#notice-box .title .icon-notice{
    width:20px;
    height:20px;
    background:url('../images/icon_notice.png') no-repeat;
    background-size: contain;
    margin-right:5px;
}
#notice-box p{
    line-height: 25px;
}
#notice-box a{
    color:#335AD3;
    text-decoration: none;
    border-bottom:1px solid #335AD3;
}
#notice-box .btn{
	height:36px;
    border-radius: 6px;
	display:flex;
	align-items: center;
	justify-content: center;
	font-size:16px;
    padding:0 20px;
    border:1px solid #6B68FF;
    cursor: pointer;
}
#notice-box .btn-secondary{
    border:1px solid #6B68FF;
    background-color: #fff;
    color:#6B68FF;
}
#notice-box .btn-primary{
    background:#6B68FF;
    color:#fff;
}

@media (max-width: 1200px){
    #notice-box{
        width:300px;
    }
}