#header{margin-top: 35px; margin-bottom: 20px; white-space: nowrap;}
#header > div{display: inline-block; vertical-align: middle; position: relative;}
#header > div.fp{width: 67px; height: 27px;}
#header > div.kf{width: 76px; height: 28px; float: right; top: 3px;}

#canvas{min-height: 70vh;}

section{max-width: 1200px;}
section div.distance{padding: 0px 15px;}

.contentSpace{height: 50px;}
.footerSpace{height: 50px;}

#popup{width: 100%; top: 0px; left: 0px; height: 100%; position: fixed; z-index: 90; background: rgba(239, 239, 239, 0.55); overflow: auto;}
#popup table{width: 100%; height: 100%;}
#popup .p_canvas{max-width: 400px; width: 80%; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 0 6px 0 rgba(161, 161, 161, 0.5); border-radius: 5px; overflow: hidden;}

.popup_head_action{height: 50px; padding: 0px 15px; background: var(--bg_pink); color: var(--text_white);}
.popup_head_action .pha_title{font-size: 15px; font-family: 'bold'; float: left; margin-top: 15px;}
.popup_head_action .pha_action{float: right;}
.popup_head_action .pha_action button{margin-top: 10px;}

.popup_login > div:first-child{padding: 10px 15px; background: var(--bg_blue); color: var(--text_white);}
.popup_login > div:first-child > div:first-child{font-size: 17px; font-weight: bold;}
.popup_login > div:nth-child(2){padding: 10px 15px 25px 15px;}
.popup_login .plBox{padding: 10px 15px;}

.page_header{background-image: linear-gradient(to bottom right, #f52067, #ef5065);}
.page_header > div{max-width: 1300px; padding: 25px 0px 35px 0px;}
.page_header > div > div{font-size: 35px; text-align: center; letter-spacing: 5px; font-weight: bold; color: var(--text_white);}

.page_info{background: var(--bg_silvercalm); padding: 25px 0px;}

.page_empty{margin-top: 75px; margin-bottom: 75px; text-align: center; color: var(--text_silver);}

#alert{width: 100%; height: 0px; position: fixed; top: 0px; left: 0px; z-index: 100;}
#alert > div{width: 90%; max-width: 450px; transition: 0.2s; box-shadow: 0 0 6px 0 rgba(161, 161, 161, 0.5); position: relative; top: -100px; border-radius: 20px;}
#alert > div > div{padding: 9px 15px 11px 15px; text-align: center; color: var(--text_white);}
#alert > div.success{background: var(--bg_alert_green);}
#alert > div.warning{background: var(--bg_alert_orange);}
#alert > div.failed{background: var(--bg_alert_red);}

/**GO**/
.goPage{max-width: 500px; margin-top: 10px; border-radius: 10px;}
.goPage > a > div{ background-size: cover; padding-bottom: 177%;}

/**GO: FRONT**/
.go_front_head{padding: 25px 0px; height: 400px; border-radius: 10px; text-align: center; margin-top: 25px;}
.go_front_head .gfhCover{max-width: 200px;}
.go_front_head .gfhCover > div{padding-bottom: 109%; background-size: cover;}
.go_front_head .gfhThanks{max-width: 250px; padding-top: 15px; font-size: 15px;}
.go_front_head .gfhBtn{margin-top: 30px;}

.go_front_logo{margin-top: 15px; margin-bottom: 35px; white-space: nowrap;}
.go_front_logo > div{display: inline-block; position: relative;}
.go_front_logo > div.fp{width: 65px; height: 25px;}
.go_front_logo > div.kf{width: 68px; height: 26px; float: right; top: 3px;}

/**GO: HOME**/
.go_home_head{padding: 10px 15px 12px 15px; background: var(--bg_white); border-radius: 10px;}
.go_home_head > div:first-child{margin-bottom: 5px;}
.go_home_head span{padding: 3px 5px; border-radius: 5px; background: var(--bg_blue); color: var(--text_white);}

.home_content{padding: 10px;}

/**WATCH**/
.watch_player{}

/**ERROR**/
.error_box{max-width: 500px; width: 90%; margin-top: 50px; margin-bottom: 50px; background: var(--bg_white); border-radius: 5px;}
.error_box > div{padding: 25px;}
.error_box .eIcon{padding: 25px 0px 35px 0px;}
.error_box .eIcon > div{width: 90px; height: 90px;}
.error_box .ebDesc{text-align: center;}
.error_box .eLogin{text-align: center; margin-top: 15px;}
.error_box .eLogin > div:not(:last-child){margin-bottom: 15px;}
.error_box .eBtn{text-align: center; margin-top: 25px;}
.error_box .eBtn a{font-family: 'bold';}

.error_coming{max-width: 500px; height: calc(100vh - 100px);}
.error_coming > div{padding-top: 100px;}
.error_coming .ecTime{text-align: center; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.error_coming .ecTime > div{width: 100%; border: 1px solid var(--bg_line); border-radius: 10px;}
.error_coming .ecTime > div > div:first-child{font-size: 20px; font-weight: bold; padding: 10px 0px;}
.error_coming .ecTime > div > div:nth-child(2){padding: 5px 0px; background: var(--bg_line);}