@charset "utf-8";

#smartbanner { position:absolute; left:0; top:0; width:100%; height:62px; font-family:'Helvetica Neue',sans-serif;

background-color:#ecf0f3;

padding: 10px 32px 10px 10px;

box-sizing: border-box;

z-index:2; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; border-left:none; border-right:none; }

@media screen and (min-width: 768px) {
  #smartbanner {
    width: 1255px;
  }
}

#smartbanner .sb-container { margin: 0 auto; background-color: #FFF; border-radius: 3px; height: 45px;}

#smartbanner .sb-close { position:absolute; right:8px; top:30%; display:block; font-size:25px; text-align:center; color:#888888; text-decoration:none; }

#smartbanner .sb-close:active { font-size:13px; color:#aaa; }

#smartbanner .sb-icon { position:absolute; left:20px; top:15px; display:block; width:35px; height:35px; background-size:cover; }

#smartbanner.no-icon .sb-icon { display:none; }

#smartbanner .sb-info { position:absolute; left:65px; top:15px; width:50%; font-size:8px;-webkit-transform: scale(0.9);-webkit-transform-origin:0 0; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); }

#smartbanner #smartbanner.no-icon .sb-info { left:34px; }

/**/

#smartbanner .sb-info { color:#0d2795; text-shadow:none; }

#smartbanner .sb-info strong { display:block; font-size:12px; color:#0f1350; line-height: 14px; }

#smartbanner .sb-info strong span { font-size:11px; color:#333; }

/**/

#smartbanner .sb-info > span { display:block; color: #e10014;}

#smartbanner .sb-info em { font-style:normal; text-transform:uppercase; }

#smartbanner .sb-button { position:absolute; right:40px; top:34%; padding: 0 5px; min-width: 10%; height:24px; font-size:10px; line-height:24px; text-align:center; font-weight:bold; color:#FFFFFF; background-color:#0f1350; text-transform:uppercase; text-decoration:none; border-radius:3px; }

/*#smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); }*/

#smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; }

#smartbanner.windows .sb-icon { border-radius: 0px; }



/**/

#alert_bookmark {

    overflow: hidden;

    padding-bottom: 22px;

    text-align: center;

    width: 100%;

	bottom:-12px;

	position: fixed;

	display:none;

	z-index:9999;

}

#alert_bookmark a {

	font-weight:bold;

	text-decoration:none;

}

#alert_bookmark #bookmark {

    display: table;

    /*width: 280px;*/

    padding: 5px 6px 0 4px;

    -webkit-border-radius: 5px;

    border-radius: 5px;

	border:#34439b solid 1px;

    text-align: left;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

    margin: 0 auto;

    background:#f9f9f9 url(/campaign/wr_img/spn_bnr_bg02.gif) repeat-x 0 50%;

    background-size:3px 88px;

	position:relative;

}

#alert_bookmark #bookmark div.tr {

    display: table-row;

}

#alert_bookmark #bookmark div.tr > div.td {

    display: table-cell;

}

#alert_bookmark #bookmark .close {

    width: 50px;

    height: 30px;

	position:absolute;

	top:5px;

	right:5px;

	text-align:right;

}

#alert_bookmark #bookmark .close img {

    width: 13px;

    height: 13px;

}

#alert_bookmark #bookmark div.body .icon_home {

    position: relative;

    float: left;

    width: 69px;

    height: 128px;

}

#alert_bookmark #bookmark div.body .icon_home img {

    position: absolute;

    bottom:0;

    left:10px;

    width:59px;

}

#alert_bookmark #bookmark div.body .text {

    margin-top:4px;

    margin-bottom:6px;

    margin-left: 67px;

    position:relative;

    padding-left:8px;

    font-size:12px;

    line-height: 1.4;

	color:#333;

    width: 80%;

	padding-top:24px;

}

#alert_bookmark #bookmark div.body .text strong {

    font-size:15px;

	color:#34439b;

}

#alert_bookmark #bookmark div.body .text span {

	color:#34439b;

}

#alert_bookmark .triangle {

    bottom: 11px;

    width: 22px;

    height: 12px;

    margin-left: 50%;

    background: url(/campaign/wr_img/spn_bnr_triangle.png) no-repeat 0 0;

	background-size:22px 12px;

	position:absolute;

	z-index:10000;

}
