body {background:#1b2838}
#wrap {color:#becde2}

header {
    background: linear-gradient(270deg, #07181c -10%, #c1f7f7 110%);
}
header h1 a {color:#46659b;}

.charts-bottom input[type=button] {color:#fff; opacity:.8; border:none; background:#3c495a}
.money_btn_wrap input[type=button] {padding:0 5px; border:none; color:#67c1f5; background:#274155}
.agreeArea {color:#c2c4c8}

.scrollbar::-webkit-scrollbar-thumb {border:2px solid #1d2c3f}
.scrollbar::-webkit-scrollbar-track {background-color:#1d2c3f}

table tbody th { font-weight:400}
table tbody td {color:#fff}

.h-table dd {color:#fff}
.table .tbody {color:#fff}
.info {color:#becde2}
.txtinfo { color:#becde2}
.buy, .up {color:#ff4c62}
.sell, .dn {color:#06a6f9}

/* home */
.overview > div {clear:both}
.overview > div .txt h3 {color:#2ad6ff}
.overview > div .txt h3:after {background:#2ad6ff}
.overview > div .txt {color:#fff; background-color:rgba(27,40,56,.5)}

.x-hoga-bdy1 {border:1px solid #384353; background:#242f41}
.x-hoga-bdy2 {border:1px solid #384353; background:#242f41}
.askPrice {color:#aaadb2}
.askPrice ul {border-bottom-color:#384353; border-right-color:#384353; background-color:transparent}
.askPrice ul > li:nth-child(10) {border-bottom-color:#384353}
.askPrice ul.price-info li {background-color:transparent}
.askPrice ul.price-info li:nth-child(odd) {background-color:rgba(0,10,15,.1)}
.askPrice ul.price-info li span {color:#fff}
.askPrice ul.price-info li span.up {color:#ff4c62}
.askPrice ul.price-info li span.dn {color:#06a6f9}
.askPrice ul.sell-ask {background-color:rgba(37,66,83,.1)}
.askPrice ul.sell-ask li {background-image:url(../images/sell_bg_c1.png)}
.askPrice ul.sell-price {background-color:transparent}
.askPrice ul.buy-ask {background-color:rgba(64,43,59,.1)}
.askPrice ul.buy-ask li {background-image:url(../images/buy_bg_c1.png)}
.askPrice ul.buy-price {background-color:transparent}

.askPrice ul.tic {border-bottom:1px solid #384353}
.askPrice ul.tic li:nth-child(odd) {background-color:rgba(37,66,83,.3)}
.askPrice ul.tic::-webkit-scrollbar { -webkit-appearance: none;}
.askPrice ul.tic::-webkit-scrollbar:vertical {width:9px;}
.askPrice ul.tic::-webkit-scrollbar:horizontal { height: 9px;}
.askPrice ul.tic::-webkit-scrollbar-thumb {background-color: rgba(194, 198, 202, 0.5); border-radius: 5px; border: 2px solid #dee4ee;}
.askPrice ul.tic::-webkit-scrollbar-track {border-radius:10px;  background-color: #1c283a;}

.x-hoga-wrap .askPrice .x-high {color:#fff; background:#f45366}
.x-hoga-wrap .askPrice .x-low {color:#fff; background:#00b8e8}

.x-hoga-bdy2 input[type=text], .x-hoga-bdy select {border:1px solid #546a8b; color:#fff; background-color:#212e43}
.x-hoga-bdy2 input[type=button] {min-width:20px; color:#fff; border:1px solid #546a8b; background-color:#527599}
.x-hoga-bdy2 input[type=text]:disabled, .x-hoga-bdy select:disabled {color:#aaadb2; background:#3d444e}

.x-hoga-bar {color:#fff; border-color:#495360}
.x-hoga-bar > form > ul { border-color:#495360; background:none}
.x-hoga-bar ul li.x-uline input[type=text] {color:#fff; background:#151f2f}
.x-hoga-bar ul li.x-uline input[type=button], .x-hoga-bdy2 .stkbox-wrap input[name=btn1] {background-image:url(../images/bl_select_c1.png); background-color:transparent; border:none}
.x-hoga-bar .x-favorite {opacity:.3}
.x-hoga-bar .x-volume {color:#becde2}

.normal .buy {background-color:rgba(0,0,0,0)}
.normal .sell {background-color:rgba(0,0,0,0)}
.normal .edit {background-color:rgba(0,0,0,0)}
.normal .tab li {color:#aaadb2; border-color:#384353; background-color:rgba(18,27,42,.8) }
.normal .tab li.on {color:#fff; background-color:transparent}
.normal .orderBox li {color:#aaadb2}
.normal .orderBox > ul li > label {color:rgba(250,250,255,.6)}
.normal .orderBox > ul input[type=text], .normal .orderBox > ul select {border:1px solid #546a8b; color:#fff; background-color:#212e43}
.normal .order-info {color:#aaadb2; background-color:rgba(180,180,200,.1)}

.order ul li > label {color:#aaadb2}
.order .orderBox .x-price-area input[type=button] {min-width:18px; background-position:-18px 0px}
.order .orderBox .x-price-area input[name=btnPrcMinus], .order .orderBox .x-price-area input[name=btnQtyMinus] {background-position:-18px -19px}
.orderDetailMore {border:1px solid #384353; background-color:rgba(0,0,0,.3)}

.openPrice {background:#0d131c; border-right:1px solid #384353}
.openPrice h2 {background:#151f2f; border-bottom:1px solid #384353}
.openPrice ul {border-bottom:1px solid #384353}
.openPrice ul label {background:#151f2f}

.popConfirm dl dd {color:#3f454e}

.x-chart-wrap {border:1px solid #384353; background:#242f41}
.tool-bar {border-bottom:1px solid #384353; background:#151f2f}
.tool-bar .fr p {border-right:1px solid #384353}
.avg-line .ma5 {color:#ff99ff}
.avg-line .ma10 {color:#6e90ff}
.avg-line .ma20 {color:#f89200}
.avg-line .ma60 {color:#2aa314}
.avg-line .ma120 {color:#727272}
.acc-conf button {background:#151f2f}
.acc-conf .toggle div {background:#151f2f}
.acc-conf .toggle div button {background:#4e587a}
.acc-conf dt, .acc-conf dd {border-color:#495360}
.acc-conf li span {color:#fff}

.x-chart-bdy {background:none}
.slider .slider-bar {background-color:transparent}
.slider .slider-bar .ui-widget-content {border:none; background:rgba(0,0,0,.3)}
.slider .zoom {background-color:transparent}
.slider .zoom .zoom-bar { border:none; background:#1d2836}
.slider .zoom button { border:none; background-color:#1d2836; background-position:top right -20px}
.slider .zoom button:first-child {background-position:top -20px right -20px}

.x-tab {background:#151f2f}
.x-grid-hdr th {background:#313e4f}
.x-lst, .x-tbl-jan-sum, .x-tbl-jan-sum dt, .x-tbl-jan-sum dd {border-color:#495360}
.x-tbl-jan-sum {background:none}
.x-tbl-jan-sum h2 {border-color:#495360; background:#151f2f}
.x-grid-hdr th, .x-grid-bdy td {border-color:#495360}
.x-grid-bdy .on {}


/* appStock */
header .topBtn {position:absolute; top:0; right:0; z-index:10}
header .topBtn input {display:block; float:left; width:30px; height:30px; margin:0 5px; border:none; text-indent:-9000px; background-image:url(../images/btn_win.png); background-repeat:no-repeat; background-color:transparent; opacity:.5}
header .topBtn input:hover {background-color:rgba(50,150,250,.1); opacity:1}
header .topBtn .win_min { background-position:5px 0}
header .topBtn .win_max { background-position:5px -30px}
header .topBtn .win_res { background-position:5px -60px}
header .topBtn .win_cls { background-position:5px -90px}

header .appBtn input {background-image:url(../images/btn_win1.png);}


@media only screen and (max-width:640px) {
	.x-hoga-bar {border-bottom:1px solid #c0c8d7}
	
	.x-menu-box li {border-color:#495360}
	header .appBtn.on dd {background: #1b2838}
	header .appBtn input {background-image:none;}
	header .appBtn dt button li {color:#fff; }

	.x-grid-bdy td:nth-child(1) {
		background-color: #000;
	}

	.askPrice {
		color: #000;
	}

	.askPrice .up {
		color: #ff4151;
	}

	.askPrice .dn {
		color: #0179f1;
	}

	.askPrice ul {
		border-bottom-color: #c0c8d7;
		border-right-color: #c0c8d7;
		background-color: transparent;
	}

	.askPrice > ul.sell-ask li {
		background-image: url(../images/sell_bg.png);
	}

	.askPrice > ul.buy-ask li {
		background-image: url(../images/buy_bg.png);
	}

	.x-hoga-bdy1 {
		border: 1px solid #c0c8d7;
		background: #fff;
	}

	/* .x-hoga-bdy2 {border:1px solid #c0c8d7; background:#fff} */
	.askPrice > ul.sell-price {
		background-color: #eef9ff;
	}
	.askPrice > ul.buy-price {
		background-color: #fff0eb;
		border-bottom: none;
	}

	.askPrice > ul.buy-ask {
		background-color: #fff8f5;
		border-bottom: none;
	}

	.askPrice > ul.sell-ask {
		background-color: #f7fcff/*#eef9ff;*/;
	}

	.askPrice > ul.tic {
		border-bottom: 1px solid #ccc;
	}

	.askPrice > ul.tic li:nth-child(odd) {
		background-color: #fafafa;
	}

	.askPrice ul.tic {border-bottom:1px solid #f0f3f7}
	.askPrice ul.tic::-webkit-scrollbar-thumb {background-color: rgba(239, 242, 245, 0.5); border-radius: 5px; border: 2px solid #dee4ee;}
	.askPrice ul.tic::-webkit-scrollbar-track {border-radius:10px;  background-color: #f1f3f5;}
}