:root {

    --game-border-number-font-size: 14px;
    --game-border-icon-font-size: 16px;

  --game-width:600px;
  --game-height:735px;

  --game-player-me-top:400px;
  --game-card-width:90px;
  --game-card-height:156px;

  --game-field-zone-height:160px;
  --game-hand-zone-height:160px;
  --game-land-margin-left:110px;

  --game-field-margin-horizontal: 10px;
  --game-zone-margin-vertical: 20px;
  --game-zone-margin-left2:5px;
  --game-zone-hide-op-hand:136px;
/*
  --color-blue:rgba(38, 68, 144, 1);
  --color-blue-bright:rgba(38, 68, 144, 0.77);
  --color-green:rgba(0, 102, 51, 1);
  --color-green-bright:rgba(0, 102, 51, 0.77);
  --color-red:rgba(126, 0, 30, 1);
  --color-red-bright:rgba(126, 0, 30, 0.77);
  --color-white:rgba(228, 150, 4, 1);
  --color-white-bright:rgba(228, 150, 4, 0.77);
  --color-purple:rgba(66, 1, 97, 1);
  --color-purple-bright:rgba(66, 1, 97, 0.77);
  --color-silver:rgba(147, 147, 147, 1);
  --color-silver-bright:rgba(147, 147, 147, 0.77);
  --color-brown:rgb(103, 63, 33);
  --color-brown-bright:rgba(103, 63, 33, 0.77);
  --color-black:rgb(50, 50, 50);
  --color-black-bright:rgba(50, 50, 50, 0.77);
  */


--color-blue: #264490;
--color-green: #006633;
--color-red: #7e001e;
--color-white: #d09529;
--color-purple: #420161;
--color-silver: #8A8A8A;
--color-brown: #65473c;
--color-black: rgba(50, 50, 50, 1);


  --color-theme-bold:rgb(103, 58, 183);
  --color-theme:rgb(115, 73, 189);

  --floor0:-120px; /* 상대 핸드 */
  --floor1:calc(var(--floor0) + 160px); /* 상대 야드 */
  --floor2:calc(var(--floor0) + 160px + 110px); /* 상대 필드 */
  --floor3:calc(var(--floor0) + 160px + 110px + 160px); /* 전투 지역 */
  --floor4:calc(var(--floor0) + 160px + 110px + 160px + 160px); /* 아군 필드 */
  --floor5:calc(var(--floor0) + 160px + 110px + 160px + 160px + 160px); /* 아군 야드 */
  --floor6:calc(var(--floor0) + 160px + 110px + 160px + 160px + 160px + 110px); /* 아군 핸드 */

  --column0:0px;
  --column1:100px;
  --column2:200px;
  --column3:300px;
  --column4:400px;
  --column5:500px;
}

body {background-color: #fff;}

.my_scroll1::-webkit-scrollbar {
    width: 8px;  /* 스크롤바의 너비 */
}

.my_scroll1::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #313a46; /* 스크롤바의 색상 */

    border-radius: 10px;
}

.my_scroll1::-webkit-scrollbar-track {
    background: rgba(49, 58, 70, .3);  /*스크롤바 뒷 배경 색상*/
}

a {text-decoration:none;}

.a_buttons {overflow:hidden; padding:10px 0px; text-align:right; }
.a_buttons h2 {float:left; line-height:34px; font-size:18px}
.a_button {cursor:pointer; display:inline-block; margin-left:10px; min-width:65px; height:33px; padding:0px 8px; line-height:33px; text-align:center; border:1px solid #333; border-radius:3px; background-color:#fff; color:#555}
.a_button.black {color:#fff; background-color:#313a46; border:1px solid #000}
.a_button.small {min-width:40px;height:28px;line-height:28px;}
.a_button.no_border {border:1px solid rgba(0,0,0,0)}

.a_button.delete:hover {background:#c0392b; color:#fff; border-color:#c0392b}

.buy_button {position:relative; cursor:pointer; display:block; margin-top:5px; width:98px;height:33px; line-height:100%; text-align:center; border:1px solid #000; border-radius:17px; background-color:#313a46; color:#fff}
.buy_button.disable {line-height:33px; font-size:14px}
.buy_button > i {display:block;position:absolute;left:22px;top:9px;}
.buy_button > b {display:block;position:absolute;right:22px;top:8px;}
.gui_button {cursor:pointer; width:100px; height:50px; line-height:33px; text-align:center; color:#555; background-size:contain;
    border-image-slice:48 34 48 34 fill;
    border-image-width:48px 34px 48px 34px;
    border-image-outset:0px 0px 0px 0px;
    border-image-repeat:stretch stretch;
    border-style: solid;
}
.gui_button.blue {border-image-source: url('/img/gui/btn_color_brown.png');}
.table_base {table-layout:fixed; width:100%}
.table_base.height40 tr {height:40px}
.table_base tr {height:32px}
.table_base th, .table_base td {border:1px solid rgba(255,255,255,0.3); vertical-align:middle; text-align:center; }
.table_base td input[type="text"] {width:calc(100% - 18px); height:20px; }
.table_base td input[type="number"] {width:calc(100% - 18px); height:20px; }
.table_base td select {width:calc(100% - 12px); height:26px; }
.table_base td textarea {width:calc(100% - 16px); height:62px; }



.page_search_container { overflow:hidden; padding:10px 0px;}
.page_search_container .page_box {float:left}
.page_search_container .search_box {float: right}


.prevent-select {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}