html,body{height:100%}
.event-chart-box{height:100%}

.event-init-box{position:absolute;top:1px;right:1px;left:2px;bottom:17px}
.event-init-before:before{content:"\20";position:absolute;left:0;top:0;bottom:0;height:100%;width:1px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}
.event-init-before:after{content:"\20";position:absolute;right:0;top:0;bottom:0;height:100%;width:1px;-webkit-transform:scaleX(0.5);transform:scaleX(0.5)}
.event-init-after:before{content:"\20";position:absolute;left:0;right:0;top:0;width:100%;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}
.event-init-after:after{content:"\20";position:absolute;left:0;right:0;bottom:0;width:100%;height:1px;-webkit-transform:scaleY(0.5);transform:scaleY(0.5)}

.event-init-before:before{background-color:#191B24}
.event-init-before:after{background-color:#191B24}
.event-init-after:before{background-color:#191B24}
.event-init-after:after{background-color:#191B24}

.white .event-init-before:before{background-color:#E6ECF6}
.white .event-init-before:after{background-color:#E6ECF6}
.white .event-init-after:before{background-color:#E6ECF6}
.white .event-init-after:after{background-color:#E6ECF6}

.event-init-portrait-left{position:absolute;left:25%;top:0;bottom:0;width:1px;height:100%;-webkit-transform:translateX(-50%) scaleX(0.5);transform:translateX(-50%) scaleX(0.5)}
.event-init-portrait-center{position:absolute;left:50%;top:0;bottom:0;width:1px;height:100%;-webkit-transform:translateX(-60%) scaleX(0.5);transform:translateX(-50%) scaleX(0.5)}
.event-init-portrait-right{position:absolute;right:25%;top:0;bottom:0;width:1px;height:100%;-webkit-transform:translateX(50%) scaleX(0.5);transform:translateX(50%) scaleX(0.5)}

.event-init-landscape-left{position:absolute;left:0;right:0;top:25%;width:100%;height:1px;-webkit-transform:translateY(-50%) scaleY(0.5);transform:translateY(-50%) scaleY(0.5)}
.event-init-landscape-center{position:absolute;left:0;right:0;top:50%;width:100%;height:1px;-webkit-transform:translateY(-50%) scaleY(0.5);transform:translateY(-50%) scaleY(0.5)}
.event-init-landscape-right{position:absolute;left:0;right:0;bottom:25%;width:100%;height:1px;-webkit-transform:translateY(50%) scaleY(0.5);transform:translateY(50%) scaleY(0.5)}

.event-log{position:absolute;bottom:0;right:0;width:4rem;height:17px}

.log-popup-box{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:10}
.log-popup-mask{position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.57)}
.log-popup{position:absolute;top:50%;left:50%;width:60%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.log-content{padding:1.4rem 1.6rem;text-align:justify;border-radius:4px}
.log-icon{margin:auto;padding-top:2.2rem}