html , body {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    background: #666666;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.pxhideh { }
@media (max-width:522px) {
	.pxhideh {
		opacity:0;
	}
}

.cp {cursor: pointer;}

.dma1 {
	font-weight: normal;
	vertical-align: middle;
}

.bk_box {
	
}

.bk_line {
	width: 100%;
	height: 318px;
	text-align: center;
	background-image: url(/static/svg/inx_line.svg);
	background-repeat: repeat-x;
	min-width: 420px;
}

.bk_header {
	height: calc(50vh - 318px/2 - 75px);
	min-width: 420px;
}

.bk_main {
	height: 150px;
	text-align: center;
	min-width: 420px;
}

.bk_main_grid1 {
	display: inline-block;
	width:320px;
	color:#fff;
}

.bk_main_txt1 {
	margin-left: 20px;
	line-height: 15.5pt;
	font-size: 11pt;
	color:#000;
}
.bk_main_txt1 a {
	color:#000;
	text-decoration: underline;
	font-weight: bold;
}

.bk_grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
	grid-column-gap: 0px;
	grid-row-gap: 0px;
}

.bk_g1 { grid-area: 1 / 1 / 2 / 2; }
.bk_g2 { grid-area: 1 / 2 / 2 / 3; }

.gm1-input {
    color:#222;
    background-color:#fff;
    border:1px double #222;
    padding: 3px;
    margin: 2px;
    font-size: 11pt;
	border-radius: 3px;
}

.gm1-btn {
    color: #1b1322;
    background-color: #8d7e6c;
    border: 1px double #b5b3a4;
    padding: 1px 10px;
    margin: 2px;  
    cursor: pointer;
    text-decoration: none;
    font-size: 11pt;
}

.gm1-btn:hover {
    color: #1b1322;
    background-color: #9D8F7A;
    border: 1px double #E0D4C3;
    padding: 1px 10px;
    margin: 2px;
	text-decoration: none;
}

.gm1-btn:active {
    transition: all 0.1s;
    transform: scale(0.95);
}

.bk_menu {
	margin-top: calc(50vh - 318px/2 - 150px - 50px - 50px + 75px);
	height: 50px;
	text-align: center;
	min-width: 420px;
}

.bk_menu div {
	padding-top: 10px;
	border-top: 2px solid rgba(0,0,0,0.1);
}

.bk_menu a {
	color:#222;
	font-weight: bold;
}

.bk_menu_d {
	display:inline-block;
	color:rgba(0,0,0,0.1);
	text-align: center;
	width: 20px;
}

.bk_footer {
	height: 50px;
	max-height: 50px;
	text-align: center;
	min-width: 420px;
}

.bk_footer img {
	max-height: 15px;
	margin-top: 20px;
	opacity: 0.2;
}

@media (max-height:700px) {
	.bk_menu {
		margin-top:15px;
	}
}

@media (max-width:665px) {
	.bk_header {
		height: 15px;
	}
	.bk_menu {
		margin-top:none;
	}
	.bk_main {
		height: 260px;
	}
}